/* Adapted from Setflow's selected, undeployed setflow-site-v5 design. */
@font-face{font-family:Supreme;src:url('./fonts/Supreme-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Supreme;src:url('./fonts/Supreme-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Supreme;src:url('./fonts/Supreme-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Zodiak;src:url('./fonts/Zodiak-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Zodiak;src:url('./fonts/Zodiak-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#fff;--ink:#131316;--muted:#62626d;--line:#e8e8ec;--violet:#7b5bff;--lavender:#f4f1ff;--gradient:linear-gradient(135deg,#3b9bff 0%,#7b5bff 50%,#9333ea 100%);font-family:Supreme,system-ui,sans-serif}
body{font-family:Supreme,system-ui,sans-serif;text-rendering:optimizeLegibility}::selection{color:#fff;background:#7b5bff}
.header{position:absolute;z-index:10;inset:16px 0 auto;height:auto;border:0;padding-inline:16px}
.navigation{width:min(896px,100%);min-height:62px;padding:10px 10px 10px 22px;border:1px solid #ffffff1a;border-radius:16px;background:#0a0a0cb3;box-shadow:0 4px 24px #0004;backdrop-filter:blur(12px);color:#f5f5f7}
.brand{font-family:Zodiak,Georgia,serif;font-size:22px;font-weight:700;letter-spacing:-.04em;gap:0}.brand-ai{color:#7b5bff;font-weight:700}
.navigation nav{gap:28px;font-size:14px;color:#f5f5f7cc}.navigation .button{font-size:14px;font-weight:500;padding:10px 17px}
.button{background:var(--gradient);border:1px solid #ffffff0a;border-radius:10px;font-family:Supreme,system-ui,sans-serif;font-size:16px;font-weight:500;box-shadow:0 5px 18px #7b5bff14;transition:filter .16s,transform .16s}
.button:active{transform:scale(.97)}
.hero-band{position:relative;background:#0a0a0c;color:#f5f5f7;overflow:hidden}
.hero-band::before{position:absolute;inset:0;content:'';pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#7b5bff20,transparent 58%),radial-gradient(ellipse at 5% 30%,#3b9bff0d,transparent 45%)}
.hero{position:relative;padding-block:145px 70px}
.hero .eyebrow,.hero .edition{color:#9a9aa6}
.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:500}
.hero .client{font-size:15px;color:#f5f5f7}.hero .client span{color:#9a9aa6;border-color:#393941;font-size:13px}
h1{font-family:Supreme,system-ui,sans-serif;font-weight:400;font-size:clamp(40px,5.5vw,76px);line-height:1.02;letter-spacing:-.028em;max-width:1050px;text-wrap:balance;margin-bottom:44px}
.muted-title{color:inherit;font-weight:700}.accent{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}
.hero-copy .lead{color:#f5f5f7;font-size:22px;font-weight:400;line-height:1.5}.hero-copy>p:not(.lead){color:#9a9aa6;font-size:17px;line-height:1.65}.hero-copy .button{font-size:15px}
.hero-grid{grid-template-columns:.87fr 1.13fr;gap:56px}
.tags span{background:#141418;border-color:#282830;color:#b6b6c0;font-size:11px}
.video-shell{border-color:#3c354f;border-radius:14px;box-shadow:0 16px 48px #0005}.hero figcaption{color:#9a9aa6;font-size:11px}.hero .caption-dot{background:#7b5bff}.hero .player-message{color:#b6b6c0}
.outcomes{border-top:0;padding-block:45px 46px}.metric{font-weight:700;font-variant-numeric:lining-nums tabular-nums;font-size:58px;letter-spacing:-.02em}.outcomes h2{font-size:16px;font-weight:700}.outcomes p:not(.metric){font-size:14px}
.chapters{background:#ffffffed}.chapters a span{font-family:Supreme,system-ui,sans-serif;font-size:14px}
h2{font-weight:700;line-height:1.08;letter-spacing:-.022em}.section-intro>p:last-child{font-size:17px}.comparison article{border-radius:14px;border-color:#ededf0;box-shadow:0 1px 8px #1313160a}.comparison .after{border-color:#ded5fc}.comparison li{font-size:16px}.comparison h3{font-weight:700}.comparison .eyebrow{font-size:11px}
.pull-quote{padding-block:12px;border-color:#7b5bff}.pull-quote>p,.verdict-grid blockquote>p{font-family:Zodiak,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.015em}.pull-quote>p{font-size:32px;line-height:1.5}blockquote footer{font-size:14px}blockquote footer span{font-size:12px}
.workflow-section{background:#f6f6f8}.workflow h3{font-weight:700;font-size:25px}.workflow p{font-size:16px}.detail-note p{font-size:15px}table{font-size:16px}.results-table{border-radius:14px}thead{background:#f6f6f8}.source-note{font-size:12px;line-height:1.7}
.verdict-section{background:#0a0a0c}.verdict-grid>div>p:not(.eyebrow){font-size:16px}.verdict-grid blockquote>p{font-size:30px;line-height:1.5}.closing{padding-block:100px}.closing h2{font-size:52px}.closing>p:not(.eyebrow){font-size:17px}.closing .pricing-note{font-size:13px!important}.footer-band{background:#0a0a0c;color:#f5f5f7}.site-footer{border-color:#1f1f25;padding-block:36px}.site-footer p,.site-footer nav{color:#9a9aa6;font-size:12px}
@media(hover:hover){.button:hover{background:var(--gradient);filter:brightness(1.1)}.quiet-nav:hover{color:#fff}}
@media(min-width:1600px){h1{font-size:78px}}
@media(max-width:1000px){.hero-grid{gap:32px}.hero-copy .lead{font-size:20px}.hero-copy>p:not(.lead){font-size:16px}.hero-copy .button{font-size:14px}}
@media(max-width:700px){.header{top:12px;padding-inline:12px}.navigation{min-height:56px;padding:9px 9px 9px 16px;border-radius:14px}.brand{font-size:20px}.navigation .button{font-size:13px;padding:8px 13px;min-height:38px}.hero{padding-block:112px 40px}.hero .client{font-size:14px}.hero .client span{font-size:12px}.hero>.eyebrow{font-size:10px}.hero .edition{font-size:9px}h1{font-size:clamp(39px,10vw,59px);line-height:1.06;margin-bottom:30px;text-wrap:balance}.hero-copy .lead{font-size:20px}.hero-copy>p:not(.lead){font-size:16px}.hero-copy .button{font-size:14px}.tags span{font-size:10px}.hero-grid{gap:28px}.hero figcaption{font-size:10px}.outcomes{padding-block:10px 20px}.metric{font-size:46px}.outcomes h2{font-size:14px}.outcomes p:not(.metric){font-size:13px}.chapters a span{font-size:12px}.section-intro h2{font-size:35px}.section-intro>p:last-child{font-size:16px}.comparison li{font-size:15px}.pull-quote>p{font-size:25px}.workflow h3{font-size:24px}.workflow p{font-size:15px}.detail-note p{font-size:14px}table{font-size:12px}.source-note{font-size:11px}.verdict-grid h2{font-size:34px}.verdict-grid>div>p:not(.eyebrow){font-size:15px}.verdict-grid blockquote>p{font-size:26px}.closing{padding-block:65px}.closing h2{font-size:36px}.closing>p:not(.eyebrow){font-size:16px}.closing .pricing-note{font-size:12px!important}.site-footer p,.site-footer nav{font-size:11px}}
.closing .pricing-note{font-size:20px!important;font-weight:700;color:#17171c;line-height:1.5;margin-top:24px;max-width:640px;text-wrap:balance}
