:root{--bg:#080b10;--surface:#0d1219;--text:#f4f6f8;--muted:#929ba8;--line:#26303c;--accent:#d9ff35;--red:#ff514d;--cyan:#35d7ee;--yellow:#ffcf3f;--max:1500px}body{background:#080b10;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:56px 56px;background-attachment:fixed}.page{background:#080b10f8;max-width:var(--max);margin:auto;border-inline:1px solid var(--line)}.site-header{position:sticky;top:0;max-width:none;background:#080b10e8;backdrop-filter:blur(16px);height:78px;padding:0 40px}.site-header nav a.active{color:var(--text)}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.kicker,.eyebrow{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;font:500 10px/1.4 DM Mono,monospace}.kicker.red{color:var(--red)}.kicker.cyan{color:var(--cyan)}.kicker.yellow{color:var(--yellow)}h1,h2{letter-spacing:-.055em}h2{font-size:clamp(34px,4vw,61px);line-height:1.02}.hero{grid-template-columns:.72fr 1.28fr;gap:46px;min-height:760px;padding:70px 40px 90px}.hero h1{font-size:clamp(52px,5.9vw,86px);line-height:.94;margin:24px 0 30px}.hero h1 em,.page-hero h1 em{color:var(--accent);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:620px;color:#aab2bd;font-size:16px;line-height:1.75}.hero-actions{gap:30px}.text-link{color:var(--text);border-bottom:1px solid #71808e;padding-bottom:5px}.hero-shot{position:relative;margin:0;border:1px solid #394553;background:#0b0f15;clip-path:polygon(0 0,100% 0,100% 93%,94% 100%,0 100%);overflow:hidden}.hero-shot img{width:100%;height:100%;min-height:560px;object-fit:cover;display:block}.hero-shot:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px #0008;pointer-events:none}.hero-shot figcaption{z-index:2;position:absolute;bottom:20px;left:20px;background:#080b10df;border:1px solid #ffffff25;padding:9px 12px;letter-spacing:.12em;font:500 9px DM Mono}.hero-shot i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}.workflow-intro{padding:100px 40px;border-block:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px}.section-intro h2{max-width:720px;margin:0}.workflow-intro ol{display:grid;grid-template-columns:repeat(3,1fr);margin:70px 0 0;padding:0;list-style:none;border:1px solid var(--line);border-right:0}.workflow-intro li{padding:28px;min-height:240px;border-right:1px solid var(--line);background:linear-gradient(145deg,#111822,#0b1016)}.workflow-intro li>span,.feature-detail>div>span{color:#697582;font:10px DM Mono}.workflow-intro h3{font-size:21px;margin:70px 0 12px}.workflow-intro p,.feature-copy>p:not(.kicker),.split-features p:last-child,.feature-detail>div>p:not(.kicker){color:var(--muted);line-height:1.75}.feature-band{display:grid;grid-template-columns:.72fr 1.28fr;min-height:680px;border-bottom:1px solid var(--line)}.feature-band.reverse{grid-template-columns:1.1fr .9fr}.feature-band.reverse .feature-copy{order:2}.feature-band.full{display:block;padding:100px 40px}.feature-band.full .feature-copy{max-width:850px;padding:0 0 55px}.feature-copy{padding:90px 55px 70px 40px;align-self:center}.feature-copy h2{margin:22px 0 25px}.feature-copy .text-link{display:inline-block;margin-top:25px}.feature-image{margin:0;min-width:0;border-left:1px solid var(--line);background:#0a0e13;overflow:hidden}.reverse .feature-image{border-left:0;border-right:1px solid var(--line)}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block}.feature-image.contain img{object-fit:contain;padding:45px}.feature-band.full .feature-image{border:1px solid var(--line)}.feature-band.full .feature-image img{height:auto}.split-features{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.split-features article{border-right:1px solid var(--line)}.split-features article:last-child{border:0}.split-features img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:1px solid var(--line)}.split-features article>div{padding:45px 40px 60px}.split-features h2{font-size:clamp(32px,3.4vw,48px);margin:18px 0}.supporting{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:100px 40px;border-bottom:1px solid var(--line)}.supporting h2{margin:20px 0}.supporting ul{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;border:1px solid var(--line);list-style:none}.supporting li{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#aab2bd;font-size:12px}.supporting li:before{content:"+";color:var(--accent);margin-right:10px}.final-cta{min-height:390px}.final-cta h2{margin:18px 0}footer{border-top:0}.page-hero{padding:110px 40px 95px;background:radial-gradient(circle at 75% 10%,#35d7ee12,transparent 33%);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(56px,7vw,100px);line-height:.92;margin:24px 0 30px}.feature-detail{display:grid;grid-template-columns:.65fr 1.35fr;min-height:650px;border-bottom:1px solid var(--line)}.feature-detail.reverse{grid-template-columns:1.35fr .65fr}.feature-detail.reverse>div{order:2}.feature-detail>div{padding:75px 40px;align-self:center}.feature-detail h2{font-size:clamp(34px,3.8vw,56px);margin:20px 0 35px}.feature-detail h3{font:500 10px DM Mono;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:22px 0 8px}.feature-detail>img{width:100%;height:100%;min-height:650px;object-fit:cover;object-position:left center;border-left:1px solid var(--line)}.feature-detail.reverse>img{border-left:0;border-right:1px solid var(--line)}.guide-list.visual{padding:0}.guide-list.visual article{grid-template-columns:65px .7fr 1.3fr;gap:28px;padding:0;min-height:460px}.guide-list.visual article>span{padding:55px 0 0 40px}.guide-list.visual article>div{padding:55px 25px;align-self:center}.guide-list.visual h2{font-size:clamp(30px,3.5vw,52px);margin:16px 0}.guide-list.visual img{width:100%;height:100%;min-height:460px;object-fit:cover;object-position:left center;border-left:1px solid var(--line)}
@media(max-width:1000px){.hero,.feature-band,.feature-band.reverse,.feature-detail,.feature-detail.reverse{grid-template-columns:1fr}.hero-shot img{min-height:430px}.feature-band.reverse .feature-copy,.feature-detail.reverse>div{order:0}.feature-image,.reverse .feature-image,.feature-detail>img,.feature-detail.reverse>img{border:0;border-top:1px solid var(--line)}.feature-image img{height:auto}.feature-detail>img{min-height:0;height:auto}.supporting{grid-template-columns:1fr}.guide-list.visual article{grid-template-columns:65px 1fr}.guide-list.visual img{grid-column:1/-1;min-height:0;height:auto;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:700px){.site-header{padding:0 20px}.site-header .brand span:last-child{display:none}.hero{padding:55px 20px 65px}.hero h1{font-size:47px}.hero-shot img{min-height:300px}.workflow-intro,.feature-band.full,.supporting{padding:70px 20px}.section-intro,.workflow-intro ol,.split-features{grid-template-columns:1fr}.workflow-intro li{min-height:190px}.workflow-intro h3{margin-top:40px}.feature-copy{padding:65px 20px}.feature-image.contain img{padding:20px}.split-features article{border-right:0;border-bottom:1px solid var(--line)}.split-features article>div{padding:35px 20px 50px}.supporting{gap:40px}.supporting ul{grid-template-columns:1fr}.page-hero{padding:75px 20px 60px}.page-hero h1{font-size:48px}.feature-detail>div{padding:60px 20px}.guide-list.visual article{grid-template-columns:45px 1fr}.guide-list.visual article>span{padding-left:20px}.guide-list.visual article>div{padding:45px 20px}.final-cta{margin:0 20px}.hero-actions{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep split feature media contained above its copy. */
.split-features article{min-width:0;background:var(--bg);overflow:hidden}
.split-features img{position:relative;height:auto;object-position:center}
.split-features article>div{position:relative;z-index:1;background:var(--bg)}
.split-features article:first-child img{aspect-ratio:2.15/1;max-height:320px;object-fit:cover;object-position:center}
@media(max-width:700px){.split-features article:first-child img{max-height:240px}}

/* More compact screenshot scale: at least 20% less vertical footprint. */
.hero-shot img{min-height:440px}
.feature-band{min-height:540px}
.feature-copy{padding-top:70px;padding-bottom:55px}
.feature-band:not(.full) .feature-image img{max-height:540px}
.split-features img{aspect-ratio:2/1;max-height:300px}
.split-features article:first-child img{max-height:255px}
.feature-detail{min-height:520px}
.feature-detail>img{min-height:520px;max-height:560px}
.guide-list.visual article{min-height:365px}
.guide-list.visual img{min-height:365px;max-height:410px}
@media(max-width:1000px){.hero-shot img{min-height:340px}.feature-band:not(.full) .feature-image img,.feature-detail>img,.guide-list.visual img{min-height:0;max-height:480px}}
@media(max-width:700px){.hero-shot img{min-height:235px}.split-features img,.split-features article:first-child img{max-height:210px}.feature-band:not(.full) .feature-image img,.feature-detail>img,.guide-list.visual img{max-height:330px}}

/* Softer charcoal/slate foundation. */
:root{--bg:#171d25;--surface:#1d2530;--line:#354252;--muted:#aab3bf}
body{background-color:#1b222c;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px)}
.page{background:#171d25f7}
.site-header{background:#171d25ed}
.hero-shot,.feature-image{background:#121820}
.hero-shot figcaption{background:#171d25e8}
.workflow-intro li{background:linear-gradient(145deg,#222c38,#1a222c)}

/* Light-grey marketing theme. */
:root{--bg:#d8dde2;--surface:#cdd3d9;--surface-2:#c3cad1;--text:#18212a;--muted:#56616c;--line:#adb6bf;--accent:#657a00;--red:#b52d2a;--cyan:#087f91;--yellow:#916900}
body{color:var(--text);background-color:#cbd1d7;background-image:linear-gradient(#18212a0a 1px,transparent 1px),linear-gradient(90deg,#18212a0a 1px,transparent 1px)}
.page{background:#d8dde2f7}.site-header{background:#d8dde2ed}.site-header nav>a:not(.button){color:#45515c}.site-header nav>a:not(.button):hover,.site-header nav a.active{color:#111920}
.hero-copy>p:not(.eyebrow),.workflow-intro p,.feature-copy>p:not(.kicker),.split-features p:last-child,.feature-detail>div>p:not(.kicker),.final-cta p:last-child,.page-hero p,.guide-list p{color:var(--muted)}
.workflow-intro li{background:linear-gradient(145deg,#e1e5e9,#cfd5db)}.feature-image,.hero-shot{background:#bcc4cc}.split-features article,.split-features article>div{background:var(--bg)}
.text-link{color:#18212a;border-color:#65717c}.supporting li{color:#35414c}.brand-mark,.button-primary,.button-small{color:#111920;background:#afc91f}
.contact-page>div{background:#c3d45e}.contact-form input,.contact-form select,.contact-form textarea{color:#18212a;background:#eef0f2;border-color:#9ca7b1}
@media(max-width:800px){.site-header nav{background:#d8dde2fa}}

/* Editor launch CTAs only. */
a.button[href*="editor"]{color:#fff;background:#e10600;box-shadow:none}
a.button[href*="editor"]:hover{background:#c90000;box-shadow:0 8px 28px #e1060030}

/* Tighter opening rhythm and shared social footer. */
.hero{padding-top:10px;align-items:start}
.hero-copy{padding-top:6px}
.social-links{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:-34px}
.social-links a{display:grid;place-items:center;width:38px;height:38px;color:#26313b;border:1px solid var(--line);border-radius:50%;transition:color .2s,border-color .2s,transform .2s}
.social-links a:hover{color:#e10600;border-color:#e10600;transform:translateY(-2px)}
.social-links svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.7}.social-links svg rect,.social-links svg circle{fill:none}.social-links svg .fill{fill:currentColor;stroke:none}.social-links svg .fill-bg{fill:var(--bg);stroke:none}
@media(max-width:700px){.hero{padding-top:8px}.hero-copy{padding-top:4px}.social-links{justify-content:flex-start;margin-top:0}}
.workflow-intro{padding-top:0}
@media(max-width:700px){.workflow-intro{padding-top:0}}
.supporting{padding-top:0}
@media(max-width:700px){.supporting{padding-top:0}}
.hero h1{font-size:clamp(48px,5.3vw,76px)}
@media(max-width:700px){.hero h1{font-size:42px}}