:root{--accent:var(--tone);--page:var(--ground)}
body{background:radial-gradient(ellipse 700px 520px at 35% 220px,color-mix(in srgb,var(--tone) 13%,transparent),transparent 78%),var(--ground)}
.header{height:104px}.brand{font-family:Arial,sans-serif;gap:10px;font-size:30px;letter-spacing:-1px;font-style:italic;font-weight:800}.chekly-mark{display:flex;align-items:center;gap:3px;height:31px;transform:skew(-12deg)}.chekly-mark i{display:block;width:4px;height:18px;background:var(--tone)}.chekly-mark i:nth-child(2){height:31px}.chekly-mark i:nth-child(3){height:24px}.header .login,.search .button{background:var(--tone);border-color:var(--tone);color:#071c22;box-shadow:none}.header .login:hover,.button:hover{background:var(--tone);filter:brightness(1.08)}.gradient,.clean-hero em{background:none;color:var(--tone);font-style:normal}.clean-hero{position:relative;padding-top:68px;padding-bottom:70px}.clean-hero h1{font-size:clamp(40px,4.5vw,68px);line-height:1.13}.clean-hero .hero-description{max-width:730px;margin-inline:auto;font-size:20px}.variant-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--tone);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px}.variant-kicker::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.site-domain{color:#86979e;font-size:12px;margin-top:20px}.search{border-color:color-mix(in srgb,var(--tone) 30%,transparent)}.typing-caret{background:var(--tone)}.clean-hero .benefits{color:#a0afb5}.photo-content{gap:48px}.site-end{padding:32px;border-radius:24px;background:#ffffff05;border:1px solid #ffffff12;text-align:center}.site-end h2{font-size:32px}.site-end p{margin:12px 0 22px}.site-end .button{background:var(--tone);border-color:var(--tone)}.header nav a:hover{color:var(--tone)}footer .button{color:var(--tone);border-color:var(--tone)}
.layout-split .clean-hero{text-align:left;padding-right:43%;min-height:560px}.layout-split .clean-hero:after{content:'';position:absolute;right:0;top:76px;width:35%;height:370px;border:1px solid #ffffff1c;border-radius:28px;background:url('assets/section-2.29f08af8f8b5.webp') 77.5% 40%/350% auto no-repeat;box-shadow:0 24px 80px #0003}.layout-split .clean-hero h1{font-size:clamp(40px,4vw,60px)}.layout-split .hero-description{font-size:18px}.layout-split .search{margin-left:0}.layout-split .search-placeholder{font-size:14px}.layout-split .benefits{justify-content:flex-start;flex-wrap:wrap;font-size:12px}.layout-split .hero-note{text-align:left}.layout-split .search .button{min-width:130px}.layout-split .animated-prompt{font-size:15px}.layout-split #about{max-width:1100px;margin-inline:auto}
.layout-frame .clean-hero{margin-top:28px;margin-bottom:48px;padding:54px 32px;border-radius:34px;border:1px solid color-mix(in srgb,var(--tone) 22%,transparent);background:linear-gradient(140deg,#ffffff06,transparent)}.layout-frame .reference{border-radius:18px}.layout-frame .photo-content{gap:36px}.layout-frame .header nav{background:none;border-color:transparent}.layout-frame .section-heading{text-align:center}
.layout-editorial .clean-hero{text-align:left;display:grid;grid-template-columns:1.2fr 1fr;column-gap:70px;align-items:center;padding-top:72px;padding-bottom:64px}.layout-editorial .variant-kicker,.layout-editorial h1{grid-column:1}.layout-editorial .hero-description{grid-column:2;grid-row:2;align-self:center;margin:0;font-size:23px}.layout-editorial .search{grid-column:1/-1;width:100%;max-width:none;margin-top:38px}.layout-editorial .hero-note,.layout-editorial .benefits,.layout-editorial .site-domain{grid-column:1/-1}.layout-editorial .hero-note{text-align:left}.layout-editorial .benefits{justify-content:flex-start}.layout-editorial .section-heading{padding-left:20px;border-left:3px solid var(--tone)}
.layout-console .clean-hero{margin-block:32px 48px;padding:38px 40px;border:1px solid #ffffff15;border-radius:20px;background:repeating-linear-gradient(0deg,transparent,transparent 47px,#ffffff03 48px),repeating-linear-gradient(90deg,transparent,transparent 47px,#ffffff03 48px),#ffffff02}.layout-console .variant-kicker{font-family:monospace;letter-spacing:1px}.layout-console .clean-hero h1{font-size:clamp(40px,4vw,60px)}.layout-console .search{border-radius:14px}.layout-console .button,.layout-console .login{border-radius:12px}.layout-console .reference{border-radius:16px}.layout-console .benefits{padding-top:22px;border-top:1px solid #ffffff10;max-width:720px;margin-inline:auto}
.layout-minimal .header nav{border:0;background:transparent}.layout-minimal .clean-hero{padding-top:92px;padding-bottom:92px}.layout-minimal .clean-hero h1{font-size:clamp(40px,4.1vw,64px);font-weight:500;letter-spacing:-1px}.layout-minimal .search{background:transparent}.layout-minimal .photo-content{max-width:1100px;gap:68px}.layout-minimal .reference{border-radius:12px}.layout-minimal .section-heading h2{font-weight:500}.layout-minimal .site-end{border:0;background:transparent}
@media(max-width:1000px) and (min-width:701px){.layout-split .clean-hero{padding-right:39%}.layout-split .clean-hero:after{width:34%;height:310px}.layout-split .search{flex-wrap:wrap;gap:8px}.layout-split .search .button{width:100%}.layout-editorial .clean-hero{column-gap:28px}.layout-editorial .hero-description{font-size:19px}}
@media(max-width:700px){.header{height:auto}.brand{font-size:26px}.header .login{font-size:11px;padding:12px 14px}.clean-hero,.layout-minimal .clean-hero{padding-top:48px;padding-bottom:48px}.clean-hero h1,.layout-split .clean-hero h1,.layout-console .clean-hero h1,.layout-minimal .clean-hero h1{font-size:38px}.clean-hero .hero-description{font-size:16px}.variant-kicker{font-size:10px;letter-spacing:1px}.layout-split .clean-hero{padding-right:0;text-align:center;min-height:0}.layout-split .clean-hero:after{display:none}.layout-split .benefits{justify-content:center}.layout-split .hero-note{text-align:center}.layout-frame .clean-hero{padding:34px 18px;margin-block:24px 32px}.layout-editorial .clean-hero{display:flex;flex-direction:column;text-align:center;padding-block:48px}.layout-editorial .hero-description{font-size:17px;margin-top:24px}.layout-editorial .hero-note{text-align:center}.layout-editorial .benefits{justify-content:center}.layout-console .clean-hero{padding:30px 18px;margin-block:24px 32px}.layout-minimal .photo-content{gap:36px}.site-end{padding:26px 18px}.site-end h2{font-size:27px}footer .site-domain{width:100%;margin:0}.layout-editorial .search{margin-top:26px}}

@media(max-width:700px){.photo-grid.scenarios{grid-template-columns:1fr!important}}