/* All index.html styles in one file, merged in the original load order. Edit this file for the home page; terms/refund/privacy still use css/style.css + css/legal.css. */
/* ==== style.css ==== */
/* fonts.css */
/* Self-hosted fonts (no requests to Google). Files in /fonts. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/dm-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/dm-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/plus-jakarta-sans-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/plus-jakarta-sans-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#080b0e;--panel:#0e141a;--blue:#a5cfee;--text:#eaf0f5;--muted:#8e9aa7;--line:#242d35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.1}h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-.065em}h2{font-size:clamp(38px,3.7vw,54px)}h2 span,h1 span{color:var(--blue)}h3{font-size:26px}p{color:var(--muted);line-height:1.75;margin-top:25px}.wrap{max-width:1192px;margin:0 auto;padding-left:28px;padding-right:28px}header{height:100px;max-width:1304px;padding:0 38px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:650;font-size:23px;letter-spacing:-1px;display:flex;align-items:center}.brand span{color:var(--blue)}.brand i{width:31px;height:36px;margin-right:10px;border-radius:8px;background:var(--blue);color:#101820;font-size:25px;text-align:center;transform:skew(-8deg);line-height:36px;font-weight:700}nav{display:flex;gap:31px;font-size:14px;color:#aab5be}nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--blue);color:#10202c;border:1px solid var(--blue);padding:14px 21px;border-radius:7px;font-size:14px;font-weight:650;line-height:1.5;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#c7e5fb}.button.secondary{background:#111820;border-color:#35414b;color:var(--text)}.button.small{padding:10px 17px;font-size:13px}.hero{text-align:center;padding-top:63px;overflow:hidden;background:radial-gradient(ellipse at 50% 89%,#172b3d88,transparent 58%)}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--blue);font-weight:600;margin-bottom:26px}.hero p{margin-top:25px;font-size:16px}.actions{display:flex;justify-content:center;gap:12px;margin-top:32px}.textlink{display:inline-block;font-size:13px;margin-top:18px;color:#bcc9d3}.textlink span{margin-left:7px;color:var(--blue)}.screen{border:1px solid #384753;border-radius:12px;overflow:hidden;background:#0a1015;box-shadow:0 25px 90px #0004}.screen img{width:100%;display:block}.hero-screen{max-width:1176px;margin:57px auto 0;box-shadow:0 0 90px #a5cfee0d}.framebar{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:9px;letter-spacing:1.4px;color:#8594a2;background:#10171e;border-bottom:1px solid #25333e}.framebar span:first-child{letter-spacing:0}.screen-caption{max-width:1176px;margin:15px auto 0;display:flex;justify-content:space-between;color:#70808e;font-size:11px}.hero .screen-caption{padding:0 4px 35px}.trust{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding-top:27px;padding-bottom:27px;border-bottom:1px solid var(--line);font-size:12px;color:#b8c2ca}.why{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:135px;padding-bottom:135px;align-items:center}.quietline{color:#c5d2dc;font-size:13px;margin-top:34px;border-left:2px solid var(--blue);padding-left:14px}.costs{padding:29px 30px;background:linear-gradient(145deg,#151d25,#0d1217);border:1px solid #2b3742;border-radius:12px;box-shadow:0 30px 80px #0004;transform:rotate(-1deg)}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#adc2d1}.card-top span+span{color:#738493;letter-spacing:0}.cost{margin-top:30px}.cost>div:first-child{display:flex;justify-content:space-between;font-size:14px}.cost strong{color:#ee97a3;font-weight:500}.bar{height:5px;border-radius:5px;background:#242930;margin:11px 0 5px}.bar:after{content:'';display:block;width:var(--w);height:100%;background:#cd8791;border-radius:5px}.cost small{color:#788998;font-size:11px}.cost-note{margin-top:27px;border-top:1px solid #2a3540;padding-top:20px;font-size:12px;color:#aab6c1}.journal{padding:105px 0;background:#0c1117;border-top:1px solid #1b252f;border-bottom:1px solid #1b252f}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head p{margin:0;max-width:370px}.steps{display:flex;gap:0;margin:45px 0 22px}.steps button{background:none;border:0;border-bottom:1px solid #34404b;text-align:left;flex:1;padding:0 0 18px;color:#788896;font-size:13px}.steps b{font-weight:400;margin-right:16px}.steps .active{color:var(--blue);border-bottom-color:var(--blue)}.session-stage{border:1px solid #354551;border-radius:12px;overflow:hidden;aspect-ratio:1370/953;background:#090e13;position:relative}.session-stage>img{width:100%;height:100%;object-fit:contain;display:block;transition:filter .4s}.session-stage.reflect>img{filter:brightness(1.15)}#session-summary{height:100%;text-align:center;padding:9% 7%;background:radial-gradient(ellipse at center,#1b3042,transparent 75%)}#session-summary[hidden]{display:none}#session-summary h3{font-size:clamp(26px,3vw,44px)}.score-animation{display:flex;justify-content:center;gap:7%;margin:45px 0 10px}.score-animation>div{display:flex;flex-direction:column}.score-animation b{font-size:55px;font-weight:450;color:var(--blue);line-height:1.5}.score-animation span{font-size:14px}.session-caption{font-size:12px;text-align:center;margin-top:20px}.scores{padding-top:115px;padding-bottom:115px;text-align:center}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px}.score-grid article{padding:0 40px}.score-grid article+article{border-left:1px solid var(--line)}.ring{height:100px;width:100px;border-radius:50%;margin:0 auto 27px;display:grid;place-items:center;background:conic-gradient(var(--blue) var(--progress),#1a252e 0);position:relative}.ring:before{content:'';position:absolute;inset:4px;background:var(--bg);border-radius:50%}.ring span{position:relative;font-size:28px;color:var(--blue);font-weight:400}.score-grid h3{font-size:27px}.label{font-size:10px;letter-spacing:2px;margin-top:13px;color:var(--blue)}.score-grid p{font-size:14px;margin-top:17px}.custom{padding-top:50px;padding-bottom:110px}.chips{display:flex;gap:9px;margin-top:25px;flex-wrap:wrap}.chips span{border:1px solid #34404a;border-radius:5px;padding:6px 12px;color:#a8b8c6;font-size:11px}.custom-screen{max-height:620px}.custom-screen img{object-fit:cover;object-position:top}.habits{padding-top:50px;padding-bottom:110px}.habit-crop{border:1px solid #283743;border-radius:12px;overflow:hidden}.habit-crop img{width:100%;display:block;margin-bottom:-10.4%}.rules{padding-top:40px;padding-bottom:120px}.rules .section-head{margin-bottom:0}.rules-screen{margin-top:30px;border-color:#26333e}.privacy{text-align:center;padding:96px 0 90px;background:radial-gradient(ellipse at center,#13243488,transparent 70%);border-top:1px solid #202b35;border-bottom:1px solid #202b35}.privacy-mark{border:1px solid #425b70;border-radius:18px;width:67px;height:67px;display:grid;place-items:center;font-size:36px;color:var(--blue);margin:0 auto 26px}.privacy-list{display:flex;justify-content:center;gap:55px;margin-top:35px;font-size:12px;color:#b0c4d3}.imports{text-align:center;padding-top:115px;padding-bottom:115px}.platforms{display:flex;justify-content:center;align-items:stretch;margin-top:50px;border:1px solid var(--line);border-radius:10px}.platforms>span{flex:1;padding:25px 16px;display:flex;flex-direction:column;justify-content:center;font-size:19px;letter-spacing:-.5px}.platforms>span+span{border-left:1px solid var(--line)}.platforms small{font-size:8px;letter-spacing:1.2px;color:var(--blue);margin-top:6px}.pricing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:120px;padding-top:50px;padding-bottom:120px}.price-card{padding:36px;background:linear-gradient(140deg,#18232d,#0c1218);border:1px solid #456277;border-radius:12px}.price{font-size:77px;letter-spacing:-5px;line-height:1;margin-top:32px}.price span{font-size:14px;letter-spacing:0;color:#aebdca;margin-left:18px}.price-card p{font-size:13px;margin-top:15px}.price-card ul{list-style:none;padding:25px 0;margin:25px 0;border-top:1px solid #2d3b48;border-bottom:1px solid #2d3b48;color:#c0cbd4;font-size:13px}.price-card li{padding:6px 0}.price-card li:before{content:'✓';color:var(--blue);margin-right:13px}.price-card .button{width:100%}.price-card>small{display:block;text-align:center;font-size:11px;color:#8497a7;margin-top:15px}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;padding-top:30px;padding-bottom:100px}.questions details{border-bottom:1px solid var(--line);padding:19px 0}.questions details:first-child{padding-top:0}.questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:15px}.questions summary:after{content:'+';color:var(--blue)}.questions details[open] summary:after{content:'−'}.questions p{font-size:14px;margin:16px 30px 0 0}.final-cta{text-align:center;border-top:1px solid var(--line);padding-top:100px;padding-bottom:100px}.final-cta p{font-size:12px}.footer-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0}.footer-top>div{display:flex;gap:26px}.footer-top button,.footer-top>div>a{border:0;background:none;padding:0;font-size:12px;color:#a6b3be}.footer-bottom{display:flex;justify-content:space-between;padding-bottom:30px;font-size:10px;color:#70808c}dialog{max-width:460px;width:calc(100% - 36px);background:#121b24;color:var(--text);border:1px solid #496076;border-radius:14px;padding:38px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog p{font-size:15px;margin-bottom:24px}.close{position:absolute;right:15px;top:9px;background:none;border:0;font-size:25px;color:var(--muted)}@media(min-width:1500px){.hero{padding-top:75px}}@media(max-width:760px){header{height:78px;padding:0 22px}.brand{font-size:21px}.brand i{width:27px;height:32px;font-size:22px;line-height:32px}nav{display:none}.button.small{font-size:11px;padding:9px 12px}.hero{padding-top:43px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:23px}h1{font-size:43px;line-height:1.1;letter-spacing:-2.5px;padding:0 21px}h1 span{display:block;margin-top:7px}.desktop{display:none}.hero p{padding:0 31px;font-size:14px;line-height:1.7;margin-top:24px}.actions{flex-direction:column;align-items:stretch;margin:27px 28px 0;gap:10px}.button{padding:13px 16px}.textlink{font-size:12px;margin-top:18px}.hero-screen{width:690px;max-width:none;margin:38px 0 0 23px;border-radius:9px;transform:perspective(1500px) rotateY(-4deg);transform-origin:left center}.hero-screen .framebar{height:23px;font-size:7px}.hero .screen-caption{padding:0 23px 30px;font-size:9px}.hero .screen-caption span:first-child{display:none}.trust{grid-template-columns:1fr 1fr;gap:18px;text-align:left;font-size:10px;padding-top:24px;padding-bottom:24px}.wrap{padding-left:24px;padding-right:24px}h2{font-size:35px;letter-spacing:-1.7px}p{font-size:14px}.why{grid-template-columns:1fr;gap:35px;padding-top:75px;padding-bottom:75px}.costs{padding:23px;transform:none}.card-top{font-size:8px}.cost>div:first-child{font-size:13px}.journal{padding:70px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:25px}.steps button{font-size:10px;padding-right:10px}.steps b{display:block;margin-bottom:7px}.session-stage{aspect-ratio:1.1}.session-stage>img{object-fit:cover;object-position:right}.score-animation{margin-top:20px;gap:20px}.score-animation b{font-size:32px}.score-animation span{font-size:10px}#session-summary{padding:25px 10px}#session-summary .eyebrow{font-size:7px;margin-bottom:15px}#session-summary h3{font-size:23px}#session-summary p{font-size:10px;margin-top:12px}#session-summary .button{font-size:10px;padding:6px 14px;margin-top:15px}.scores{padding-top:70px;padding-bottom:70px}.score-grid{gap:27px;grid-template-columns:1fr;margin-top:35px;text-align:left}.score-grid article{padding:0 0 25px 94px;position:relative;min-height:150px}.score-grid article+article{border-left:0;border-top:1px solid var(--line);padding-top:26px}.ring{position:absolute;left:0;top:0;width:65px;height:65px}.score-grid article+article .ring{top:26px}.ring span{font-size:20px}.score-grid h3{font-size:25px}.score-grid p{font-size:13px;margin-top:12px}.label{margin-top:8px;font-size:8px}.custom{padding-top:5px;padding-bottom:70px}.custom-screen{height:340px}.custom-screen img{width:650px;max-width:none;height:340px;object-fit:cover;object-position:left}.screen-caption{font-size:9px}.habits{padding-top:0;padding-bottom:70px}.habit-crop{height:390px}.habit-crop img{height:390px;width:auto;max-width:none}.rules{padding-top:0;padding-bottom:70px}.rules-screen{width:100%}.rules-screen img{width:600px;max-width:none}.rules-screen{overflow:auto}.privacy{padding:70px 0}.privacy-list{gap:15px;font-size:9px}.imports{padding-top:70px;padding-bottom:70px}.platforms{flex-wrap:wrap}.platforms>span{flex:1 1 33%;font-size:14px;padding:20px 9px}.platforms>span+span{border-left:0}.platforms small{font-size:7px}.pricing{grid-template-columns:1fr;gap:35px;padding-top:0;padding-bottom:70px}.price-card{padding:27px}.faq{grid-template-columns:1fr;gap:35px;padding-top:0;padding-bottom:70px}.questions summary{font-size:14px}.final-cta{padding-top:65px;padding-bottom:65px}.final-cta .actions{margin-left:0;margin-right:0}.footer-top{align-items:start;gap:25px;flex-direction:column}.footer-top>div{gap:28px}.footer-bottom{gap:12px;flex-direction:column}.mobile-only main>section:not(.hero),.mobile-only .trust,.mobile-only footer{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.launch-tag{display:inline-block;margin-top:24px;padding:4px 10px;border:1px solid #456277;border-radius:999px;font-size:10px;letter-spacing:1.5px;color:var(--blue)}.launch-tag+.price{margin-top:14px}.price .price-was{font-size:32px;letter-spacing:-1px;color:#6f8394;margin:0 14px 0 0;vertical-align:middle;text-decoration-thickness:2px}
.tt-word{font-weight:700;color:#fff}.tt-word b{font-weight:inherit;color:var(--blue)}
/* Pricing card v2 */
.price-card.pc2{position:relative;padding:30px;border:1px solid #2b3d4a;border-radius:20px;background:radial-gradient(120% 70% at 100% 0,#9fcdf512,transparent 60%),linear-gradient(160deg,#121c25,#0a1016);box-shadow:0 30px 80px #0007,inset 0 1px 0 #ffffff0d}
.pc2-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pc2-head img{display:block;width:150px;height:auto}
.pc2-kind{font-size:12px;font-weight:550;letter-spacing:.06em;text-transform:uppercase;color:#7d8d9a}
.pc2-deal{margin-top:24px;padding:18px 20px 20px;border:1px solid #2a4458;border-radius:14px;background:linear-gradient(135deg,#152634,#0f1a23)}
.pc2-deal-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pc2-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.pc2-label em{font-style:normal;font-weight:500;color:#8fa0ae;letter-spacing:.04em}
.pc2-pill{padding:6px 12px;border-radius:999px;background:var(--blue);color:#10202c;font-size:12px;font-weight:750;letter-spacing:.04em;white-space:nowrap}
.pc2-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:10px}
.pc2-price strong{font-size:64px;font-weight:650;letter-spacing:-.05em;line-height:1;color:#fff}
.pc2-price s{font-size:22px;color:#6f7f8c;text-decoration-thickness:2px}
.pc2-price span{font-size:14px;color:#9aa8b4}
.price-card .pc2-list{display:grid;gap:12px;margin:24px 0;padding:0;border:0;list-style:none;font-size:14px;color:#c6d1da}
.price-card .pc2-list li{display:flex;align-items:center;gap:12px;padding:0}
.price-card .pc2-list li:before{content:none}
.pc2-list i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#9fcdf51f;color:var(--blue)}
.pc2-list i svg{width:13px;height:13px}
.price-card .pc2-cta{width:100%;height:54px;padding:0 20px;border-radius:10px;font-size:16px;font-weight:700;gap:10px;box-shadow:inset 0 1px 0 #ffffff55;transition:background .2s}
.price-card .pc2-cta:hover{background:#bcdcf3;border-color:#bcdcf3}
.pc2-cta svg{width:16px;height:16px;transition:transform .2s}.pc2-cta:hover svg{transform:translateX(3px)}
.price-card .pc2-note{margin:14px 0 0;text-align:center;font-size:12px;color:#7d8d9a}
.price-card .pc2-consent{display:flex;gap:9px;align-items:flex-start;margin:12px 0 0;font-size:11.5px;line-height:1.45;color:#7d8d9a;cursor:pointer;text-align:left}
.price-card .pc2-consent input{flex:none;width:15px;height:15px;margin:1px 0 0;accent-color:#bcdcf3;cursor:pointer}
.price-card .pc2-consent a{color:inherit;text-decoration:underline}
.price-card .pc2-legal{margin:8px 0 0;text-align:center;font-size:11.5px;color:#7d8d9a}.price-card .pc2-legal a{color:inherit;text-decoration:underline}
.price-card .pc2-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.price-card .pc2-cta:disabled:hover svg{transform:none}
.price-card .pc2-cta.is-loading{cursor:progress;opacity:.75}.price-card .pc2-cta.is-loading svg{animation:pc2-pulse .8s ease-in-out infinite alternate}@keyframes pc2-pulse{to{transform:translateX(4px);opacity:.3}}
@media(max-width:600px){.price-card.pc2{padding:22px 18px;border-radius:16px}.pc2-head img{width:128px}.pc2-kind{font-size:10.5px}.pc2-deal{padding:14px 16px 16px}.pc2-price strong{font-size:52px}.pc2-price s{font-size:18px}.price-card .pc2-list{font-size:13px;gap:10px}.price-card .pc2-note{font-size:11px}}
@media(max-width:600px){.pc2-label{font-size:10.5px;white-space:nowrap;letter-spacing:.06em}.pc2-pill{font-size:11px;padding:5px 10px}}
.footer-top>div{flex-wrap:wrap;row-gap:10px}
.footer-legal{display:inline-flex;flex-wrap:wrap;column-gap:0;row-gap:2px}
.footer-legal>span+span:before{content:"·";margin:0 7px;opacity:.6}
@media(max-width:600px){
footer.wrap{padding-left:16px;padding-right:16px}
.footer-top{flex-direction:column;align-items:flex-start;gap:22px;padding:28px 0 22px}
.footer-top>div{gap:14px 20px}
.footer-top>div>a{font-size:14px;color:#c3d1dc}
.footer-top>div>a[href^="mailto"]{flex-basis:100%}
.footer-bottom{gap:10px;padding:18px 0 32px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.6}
.footer-legal{display:block}
.footer-legal>span:nth-child(3):before{content:"\A";margin:0;white-space:pre}
}
html,body{overflow-x:clip}
/* Footer: trademark notice on its own line under the legal text. */
.footer-bottom{flex-wrap:wrap}.footer-trademark{flex-basis:100%}
/* ==== redesign.css ==== */
:root{--muted:#9ba7b0;--line:#263039;--glow:#a5cfee}body{background:#090c0f}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}h1,h2{color:#f6f7f8;font-weight:550}h2 span{color:#89959f}h1 span{color:#a7b2bb}.eyebrow{color:#95a2ad;font-size:10px;letter-spacing:2px;margin-bottom:19px}header{height:84px}.hero{padding-top:43px;background:radial-gradient(ellipse at 50% 85%,#1c344666,transparent 60%)}h1{font-size:clamp(48px,5.4vw,78px);line-height:1.05}.hero h1:first-line{color:#f7f9fa}.hero p{margin-top:22px}.hero-screen{margin-top:38px;max-width:1100px;transform:perspective(1800px) rotateX(3deg);transform-origin:bottom}.hero .screen-caption{max-width:1100px;padding-bottom:22px}.trust{padding-top:21px;padding-bottom:21px}.why{padding-top:75px;padding-bottom:75px;gap:75px}h2{font-size:clamp(36px,3.7vw,52px)}.costs{transform:rotate(-2deg);max-width:550px;border-radius:17px}.component{position:relative;background:linear-gradient(145deg,#17202a,#0a0f14);border:1px solid #3b4a57;border-radius:14px;box-shadow:0 20px 45px #0005,0 0 65px color-mix(in srgb,var(--glow) 8%,transparent);overflow:hidden}.component-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;min-height:47px;border-bottom:1px solid #27333e;font-size:9px;letter-spacing:1.6px;color:#9eafbd;background:#141c24}.hint{display:inline-flex;align-items:center;border:1px solid #3a4a58;border-radius:20px;background:#1c2933;padding:4px 10px;color:#bdcfdd;font-size:10px;letter-spacing:0;white-space:nowrap}.hint:hover{border-color:#a5cfee;color:white}.crop{position:relative;width:100%;overflow:hidden;background:#080d12}.crop img{position:absolute;max-width:none;height:auto;display:block}.embed-caption{text-align:center;font-size:10px;color:#697d8e;margin-top:15px}.journal{padding:66px 0 35px;background:linear-gradient(110deg,#0f171f,#090d12);border-color:#202d37}.journal-layout{display:grid;grid-template-columns:1fr 510px;gap:95px;align-items:start}.journal-story>p{font-size:15px}.journal-sticky{position:sticky;top:28px;align-self:start;padding-top:12px}.journal-card{width:100%;height:590px}.scene{height:541px;padding:18px;background:#080e13}.scene>.crop{height:100%;aspect-ratio:auto!important}.scene[data-panel="0"]>.crop{width:315px;margin:0 auto;height:542px}.scene[data-panel="1"]>.crop{width:100%;height:520px}.scene[data-panel="1"]>.crop img{width:230.2521%!important}.scene[hidden]{display:none}.scroll-step{min-height:200px;padding:38px 0 30px;border-bottom:1px solid #263642;opacity:.45;transition:opacity .4s}.scroll-step.active{opacity:1}.scroll-step button{padding:0;background:none;border:0;text-align:left;font-size:19px;width:100%;letter-spacing:-.5px}.scroll-step b{color:#a5cfee;font-size:12px;font-weight:400;margin-right:18px}.scroll-step button span{float:right;font-size:10px;border:1px solid #394955;border-radius:20px;padding:2px 9px;margin-top:5px;color:#a7c4d7}.scroll-step p{margin:13px 0 0 36px;font-size:14px}.summary-scene{text-align:center;padding:65px 30px}.summary-scene>.crop{width:100%;height:auto;aspect-ratio:300/239!important}.summary-scene p{font-size:14px;margin-top:20px}.summary-scene.reveal>.crop{animation:scoreReveal .8s ease both}@keyframes scoreReveal{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:none}}.replay{background:none;border:0}.scores{padding-top:74px;padding-bottom:72px;text-align:left}.score-intro{margin-bottom:30px}.score-bento{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:180px 340px;gap:22px}.radar-card{grid-row:1/3;max-width:540px}.radar-card>.crop{width:390px;margin:8px auto 0}.score-copy{display:flex;align-items:center;gap:26px;padding:0 20px}.oversize{font-size:148px;line-height:1;color:#a5cfee;letter-spacing:-10px;font-weight:400}.score-copy h3{font-size:28px}.score-copy p{font-size:14px;margin-top:12px;max-width:330px}.ring-card{display:grid;grid-template-columns:260px 1fr;grid-template-rows:47px 1fr;align-items:center}.ring-card .component-bar{grid-column:1/3}.ring-crop{width:235px;margin:15px 12px}.ring-labels{padding:5px 22px 5px 3px}.ring-labels p{font-size:12px;margin:15px 0 25px}.ring-labels b{display:block;color:#e4edf5;font-size:17px;margin-bottom:4px;font-weight:500}.custom{padding:65px 0;background:linear-gradient(100deg,#111c25 0%,#0d1319 70%);border-top:1px solid #293741;border-bottom:1px solid #293741;overflow:hidden}.custom-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:85px;align-items:center}.custom-playground{position:relative;min-height:430px}.widget-library{position:absolute;left:-65px;top:0;width:218px;opacity:.42;transform:rotate(-5deg)}.movable{position:absolute;width:510px;left:42px;top:57px;transform:rotate(3deg);touch-action:none;user-select:none;z-index:2;transition:box-shadow .3s}.movable>.crop{aspect-ratio:833/450}.movable img{pointer-events:none}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.layout-label{position:absolute;bottom:0;left:55px;font-size:9px;letter-spacing:2px;color:#687d8c}.swatches{display:flex;align-items:center;gap:9px;margin-top:25px}.swatches button{width:24px;height:24px;border-radius:50%;background:var(--swatch);border:3px solid #0f1820;outline:1px solid transparent}.swatches button.selected{outline-color:#c5d3dd}.swatches span{font-size:10px;color:#8ea3b1;margin-left:8px}.custom .chips{margin-top:20px}.habits{padding-top:70px;padding-bottom:65px}.habit-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.habit-title p{margin:0}.habits-gallery{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:24px}.habits-gallery .component{width:100%;max-width:510px}.habit-connector{font-size:17px;line-height:1.7;letter-spacing:-.4px;color:#8593a0;text-align:center}.habit-connector span{color:#e5edf3}.recap-card{transform:translateY(20px)}.rules{padding-top:35px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center}.account-toggle{display:inline-flex;border:1px solid #364551;padding:4px;border-radius:7px;margin-top:25px}.account-toggle button{border:0;border-radius:4px;background:none;color:#9daeba;font-size:12px;padding:7px 16px}.account-toggle .active{background:#293c4a;color:#e6f3fc}.microcopy{font-size:12px!important;margin-top:10px!important}.rule-stack{position:relative;padding:20px 0}.rule-one{transform:rotate(-2deg);z-index:2}.rule-two{margin:20px 0 0 27px;transform:rotate(2deg)}.rule-foot{text-align:right;margin-top:24px;font-size:10px;color:#81929f}.privacy{padding:62px 0;background:#b2c2cf;color:#111b24;border:0;position:relative;overflow:hidden}.privacy-layout{display:grid;grid-template-columns:1.3fr 1fr;column-gap:60px;text-align:left}.privacy .eyebrow{grid-column:1/3;color:#465e70}.privacy h2{color:#0c1720;font-size:clamp(40px,4.2vw,59px);letter-spacing:-3px}.privacy h2 span{color:#536977}.privacy p{margin-top:0;color:#3d5363;font-size:15px}.privacy-list{margin-top:23px;gap:20px;color:#233e50;justify-content:start;font-size:11px}.privacy-list span+span{border-left:1px solid #7e96a8;padding-left:20px}.imports{display:flex;align-items:center;gap:42px;padding-top:30px;padding-bottom:30px;border-bottom:1px solid #27343e}.import-label{font-size:9px;letter-spacing:1px;white-space:nowrap;color:#afc0cd}.import-label small{display:block;color:#697f8e;font-size:11px;letter-spacing:0;margin-top:4px}.platforms{border:0;border-radius:0;margin:0;width:100%;align-items:center;justify-content:space-between;gap:22px}.platforms>span{padding:0;flex:initial;font-size:17px;white-space:nowrap}.platforms>span+span{border:0}.platforms small{font-size:7px}.pricing{padding-top:70px;padding-bottom:65px;gap:100px}.price-card{padding:30px;box-shadow:0 0 70px #7eaac411}.price-card ul{margin:20px 0;padding:15px 0}.price{margin-top:25px}.faq{padding-top:20px;padding-bottom:60px;grid-template-columns:.8fr 1.2fr}.questions details{padding:15px 0}.final-cta{padding-top:65px;padding-bottom:65px;background:radial-gradient(ellipse at bottom,#17314955,transparent 70%)}.final-cta h2{font-size:54px}.final-cta h2 span{color:#a5cfee}.footer-top{padding:23px 0}.peek-media{margin:20px 0;border:1px solid #304352;border-radius:9px;overflow:hidden}.peek-media .crop{max-height:360px}dialog{max-width:590px}dialog h3{font-size:30px}dialog .eyebrow{color:#a5cfee}
@media(max-width:1000px) and (min-width:761px){.journal-layout{grid-template-columns:1fr 450px;gap:35px}.custom-layout{gap:30px}.movable{width:420px;left:0}.rules{gap:40px}.habits-gallery{gap:15px;grid-template-columns:1fr 65px 1fr}.ring-card{grid-template-columns:210px 1fr}.ring-crop{width:190px}.radar-card>.crop{width:340px}.imports{gap:20px}.platforms{gap:12px}.platforms>span{font-size:14px}}
@media(max-width:760px){h1{font-size:43px}h2{font-size:35px}.hero{padding-top:30px}.hero-screen{width:690px;transform:none;margin-top:31px}.why{padding-top:50px;padding-bottom:50px;gap:28px}.costs{transform:none}.journal{padding-top:42px;padding-bottom:38px}.journal-layout{display:flex;flex-direction:column;gap:24px}.journal-story{width:100%}.journal-story>p{font-size:14px}.scroll-step{min-height:0;padding:16px 0}.scroll-step p{display:none}.scroll-step.active p{display:block}.scroll-step button{font-size:16px}.journal-sticky{position:relative;top:auto;width:100%;padding:0}.journal-card{height:510px}.scene{height:462px;padding:12px}.scene[data-panel="0"]>.crop{width:260px;height:450px}.scene[data-panel="1"]>.crop{height:435px}.summary-scene{padding:36px 22px}.summary-scene>.crop{width:100%}.scores{padding-top:48px;padding-bottom:45px}.score-bento{grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.radar-card{grid-row:auto;order:1}.radar-card>.crop{width:100%;margin:0}.score-copy{order:0;padding:0;gap:25px}.oversize{font-size:97px}.score-copy h3{font-size:23px}.score-copy p{font-size:12px}.ring-card{order:2;grid-template-columns:58% 42%;grid-template-rows:44px 1fr}.ring-crop{width:calc(100% - 15px);margin:10px}.ring-labels{padding-right:10px}.ring-labels b{font-size:15px}.ring-labels p{font-size:11px}.component-bar{font-size:8px;letter-spacing:1px;padding:12px}.hint{font-size:9px;padding:3px 8px}.custom{padding:42px 0}.custom-layout{display:flex;flex-direction:column-reverse;gap:30px;align-items:stretch}.custom-playground{min-height:300px}.widget-library{width:150px;left:-30px}.movable{width:calc(100% - 10px);left:10px;top:30px}.layout-label{left:15px;bottom:0}.custom-copy p{font-size:14px}.habits{padding-top:45px;padding-bottom:42px}.habit-title{display:block;margin-bottom:25px}.habit-title p{margin-top:16px}.habits-gallery{display:flex;flex-direction:column;gap:18px}.habit-connector{font-size:12px;line-height:1;display:flex;gap:15px}.habit-connector br{display:none}.recap-card{transform:none}.rules{grid-template-columns:1fr;gap:15px;padding-top:10px;padding-bottom:45px}.rule-two{margin-left:16px}.privacy{padding:40px 0}.privacy-layout{display:block}.privacy h2{font-size:43px;letter-spacing:-2px}.privacy-aside{margin-top:26px}.privacy p{font-size:14px}.privacy-list{font-size:10px;gap:15px}.privacy-list span+span{padding-left:15px}.imports{display:block;padding-top:22px;padding-bottom:22px;overflow:hidden}.import-label{display:flex;gap:10px;align-items:center;font-size:9px}.import-label small{margin:0}.platforms{flex-wrap:wrap;gap:20px;margin-top:20px;justify-content:start}.platforms>span{flex:initial;font-size:13px}.platforms small{font-size:6px}.pricing{padding-top:45px;padding-bottom:45px;gap:25px}.faq{padding-top:0;padding-bottom:40px;grid-template-columns:1fr;gap:25px}.final-cta{padding-top:45px;padding-bottom:45px}.final-cta h2{font-size:35px}.mobile-only .hero-screen{margin-left:23px}.mobile-only .hero{padding-top:35px}}@media(prefers-reduced-motion:reduce){.summary-scene.reveal>.crop{animation:none}}
.scene[data-panel="1"]>.crop{width:min(100%,410px);height:auto;aspect-ratio:595/750!important;margin:0 auto}.faq{display:block;max-width:880px;text-align:center;padding-top:20px}.faq>div:first-child{margin-bottom:32px}.faq h2 br{display:none}.faq h2 span:before{content:' '}.faq .questions{text-align:left}.faq .questions summary{font-size:16px}.faq .questions details{padding:18px 0}.scene[data-panel="0"]>.crop{height:auto;aspect-ratio:456/785!important}.summary-scene>.crop{height:auto!important}.privacy{background:#a9bdcd}.privacy-layout{position:relative}.privacy:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 0,#e1ecf655,transparent 60%)}@media(max-width:760px){.scene[data-panel="1"]>.crop{width:100%;max-width:340px}.faq{padding-top:0}.faq h2 br{display:block}.faq .questions summary{font-size:14px}.faq h2 span:before{content:''}.scene[data-panel="0"]>.crop{height:auto}.summary-scene>.crop{height:auto!important}}
/* ==== live-components.css ==== */
/* Page-owned frames only. Snippet documents are served unchanged. */
.live-frame{position:relative;overflow:hidden;width:100%;height:var(--frame-height,600px);background:#030507;isolation:isolate}.live-frame iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:#030507;color-scheme:dark}.live-frame iframe:focus-visible{outline:2px solid #a5cfee;outline-offset:-3px}.component:has(.live-frame){padding:0}.play-caption{margin-top:25px;font-size:12px;color:#a8c2d5}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.2px;color:#9aafbe;margin-bottom:12px}.detail-heading span+span{font-size:8px;color:#6f8494}.hero-live{text-align:left;padding:34px 0 40px;overflow:hidden;background:radial-gradient(ellipse at 79% 51%,#193b5755,transparent 56%)}.hero-grid{max-width:1320px;display:grid;grid-template-columns:.96fr 1.1fr;gap:42px;align-items:center;padding:0 40px}.hero-copy{padding:25px 0 55px}.hero-live h1{padding:0;font-size:clamp(44px,4.15vw,62px);line-height:1.03;letter-spacing:-3px}.hero-live h1 span{display:block;font-size:.76em;margin-top:16px;line-height:1.15;color:#a8b5c0;letter-spacing:-2px}.hero-live .hero-copy>p{max-width:425px;font-size:15px;line-height:1.7;padding:0;margin-top:22px}.hero-live .actions{justify-content:start;gap:9px;flex-wrap:wrap;margin:28px 0 0}.hero-live .button{font-size:12px;padding:13px 16px}.hero-live .hero-copy>.price-comparison{font-size:11px;margin-top:15px;color:#8495a3;max-width:none}.price-comparison strong{font-weight:500;color:#d1dfe9}.hero-live .textlink{margin-top:14px;font-size:12px}.hero-composition{position:relative;padding:88px 0 0 28px;min-width:0;max-width:650px;width:100%;margin:0 auto}.hero-journal{position:absolute;top:3px;left:0;width:calc(100% - 47px);transform:rotate(-4deg);border-color:#334958;pointer-events:none;opacity:.77;box-shadow:0 10px 40px #0006}.hero-reveal{position:relative;z-index:2;box-shadow:0 25px 75px #0007,0 0 90px #9bc9ee12}.hero-reveal .component-bar{font-size:8px;letter-spacing:1px;padding:11px 14px}.hero-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#7b93a4;margin:14px 0}.trust{margin-top:10px}.why{grid-template-columns:.92fr 1.08fr;gap:75px;padding-top:65px;padding-bottom:65px}.live-cost{width:100%;max-width:600px;transform:rotate(-1deg)}.journal-layout{grid-template-columns:.84fr 1.16fr;gap:72px}.journal-live{height:auto;width:100%;max-width:650px}.journal-sticky{top:22px}.journal-story>.scroll-step{min-height:205px}.journal-story>h2{font-size:46px}.journal-story{padding-bottom:35px}.journal .embed-caption{font-size:11px}.journal-live .component-bar{font-size:9px}.journal-live [hidden]{display:none!important}.journal-live .live-frame{max-height:none}.strategies{padding-top:65px;padding-bottom:65px}.edge-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:32px 48px;align-items:start}.edge-intro{grid-column:1;grid-row:1}.edge-intro h2{font-size:44px}.edge-intro p{font-size:15px;max-width:420px}.edge-main{grid-column:2;grid-row:1/3;align-self:center;max-width:620px}.edge-detail{grid-column:1;grid-row:2}.edge-detail .component{max-width:490px}.scores{padding-top:20px;padding-bottom:65px}.live-scores{grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto;gap:22px}.live-radar{grid-column:1;grid-row:1/3;align-self:center}.live-rings{grid-column:2;grid-row:2}.live-scores .score-copy{grid-column:2;grid-row:1;padding:0 12px}.live-scores .oversize{font-size:100px;letter-spacing:-5px}.live-scores .score-copy h3{font-size:26px}.live-scores .score-copy p{font-size:13px;line-height:1.6}.live-themes{padding:60px 0}.theme-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:48px;align-items:start}.theme-copy h2{font-size:44px}.theme-copy>p{font-size:15px;margin-top:20px}.theme-variants{display:grid;gap:22px;margin-top:35px}.theme-variant .component{box-shadow:0 15px 35px #0003;border-color:#344b5c}.theme-variant .live-frame{max-height:none}.theme-picker{position:sticky;top:20px}.live-habits{padding-top:60px;padding-bottom:55px}.today-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.today-main{max-width:700px}.today-note{max-width:350px;align-self:start;position:sticky;top:65px;padding-top:25px}.today-note h3{font-size:53px;line-height:1.08;letter-spacing:-2px;color:#e5edf4}.today-note h3 span{color:#9bc9ee}.today-note>p{font-size:15px;margin-top:22px;margin-bottom:22px}.today-detail{padding:24px 0 0;border-top:1px solid #31404c;margin-top:42px}.today-detail b{font-size:17px;font-weight:500;line-height:1.5;display:block;color:#c9d9e4}.today-detail p{font-size:14px;margin-top:10px}.live-rules{grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:20px;padding-bottom:65px}.live-rules>.component{max-width:700px}.rule-explainer{margin-top:35px;border-left:1px solid #47647c;padding-left:19px}.rule-explainer p{font-size:13px;margin-top:14px}.price-card>p{font-size:12px}.founder-note{display:flex;justify-content:center;align-items:center;gap:24px;max-width:1050px;padding-top:28px;padding-bottom:48px;margin-bottom:20px;border-bottom:1px solid #26333e}.founder-mark{font-size:31px;font-style:italic;font-weight:700;width:54px;height:61px;border:1px solid #476478;color:#9bc9ee;border-radius:14px;display:grid;place-items:center;background:#14212b;transform:rotate(-6deg);flex-shrink:0}.founder-note .eyebrow{font-size:9px;margin-bottom:10px}.founder-note blockquote{margin:0;font-size:24px;font-weight:450;letter-spacing:-.8px;line-height:1.3}.founder-note p{font-size:13px;margin-top:9px;color:#859baa}.faq{padding-top:25px}.mobile-only .hero-composition{margin-bottom:15px}
@media(min-width:1400px){.hero-grid{gap:65px}.hero-live h1{font-size:64px}}
@media(min-width:761px) and (max-width:1050px){.hero-grid{gap:25px;padding:0 26px;grid-template-columns:.9fr 1.1fr}.hero-live h1{font-size:45px;letter-spacing:-2px}.hero-live h1 span{letter-spacing:-1px}.hero-live .actions{flex-direction:column;align-items:start}.hero-live .button{min-width:215px}.hero-composition{padding-left:8px}.hero-reveal .component-bar>span:first-child{max-width:170px}.journal-layout{gap:32px;grid-template-columns:.8fr 1.2fr}.journal-story>h2{font-size:37px}.why{gap:35px}.edge-grid{gap:25px}.edge-intro h2{font-size:36px}.theme-layout{gap:30px;grid-template-columns:1fr 1.12fr}.today-layout{gap:35px}.live-rules{gap:30px}.live-scores .score-copy{gap:15px}.live-scores .score-copy h3{font-size:23px}.live-scores .oversize{font-size:82px}.hero-live .hero-copy>.price-comparison{max-width:260px}}
@media(max-width:760px){.hero-live{padding:25px 0 28px}.hero-grid{display:flex;flex-direction:column;gap:22px;padding:0 23px}.hero-copy{width:100%;padding:0}.hero-live h1{font-size:49px;letter-spacing:-2.6px;line-height:1.01}.hero-live h1 span{font-size:.7em;letter-spacing:-1.6px;line-height:1.13;margin-top:13px}.hero-live .hero-copy>p{padding:0;font-size:14px;margin-top:20px}.hero-live .actions{margin:24px 0 0;flex-direction:column;align-items:stretch;gap:9px}.hero-live .button{font-size:13px;padding:13px 15px}.hero-live .hero-copy>.price-comparison{font-size:10px;line-height:1.7;margin-top:13px}.hero-live .textlink{margin-top:14px}.hero-composition{padding:67px 0 0 8px;max-width:590px;margin-top:10px}.hero-journal{left:1px;width:calc(100% - 22px);transform:rotate(-3deg)}.hero-reveal .component-bar{padding:10px;font-size:7px;letter-spacing:.6px}.hero-reveal .hint{font-size:8px}.hero-caption{font-size:8px}.trust{margin-top:0}.why{grid-template-columns:1fr;gap:26px;padding-top:44px;padding-bottom:44px}.live-cost{transform:none}.play-caption{font-size:11px;margin-top:18px}.journal-layout{display:flex;gap:20px}.journal-story{padding-bottom:0}.journal-story>h2{font-size:35px}.journal-story>.scroll-step{min-height:0;padding:17px 0}.journal-sticky{top:auto}.journal-live .component-bar{font-size:8px}.strategies{padding-top:45px;padding-bottom:45px}.edge-grid{display:flex;flex-direction:column;gap:25px}.edge-intro,.edge-main,.edge-detail{width:100%;max-width:none}.edge-intro h2{font-size:35px}.edge-intro p{font-size:14px}.edge-main{order:1}.edge-detail{order:2}.scores{padding-top:5px;padding-bottom:45px}.live-scores{display:flex;flex-direction:column;gap:18px}.live-scores .score-copy{order:0;padding:0}.live-radar{order:2;width:100%}.live-rings{order:1;width:100%}.live-scores .oversize{font-size:91px}.live-scores .score-copy h3{font-size:23px}.live-themes{padding:42px 0}.theme-layout{display:flex;flex-direction:column;gap:27px}.theme-copy,.theme-picker{width:100%}.theme-copy h2{font-size:35px}.theme-picker{position:static;order:1}.theme-copy{display:contents}.theme-copy>.eyebrow{order:0;margin:0}.theme-copy>h2{order:0;margin-top:-10px}.theme-copy>p{order:0;margin-top:-10px;font-size:14px}.theme-copy>.play-caption{order:0;margin-top:-9px}.theme-variants{order:2;width:100%;margin:0;gap:20px}.theme-variants .detail-heading{margin-top:5px}.live-habits{padding-top:45px;padding-bottom:45px}.today-layout{display:flex;flex-direction:column-reverse;gap:24px}.today-note{position:static;padding:0;max-width:none;width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:center}.today-note>.eyebrow{grid-column:1/3;margin-bottom:10px}.today-note h3{font-size:31px;grid-row:2/4}.today-note>p{font-size:12px;margin:0 0 12px}.today-note .hint{justify-self:start;font-size:9px}.today-detail{grid-column:1/3;margin-top:18px;padding-top:16px}.today-detail b{font-size:15px}.today-detail p{font-size:12px;margin-top:5px}.today-main{width:100%}.live-rules{display:grid;grid-template-columns:1fr;gap:25px;padding-top:0;padding-bottom:44px}.rule-explainer{margin-top:22px}.founder-note{gap:16px;margin:0 24px 15px;padding:15px 0 34px}.founder-note blockquote{font-size:21px;line-height:1.35}.founder-mark{width:43px;height:50px;font-size:26px}.founder-note p{font-size:12px}.faq{padding-top:20px}.mobile-only main>section.hero{display:block}.mobile-only .hero-grid{gap:20px}}
/* ==== bento.css ==== */
.comparison{padding-top:60px;padding-bottom:0;max-width:1090px}.comparison-heading{margin-bottom:24px}.comparison-heading h2{font-size:34px;letter-spacing:-1.4px}.comparison-heading .eyebrow{font-size:9px;margin-bottom:13px}.comparison-table{border:1px solid #344652;border-radius:12px;overflow:hidden}.comparison table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px;line-height:1.5;text-align:left}.comparison th,.comparison td{padding:13px 21px;border-bottom:1px solid #25353f;vertical-align:middle}.comparison thead{background:#131e27}.comparison thead th{font-size:12px;font-weight:500;color:#aabfce;padding-top:16px;padding-bottom:16px}.comparison th:first-child{width:25%}.comparison th:nth-child(2),.comparison td:nth-child(2){width:40%;background:#14222c;color:#deecf5}.comparison td:nth-child(3){color:#8e9fac}.comparison tbody th{font-weight:400;color:#abbcc8;background:#0e161d}.comparison tbody td strong{font-size:16px;font-weight:500;color:#a5cfee}.comparison small{display:block;font-size:10px;color:#8398a7;margin-top:3px}.comparison tr:last-child>*{border-bottom:0}.comparison-note{font-size:10px;line-height:1.5;color:#738997;margin-top:12px}.comparison+.pricing{padding-top:50px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.why-bento{padding-top:34px;padding-bottom:25px}.bento-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.bento-heading .eyebrow{font-size:10px;margin-bottom:12px}.bento-heading h2{font-size:41px}.bento-heading p{font-size:14px;margin:0;line-height:1.6}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:298px;gap:16px}.benefit{display:grid;grid-template-rows:14px 28px 20px 126px 22px;row-gap:10px;min-width:0;padding:22px;border:1px solid #2d3d49;border-radius:13px;background:linear-gradient(135deg,#151f29,#0c1319);box-shadow:0 10px 25px #0002;transition:border-color .2s,box-shadow .2s}.benefit:hover{border-color:#506c80;box-shadow:0 12px 30px #0004,0 0 35px #9bc9ee0a}.tile-label{color:#8da2b2;letter-spacing:1.5px;font-size:10px;line-height:14px}.benefit h3{margin:0;font-size:22px;line-height:28px;letter-spacing:-.8px;font-weight:500;white-space:nowrap}.benefit>p{font-size:13px;line-height:20px;color:#8fa5b4;margin:0;white-space:nowrap}.tile-visual{min-width:0;display:flex;align-items:center;width:100%;height:126px;border-radius:8px}.tile-link{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a8c8df;font-size:12px;line-height:22px;text-decoration:none}.tile-link:hover{color:#e0f1fd}.tile-link span{font-size:15px}.compact-price{width:100%;display:grid;gap:6px}.compact-price s{color:#7f94a4;font-size:11px;line-height:1.5;text-decoration-thickness:1px}.compact-price>span{font-size:12px;line-height:1.3;color:#b5c7d4;margin-top:3px}.compact-price strong{font-size:35px;letter-spacing:-1.1px;line-height:1.1;color:#a5cfee;font-weight:500}.compact-price strong small{font-size:18px;letter-spacing:-.4px;color:#d2dfe9;font-weight:400}.compact-mistakes{display:grid;gap:12px;width:100%}.mini-loss{display:grid;grid-template-columns:91px minmax(0,1fr);gap:7px;align-items:center;height:15px}.mini-loss>span{font-size:10px;color:#98abb9;white-space:nowrap}.mini-loss-line{display:flex;gap:6px;align-items:center;min-width:0}.mini-loss-line i{flex:none;width:calc((100% - 58px)*var(--ratio));height:5px;border-radius:4px;background:#d68d97;transform-origin:left}.mini-loss-line b{font-size:10px;line-height:15px;font-weight:450;color:#dfa3ac;white-space:nowrap;font-variant-numeric:tabular-nums}.compact-private{display:flex;align-items:center;gap:21px;width:100%;padding:16px 14px;background:#101b24;border:1px solid #293e4d;border-radius:10px}.compact-private svg{width:43px;height:43px;flex-shrink:0;color:#a5cfee;overflow:visible}.compact-private>span{color:#c5d6e2;font-size:13px;line-height:1.5}.compact-private small{display:block;color:#7e99ac;font-size:11px;margin-top:2px}.compact-execution{width:100%;padding:18px 20px;border:1px solid #2c4050;border-radius:10px;background:#111c25}.five-dots{display:flex;align-items:center;gap:12px;min-width:128px;overflow:visible}.five-dots i{flex:0 0 16px;width:16px;height:16px;box-sizing:border-box;border:1.5px solid #a5cfee;border-radius:50%;background:#a5cfee}.compact-execution>span{display:block;margin-top:15px;color:#d0e0eb;font-size:13px;line-height:1.4}.compact-execution small{color:#839daf;font-size:11px;margin-left:12px}.compact-rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;align-items:center;text-align:center}.mini-ring{width:74px;max-width:100%;aspect-ratio:1;position:relative;margin:0 auto 7px;display:grid;place-items:center}.mini-ring svg{position:absolute;inset:0;width:100%;height:100%;fill:none}.mini-ring circle{stroke-width:4.5}.ring-track{stroke:#273744}.ring-fill{stroke:#a5cfee;stroke-linecap:round;stroke-dasharray:194.7787;transform:rotate(-90deg);transform-origin:40px 40px}.mini-ring b{font-size:23px;font-weight:500;color:#e3edf4;line-height:1;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.mini-score>span{font-size:10px;color:#99afc0;white-space:nowrap;line-height:1.4}.compact-rule{width:100%;padding:12px 15px;background:#111d26;border:1px solid #304654;border-radius:10px}.compact-rule>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#bacfdf}.mini-limit-status{font-size:9px;color:#b2c7d6;border:1px solid #425a6d;border-radius:12px;padding:1px 7px}.compact-rule strong{display:block;font-size:22px;font-weight:500;line-height:1.2;color:#e5eff6;margin-top:7px;letter-spacing:-.7px}.compact-rule strong small{font-size:11px;font-weight:400;letter-spacing:0;color:#90a7b9}.mini-gauge{position:relative;height:6px;background:#263844;border-radius:4px;margin-top:8px;overflow:hidden}.mini-gauge>i{display:block;width:85.3%;height:100%;background:#a5cfee;transform-origin:left;border-radius:4px}.mini-gauge>span{position:absolute;left:80%;top:0;height:100%;width:1px;background:#0d161d}.gauge-caption{display:flex;justify-content:space-between;font-size:9px;line-height:1.2;color:#839dad;margin-top:6px}.benefit.ready .mini-loss-line i{transform:scaleX(0)}.benefit.in-view .mini-loss-line i{transform:scaleX(1);transition:transform .9s cubic-bezier(.3,.7,.2,1)}.benefit.in-view .mini-loss:nth-child(2) i{transition-delay:90ms}.benefit.in-view .mini-loss:nth-child(3) i{transition-delay:180ms}.benefit.in-view .mini-loss:nth-child(4) i{transition-delay:270ms}.benefit.ready .five-dots i{background:transparent;border-color:#415a6d}.benefit.in-view .five-dots i{background:#a5cfee;border-color:#a5cfee;transition:background .2s var(--delay),border-color .2s var(--delay)}.benefit.ready .mini-gauge>i{transform:scaleX(.08)}.benefit.in-view .mini-gauge>i{transform:scaleX(1);transition:transform 1.5s cubic-bezier(.3,.7,.2,1)}.benefit.ready .lock-shackle{transform:translateY(-3px)}.benefit.in-view .lock-shackle{transform:none;transition:transform .6s}.benefit.ready .compact-price strong{opacity:.55;transform:translateY(4px)}.benefit.in-view .compact-price strong{opacity:1;transform:none;transition:opacity .6s,transform .6s}
@media(max-width:1100px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-heading h2{font-size:36px}.comparison{padding-top:45px}}
@media(max-width:600px){.why-bento{padding-top:20px;padding-bottom:8px}.bento-heading{display:block;margin-bottom:22px}.bento-heading h2{font-size:34px}.bento-heading p{margin-top:12px;font-size:13px}.benefit-grid{grid-template-columns:minmax(0,1fr);gap:13px}.benefit{padding:22px}.benefit h3{font-size:22px}.benefit>p{font-size:13px}.compact-mistakes{max-width:100%}.mini-ring{width:74px}.compact-price s{font-size:11px}.comparison{padding-top:40px}.comparison-heading h2{font-size:28px;line-height:1.2;letter-spacing:-1px}.comparison table{font-size:11px}.comparison th,.comparison td{padding:11px 9px;overflow-wrap:break-word}.comparison th:first-child{width:26%}.comparison th:nth-child(2),.comparison td:nth-child(2){width:39%}.comparison thead th{font-size:10px}.comparison tbody td strong{font-size:13px}.comparison small{font-size:9px}.comparison-note{font-size:9px}.comparison+.pricing{padding-top:37px}}
@media(max-width:380px){.benefit{padding:22px 17px}.benefit h3{font-size:19px}.benefit>p{font-size:12px}.tile-label{font-size:9px;letter-spacing:1.2px}.mini-loss{grid-template-columns:82px minmax(0,1fr);gap:5px}.mini-loss>span{font-size:9px}.mini-loss-line{gap:4px}.mini-loss-line i{width:calc((100% - 53px)*var(--ratio))}.mini-loss-line b{font-size:9px}.mini-score>span{font-size:9px}.compact-private{gap:12px;padding:14px 11px}.compact-private>span{font-size:12px}.compact-price s{font-size:10px}}
@media(prefers-reduced-motion:reduce){.benefit,.benefit *{transition:none!important;animation:none!important}.benefit.ready .mini-loss-line i,.benefit.ready .mini-gauge>i,.benefit.ready .lock-shackle,.benefit.ready .compact-price strong{transform:none;opacity:1}.benefit.ready .five-dots i{background:#a5cfee;border-color:#a5cfee}}
.comparison-sub{font-size:13px;color:#8fa0ae;margin:10px 0 0}
.comparison th:nth-child(2),.comparison td:nth-child(2){box-shadow:inset 1px 0 0 var(--blue),inset -1px 0 0 var(--blue)}
.comparison thead th:nth-child(2){color:#a5cfee;box-shadow:inset 1px 0 0 var(--blue),inset -1px 0 0 var(--blue),inset 0 2px 0 var(--blue)}
.comparison tbody tr:last-child td:nth-child(2){box-shadow:inset 1px 0 0 var(--blue),inset -1px 0 0 var(--blue),inset 0 -1px 0 var(--blue)}
@media(max-width:600px){.comparison-table{border-radius:10px}.comparison th,.comparison td{padding:10px 8px;font-size:11px;line-height:1.4}.comparison th:first-child{width:28%!important}.comparison th:nth-child(2),.comparison td:nth-child(2){width:38%!important}.comparison thead th{font-size:10px;padding-top:12px;padding-bottom:12px}.comparison tbody th{color:#9fb1be}.comparison tbody td strong{font-size:13px}.comparison small{font-size:9px}.comparison-sub{font-size:12px}}
/* Comparison — clean redesign */
.comparison .comparison-table{border:0;border-radius:0;overflow:visible;background:none}
.comparison table{border-collapse:separate;border-spacing:0}
.comparison th,.comparison td{border:0!important;box-shadow:none!important;background:none!important;padding:16px 20px;vertical-align:middle}
.comparison tbody tr>*{border-bottom:1px solid #151d24!important}
.comparison tbody tr:last-child>*{border-bottom:0!important}
.comparison thead th{padding:18px 20px 14px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6f7f8c}
.comparison tbody th{font-weight:500;color:#c3ced8}
.comparison td:nth-child(3){color:#7a8a97}
/* highlighted TradeTabs column */
.comparison th:nth-child(2),.comparison td:nth-child(2){background:#9fcdf50b!important;box-shadow:inset 1px 0 0 #9fcdf52e,inset -1px 0 0 #9fcdf52e!important;color:#e6eef5}
.comparison thead th:nth-child(2){border-radius:14px 14px 0 0;box-shadow:inset 1px 0 0 #9fcdf52e,inset -1px 0 0 #9fcdf52e,inset 0 1px 0 #9fcdf52e!important;text-transform:none;letter-spacing:0;font-size:16px}
.comparison tbody tr:last-child td:nth-child(2){border-radius:0 0 14px 14px;box-shadow:inset 1px 0 0 #9fcdf52e,inset -1px 0 0 #9fcdf52e,inset 0 -1px 0 #9fcdf52e!important}
.comparison tbody tr>td:nth-child(2){border-bottom-color:#9fcdf514!important}
.comparison tbody td:nth-child(2){position:relative;padding-left:46px}
.comparison tbody td:nth-child(2):before{content:'';position:absolute;left:18px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#9fcdf522 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a5cfee' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 8.5 2.5 2.5L12 5.5'/%3E%3C/svg%3E") center/12px no-repeat}
.comparison tbody td strong{font-size:20px;font-weight:650;color:#fff}
.comparison small{font-size:11px;color:#7d8d9a;margin-top:4px}
@media(max-width:600px){
.comparison th,.comparison td{padding:12px 8px}
.comparison thead th{padding:14px 8px 10px;font-size:9.5px}
.comparison thead th:nth-child(2){font-size:13px;border-radius:10px 10px 0 0}
.comparison tbody tr:last-child td:nth-child(2){border-radius:0 0 10px 10px}
.comparison tbody td:nth-child(2){padding-left:28px}
.comparison tbody td:nth-child(2):before{left:8px;width:14px;height:14px;margin-top:-7px;background-size:10px}
.comparison tbody td strong{font-size:15px}
.comparison small{font-size:9px}
}
.comparison thead{background:none!important}.comparison thead tr>*{border-bottom:1px solid #1c252d!important}.comparison thead th:nth-child(2){border-bottom-color:#9fcdf514!important}@media(max-width:600px){.comparison tbody td:nth-child(2){padding-left:10px}.comparison tbody td:nth-child(2):before{display:none}}
.comparison-logo{display:block;width:150px;height:auto}@media(max-width:600px){.comparison-logo{width:92px}}
/* ==== affiliates.css ==== */
/* Shared navigation and homepage invitation. */
.site-header{position:relative;gap:22px;z-index:20}.site-header nav{gap:25px}.site-header nav a[aria-current="page"]{color:var(--blue)}.menu-toggle{display:none}.affiliate-band{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-top:36px;padding-bottom:36px;border-top:1px solid var(--line)}.affiliate-band .eyebrow{margin-bottom:12px}.affiliate-band h2{font-size:clamp(29px,3vw,40px)}.affiliate-band p{font-size:14px;margin-top:12px;max-width:620px}.affiliate-band .button{flex-shrink:0}
/* Affiliate page: the same type, quiet surfaces and blue accent. */
.affiliate-main .eyebrow{font-size:12px;letter-spacing:1.8px}.affiliate-main p{font-size:16px;line-height:1.65}.affiliate-main h1,.affiliate-main h2{font-weight:550}.affiliate-hero{padding-top:65px;padding-bottom:65px;max-width:980px;text-align:center}.affiliate-hero h1{font-size:clamp(43px,5.4vw,72px);padding:0;line-height:1.06;letter-spacing:-.055em}.affiliate-hero h1 em{font-style:normal;color:var(--blue)}.affiliate-hero p{margin-top:24px}.affiliate-apply{margin-top:28px;min-width:145px;min-height:48px}
.affiliate-earnings{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;padding-top:24px;padding-bottom:70px}.earnings-intro h2{font-size:clamp(38px,4.5vw,58px)}.earnings-intro p{margin-top:22px}.earnings-intro small{display:block;margin-top:16px;color:var(--muted);font-size:13px}.earnings-card{padding:32px;border:1px solid #30404d;border-radius:14px;background:#10171e}.earnings-control{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}.earnings-control output{font-size:22px;font-variant-numeric:tabular-nums;color:var(--text)}#sales-range{--range-fill:9.09%;width:100%;height:36px;margin:19px 0 0;cursor:pointer;appearance:none;background:transparent;accent-color:var(--blue)}#sales-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--blue) var(--range-fill),#34414c var(--range-fill))}#sales-range::-moz-range-track{height:4px;border-radius:4px;background:#34414c}#sales-range::-moz-range-progress{height:4px;background:var(--blue)}#sales-range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--blue);border:3px solid #10171e;border-radius:50%;margin-top:-8px;box-shadow:0 0 0 1px var(--blue)}#sales-range::-moz-range-thumb{width:14px;height:14px;background:var(--blue);border:3px solid #10171e;border-radius:50%;box-shadow:0 0 0 1px var(--blue)}#sales-range:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:5px}.range-limits{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.earnings-result{border-top:1px solid var(--line);padding-top:24px;margin-top:26px;display:flex;flex-direction:column;gap:7px}.earnings-result>span{font-size:14px;color:var(--muted)}.earnings-result output{font-size:clamp(38px,4vw,56px);line-height:1.2;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.earnings-card #earnings-note{font-size:12px;margin-top:16px;color:var(--muted)}
.affiliate-steps{padding-top:45px;padding-bottom:65px;border-top:1px solid var(--line)}.affiliate-steps h2,.affiliate-audience h2{font-size:clamp(34px,3.5vw,46px)}.affiliate-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:38px 0 0}.step-number{font-size:14px;color:var(--blue);display:block;margin-bottom:22px}.affiliate-steps h3{font-size:23px;letter-spacing:-.035em;line-height:1.2}.affiliate-steps li p{margin-top:12px;font-size:15px}.affiliate-reasons{background:#0c1117;border-top:1px solid #1b252f;border-bottom:1px solid #1b252f;padding:55px 0}.reasons-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.reasons-list{display:grid;gap:24px}.reasons-list article+article{border-top:1px solid var(--line);padding-top:24px}.reasons-list h3{font-size:23px;letter-spacing:-.035em}.reasons-list p{margin-top:10px}.affiliate-audience{padding-top:60px;padding-bottom:60px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.audience-grid article{border:1px solid var(--line);border-radius:12px;padding:25px;background:#0e141a}.audience-label{display:block;font-size:12px;letter-spacing:1.4px;color:var(--muted);margin-bottom:23px}.audience-grid h3{font-size:23px;line-height:1.2;letter-spacing:-.035em}.audience-grid p{margin-top:14px;font-size:15px}.affiliate-faq{padding-top:20px;padding-bottom:60px}.affiliate-faq .questions summary{font-size:16px;gap:18px;line-height:1.5}.affiliate-faq .questions p{font-size:15px}.affiliate-final{padding-top:55px;padding-bottom:65px}.affiliate-final .affiliate-apply{margin-top:28px}
@media(max-width:960px){.site-header{height:78px;padding:0 24px;gap:14px}.site-header .header-cta{margin-left:auto}.menu-toggle{display:flex;align-items:center;gap:8px;justify-content:center;min-height:44px;background:none;border:1px solid var(--line);border-radius:7px;padding:8px 12px;font-size:13px}.site-header nav{display:none;position:absolute;top:calc(100% - 1px);left:24px;right:24px;background:#10171e;border:1px solid #34414b;border-radius:10px;padding:12px;box-shadow:0 18px 40px #0006;flex-direction:column;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{font-size:15px;padding:12px;border-radius:5px}.site-header nav a:hover{background:#19232c}.affiliate-earnings,.reasons-layout{gap:40px}.audience-grid{gap:12px}.audience-grid article{padding:22px}.affiliate-band{gap:25px}.affiliate-band p{max-width:490px}}
@media(max-width:760px){.site-header .header-cta{display:none}.menu-toggle{margin-left:auto}.affiliate-band{flex-direction:column;align-items:flex-start;padding-top:28px;padding-bottom:32px;gap:22px}.affiliate-band h2{font-size:31px;line-height:1.1}.affiliate-band p{font-size:14px;line-height:1.7;margin-top:12px}.affiliate-band .button{width:100%}.affiliate-hero{text-align:left;padding-top:42px;padding-bottom:46px}.affiliate-hero h1{font-size:clamp(40px,10.5vw,58px)}.affiliate-hero h1 br{display:none}.affiliate-hero p{font-size:16px;max-width:310px;margin-top:22px}.affiliate-hero .affiliate-apply{width:100%;margin-top:25px}.affiliate-earnings{grid-template-columns:1fr;gap:27px;padding-top:10px;padding-bottom:44px}.earnings-intro h2{font-size:39px}.earnings-intro h2 br{display:none}.earnings-intro p{margin-top:16px;font-size:15px}.earnings-intro small{margin-top:12px}.earnings-card{padding:23px}.earnings-result output{font-size:43px}.affiliate-steps{padding-top:35px;padding-bottom:38px}.affiliate-steps ol{grid-template-columns:1fr;gap:24px;margin-top:28px}.affiliate-steps li{position:relative;padding-left:43px}.step-number{position:absolute;left:0;top:3px;margin:0}.affiliate-steps h3{font-size:23px}.affiliate-steps li p{margin-top:8px}.affiliate-reasons{padding:38px 0}.reasons-layout{grid-template-columns:1fr;gap:28px}.reasons-list{gap:23px}.reasons-list p{font-size:15px}.affiliate-audience{padding-top:38px;padding-bottom:38px}.audience-grid{grid-template-columns:1fr;gap:14px;margin-top:27px}.audience-grid article{padding:23px}.audience-label{margin-bottom:15px}.audience-grid p{margin-top:10px}.affiliate-faq{padding-top:0;padding-bottom:38px;gap:28px}.affiliate-final{text-align:left;padding-top:36px;padding-bottom:42px}.affiliate-final h2{font-size:34px}.affiliate-final .affiliate-apply{width:100%;margin-top:25px}.affiliate-page .footer-top>div{flex-wrap:wrap;gap:20px}.affiliate-page .footer-bottom{font-size:12px}}
/* ==== hero-launch.css ==== */
.site-header .header-cta{background:transparent;border-color:#41515f;color:var(--text)}.site-header .header-cta:hover{background:#17222c}.site-header .menu-toggle{border:0;padding:8px;min-width:44px}.hero.hero-launch{padding:30px 0 0;text-align:center;background:none;overflow:hidden}.launch-copy{max-width:1050px}.launch-badge{display:inline-flex;gap:0;align-items:center;border:1px solid #344653;border-radius:999px;padding:3px;color:#bdcbd7;font-size:12px;line-height:1.5}.launch-badge>span{padding:5px 11px;border-radius:999px;background:var(--blue);color:#10202c;font-weight:650}.launch-badge>b{font-weight:500;padding:4px 12px}.hero-launch h1{font-size:clamp(43px,11.6vw,62px);letter-spacing:-.055em;line-height:1.04;padding:0;margin:25px auto 0;font-weight:550;color:#f6f7f8}.hero-launch .launch-subtext{max-width:575px;margin:21px auto 0;padding:0;font-size:16px;line-height:1.7;color:#99a6b2}.launch-subtext strong{font-weight:500;color:#dce5ed}.launch-actions{display:flex;flex-direction:column;gap:11px;margin:26px auto 0;max-width:390px}.launch-actions .button{min-height:50px;font-size:15px;gap:8px;border-radius:7px;padding:13px 18px}.launch-actions s{opacity:.63;font-weight:450}.launch-actions svg{width:19px;height:19px;flex-shrink:0}.hero-launch .launch-platforms{font-size:12px;line-height:1.5;padding:0;margin:15px 0 0;color:#8796a2}.launch-platforms span{padding:0 5px}.launch-trust{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;gap:15px 22px;padding:0;list-style:none;margin:27px 0 0;font-size:12px;color:#a5b2bd;text-align:left}.launch-trust li{display:flex;align-items:center;gap:7px;white-space:nowrap}.launch-trust svg{width:16px;height:16px;color:#7f909f;flex-shrink:0}.launch-window{margin:32px 20px 0;border:1px solid #33404c;border-bottom:0;border-radius:11px 11px 0 0;background:#05090c;overflow:hidden;box-shadow:0 20px 50px #0004}.launch-window-bar{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #28323d;background:#111820;font-size:10px;color:#8d9daa}.window-controls{display:flex;gap:5px;width:74px}.window-controls i{width:6px;height:6px;border-radius:50%;background:#42515e}.preview-label{font-size:9px;width:74px;text-align:right;color:#6e8190}.launch-video-stage{aspect-ratio:auto;position:relative;overflow:hidden}.launch-video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;background:#05090c}.launch-video-mobile{object-position:left top}.launch-video-desktop{display:none}.how-v3{margin-top:24px}.mobile-only .hero.hero-launch{padding-top:30px}
@media(min-width:761px){.hero.hero-launch{padding-top:44px}.hero-launch h1{font-size:clamp(52px,5.9vw,80px);margin-top:24px;white-space:nowrap}.launch-break{display:none}.hero-launch .launch-subtext{max-width:590px;font-size:17px;margin-top:23px}.launch-actions{flex-direction:row;justify-content:center;max-width:none;margin-top:27px}.launch-actions .button{min-width:205px}.launch-trust{display:flex;gap:29px;font-size:12px;margin-top:25px}.launch-window{max-width:1140px;margin:37px auto 0;width:calc(100% - 80px);border-radius:13px 13px 0 0}.launch-window-bar{height:24px;padding:0 12px}.launch-video-stage{aspect-ratio:auto}.launch-video-desktop{display:block;object-position:center top}.launch-video-mobile{display:none}.how-v3{margin-top:35px}}
@media(min-width:961px){.site-header nav{margin-left:auto;margin-right:15px}.site-header .header-cta{display:inline-flex}}
@media(max-width:960px){.site-header .header-cta{display:none}.site-header .menu-toggle{margin-left:auto}}
@media(max-width:360px){.launch-copy{padding-left:20px;padding-right:20px}.launch-trust{column-gap:15px;font-size:11px}.hero-launch h1{font-size:42px}}
@media(max-width:760px){.hero.hero-launch,.mobile-only .hero.hero-launch{padding-top:18px}.launch-badge{font-size:11px;line-height:1.3;padding:2px}.launch-badge>span{padding:3px 8px}.launch-badge>b{padding:3px 9px}.hero-launch h1{margin-top:18px}.launch-window{margin-top:26px}}
/* Desktop: left-aligned copy and an app-window video preview. */
@media(min-width:961px){
.hero.hero-launch{display:grid;grid-template-columns:minmax(390px,470px) minmax(0,1fr);align-items:center;column-gap:clamp(38px,4.3vw,78px);padding:28px 0 58px max(40px,calc((100vw - 1228px)/2));min-height:0;text-align:left;overflow:hidden}
.hero-launch .launch-copy{width:100%;max-width:480px;padding:0;margin:0;min-width:0}
.hero-launch h1{font-size:clamp(50px,4.3vw,66px);white-space:nowrap;line-height:1.03;letter-spacing:-.055em;margin:25px 0 0}
.hero-launch .launch-break{display:block}
.hero-launch .launch-subtext{max-width:455px;margin:23px 0 0;font-size:16px;line-height:1.75}
.hero-launch .launch-actions{justify-content:flex-start;margin:28px 0 0;gap:10px;flex-wrap:wrap}
.hero-launch .launch-actions .button{min-width:0;padding:13px 17px;font-size:14px}
.hero-launch .launch-platforms{margin-top:17px}
.hero-launch .launch-trust{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:12px 25px;margin-top:29px}
.hero.hero-launch{grid-template-columns:minmax(380px,max-content) minmax(0,1fr);column-gap:clamp(56px,5vw,88px);padding-right:max(16px,calc((100vw - 1520px)/2))}
.hero-launch .launch-window{position:relative;align-self:center;max-width:none;width:100%;margin:0;overflow:hidden;border:1px solid #33404c;border-radius:14px;background:#05090c;box-shadow:0 0 0 6px #0c1218,0 30px 70px #0007,0 0 120px #7eaac414}
.hero-launch .launch-window-bar{height:22px;padding:0 11px}
.hero-launch .window-controls{gap:4px}
.hero-launch .window-controls i{width:5px;height:5px}
.hero-launch .launch-video-stage{aspect-ratio:auto;border-radius:0;background:#030507}
.hero-launch .launch-video-desktop{object-fit:cover;object-position:left top}
}
/* Feature list stays readable as the hero adapts to each screen. */
.hero-launch .launch-trust li{white-space:normal;line-height:1.45}.hero-launch .launch-trust li>span{min-width:0}
@media(min-width:961px){.hero-launch .launch-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:24px}.hero-launch .launch-window{transform:translateY(-14px)}}
@media(max-width:960px){.hero-launch .launch-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}.hero-launch .launch-feature{justify-content:center;flex-basis:100%}}
.hero-launch .launch-actions>.button:first-child,.hero-launch .launch-actions>.button:first-child s{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800}
@media(max-width:760px){.hero-launch .launch-actions{width:100%;max-width:290px;margin-left:auto;margin-right:auto}.hero-launch .launch-actions .button{padding-left:12px;padding-right:12px}}
.site-header .header-cta{background:var(--blue);border-color:var(--blue);color:#10202c}.site-header .header-cta:hover{background:#c2e0f5;border-color:#c2e0f5}.button .tt-word,.button .tt-word b{color:inherit}
.site-header .header-cta{padding:10px 20px;border-radius:7px;font-size:14px;font-weight:700;letter-spacing:-.01em;background:linear-gradient(180deg,#bfe0f8,var(--blue));box-shadow:0 0 0 1px #ffffff22 inset,0 6px 18px #9fcdf52e;transition:transform .2s,box-shadow .2s,filter .2s}.site-header .header-cta:hover{background:linear-gradient(180deg,#d2eaff,#b3d9f4);transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff33 inset,0 8px 24px #9fcdf545}.site-header .header-cta .tt-word,.site-header .header-cta .tt-word b{font-weight:800}
.site-header .header-affiliate{margin-left:auto;margin-right:22px;position:relative;font-size:14px;font-weight:550;color:#c3d1dc;white-space:nowrap;padding:6px 0;transition:color .2s}.site-header .header-affiliate:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header .header-affiliate:hover{color:var(--blue)}.site-header .header-affiliate:hover:after{transform:scaleX(1)}.site-header .header-affiliate+.header-cta{margin-left:0}
@media(max-width:960px){.site-header .header-affiliate{display:none}.site-header .header-affiliate+.header-cta{margin-left:auto}}
/* Hero background, and the video shown bare (no window frame) on all screen sizes. */
.hero.hero-launch{background:#050609}
.hero-launch .launch-window{border:0;border-radius:0;box-shadow:none;background:none}
.hero-launch .launch-window-bar{display:none}
.hero-launch .launch-video-stage{background:#050609}
.site-header .header-cta{white-space:nowrap}
/* Hero dashboard screenshot */
.hero-launch .launch-video-stage{aspect-ratio:auto}
.hero-launch .launch-shot{display:block;width:100%;height:auto}
/* Hero video: crops 3% off the left and 5% off the right; the 3% bottom crop is set in index.html once the video's size is known. */
.hero-launch video.launch-shot{width:108.7%;max-width:none;margin-left:-3.26%}
/* ==== brand.css ==== */
.brand img{display:block;width:187px;height:auto}.founder-note .founder-mark{transform:none;background:none;border:0;border-radius:0;width:54px;height:54px}.founder-mark img{display:block;width:46px;height:46px}.preview-brand{display:none}
@media(max-width:760px){.brand img{width:163px}}
@media(min-width:961px){.hero-launch .preview-brand{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;top:0;left:0;width:5%;height:8.4%;background:#030507;padding:.5%}.preview-brand img{display:block;width:100%;height:auto}}
/* ==== founder-note.css ==== */
.hero-launch h1 .hero-line{display:block;color:inherit;font:inherit;letter-spacing:inherit;margin:0}.hero-launch h1{white-space:normal}
.founder-note.wrap{display:block;max-width:1090px;padding-top:16px;padding-bottom:48px;margin-bottom:0;border:0}.founder-card{background:#080a0d;border:1px solid #191f26;border-radius:24px;padding:50px 52px}.founder-card h2{font-size:clamp(32px,3.7vw,48px);font-weight:550;line-height:1.18;letter-spacing:-.035em;max-width:850px;color:#edf0f4}.founder-note .founder-message{font-size:clamp(18px,2vw,24px);line-height:1.65;letter-spacing:-.015em;color:#919fac;margin:28px 0 0;max-width:850px}.founder-message strong{color:#e7edf3;font-weight:550}.founder-wordmark{white-space:nowrap}.founder-wordmark span{color:#9bc9ee}.founder-person{display:flex;align-items:center;gap:23px;margin-top:34px}.founder-portrait{flex:none;width:112px;height:112px;border:3px solid #a5cfee;padding:3px;border-radius:50%;background:#080a0d}.founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:50%}.founder-note .founder-name{margin:0 0 10px;font-size:22px;line-height:1.4;letter-spacing:-.02em}.founder-name strong{font-weight:550;color:#edf0f4}.founder-name>span{color:#74828f}.founder-social{display:inline-flex;align-items:center;gap:10px;padding:8px 15px;min-height:44px;border:1px solid #343b43;border-radius:999px;color:#98a7b5;font-size:16px;line-height:1.3}.founder-social svg{width:20px;height:20px;flex:none}.founder-social:hover{border-color:#9bc9ee;color:#dce8f2}
@media(min-width:961px){.hero-launch h1{font-size:clamp(42px,3.7vw,56px)}}
@media(max-width:760px){.hero-launch h1{font-size:clamp(30px,8.3vw,44px);line-height:1.1}.founder-note.wrap{padding-top:12px;padding-bottom:36px}.founder-card{padding:28px 22px;border-radius:18px}.founder-card h2{font-size:28px;line-height:1.22;letter-spacing:-.03em}.founder-desktop-break{display:none}.founder-note .founder-message{font-size:16px;line-height:1.75;margin-top:20px}.founder-person{gap:15px;margin-top:25px}.founder-portrait{width:76px;height:76px;border-width:2px;padding:2px}.founder-note .founder-name{font-size:18px;margin-bottom:7px}.founder-social{font-size:13px;padding:7px 10px;gap:7px}.founder-social svg{width:17px;height:17px}}
@media(max-width:360px){.founder-card{padding:24px 18px}.founder-card h2{font-size:25px}.founder-person{gap:11px}.founder-portrait{width:64px;height:64px}.founder-note .founder-name{font-size:16px}.founder-social{font-size:12px;padding:6px 8px}}
@media(min-width:761px){.founder-card{padding:36px 40px}.founder-card h2{font-size:clamp(26px,2.6vw,34px)}.founder-note .founder-message{font-size:clamp(16px,1.4vw,18px);margin-top:18px;max-width:720px}.founder-person{gap:16px;margin-top:24px}.founder-portrait{width:76px;height:76px;border-width:2px;padding:2px}.founder-note .founder-name{font-size:17px;margin-bottom:6px}.founder-social{font-size:13px;padding:6px 12px;min-height:36px}.founder-social svg{width:16px;height:16px}}
@media(min-width:761px){.hero-launch h1 .hero-line{white-space:nowrap}}
/* ==== launch-offer.css ==== */
.hero-launch .launch-badge{padding:4px;font-size:14px;line-height:1.45}.hero-launch .launch-badge>span{padding:7px 14px}.hero-launch .launch-badge>b{padding:6px 14px}.hero-launch h1{font-size:clamp(50px,6vw,72px)}
.hero-launch .launch-actions{align-items:flex-end}.launch-offer-wrap{padding:5px;border:1px solid #486276;border-radius:11px;background:#14202a;flex-shrink:0;width:290px;max-width:100%}.launch-offer-caption{display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 4px 9px;font-size:11px;line-height:1.4;color:#bfd1df;white-space:nowrap}.launch-offer-caption strong{color:#a5cfee;font-size:12px;font-weight:650}.hero-launch .launch-offer-wrap .lifetime-button{display:flex;width:100%;min-width:0;padding-left:10px;padding-right:10px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;white-space:nowrap}.hero-launch .lifetime-button s{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800}.hero-launch .lifetime-button:hover{transform:none}
@media(min-width:961px){.hero-launch h1{font-size:clamp(48px,4.25vw,62px)}.hero-launch .launch-actions{gap:12px}.hero-launch .launch-actions>.button.secondary{padding-left:12px;padding-right:12px;font-size:13px}}
@media(max-width:760px){.hero-launch .launch-badge{font-size:13px;padding:3px}.hero-launch .launch-badge>span{padding:6px 11px}.hero-launch .launch-badge>b{padding:5px 12px}.hero-launch h1{font-size:clamp(32px,9.3vw,48px);line-height:1.1}.hero-launch .launch-actions{align-items:stretch}.launch-offer-wrap{width:100%}.hero-launch .launch-offer-wrap .lifetime-button{font-size:14px;padding-left:8px;padding-right:8px}.hero-launch .launch-actions>.button.secondary{width:100%}}
/* Desktop actions align to the button itself, not its offer wrapper. */
@media(min-width:961px){
.hero-launch .launch-actions{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:14px;width:100%;max-width:470px;margin-left:0;margin-right:0}
.hero-launch .launch-offer-wrap{width:100%;min-width:0}
.hero-launch .launch-offer-wrap .lifetime-button,.hero-launch .launch-actions>.button.secondary{height:52px;min-height:52px;padding:0 10px;line-height:1.3;box-sizing:border-box}
.hero-launch .launch-offer-wrap .lifetime-button{font-size:13px;gap:6px}
.hero-launch .launch-actions>.button.secondary{width:100%;min-width:0;margin-bottom:6px;font-size:13px;font-weight:550;gap:8px;white-space:nowrap;background:transparent;border-color:#40515f}
.hero-launch .launch-actions>.button.secondary:hover{background:#14202a;transform:none}
.hero-launch .launch-actions>.button.secondary svg{width:17px;height:17px}
.hero-launch .launch-platforms{margin-top:16px}
.hero-launch .launch-trust{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:20px;margin-top:21px;padding-top:18px;border-top:1px solid #222c35;max-width:470px}
.hero-launch .launch-trust li{font-size:12px;line-height:1.4;white-space:nowrap;gap:7px}
.hero-launch .launch-trust svg{width:16px;height:16px}
}
@media(min-width:961px) and (max-width:1100px){.hero-launch .launch-actions{gap:10px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.hero-launch .launch-offer-wrap .lifetime-button{font-size:12px;gap:5px}.hero-launch .launch-actions>.button.secondary{font-size:12px;gap:5px}.hero-launch .launch-trust{gap:14px}.hero-launch .launch-trust li{font-size:11px}}
@media(min-width:961px){
.hero-launch .launch-actions{grid-template-columns:minmax(0,1fr);max-width:290px;gap:12px;align-items:stretch}
.hero-launch .launch-actions>.button.secondary{margin-bottom:0;font-size:14px}
.hero-launch .launch-offer-wrap .lifetime-button{font-size:14px;gap:6px}
}
/* ==== hero-trust.css ==== */
.hero-social-proof{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 7px;color:#9eacb9;font-size:12px;line-height:1.5}.hero-founder-link{display:inline-flex;align-items:center;gap:5px;color:#d9e5ef;white-space:nowrap;padding:6px 0}.hero-founder-link:hover{color:#a5cfee}.hero-verified{width:16px;height:16px;color:#3897f0;flex:none}.hero-byline-dot{color:#718391}
@media(min-width:961px){.hero-social-proof{justify-content:flex-start;font-size:13px}}
@media(max-width:360px){.hero-social-proof{column-gap:5px;font-size:11px}.hero-verified{width:14px;height:14px}}
.hero-social-proof{flex-wrap:nowrap;gap:11px}.hero-founder-avatar{display:block;flex:none;width:38px;height:38px;border:2px solid #a5cfee;border-radius:50%;object-fit:cover;object-position:50% 40%;background:#080a0d}.hero-byline-copy{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 6px;min-width:0}.hero-byline-copy .hero-founder-link{padding:2px 0}
@media(min-width:961px){.hero-founder-avatar{width:41px;height:41px}.hero-byline-copy{justify-content:flex-start}}
@media(max-width:360px){.hero-founder-avatar{width:34px;height:34px}.hero-social-proof{gap:9px}}
.hero-social-proof{font-size:14px}.hero-byline-copy{gap:2px 8px}.hero-founder-link{gap:6px}.hero-founder-avatar{width:23px;height:23px;border-width:1.5px}
@media(min-width:961px){.hero-social-proof{font-size:15px}.hero-founder-avatar{width:24px;height:24px}}
@media(max-width:360px){.hero-social-proof{font-size:13px}.hero-founder-avatar{width:22px;height:22px}}
/* ==== broker-strip.css ==== */
.broker-strip{border-top:1px solid #1b222c;border-bottom:1px solid #1b222c;background:#0b1015;margin:12px 0 8px}.broker-strip-inner{padding-top:21px;padding-bottom:22px}.broker-strip-heading{display:flex;justify-content:center;align-items:center;position:relative;padding:0 35px;margin-bottom:18px}.broker-strip-heading h2{font-size:15px;line-height:1.5;letter-spacing:-.015em;font-weight:400;text-align:center;color:#94a0af}.broker-strip-heading strong{font-weight:500;color:#e0e9f0}.broker-motion-toggle{position:absolute;right:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid #283440;border-radius:6px;background:transparent;color:#8c9ba9;font-size:12px}.broker-viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.broker-track{display:flex;width:max-content;animation:broker-scroll 32s linear infinite}.broker-logo-group{display:flex;align-items:center;flex-shrink:0;gap:48px;margin:0;padding:0 48px 0 0;list-style:none}.broker-logo-group li{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#b8c4cf;font-size:17px;font-weight:550;letter-spacing:-.03em}.broker-logo-group img{width:30px;height:30px;object-fit:contain;border-radius:5px}.broker-strip:hover .broker-track,.broker-strip:focus-within .broker-track,.broker-strip.is-paused .broker-track{animation-play-state:paused}@keyframes broker-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.broker-strip{margin-top:18px}.broker-strip-inner{padding-top:16px;padding-bottom:18px}.broker-strip-heading{margin-bottom:14px;padding-left:0;padding-right:30px;justify-content:flex-start}.broker-strip-heading h2{text-align:left;font-size:12px;letter-spacing:0}.broker-logo-group{gap:30px;padding-right:30px}.broker-logo-group li{font-size:15px;gap:8px}.broker-logo-group img{width:25px;height:25px}.broker-motion-toggle{width:28px;height:28px}.broker-track{animation-duration:28s}}
@media(prefers-reduced-motion:reduce){.broker-track{animation:none}.broker-viewport{overflow-x:auto;mask-image:none}.broker-logo-group[aria-hidden]{display:none}.broker-motion-toggle{display:none}}
/* ==== cinematic-features.css ==== */
#cinematic-features{color-scheme:dark;--bg:#07090c;--text:#eef2f6;--muted:#93a0ae;--blue:#9fcdf5;--line:#242c35}#cinematic-features *{box-sizing:border-box}#cinematic-features{margin:0;background:#101419;color:var(--text);font-family:'DM Sans',sans-serif}#cinematic-features button{font:inherit;cursor:pointer}#cinematic-features button:focus-visible,#cinematic-features a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}#cinematic-features button{color:inherit}#cinematic-features .lab{position:sticky;top:0;z-index:100;background:#101419f5;border-bottom:1px solid #2a323b;backdrop-filter:blur(20px);padding:16px 24px}#cinematic-features .labtop{display:flex;align-items:ccinematicEnter;justify-content:space-between;gap:12px;max-width:1000px;margin:auto}#cinematic-features .labtitle{font-size:13px;font-weight:600}#cinematic-features .labtitle span{color:var(--muted);font-weight:400;margin-left:12px}#cinematic-features .controls{display:flex;gap:5px;max-width:1000px;margin:14px auto 0}#cinematic-features .controls button,#cinematic-features .compare{border:1px solid #303944;background:transparent;border-radius:7px;padding:9px 13px;font-size:12px}#cinematic-features .controls button{flex:1}#cinematic-features .controls button[aria-pressed=true],#cinematic-features .compare[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}#cinematic-features .summary{max-width:390px;margin:22px auto;color:var(--muted);font-size:12px;line-height:1.6;padding:0 20px;min-height:40px}#cinematic-features .summary strong{color:var(--text);font-weight:500}#cinematic-features .gallery{display:flex;justify-content:ccinematicEnter;gap:24px;align-items:flex-start;padding:0 24px 64px}#cinematic-features .site{width:390px;flex:0 0 390px;background:var(--bg);overflow:hidden;min-height:800px}#cinematic-features .site[hidden]{display:none}#cinematic-features .siteheader{height:76px;margin:0 24px;display:flex;align-items:ccinematicEnter;justify-content:space-between;border-bottom:1px solid #ffffff10}#cinematic-features .wordmark{font-weight:650;font-size:19px;letter-spacing:-.8px;display:flex;align-items:ccinematicEnter;gap:8px}#cinematic-features .mark{display:inline-flex;gap:3px;align-items:ccinematicEnter;transform:skew(-12deg)}#cinematic-features .mark i{width:5px;background:var(--blue);height:16px}#cinematic-features .mark i:nth-child(2){height:23px}#cinematic-features .mark i:nth-child(3){height:11px}#cinematic-features .desktop{font-size:9px;color:var(--muted);letter-spacing:.5px}#cinematic-features .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.1px;color:var(--blue);font-weight:600}#cinematic-features .intro{padding:60px 26px 44px}#cinematic-features .intro h1{font-size:46px;line-height:1.03;letter-spacing:-2.5px;font-weight:500;margin:20px 0}#cinematic-features .intro p,#cinematic-features .copy{font-size:14px;line-height:1.75;color:var(--muted);max-width:305px}#cinematic-features .intro .down{margin-top:35px;display:flex;gap:12px;align-items:ccinematicEnter;font-size:11px;color:var(--muted)}#cinematic-features h2{font-weight:500;letter-spacing:-1.4px;line-height:1.08;font-size:36px;margin:16px 0}#cinematic-features .num{font-size:10px;letter-spacing:2px;color:var(--blue)}#cinematic-features .end{margin:30px 26px 0;padding:36px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.8}#cinematic-features .end b{color:var(--text);display:block;font-size:20px;font-weight:500;letter-spacing:-.5px;margin-bottom:8px}#cinematic-features .end small{display:block;font-size:9px;margin-top:25px;color:#657180}#cinematic-features .product{position:relative;background:#11171f;border:1px solid #34404e;border-radius:9px;overflow:hidden;box-shadow:0 18px 45px #0006;color:#c8d2dc;text-align:left;font-size:10px}#cinematic-features .chrome{height:28px;background:#171e28;display:flex;align-items:ccinematicEnter;justify-content:space-between;padding:0 11px;border-bottom:1px solid #29323d;font-size:8px;color:#8594a5}#cinematic-features .dots{display:flex;gap:4px}#cinematic-features .dots i{width:5px;height:5px;border-radius:50%;background:#495363}#cinematic-features .appbody{padding:17px}#cinematic-features .appheading{display:flex;justify-content:space-between;align-items:ccinematicEnter;margin-bottom:18px;font-size:12px;font-weight:600;color:var(--text)}#cinematic-features .tiny{font-size:8px;font-weight:400;color:#8391a3}#cinematic-features .pill{background:#263747;color:#b7dafa;border:1px solid #40566a;border-radius:4px;padding:4px 6px;font-size:7px}#cinematic-features .grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}#cinematic-features .tile{padding:12px;background:#18212b;border:1px solid #28323e;border-radius:5px}#cinematic-features .tile label{font-size:8px;color:#94a2b3;display:block;margin-bottom:9px}#cinematic-features .tile strong{font-size:21px;letter-spacing:-.7px;font-weight:500}#cinematic-features .positive{color:#acd5cf}#cinematic-features .chart{width:100%;height:78px;display:block;margin-top:10px}#cinematic-features .row{display:flex;align-items:ccinematicEnter;justify-content:space-between;gap:7px;padding:11px 0;border-bottom:1px solid #26303b;font-size:9px}#cinematic-features .row:last-child{border-bottom:0}#cinematic-features .row .muted{color:#8190a3}#cinematic-features .tag{border-radius:3px;background:#283b4e;padding:4px 6px;color:#bcd9f4;font-size:7px}#cinematic-features .bar{height:6px;background:#293541;border-radius:3px;margin-top:8px;overflow:hidden}#cinematic-features .bar i{display:block;height:100%;background:var(--blue);border-radius:3px}#cinematic-features .rule{display:flex;gap:9px;padding:11px 0;align-items:ccinematicEnter;border-bottom:1px solid #26303b;font-size:10px}#cinematic-features .check{width:15px;height:15px;background:#2c4555;border:1px solid #4c6c80;color:#c6e6ff;display:grid;place-items:ccinematicEnter;border-radius:4px;font-size:9px}#cinematic-features .rule em{color:#8190a3;font-size:8px;display:block;font-style:normal;margin-top:3px}#cinematic-features .rule.dim{opacity:.55}#cinematic-features .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:16px 0}#cinematic-features .cal span{font-size:8px;aspect-ratio:1;display:grid;place-items:ccinematicEnter;background:#1a2632;border-radius:3px;color:#8498a9}#cinematic-features .cal span.done{background:#36576e;color:#d2eaff}#cinematic-features .cal span.today{border:1px solid var(--blue);color:var(--blue)}#cinematic-features .score{display:flex;align-items:ccinematicEnter;justify-content:space-between}#cinematic-features .score strong{font-size:57px;font-weight:450;letter-spacing:-3px}#cinematic-features .score strong small{font-size:15px;letter-spacing:0;color:#7d8b9d}#cinematic-features .score .ring{width:83px;height:83px;border-radius:50%;background:conic-gradient(#9fcdf5 0 86%,#283440 86%);display:grid;place-items:ccinematicEnter}#cinematic-features .ring:before{content:'↑ 12 pts';width:68px;height:68px;background:#11171f;border-radius:50%;display:grid;place-items:ccinematicEnter;color:var(--blue);font-size:11px}#cinematic-features .accentchoice{display:flex;align-items:ccinematicEnter;gap:9px;margin-top:16px;color:#8291a2;font-size:8px}#cinematic-features .swatch{border:0;width:13px;height:13px;border-radius:50%;background:#9fcdf5}#cinematic-features .swatch:nth-of-type(2){background:#b7b1e5}#cinematic-features .swatch:nth-of-type(3){background:#a9d3c5}#cinematic-features .swatch:first-of-type{outline:1px solid #9fcdf5;outline-offset:3px}#cinematic-features .caption{font-size:9px;color:#697786;margin-top:17px;letter-spacing:.2px}#cinematic-features .cinema .intro{text-align:ccinematicEnter;padding-top:68px}#cinematic-features .cinema .intro p{margin:22px auto}#cinematic-features .cinema .intro .down{justify-content:ccinematicEnter}#cinematic-features .cinema .feature{padding:60px 26px 44px;text-align:ccinematicEnter;position:relative}#cinematic-features .cinema .feature:before{content:'';position:absolute;inset:110px -60px 0;background:radial-gradient(ellipse at ccinematicEnter,#2347692b,transparent 67%);pointer-events:none}#cinematic-features .cinema .feature h2{font-size:39px;margin:18px auto;max-width:290px}#cinematic-features .cinema .copy{margin:0 auto 36px}#cinematic-features .cinema .product{width:350px;margin-left:-6px;transform:perspective(1000px) rotateY(-5deg) rotateX(3deg)}#cinematic-features .cinema .feature:nth-child(even) .product{transform:perspective(1000px) rotateY(5deg) rotateX(3deg)}#cinematic-features .cinema .feature+.feature{border-top:1px solid #ffffff08}#cinematic-features .editorial .intro{padding-bottom:52px}#cinematic-features .editorial .intro h1{font-size:56px;line-height:.96;letter-spacing:-3px}#cinematic-features .editorial .intro h1 span{color:var(--blue)}#cinematic-features .editorial .contents{display:flex;justify-content:space-between;margin-top:35px;padding-top:18px;border-top:1px solid #3c4753;font-size:9px;color:var(--muted)}#cinematic-features .editorial .feature{padding:30px 26px 40px;border-top:1px solid #2b343e}#cinematic-features .editorial .edtop{display:flex;align-items:flex-start;gap:20px}#cinematic-features .editorial .bigindex{font-size:60px;font-weight:400;line-height:1;letter-spacing:-4px;color:#536878}#cinematic-features .editorial h2{font-size:31px;margin:3px 0 0;letter-spacing:-1.2px}#cinematic-features .editorial .copy{margin:22px 0 28px}#cinematic-features .editorial .feature:nth-child(even){background:#10171f}#cinematic-features .editorial .product{box-shadow:none;border-radius:2px}#cinematic-features .editorial .quote{font-size:11px;display:flex;justify-content:space-between;color:var(--blue);margin:18px 0 0}#cinematic-features .stage .intro{padding-bottom:28px}#cinematic-features .stage .intro h1{font-size:48px}#cinematic-features .stage .intro h1 span{color:#708191}#cinematic-features .stage .stagebox{scroll-margin-top:130px;padding:0 24px 27px;background:radial-gradient(ellipse at top,#29475d44,transparent 70%)}#cinematic-features .stage .stageproduct{padding-top:20px}#cinematic-features .stage .stageproduct .product{height:300px}#cinematic-features .stage .stagelabel{display:flex;align-items:ccinematicEnter;justify-content:space-between;padding:18px 0 0;font-size:9px;color:var(--muted)}#cinematic-features .stage .stagecontrols{display:flex;gap:6px}#cinematic-features .stage .stagecontrols button{border:1px solid #354453;border-radius:50%;background:transparent;width:28px;height:28px}#cinematic-features .stage .chapters{padding:0 24px}#cinematic-features .stage .chapter{border-top:1px solid #29333e}#cinematic-features .stage .chapter>button{width:100%;display:flex;gap:17px;align-items:ccinematicEnter;padding:23px 0;text-align:left;background:none;border:0}#cinematic-features .stage .chapter>button span:first-child{font-size:10px;color:#728293}#cinematic-features .stage .chapter>button strong{font-size:19px;font-weight:500;letter-spacing:-.5px;flex:1}#cinematic-features .stage .chapter>button .plus{color:#8795a3;font-size:21px;font-weight:400}#cinematic-features .stage .chapter.active>button strong,#cinematic-features .stage .chapter.active>button span{color:var(--blue)}#cinematic-features .stage .chapter .detail{display:none;padding:0 26px 22px}#cinematic-features .stage .chapter.active .detail{display:block}#cinematic-features .stage .detail p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}#cinematic-features .stage .detail .view{font-size:9px;color:var(--blue);margin-top:12px;display:block}#cinematic-features .journey .intro h1{font-size:48px}#cinematic-features .journey .intro{padding-bottom:34px}#cinematic-features .journey .route{margin:0 25px 10px;display:flex;justify-content:space-between;position:relative}#cinematic-features .journey .route:before{content:'';height:1px;background:#354658;position:absolute;top:7px;left:5px;right:5px}#cinematic-features .journey .route span{position:relative;width:15px;height:15px;background:#182a3b;border:1px solid #668da9;border-radius:50%;box-shadow:0 0 0 5px #07090c}#cinematic-features .journey .routelabels{display:flex;justify-content:space-between;margin:15px 26px 40px;font-size:8px;color:#8395a7;letter-spacing:1px}#cinematic-features .journey .feature{margin-left:32px;padding:0 24px 44px 24px;border-left:1px solid #344553;position:relative}#cinematic-features .journey .feature:before{content:'';position:absolute;width:9px;height:9px;background:var(--blue);border-radius:50%;left:-5px;top:3px;box-shadow:0 0 0 6px #07090c}#cinematic-features .journey .num{font-size:9px}#cinematic-features .journey h2{font-size:30px;letter-spacing:-1px;margin:13px 0}#cinematic-features .journey .copy{font-size:13px;margin:0 0 22px}#cinematic-features .journey .product{border-radius:6px;box-shadow:none}#cinematic-features .journey .feature:last-of-type{border-left-color:transparent}#cinematic-features .journey .milestone{margin-top:15px;display:flex;align-items:ccinematicEnter;gap:8px;color:#8398aa;font-size:9px}#cinematic-features .journey .milestone:before{content:'↗';color:var(--blue)}#cinematic-features .journey .appbody{padding:13px}#cinematic-features .journey .tile strong{font-size:19px}#cinematic-features .comparemode .gallery{justify-content:flex-start;width:max-content;margin:auto}#cinematic-features .comparemode .site[hidden]{display:block}#cinematic-features .comparemode .summary{max-width:none;text-align:ccinematicEnter}#cinematic-features .columnlabel{display:none;font-size:10px;letter-spacing:1.5px;color:var(--blue);text-transform:uppercase;padding:18px 24px;background:#151c24;border-bottom:1px solid #2b3742}#cinematic-features .comparemode .columnlabel{display:block}#cinematic-features .site footer{padding:10px 26px 32px;font-size:9px;display:flex;justify-content:space-between;color:#566474}@media(min-width:1700px){#cinematic-features .comparemode .gallery{justify-content:ccinematicEnter}}@media(max-width:500px){#cinematic-features .lab{padding:12px}#cinematic-features .labtitle{font-size:11px}#cinematic-features .labtitle span{display:none}#cinematic-features .compare{font-size:10px;padding:7px 9px}#cinematic-features .controls{gap:4px;margin-top:10px}#cinematic-features .controls button{font-size:10px;padding:9px 3px}#cinematic-features .summary{margin:15px auto;padding:0 22px}#cinematic-features .gallery{padding:0 0 30px}#cinematic-features .site{width:min(390px,100vw);flex-basis:min(390px,100vw)}#cinematic-features .comparemode .gallery{gap:12px}#cinematic-features .comparemode .summary{text-align:left}#cinematic-features .cinema .product{width:calc(100% + 12px)}}@media(prefers-reduced-motion:no-preference){#cinematic-features .stageproduct .product{animation:cinematicEnter .4s ease}#cinematic-features .site{animation:cinematicEnter .4s ease}@keyframes cinematicEnter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}#cinematic-features{color-scheme:dark}#cinematic-features{scroll-behavior:smooth}#cinematic-features{background:#11151a}#cinematic-features{width:100%;max-width:390px;margin:auto;background:#07090c;overflow:clip}#cinematic-features .siteheader{height:74px;border:0}#cinematic-features .desktop{font-size:8px}#cinematic-features .editnote{font-size:9px;display:flex;justify-content:space-between;padding:13px 22px;background:#131a22;color:#8092a3}#cinematic-features .editnote a{color:#b4c7d7;text-decoration:none}#cinematic-features .opening{text-align:ccinematicEnter;padding:69px 23px 58px;background:radial-gradient(ellipse at 50% 75%,#284a662c,transparent 70%)}#cinematic-features .opening h1{font-size:54px;font-weight:500;line-height:1.02;letter-spacing:-3px;margin:23px 0}#cinematic-features .opening h1 span{color:#9fcdf5}#cinematic-features .opening p{color:#93a0ae;font-size:14px;line-height:1.8;margin:25px auto 36px;max-width:290px}#cinematic-features .scrollcue{display:flex;flex-direction:column;align-items:ccinematicEnter;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:#889caf;gap:18px}#cinematic-features .scrollcue i{display:block;height:47px;width:1px;background:linear-gradient(#9fcdf5,transparent)}#cinematic-features .filmchapter{position:relative;height:150svh;min-height:950px}#cinematic-features .stickyshot{position:sticky;top:0;height:100svh;min-height:620px;max-height:1000px;display:flex;flex-direction:column;justify-content:ccinematicEnter;padding:40px 0 25px;isolation:isolate}#cinematic-features .storycopy{padding:0 27px;text-align:ccinematicEnter;position:relative;z-index:3;will-change:transform,opacity}#cinematic-features .storycopy .eyebrow{font-size:9px;letter-spacing:2px;color:#7e9bb3}#cinematic-features .storycopy h2{font-size:44px;line-height:1.04;letter-spacing:-2.2px;max-width:330px;margin:20px auto}#cinematic-features .storycopy p{font-size:13px;line-height:1.8;color:#93a0ae;max-width:290px;margin:0 auto}#cinematic-features .scene{height:337px;position:relative;flex-shrink:0;margin-top:34px;perspective:1000px}#cinematic-features .aura{position:absolute;inset:-30px -45px -40px;background:radial-gradient(ellipse,#315c8350,transparent 64%);opacity:.8;z-index:-1;will-change:opacity,transform}#cinematic-features .mainclip{position:absolute;top:21px;left:24px;width:342px;transform-origin:ccinematicEnter;will-change:transform,opacity;z-index:1}#cinematic-features .mainclip{height:249px}#cinematic-features .detailclip:has(video){height:135px}#cinematic-features .microclip:has(video){height:75px;padding:0}#cinematic-features .mainclip .product{height:249px;border:1px solid #344c61;background:#101720;box-shadow:0 27px 65px #000b;border-radius:9px}#cinematic-features .mainclip .chrome{height:26px;font-size:7px}#cinematic-features .mainclip .appbody{padding:15px}#cinematic-features .mainclip .appheading{font-size:10px;margin-bottom:13px}#cinematic-features .mainclip .tile{padding:10px}#cinematic-features .mainclip .tile strong{font-size:20px}#cinematic-features .mainclip .row{padding:9px 0}#cinematic-features .mainclip .chart{height:64px}#cinematic-features .mainclip .rule{padding:8px 0}#cinematic-features .mainclip .cal{margin:9px 0;gap:4px}#cinematic-features .mainclip .cal span{aspect-ratio:auto;height:18px}#cinematic-features .mainclip .score strong{font-size:48px}#cinematic-features .video-slot video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}#cinematic-features .floatclip{position:absolute;z-index:4;border-radius:9px;background:linear-gradient(135deg,#253548,#141d28);border:1px solid #5b799066;box-shadow:0 20px 50px #000a,0 0 0 5px #0a101730;overflow:hidden;will-change:transform,opacity}#cinematic-features .detailclip{width:195px;right:15px;top:187px;min-height:106px}#cinematic-features .detailhead{padding:9px 12px;border-bottom:1px solid #9fcdf518;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.7px;color:#9cafc0}#cinematic-features .detailbody{padding:13px}#cinematic-features .detailbody .tile{padding:8px;background:#17232f}#cinematic-features .detailbody .tile label{font-size:7px}#cinematic-features .detailbody strong{font-size:27px;font-weight:500;letter-spacing:-1px}#cinematic-features .detailbody .chart{height:37px;margin-top:5px}#cinematic-features .detailbody .row{font-size:8px;padding:8px 0}#cinematic-features .detailbody .rule{font-size:8px;padding:8px 0}#cinematic-features .detailbody .rule em{font-size:7px}#cinematic-features .microclip{left:13px;top:3px;min-width:135px;max-width:165px;padding:12px 13px;border-radius:8px}#cinematic-features .microclip .microtop{font-size:7px;color:#94aabd;letter-spacing:.3px;margin-bottom:8px}#cinematic-features .microclip .microvalue{font-size:12px;font-weight:500;color:#d4e8f8;display:flex;align-items:ccinematicEnter;gap:7px}#cinematic-features .microclip .microvalue i{display:block;width:5px;height:5px;border-radius:50%;background:#9fcdf5;box-shadow:0 0 10px #9fcdf5}#cinematic-features .filmchapter:nth-of-type(even) .detailclip{left:15px;right:auto}#cinematic-features .filmchapter:nth-of-type(even) .microclip{right:14px;left:auto}#cinematic-features .scene-caption{text-align:ccinematicEnter;font-size:10px;color:#7a91a5;margin-top:4px;letter-spacing:.1px;will-change:opacity,transform}#cinematic-features .scene-caption span{color:#a7c9e5}#cinematic-features .workspace-swatches{display:flex;gap:9px;align-items:ccinematicEnter;margin-top:12px}#cinematic-features .workspace-swatches i{height:17px;width:17px;border-radius:50%;background:#9fcdf5}#cinematic-features .workspace-swatches i:nth-child(2){background:#b7b1e5}#cinematic-features .workspace-swatches i:nth-child(3){background:#a9d3c5}#cinematic-features .workspace-swatches i:first-child{outline:1px solid #b6d8f3;outline-offset:3px}#cinematic-features .note-line{height:4px;border-radius:3px;background:#647c9366;margin-top:7px}#cinematic-features .floatclip .positive{color:#baded4}#cinematic-features .sparkbars{display:flex;align-items:end;height:36px;gap:5px;margin-top:9px}#cinematic-features .sparkbars i{flex:1;background:#7da8ca;border-radius:2px 2px 0 0}#cinematic-features .closing{padding:90px 30px 68px;text-align:ccinematicEnter;background:radial-gradient(ellipse at 50% 20%,#21436136,transparent 70%)}#cinematic-features .closing .eyebrow{font-size:9px}#cinematic-features .closing h2{font-size:44px;letter-spacing:-2px;margin:25px 0}#cinematic-features .closing p{font-size:13px;line-height:1.8;color:#93a0ae}#cinematic-features .endnote{padding:22px 28px 32px;text-align:ccinematicEnter;font-size:8px;line-height:1.8;color:#607181;border-top:1px solid #1d2833}#cinematic-features .video-slot{pointer-events:none}#cinematic-features .product{animation:none}#cinematic-features .mainclip,#cinematic-features .floatclip{backface-visibility:hidden}@media(max-height:700px){#cinematic-features .stickyshot{padding-top:25px;padding-bottom:12px}#cinematic-features .storycopy h2{font-size:38px;margin:15px auto}#cinematic-features .scene{height:305px;margin-top:22px}#cinematic-features .storycopy p{font-size:12px}#cinematic-features .scene-caption{font-size:9px}}@media(max-width:370px){#cinematic-features .mainclip{left:20px;width:calc(100% - 40px)}#cinematic-features .opening h1{font-size:48px}#cinematic-features .storycopy h2{font-size:40px}#cinematic-features .detailclip{width:180px}}@media(prefers-reduced-motion:reduce){#cinematic-features{scroll-behavior:auto}#cinematic-features .filmchapter{height:auto;min-height:0}#cinematic-features .stickyshot{position:relative;min-height:650px;height:auto;padding:60px 0}#cinematic-features .storycopy,#cinematic-features .mainclip,#cinematic-features .floatclip,#cinematic-features .scene-caption,#cinematic-features .aura{transform:none!important;opacity:1!important;filter:none!important}}
#cinematic-features{--bg:#07090c;--text:#eef2f6;--muted:#93a0ae;--blue:#9fcdf5;--line:#242c35;width:100%;max-width:none;margin:20px auto 0;background:#07090c;overflow:clip;font-family:'DM Sans',sans-serif;color:var(--text)}
#cinematic-features .stickyshot{max-width:390px;margin:auto}#cinematic-features .scene{width:100%;max-width:390px}#cinematic-features .mainclip{width:calc(100% - 48px)}#cinematic-features .bar:after{content:none}#cinematic-features .score .ring{position:static;margin:0;flex-shrink:0}#cinematic-features .storycopy h2{font-weight:500}#cinematic-features .filmchapter{border-top:1px solid #ffffff08}
@media(min-width:900px){#cinematic-features .filmchapter{height:140svh;min-height:850px}#cinematic-features .stickyshot{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;align-items:center;column-gap:65px;padding:70px 35px 45px;max-height:none}#cinematic-features .storycopy{text-align:left;padding:0}#cinematic-features .storycopy h2{font-size:clamp(44px,4.3vw,60px);max-width:450px;margin:22px 0}#cinematic-features .storycopy p{font-size:16px;max-width:400px;margin:0}#cinematic-features .storycopy .eyebrow{font-size:11px}#cinematic-features .scene{width:390px;justify-self:center;margin:0;transform:scale(1.2);transform-origin:center}#cinematic-features .scene-caption{grid-column:1/-1;font-size:12px;margin-top:35px}}
@media(prefers-reduced-motion:reduce){#cinematic-features .filmchapter{height:auto;min-height:0}#cinematic-features .stickyshot{height:auto;min-height:620px}#cinematic-features .storycopy,#cinematic-features .mainclip,#cinematic-features .floatclip,#cinematic-features .scene-caption,#cinematic-features .aura{opacity:1!important;transform:none!important}}
/* Match the hero canvas and use timed entrances, not scroll-scrubbed transforms. */
#cinematic-features{--bg:#090c0f;background:#090c0f}
#cinematic-features .filmchapter{height:auto;min-height:0;background:#090c0f}
#cinematic-features .stickyshot{position:relative;top:auto;height:auto;min-height:650px;max-height:none;padding-top:65px;padding-bottom:45px;background:#090c0f}
#cinematic-features .filmchapter{--entrance-direction:1}
#cinematic-features .filmchapter:nth-child(even){--entrance-direction:-1}
#cinematic-features.entrance-ready .filmchapter:not(.has-entered) .storycopy,
#cinematic-features.entrance-ready .filmchapter:not(.has-entered) .mainclip,
#cinematic-features.entrance-ready .filmchapter:not(.has-entered) .floatclip,
#cinematic-features.entrance-ready .filmchapter:not(.has-entered) .scene-caption{opacity:0}
#cinematic-features.entrance-ready .has-entered .storycopy{animation:feature-copy-in .7s ease both}
#cinematic-features.entrance-ready .has-entered .mainclip{animation:feature-main-in 1s cubic-bezier(.2,.7,.2,1) .1s both}
#cinematic-features.entrance-ready .has-entered .detailclip{animation:feature-detail-in .85s cubic-bezier(.2,.7,.2,1) .5s both}
#cinematic-features.entrance-ready .has-entered .microclip{animation:feature-micro-in .75s cubic-bezier(.2,.7,.2,1) .85s both}
#cinematic-features.entrance-ready .has-entered .scene-caption{animation:feature-copy-in .65s ease 1.1s both}
#cinematic-features.entrance-ready .has-entered .scene-perks{animation:feature-copy-in .6s ease .15s both}
@keyframes feature-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes feature-main-in{from{opacity:0;transform:translateY(55px) scale(.91) rotateX(8deg)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes feature-detail-in{from{opacity:0;transform:translate3d(calc(var(--entrance-direction)*24px),55px,0) scale(.85)}to{opacity:1;transform:translate3d(0,-8px,0) scale(1)}}
@keyframes feature-micro-in{from{opacity:0;transform:translateY(30px) scale(.85)}to{opacity:1;transform:translateY(-5px) scale(1)}}
@media(min-width:900px){#cinematic-features .stickyshot{min-height:650px;padding-top:90px;padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){#cinematic-features .filmchapter *{animation:none!important}}
/* "Make it yours" feature grid (replaces the caption line in chapter 0) */
#cinematic-features .scene-perks{display:grid;grid-template-columns:1fr 1fr;max-width:760px;gap:22px 32px;list-style:none;margin:36px 0 0;padding:0;text-align:left;font-size:inherit;letter-spacing:normal}
#cinematic-features .scene-perks li{display:flex;align-items:center;gap:13px;min-width:0}
#cinematic-features .scene-perk-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;color:#9bc9ee}
#cinematic-features .scene-perk-icon svg{display:block;width:23px;height:23px}
#cinematic-features .scene-perks strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.025em;line-height:1.3;color:#eaf0f6}
#cinematic-features .scene-perks small{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:#94a0af}
@media(max-width:700px){#cinematic-features .scene-perks{grid-template-columns:1fr;gap:16px;margin-top:28px;padding:0 20px}}
/* Solo video chapter: one 16:9 screen recording in place of the mock scene. */
#cinematic-features .has-solo .scene{height:auto;width:calc(100% - 40px);max-width:none;margin:30px auto 0;transform:none;perspective:none}
#cinematic-features .solo-screen video{position:absolute;left:0;top:-5.56%;width:100%;height:111.12%;object-fit:fill;border-radius:0}
@media(min-width:900px){
#cinematic-features .has-solo .stickyshot{max-width:1520px;grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);grid-template-rows:auto auto;align-content:center;column-gap:56px;row-gap:0}
#cinematic-features .has-solo .storycopy{grid-column:1;grid-row:1;align-self:end}
#cinematic-features .has-solo .scene-perks{grid-column:1;grid-row:2;align-self:start;margin-top:36px}
#cinematic-features .has-solo .scene{grid-column:2;grid-row:1/3;align-self:center}
#cinematic-features .has-solo .scene{width:100%;margin:0}
}
#cinematic-features .soloclip{position:relative;z-index:1}
/* Trims 5% off the top and bottom of the recording. */
#cinematic-features .solo-screen{position:relative;overflow:hidden;aspect-ratio:16/8.1;background:#050609}
#cinematic-features .has-solo,#cinematic-features .has-solo .stickyshot{background:#050609}
#cinematic-features .has-solo .aura{display:none}
#cinematic-features .has-solo .scene{padding:0;background:none}
/* Mobile: crops 15% off the right of the recording so the UI reads larger. */
@media(max-width:700px){#cinematic-features .solo-screen{aspect-ratio:13.6/8.1}#cinematic-features .solo-screen video{width:117.65%}}
#cinematic-features #chapter-1 .solo-screen video{top:-2%}
/* Floating progress bar on solo videos */
#cinematic-features .vbar{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:min(44%,360px);display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;background:#0b0f1499;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2;pointer-events:auto;opacity:.6;transition:opacity .2s}
#cinematic-features .vbar:hover,#cinematic-features .vbar:focus-within{opacity:1}
#cinematic-features .vbar-reset{display:grid;place-items:center;width:20px;height:20px;flex:none;padding:0;border:0;border-radius:50%;background:none;color:#c9d4de;cursor:pointer}
#cinematic-features .vbar-reset:hover{color:var(--blue)}
#cinematic-features .vbar-reset svg{width:11px;height:11px}
#cinematic-features .vbar-track{position:relative;flex:1;height:14px;cursor:pointer;touch-action:none}
#cinematic-features .vbar-track:before{content:'';position:absolute;left:0;right:0;top:6px;height:2px;margin:0;border-radius:1px;background:#ffffff26}
#cinematic-features .vbar-track i{position:absolute;left:0;top:6px;height:2px;margin:0;padding:0;transform:none;border-radius:1px;background:var(--blue);width:0}
#cinematic-features .vbar-track i:after{content:'';position:absolute;right:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#fff;opacity:0;transition:opacity .2s}
#cinematic-features .vbar:hover .vbar-track i:after,#cinematic-features .vbar-track:focus-visible i:after{opacity:1}
#cinematic-features .vbar-track:focus-visible{outline:1px solid var(--blue);outline-offset:2px;border-radius:4px}
@media(max-width:700px){#cinematic-features .vbar{width:calc(100% - 32px);bottom:6px}}
#cinematic-features #chapter-0 .solo-screen video{top:-4%}
/* Live widget embed chapter: widgets on the left, copy and feature grid on the right. */
#cinematic-features .embedclip{width:100%;line-height:0;overflow:hidden}
#cinematic-features .embed-frame{display:block;width:100%;border:0;background:#050609;aspect-ratio:16/7;overflow:hidden;pointer-events:none}
#cinematic-features .embed-frame.is-sized{aspect-ratio:auto}
@media(min-width:900px){
#cinematic-features .has-embed .stickyshot{grid-template-columns:minmax(0,1.7fr) minmax(0,.7fr)}
#cinematic-features .has-embed .storycopy,#cinematic-features .has-embed .scene-perks{grid-column:2}
#cinematic-features .has-embed .scene{grid-column:1}
}
/* ==== feature-dock.css ==== */
/* Feature showcase: one app window, a dock of feature icons underneath, and a caption for the active tab. */
#cinematic-features .fd{padding-top:104px;padding-bottom:104px;text-align:center}
#cinematic-features .fd-head h2{max-width:760px;margin:14px auto 0;font-size:clamp(34px,4.4vw,56px);font-weight:550;letter-spacing:-.045em;line-height:1.04}
#cinematic-features .fd-window{position:relative;max-width:1120px;margin:44px auto 0;padding:10px;border:1px solid #1c242d;border-radius:20px;background:linear-gradient(180deg,#0d1217,#07090c);box-shadow:inset 0 1px 0 #ffffff0d,0 50px 120px -40px #000,0 0 160px -60px #9fcdf540;overflow:hidden;text-align:left}
#cinematic-features .fd-panel[hidden]{display:none}
#cinematic-features .fd-panel.is-active{animation:fd-in .5s cubic-bezier(.2,.7,.2,1) both}
#cinematic-features .fd-panel:focus{outline:none}
#cinematic-features .fd-panel .solo-screen{border-radius:12px}
#cinematic-features .fd-panel .embedclip{border-radius:12px;background:#050609}
#cinematic-features .fd-mock{display:grid;place-items:center;min-height:420px;padding:36px 20px;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#132030,#07090c 70%)}
#cinematic-features .fd-mock .product{width:min(560px,100%);margin:0;transform:none}
/* Dock */
#cinematic-features .fd-dock{display:inline-flex;gap:10px;margin:34px auto 0;padding:8px;border:1px solid #ffffff12;border-radius:24px;background:linear-gradient(180deg,#11161ccc,#0a0d11cc);box-shadow:inset 0 1px 0 #ffffff0a,0 20px 50px -20px #000c}
#cinematic-features .fd-tab{position:relative;display:grid;place-items:center;width:62px;height:62px;padding:0;border:1px solid #ffffff10;border-radius:17px;background:linear-gradient(180deg,#171d24,#0d1116);color:#8a9aa8;cursor:pointer;transition:transform .2s cubic-bezier(.2,.7,.2,1),background .2s,color .2s,border-color .2s,box-shadow .2s}
#cinematic-features .fd-tab svg{width:25px;height:25px}
#cinematic-features .fd-tab:hover{color:#dce6ee;border-color:#ffffff24}
#cinematic-features .fd-tab:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
#cinematic-features .fd-tab[aria-selected="true"]{transform:translateY(-3px);border-color:#a5cfee59;background:linear-gradient(180deg,#26313c,#141a21);color:#fff;box-shadow:inset 0 1px 0 #ffffff1f,0 10px 28px -10px #9fcdf566}
#cinematic-features .fd-tip{position:absolute;left:50%;bottom:calc(100% + 12px);padding:5px 10px;border:1px solid #ffffff17;border-radius:8px;background:#121820;font-size:12px;font-weight:600;line-height:1.2;color:#e9eff4;white-space:nowrap;opacity:0;transform:translate(-50%,4px);pointer-events:none;transition:opacity .2s,transform .2s}
#cinematic-features .fd-tab[aria-selected="true"] .fd-tip,#cinematic-features .fd-tab:hover .fd-tip{opacity:1;transform:translate(-50%,0)}
#cinematic-features .fd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Caption */
#cinematic-features .fd-caption{max-width:600px;min-height:3.2em;margin:26px auto 0;font-size:17px;line-height:1.6;color:#8a98a5}
#cinematic-features .fd-caption strong{font-weight:600;color:#f1f5f8}
#cinematic-features .fd-caption.is-in{animation:fd-cap .45s ease both}
@keyframes fd-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes fd-cap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#cinematic-features .fd-panel.is-active,#cinematic-features .fd-caption.is-in{animation:none}#cinematic-features .fd-tab{transition:none}}
@media(max-width:760px){
#cinematic-features .fd{padding-top:72px;padding-bottom:72px}
#cinematic-features .fd-head h2{font-size:32px}
#cinematic-features .fd-window{margin-top:30px;padding:6px;border-radius:14px}
#cinematic-features .fd-panel .solo-screen,#cinematic-features .fd-panel .embedclip,#cinematic-features .fd-mock{border-radius:9px}
#cinematic-features .fd-mock{min-height:300px;padding:20px 10px}
#cinematic-features .fd-dock{gap:6px;margin-top:40px;padding:6px;border-radius:19px}
#cinematic-features .fd-tab{width:48px;height:48px;border-radius:13px}
#cinematic-features .fd-tab svg{width:21px;height:21px}
#cinematic-features .fd-tab:hover:not([aria-selected="true"]) .fd-tip{opacity:0}
#cinematic-features .fd-caption{font-size:15px;margin-top:20px}
}
/* Four supporting features under the caption, for the active tab. */
#cinematic-features .fd-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1000px;margin:40px auto 0;padding:28px 0 0;border-top:1px solid #ffffff0f;list-style:none;text-align:left}
#cinematic-features .fd-perks li{display:flex;align-items:flex-start;gap:12px;min-width:0}
#cinematic-features .fd-perk-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #ffffff12;border-radius:10px;background:linear-gradient(180deg,#151b22,#0c1015);color:var(--blue)}
#cinematic-features .fd-perk-icon svg{width:18px;height:18px}
#cinematic-features .fd-perks strong{display:block;font-size:14.5px;font-weight:550;letter-spacing:-.015em;line-height:1.3;color:#eaf0f6}
#cinematic-features .fd-perks small{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:#8d9aa7}
#cinematic-features .fd-perks.is-in li{animation:fd-cap .45s ease both}
#cinematic-features .fd-perks.is-in li:nth-child(2){animation-delay:.05s}#cinematic-features .fd-perks.is-in li:nth-child(3){animation-delay:.1s}#cinematic-features .fd-perks.is-in li:nth-child(4){animation-delay:.15s}
@media(prefers-reduced-motion:reduce){#cinematic-features .fd-perks.is-in li{animation:none}}
@media(max-width:760px){#cinematic-features .fd-perks{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin-top:28px;padding-top:22px}#cinematic-features .fd-perk-icon{width:30px;height:30px;border-radius:9px}#cinematic-features .fd-perk-icon svg{width:16px;height:16px}#cinematic-features .fd-perks strong{font-size:13.5px}#cinematic-features .fd-perks small{font-size:12px}}
#cinematic-features .fd-head h2 span{color:#7d8c99}
/* Desktop: window, dock, caption and feature list fit in one screen (the heading can sit above the fold). */
@media(min-width:761px){
#cinematic-features .fd-window{max-width:min(1120px,calc((100vh - 345px) * 16 / 8.1 + 22px))}
#cinematic-features .fd-dock{margin-top:26px}
#cinematic-features .fd-caption{margin-top:18px}
#cinematic-features .fd-perks{margin-top:24px;padding-top:20px}
}
/* Desktop: vertical dock on the left, app window in the middle, the active feature's copy on the right, all on one screen. */
@media(min-width:961px){
#cinematic-features .fd{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,300px);grid-template-rows:auto 1fr 1fr;grid-template-areas:"head head head" "dock win cap" "dock win perks";column-gap:36px;max-width:1320px;padding-top:88px;padding-bottom:88px}
#cinematic-features .fd-head{grid-area:head;margin-bottom:44px}
#cinematic-features .fd-window{grid-area:win;align-self:center;justify-self:stretch;width:100%;max-width:calc((100vh - 170px) * 16 / 8.1 + 22px);margin:0 auto}
#cinematic-features .fd-dock{grid-area:dock;align-self:center;flex-direction:column;margin:0;padding:7px;gap:8px;border-radius:20px}
#cinematic-features .fd-tab{width:52px;height:52px;border-radius:14px}
#cinematic-features .fd-tab svg{width:22px;height:22px}
#cinematic-features .fd-tab[aria-selected="true"]{transform:translateX(3px)}
#cinematic-features .fd-tip{left:calc(100% + 14px);bottom:auto;top:50%;transform:translate(-4px,-50%)}
#cinematic-features .fd-tab[aria-selected="true"] .fd-tip{opacity:0}
#cinematic-features .fd-tab:hover .fd-tip{opacity:1;transform:translate(0,-50%)}
#cinematic-features .fd-caption{grid-area:cap;align-self:end;max-width:none;min-height:0;margin:0;font-size:15px;line-height:1.55;text-align:left}
#cinematic-features .fd-caption strong{display:block;margin-bottom:8px;font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.2}
#cinematic-features .fd-perks{grid-area:perks;align-self:start;grid-template-columns:1fr;gap:14px;max-width:none;margin:24px 0 0;padding:22px 0 0}
#cinematic-features .fd-perk-icon{width:30px;height:30px;border-radius:9px}
#cinematic-features .fd-perk-icon svg{width:16px;height:16px}
#cinematic-features .fd-perks strong{font-size:14px}
#cinematic-features .fd-perks small{margin-top:1px;font-size:12.5px}
}
@media(min-width:961px){
#cinematic-features .fd{grid-template-rows:auto 1fr auto auto 1fr;grid-template-areas:"head head head" "dock win ." "dock win cap" "dock win perks" "dock win ."}
#cinematic-features .fd-caption{align-self:start}
}
/* Features under a video tab are buttons that jump to that part of the video. */
#cinematic-features .fd-perk{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;margin:-6px;padding:6px 26px 6px 6px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s}
#cinematic-features .fd-perk:hover{background:#ffffff08}
#cinematic-features .fd-perk:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#cinematic-features .fd-perk-go{position:absolute;top:9px;right:6px;width:13px;height:13px;color:#6f7f8c;transition:color .2s,transform .2s}
#cinematic-features .fd-perk:hover .fd-perk-go{color:var(--blue);transform:translate(1px,-1px)}
#cinematic-features .fd-perk:hover strong{color:#fff}
/* ==== value-stories.css ==== */
/* Value stories: two short "what you'd learn" moments, each with a widget-style panel. */
.value-stories{--vs-loss:#e8848b;--vs-win:#72d3a4;--vs-line:#1b232b;padding:40px 0 112px;background:#090c0f}
.vs-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:72px;max-width:1080px;padding-top:72px;padding-bottom:72px}
.vs-story+.vs-story{border-top:1px solid var(--vs-line)}
.vs-flip .vs-copy{order:2}
.vs-copy h2{margin:0;font-size:clamp(32px,3.6vw,48px);font-weight:550;line-height:1.08;letter-spacing:-.04em;color:#f1f5f8}
.vs-copy h2 span{color:#7d8c99}
.vs-copy p{max-width:440px;margin:22px 0 0;font-size:17px;line-height:1.65;color:#9aa7b3}
/* Static app widget (css/widgets.css). */
.vs-embed{position:relative;width:100%;height:var(--vs-h)}
.vs-embed-mistakes{--vs-h:340px}
.vs-embed-strategies{--vs-h:430px}
@media(max-width:600px){.vs-embed{height:auto}}
@media(max-width:860px){
.value-stories{padding:8px 0 64px}
.vs-story{grid-template-columns:1fr;gap:32px;padding-top:56px;padding-bottom:56px}
.vs-flip .vs-copy{order:0}
.vs-copy p{font-size:16px}
}
.vs-copy h2{text-wrap:balance}
@media(min-width:861px){.vs-story{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px}.vs-copy h2{font-size:clamp(32px,3.3vw,44px)}}
/* Story 1: give the cost-of-mistakes widget more room. */
@media(min-width:861px){
.value-stories .vs-story:first-child{grid-template-columns:minmax(0,1fr) minmax(0,640px);gap:56px;max-width:1200px}
.vs-embed-mistakes{--vs-h:340px}
}
.vs-embed-mistakes{border-radius:0}
/* ==== widgets.css ==== */
/* Static versions of the app widgets (hero pop-ups and value stories), drawn in HTML/CSS/SVG to match the app. */
@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/outfit-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/outfit-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/outfit-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/outfit-latin-700-normal.woff2) format("woff2")}
.tw{--tw-accent:#a5cfee;--tw-pos:#7ddcb0;--tw-neg:#ef8a91;--tw-muted:rgba(255,255,255,.45);--tw-line:rgba(255,255,255,.08);font-family:Outfit,"DM Sans",sans-serif;color:#fff;line-height:1.3;text-align:left;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.tw *,.tw *:before,.tw *:after{box-sizing:border-box}
.tw h4{margin:0}
/* Bars */
.tw-track{height:8px;border-radius:6px;background:rgba(255,255,255,.05);overflow:hidden}
.tw-track i{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(165,207,238,.6),var(--tw-accent));transform-origin:left}
/* Strategy card */
.tw-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 16px;border:1px solid var(--tw-line);border-radius:14px;background:linear-gradient(160deg,rgba(165,207,238,.09),rgba(255,255,255,.05) 60%),#0d1116}
.tw-card-head{display:flex;align-items:center;gap:8px;min-width:0}
.tw-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--dot)}
.tw-card h4{min-width:0;overflow:hidden;font-size:14.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.tw-net{margin-left:auto;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.05);font-size:12px;color:var(--tw-pos);white-space:nowrap}
.tw-spark{display:block;flex:1 1 0;width:100%;min-height:24px;max-height:120px;margin:6px 0 8px}
.tw-spark polyline{fill:none;stroke:#5fae8f;stroke-width:1.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.tw-zero{stroke:rgba(255,255,255,.14);stroke-width:1;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.tw-metric{display:grid;grid-template-columns:84px 1fr 70px;align-items:center;gap:8px;margin:4px 0;font-size:12px}
.tw-metric span{color:var(--tw-muted)}
.tw-metric strong{font-weight:500;text-align:right;white-space:nowrap}
.tw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 10px;margin:10px 0 0;font-size:12px}
.tw-stats dt{color:var(--tw-muted);white-space:nowrap}
.tw-stats dd{margin:2px 0 0;white-space:nowrap}
.tw-stats small{color:var(--tw-muted)}
.tw-pos{color:var(--tw-pos)}
/* Hero pop-ups: the frame keeps the old embed's size, so the existing placement and scaling rules still apply. */
.hero-pop .tw.hero-pop-frame{overflow:hidden}
.tw-pop-strat .tw-card{height:100%;border-radius:16px}
.tw-disc{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:18px 22px;border:1px solid var(--tw-line);border-radius:18px;background:#0e1217}
.tw-disc-top{display:flex;align-items:center;gap:14px}
.tw-ring-wrap{position:relative;flex:none;width:58px;height:58px}
.tw-ring{width:100%;height:100%;transform:rotate(-90deg)}
.tw-ring circle{fill:none;stroke-width:6}
.tw-ring-bg{stroke:rgba(255,255,255,.08)}
.tw-ring-fg{stroke:var(--tw-accent);stroke-linecap:round}
.tw-ring-wrap b{position:absolute;inset:0;display:grid;place-items:center;font-size:21px;font-weight:600}
.tw-disc-title{font-size:20px;font-weight:600;line-height:1.2}
.tw-disc-sub{margin-top:2px;font-size:12px;color:var(--tw-muted)}
.tw-disc-sub b{color:#fff;font-weight:600}
.tw-disc-rows{display:grid;gap:7px}
.tw-disc-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(36px,1.4fr) 38px;align-items:center;gap:8px;font-size:12px}
.tw-disc-row .tw-track{height:6px;background:rgba(255,255,255,.08)}
.tw-disc-row strong{font-weight:600;text-align:right}
@media(min-width:961px){.tw-pop-strat .tw-spark{display:none}}
/* Story 1: cost of mistakes */
.tw-mistakes{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:22px;height:100%;padding:10px 12px}
.tw-mk-main{display:flex;flex-direction:column;min-width:0}
.tw-mk-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.tw-mk-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:2px}
.tw-mk-total strong{font-size:25px;font-weight:600;letter-spacing:-.01em;color:var(--tw-neg)}
.tw-mk-total span{font-size:12px;color:var(--tw-muted)}
.tw-mk-chart{display:block;flex:1 1 auto;width:100%;min-height:0;margin-top:10px;overflow:visible}
.tw-mk-grid line{stroke:rgba(255,255,255,.06)}
.tw-mk-chart text{font-family:Outfit,sans-serif;font-size:11px;fill:rgba(255,255,255,.42)}
.tw-mk-gap{fill:rgba(239,138,145,.1)}
.tw-mk-without{fill:none;stroke:#6fd3a3;stroke-width:1.6;stroke-dasharray:4 3}
.tw-mk-actual{fill:none;stroke:var(--tw-accent);stroke-width:1.8;stroke-linejoin:round}
.tw-mk-dots circle{fill:var(--tw-neg)}
.tw-mk-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding:0;list-style:none;font-size:11.5px;color:rgba(255,255,255,.55)}
.tw-mk-legend li{display:flex;align-items:center;gap:6px}
.tw-mk-legend i{display:block;width:12px;height:0;border-top:2px solid var(--tw-accent)}
.tw-mk-legend .l-without{border-top:2px dashed #6fd3a3}
.tw-mk-legend .l-dot{width:7px;height:7px;border:0;border-radius:50%;background:var(--tw-neg)}
.tw-mk-side{display:flex;flex-direction:column;justify-content:center;gap:18px}
.tw-donut-wrap{position:relative;width:132px;height:132px;margin:0 auto}
.tw-donut{width:100%;height:100%;transform:rotate(-90deg)}
.tw-donut circle{fill:none;stroke-width:16}
.tw-donut-wrap b{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:600}
.tw-mk-tags{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:12.5px;color:rgba(255,255,255,.85)}
.tw-mk-tags li{display:flex;align-items:center;gap:8px}
.tw-mk-tags i{flex:none;width:9px;height:9px;border-radius:2px}
.tw-mk-tags b{margin-left:auto;font-weight:600;color:var(--tw-neg)}
/* Story 2: strategies */
.tw-strategies{display:flex;flex-direction:column;gap:12px;height:100%;padding:14px;border:1px solid var(--tw-line);border-radius:14px;background:rgba(255,255,255,.03)}
.tw-strategies .tw-card{flex:1 1 0}
/* One entrance when the widget comes into view (value stories) or the pop-up appears (hero). */
@media(prefers-reduced-motion:no-preference){
.tw-anim .tw-track i{transform:scaleX(0)}
.tw-anim .tw-mk-actual,.tw-anim .tw-spark polyline{clip-path:inset(0 100% 0 0)}
.tw-anim .tw-mk-without,.tw-anim .tw-mk-gap,.tw-anim .tw-mk-dots,.tw-anim .tw-donut circle{opacity:0}
.is-on .tw-track i,.is-ready .tw-track i{animation:tw-grow .8s cubic-bezier(.3,.7,.2,1) .25s both}
.is-on .tw-mk-actual,.is-on .tw-spark polyline,.is-ready .tw-spark polyline{animation:tw-draw 1.6s cubic-bezier(.4,0,.2,1) .15s both}
.is-on .tw-mk-without,.is-on .tw-mk-gap{animation:tw-fade .8s ease .9s both}
.is-on .tw-mk-dots{animation:tw-fade .6s ease 1.3s both}
.is-on .tw-donut circle{animation:tw-fade .5s ease both}
.is-on .tw-donut circle:nth-child(2){animation-delay:.12s}.is-on .tw-donut circle:nth-child(3){animation-delay:.24s}.is-on .tw-donut circle:nth-child(4){animation-delay:.36s}
}
@keyframes tw-grow{from{transform:scaleX(0)}to{transform:none}}
@keyframes tw-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes tw-fade{from{opacity:0}to{opacity:1}}
/* Narrow screens: widgets reflow rather than shrink, so text stays readable. */
@media(max-width:600px){
.tw-mistakes{grid-template-columns:1fr;gap:18px;padding:0}
.tw-mk-chart{height:200px;flex:none}
.tw-mk-side{flex-direction:row;align-items:center;gap:20px}
.tw-donut-wrap{width:104px;height:104px;margin:0}
.tw-mk-tags{flex:1}
.tw-strategies{height:auto;padding:10px}
.tw-strategies .tw-card{flex:none}
.tw-strategies .tw-spark{flex:none;height:54px}
.tw-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
}
@media(prefers-reduced-motion:no-preference){.hero-pop.is-ready .tw-track i{animation-delay:calc(var(--hp-delay,.3s) + .45s)}.hero-pop.is-ready .tw-spark polyline{animation-delay:calc(var(--hp-delay,.3s) + .3s)}}
/* ==== feature-directory.css ==== */
.feature-directory{padding-top:32px;padding-bottom:45px}.feature-directory-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px}.feature-directory-header h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em;line-height:1.15}.feature-directory-header p{font-size:14px;margin:0;color:#93a0ae}.feature-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.feature-category{min-width:0;background:#090d12;border:1px solid #242c35;border-radius:9px;overflow:hidden}.feature-category summary{display:flex;align-items:center;gap:12px;min-height:79px;padding:17px 16px;list-style:none;cursor:pointer}.feature-category summary::-webkit-details-marker{display:none}.feature-category summary:focus-visible{outline:2px solid #9bc9ee;outline-offset:-3px;border-radius:8px}.feature-category-icon{width:22px;height:22px;flex-shrink:0;color:#9bc9ee}.feature-category-label{font-size:14px;line-height:1.4;font-weight:500;color:#eaf0f6;min-width:0}.feature-category-label small{display:block;font-size:12px;font-weight:400;color:#8492a1;margin-top:3px}.feature-category-toggle{position:relative;width:14px;height:14px;margin-left:auto;flex-shrink:0;color:#94a0af}.feature-category-toggle:before,.feature-category-toggle:after{content:'';position:absolute;background:currentColor;left:2px;right:2px;top:6px;height:1px}.feature-category-toggle:after{transform:rotate(90deg)}.feature-category[open] .feature-category-toggle:after{transform:none}.feature-category:hover,.feature-category[open]{border-color:#39434f}.feature-category[open] summary{background:#10171e}.feature-category ul{list-style:none;padding:15px 17px 18px;margin:0;border-top:1px solid #242c35}.feature-category li{position:relative;padding-left:17px;margin:0;color:#a5b1be;font-size:13px;line-height:1.6}.feature-category li+li{margin-top:8px}.feature-category li:before{content:'✓';position:absolute;left:0;color:#9bc9ee;font-size:11px}
@media(min-width:601px) and (max-width:1000px){.feature-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.feature-directory{padding-top:22px;padding-bottom:32px}.feature-directory-header{display:block;margin-bottom:18px}.feature-directory-header h2{font-size:29px}.feature-directory-header p{font-size:13px;margin-top:12px}.feature-directory-grid{grid-template-columns:1fr;gap:8px}.feature-category summary{min-height:69px;padding:13px 15px}.feature-category-label{font-size:14px}.feature-category ul{padding:14px 16px 17px}}
.feature-category li strong{display:block;color:#dbe5ee;font-weight:500}.feature-category li span{display:block;font-size:12px;line-height:1.5;color:#8fa0ae}
/* Enhanced layout (js/feature-directory.js): cards are buttons, lists open in a full-width panel below the row */
.feature-directory-grid.is-enhanced{align-items:stretch}
.feature-category-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:79px;padding:17px 16px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.feature-category-btn:focus-visible{outline:2px solid #9bc9ee;outline-offset:-3px;border-radius:8px}
.feature-category.is-active{border-color:#4a6378;background:#10171e}
.feature-category.is-active .feature-category-label{color:#fff}
.feature-category.is-active .feature-category-toggle:after{transform:none}
.feature-category-toggle:after{transition:transform .25s ease}
.feature-panel{grid-column:1/-1;min-width:0;background:#0b1117;border:1px solid #2b3742;border-radius:9px}
.feature-panel[hidden]{display:none}
.feature-panel-inner ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;list-style:none;margin:0;padding:20px 22px 22px;border:0}
.feature-panel li{position:relative;padding-left:17px;margin:0;color:#a5b1be;font-size:13px;line-height:1.6}
.feature-panel li:before{content:'✓';position:absolute;left:0;color:#9bc9ee;font-size:11px}
.feature-panel li strong{display:block;color:#dbe5ee;font-weight:500}
.feature-panel li span{display:block;font-size:12px;line-height:1.5;color:#8fa0ae}
@media(max-width:600px){.feature-category-btn{min-height:69px;padding:13px 15px}.feature-panel-inner ul{grid-template-columns:1fr;gap:12px;padding:16px}}
@media(prefers-reduced-motion:reduce){.feature-category-toggle:after{transition:none}}
/* ==== mobile-menu.css ==== */
/* Sticky header */
html{scroll-padding-top:84px}
.site-header{position:sticky;top:0;z-index:50}
.site-header:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background:#080b0ecc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:opacity .25s,border-color .25s}
.site-header.is-scrolled:before{border-bottom-color:#1c252d}
html.menu-open .site-header:before{opacity:0}
.nav-mobile-foot,.nav-affiliate{display:none}
.site-header .header-cta{gap:.28em}
/* Hamburger -> X */
.menu-icon{position:relative;display:block;width:20px;height:14px}
.menu-icon i{position:absolute;left:0;width:100%;height:1.6px;border-radius:2px;background:currentColor;transition:transform .35s cubic-bezier(.65,0,.35,1),opacity .2s,top .35s cubic-bezier(.65,0,.35,1)}
.menu-icon i:nth-child(1){top:0}.menu-icon i:nth-child(2){top:6px}.menu-icon i:nth-child(3){top:12px}
.menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(1){top:6px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0;transform:scaleX(.3)}
.menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(3){top:6px;transform:rotate(-45deg)}
@media(max-width:960px){
.site-header,.site-header.is-scrolled{height:64px}
.site-header .brand,.site-header .menu-toggle{position:relative;z-index:2}
.site-header .menu-toggle{color:var(--text);margin-left:0!important}
.site-header .header-cta{display:inline-flex!important;position:relative;z-index:2;margin-left:auto;margin-right:2px;padding:8px 13px;font-size:13px;min-height:0;transition:opacity .2s}
html.menu-open .site-header .header-cta{opacity:0;pointer-events:none}
/* Full-screen panel */
.site-header nav,.site-header nav.is-open{display:flex;position:fixed;inset:0;z-index:1;flex-direction:column;gap:0;margin:0;padding:88px 28px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none;background:#06080bf7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s linear .35s}
.site-header nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s ease}
.site-header nav>a.nav-desktop-only{display:none}
/* Big links */
.site-header nav>a,.nav-mobile-foot{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1),color .2s}
.site-header nav>a:not(.nav-affiliate){display:block;padding:20px 0;border-radius:0;border-bottom:1px solid #161d24;font-size:34px;font-weight:650;letter-spacing:-.035em;line-height:1.1;color:var(--text);background:none}
.site-header nav>a:not(.nav-affiliate):hover,.site-header nav>a:not(.nav-affiliate):active{background:none;color:var(--blue)}
.site-header nav .nav-affiliate{display:inline-flex;align-self:flex-start;gap:6px;padding:22px 0 0;font-size:17px;font-weight:450;color:#9aa8b4;background:none}
.site-header nav .nav-affiliate span{color:var(--blue);transition:transform .2s}
.site-header nav .nav-affiliate:hover{background:none;color:var(--text)}
.site-header nav .nav-affiliate:hover span{transform:translateX(3px)}
/* Price card */
.nav-mobile-foot{display:block;margin-top:auto;padding-top:32px}
.nav-price-card{padding:20px 18px 16px;border:1px solid #1f2a33;border-radius:16px;background:linear-gradient(160deg,#111a22,#0b1117)}
.nav-price-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.nav-price-label{font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--blue)}
.nav-price{font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--text)}
.nav-price s{font-size:14px;font-weight:450;letter-spacing:0;color:#6f7f8c;margin-right:3px}
.nav-mobile-foot .nav-mobile-cta{width:100%;margin:0;padding:14px 20px;border-radius:10px;font-size:16px;font-weight:650}
.nav-price-card ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;list-style:none;margin:14px 0 0;padding:0;font-size:12.5px;color:#a3b0bb}
.nav-price-card li:before{content:'✓';color:#6fcf97;margin-right:7px}
.nav-social{display:flex;justify-content:center;gap:20px;margin-top:16px;font-size:13px}
.nav-social a{color:#6f7f8c}.nav-social a:hover{color:var(--text)}
/* Staggered entrance */
.site-header nav.is-open>a,.site-header nav.is-open .nav-mobile-foot{opacity:1;transform:none}
.site-header nav.is-open>a:nth-child(1){transition-delay:.05s}.site-header nav.is-open>a:nth-child(2){transition-delay:.1s}.site-header nav.is-open>a:nth-child(4){transition-delay:.15s}.site-header nav.is-open>a:nth-child(5){transition-delay:.2s}.site-header nav.is-open .nav-mobile-foot{transition-delay:.26s}
html.menu-open{overflow:hidden}
}
@media(max-width:380px){.site-header .header-cta{padding:7px 10px;font-size:12px}.site-header .brand img{width:140px}.site-header nav>a:not(.nav-affiliate){font-size:30px;padding:16px 0}}
@media(prefers-reduced-motion:reduce){.site-header nav,.site-header nav>a,.nav-mobile-foot,.menu-icon i{transition:none!important}}
/* Features group + mobile-only items */
.site-header nav .nav-group,.site-header nav>a.nav-mobile-only{display:none}
@media(max-width:960px){
.site-header nav .nav-group{display:block;border-bottom:1px solid #161d24;opacity:0;transform:translateY(14px);transition:opacity .4s ease .05s,transform .5s cubic-bezier(.2,.8,.2,1) .05s}
.site-header nav>a.nav-mobile-only{display:block}
.site-header nav.is-open .nav-group{opacity:1;transform:none}
.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;background:none;border:0;color:var(--text);font:inherit;font-size:34px;font-weight:650;letter-spacing:-.035em;line-height:1.1;text-align:left;cursor:pointer}
.nav-group-toggle[aria-expanded="true"]{color:var(--blue)}
.nav-chevron{width:12px;height:12px;margin-right:6px;border-right:2px solid #6f7f8c;border-bottom:2px solid #6f7f8c;transform:translateY(-4px) rotate(45deg);transition:transform .3s cubic-bezier(.65,0,.35,1),border-color .2s}
.nav-group-toggle[aria-expanded="true"] .nav-chevron{transform:translateY(2px) rotate(225deg);border-color:var(--blue)}
.nav-group-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}
.nav-group-toggle[aria-expanded="true"]+.nav-group-panel{grid-template-rows:1fr}
.nav-group-panel>ul{min-height:0;overflow:hidden;list-style:none;margin:0;padding:0}
.nav-group-panel li{opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .3s}
.nav-group-toggle[aria-expanded="true"]+.nav-group-panel li{opacity:1;transform:none}
.nav-group-toggle[aria-expanded="true"]+.nav-group-panel li:nth-child(2){transition-delay:.03s}.nav-group-toggle[aria-expanded="true"]+.nav-group-panel li:nth-child(3){transition-delay:.06s}.nav-group-toggle[aria-expanded="true"]+.nav-group-panel li:nth-child(4){transition-delay:.09s}.nav-group-toggle[aria-expanded="true"]+.nav-group-panel li:nth-child(5){transition-delay:.12s}.nav-group-toggle[aria-expanded="true"]+.nav-group-panel li:nth-child(6){transition-delay:.15s}.nav-group-toggle[aria-expanded="true"]+.nav-group-panel li:nth-child(7){transition-delay:.18s}
.nav-group-panel li:first-child{padding-top:2px}.nav-group-panel li:last-child{padding-bottom:16px}
.nav-group-panel a{display:flex;align-items:center;gap:14px;padding:7px 0;font-size:17px;font-weight:500;color:#c3d1dc;background:none}
.nav-group-panel a:hover,.nav-group-panel a:active{color:var(--blue);background:none}
.nav-sub-ico{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #233039;border-radius:10px;background:linear-gradient(140deg,#151f29,#0c1319);color:var(--blue)}
.nav-sub-ico svg{width:18px;height:18px}
.nav-group-panel .nav-sub-all{padding-top:12px;font-size:14px;color:#9aa8b4}.nav-sub-all span{color:var(--blue)}
.site-header nav.is-open>a:nth-child(5){transition-delay:.1s}.site-header nav.is-open>a:nth-child(6){transition-delay:.15s}.site-header nav.is-open>a:nth-child(7){transition-delay:.2s}
.site-header .header-cta{margin-right:-8px}
}
@media(max-width:380px){.nav-group-toggle{font-size:30px;padding:16px 0}}
@media(max-width:960px){.site-header nav>a.nav-desktop-only{display:none!important}.nav-group-panel li{margin:0;padding-left:0}.nav-group-panel>ul{padding:0!important}}
@media(max-width:960px){
.nav-price-top{align-items:flex-start;margin-bottom:12px}
.nav-price-brand{display:flex;flex-direction:column;gap:7px;min-width:0}
.nav-price-brand img{display:block;width:140px;height:auto}
.nav-price-brand span{font-size:13px;color:#7d8d9a}
.nav-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.nav-price strong{font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--text)}
.nav-price s{margin:5px 0 0;font-size:13px;color:#6f7f8c}
.nav-price-pill{display:inline-block;margin-bottom:16px;padding:6px 12px;border:1px solid #2a4458;border-radius:999px;background:#13212c;font-size:11.5px;font-weight:550;letter-spacing:.06em;color:var(--blue)}
}
@media(max-width:960px){
.nav-price-top{align-items:center}
.nav-price-brand img{width:150px}
.nav-price-pill{margin-bottom:18px;padding:9px 16px;font-size:13.5px;font-weight:650;letter-spacing:.05em;border-color:#35556c;background:#152634}
.nav-price-card li.nav-two-licences{grid-column:1/-1}
}
@media(max-width:960px){
.nav-price-top{display:block;margin-bottom:16px}
.nav-price-top img{display:block;width:150px;height:auto}
.nav-price-deal{margin-bottom:16px;padding:14px 16px;border:1px solid #2a4458;border-radius:12px;background:linear-gradient(135deg,#152634,#0f1a23)}
.nav-price-deal .nav-price-label{display:block;margin-bottom:6px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.nav-price-row{display:flex;align-items:baseline;gap:10px}
.nav-price-row strong{font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1;color:var(--text)}
.nav-price-row s{font-size:15px;color:#6f7f8c}
.nav-price-row .nav-price-pill{margin:0 0 0 auto;align-self:center;padding:7px 12px;border:0;border-radius:999px;background:var(--blue);color:#10202c;font-size:12.5px;font-weight:750;letter-spacing:.04em}
}
@media(max-width:960px){.nav-price-label em{font-style:normal;font-weight:500;color:#8fa0ae;letter-spacing:.04em}}
/* Header CTA — crisp, flat */
.site-header .header-cta{height:40px;min-height:0;padding:0 16px 0 18px;border-radius:7px;border:1px solid var(--blue);background:var(--blue);box-shadow:inset 0 1px 0 #ffffff55;color:#0d1a24;font-size:14px;font-weight:650;letter-spacing:-.01em;gap:.3em;transform:none;transition:background .2s,border-color .2s}
.site-header .header-cta:hover{background:#bcdcf3;border-color:#bcdcf3;transform:none;box-shadow:inset 0 1px 0 #ffffff66}
.site-header .header-cta .tt-word,.site-header .header-cta .tt-word b{font-weight:750}
.header-cta-arrow{width:14px;height:14px;margin-left:4px;transition:transform .2s}
.site-header .header-cta:hover .header-cta-arrow{transform:translateX(2px)}
@media(max-width:960px){.site-header .header-cta{height:34px;padding:0 11px 0 13px;font-size:13px;margin-right:-6px}.header-cta-arrow{width:12px;height:12px;margin-left:2px}}
@media(max-width:380px){.site-header .header-cta{padding:0 9px 0 11px;font-size:12px}.header-cta-arrow{display:none}}
/* Pricing card inside the mobile menu: undo menu link styles on its inline links */
.site-header nav .nav-pc2 .pc2-consent a,.site-header nav .nav-pc2 .pc2-legal a{display:inline;padding:0;margin:0;border:0;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-decoration:underline;background:none}
.site-header nav .nav-pc2 .pc2-consent a:after,.site-header nav .nav-pc2 .pc2-legal a:after{content:none}
/* ==== hero-embed.css ==== */
/* Hero visual: dashboard screenshot in a MacBook-style frame. On desktop it sits right of the copy and the screen's right edge meets the viewport edge. */
.hero-launch .launch-window{position:relative;overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important}
.hero-launch .launch-window-bar{display:none}
.tt-laptop{--bezel:clamp(5px,.55vw,8px);position:relative;line-height:0}
.tt-laptop-lid{position:relative;overflow:hidden;border:1px solid #2c343d;border-radius:12px;background:#0b0e12;box-shadow:0 1px 0 #ffffff14 inset,0 40px 90px -20px #000c,0 0 140px -30px #9fcdf530}
.tt-win-bar{display:flex;align-items:center;gap:6px;height:22px;padding:0 10px;background:linear-gradient(#171c22,#12161b);border-bottom:1px solid #222a32}
.tt-win-bar i{width:8px;height:8px;border-radius:50%;background:#a8524e;box-shadow:inset 0 0 0 .5px #0003}
.tt-win-bar i:nth-child(2){background:#a88a45}
.tt-win-bar i:nth-child(3){background:#4f8f5a}
.tt-laptop-screen{display:block;width:100%;height:auto;max-width:none;margin:0;border-radius:0}
@media(min-width:961px){
.hero.hero-launch{padding-right:0!important;overflow:hidden}
.hero.hero-launch .launch-copy{align-self:center}
/* Pull the frame right by the bezel so the screenshot itself ends on the viewport edge. */
.hero-launch .launch-window{margin-right:-1px!important;top:-36px}
.hero-launch .launch-trust{flex-wrap:wrap!important;row-gap:10px!important}
}
@media(max-width:960px){
.hero-launch .launch-window{width:calc(100% - 40px);max-width:760px;margin:36px auto 0}
}
/* Hero buttons: larger on desktop, with hover lift and glow. */
.hero-launch .launch-actions>.launch-platforms{margin:-2px 0 2px;font-size:12px;color:#8796a2;text-align:center}
.hero-launch .launch-offer-wrap .lifetime-button,.hero-launch .launch-actions>.button.secondary{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
.hero-launch .launch-offer-wrap .lifetime-button:hover{transform:translateY(-1px);background:#bfe0fa;box-shadow:0 8px 26px -8px #9fcdf5aa,0 0 0 1px #d6ecfd inset}
.hero-launch .launch-offer-wrap .lifetime-button:active{transform:translateY(0);box-shadow:none}
.hero-launch .launch-actions>.button.secondary:hover{transform:translateY(-1px);border-color:#9fcdf566!important;background:#9fcdf50f!important;color:#fff}
.hero-launch .launch-actions>.button.secondary svg{transition:transform .18s ease}
.hero-launch .launch-actions>.button.secondary:hover svg{transform:translateY(2px)}
@media(min-width:961px){
.hero-launch .launch-actions{max-width:340px!important;gap:12px!important}
.hero-launch .launch-offer-wrap{padding:6px;border-radius:14px}
.hero-launch .launch-offer-wrap .lifetime-button{height:58px!important;min-height:58px!important;font-size:15.5px!important;border-radius:10px}
.hero-launch .launch-actions>.button.secondary{height:54px!important;min-height:54px!important;font-size:14.5px!important;border-radius:12px;margin-bottom:0!important}
}
/* Floating pop-up widgets over the hero laptop. Each holds a real app widget (iframe embed). */
.hero-pop{position:absolute;z-index:3;border-radius:14px;box-shadow:0 0 0 5px #9fcdf50f,0 24px 60px -18px #000d,0 0 50px -20px #9fcdf555;line-height:0}
.hero-pop-frame{display:block;width:100%;height:100%;border:0;border-radius:14px;background:transparent;color-scheme:dark;pointer-events:none}
.hero-pop-strategy{left:-95px;bottom:-40px;width:323px;height:162px}
.hero-pop-strategy .hero-pop-frame{width:380px;height:190px;transform:scale(.85);transform-origin:0 0;border-radius:16px}
@media(prefers-reduced-motion:no-preference){
.hero-pop{opacity:0}
.hero-pop.is-ready{opacity:1;animation:hp-in .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--hp-delay,.3s)}
.hero-pop-strategy{--hp-delay:.3s}
}
.hero-pop-discipline{left:28%;top:-44px;width:270px;height:124px}
.hero-pop-discipline .hero-pop-frame{width:360px;height:165px;transform:scale(.75);transform-origin:0 0;border-radius:18px}
@media(prefers-reduced-motion:no-preference){.hero-pop-discipline{--hp-delay:.8s}}
@keyframes hp-in{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:960px){.hero-pop-discipline{right:-8px;top:-30px;transform-origin:100% 0;scale:.75}.hero-pop-strategy{left:auto;right:-8px;bottom:14px;transform-origin:100% 100%;scale:.7}}
@media(max-width:560px){.hero-pop-strategy{scale:.55;bottom:10px}.hero-pop-discipline{scale:.6;top:-24px}}
/* Mobile: shorter strategy card (the chart flexes to fill, so it gets flatter) and a discipline card trimmed to its two rows. */
@media(max-width:960px){.hero-pop-strategy{height:136px}.hero-pop-strategy .hero-pop-frame{height:160px}.hero-pop-discipline{height:110px}.hero-pop-discipline .hero-pop-frame{height:147px}}
/* ==== hero-bg.css ==== */
/* Hero background: diagonal light bands with travelling highlights and film grain. The hero is pulled up under the header so the bands run behind it. */
.hero.hero-launch{position:relative;isolation:isolate;margin-top:-84px;padding-top:calc(84px + 28px)}
.hero.hero-launch>:not(.hero-bg){position:relative;z-index:1}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 45%,transparent 88%);mask-image:linear-gradient(#000 45%,transparent 88%)}
.hero-bg-rays{--s:1.9;position:absolute;z-index:0;top:-45%;left:-25%;width:150%;height:190%;transform:rotate(-34deg);animation:hb-drift 22s ease-in-out infinite alternate}
.hero-bg-rays i{position:absolute;top:0;bottom:0;left:var(--x);width:calc(var(--w) * var(--s) * 1px);opacity:var(--o);background:linear-gradient(90deg,transparent,var(--c) 30%,var(--c) 70%,transparent);-webkit-mask-image:linear-gradient(transparent 18%,#000 40%,#000 62%,transparent 82%);mask-image:linear-gradient(transparent 18%,#000 40%,#000 62%,transparent 82%)}
/* Thin rim light along one edge of each band. */
.hero-bg-rays i:before{content:'';position:absolute;top:0;bottom:0;right:22%;width:1.5px;background:var(--r,#9fd2ff);opacity:.55;box-shadow:0 0 6px var(--r,#9fd2ff)}
.hero-bg-rays i:after{content:'';position:absolute;left:-20%;right:-20%;top:0;height:22%;background:radial-gradient(closest-side,#ffffff80,#ffffff00);animation:hb-flow var(--d) linear var(--dl) infinite}
.hero-bg-rays i:nth-child(1){--x:8%;--w:130;--c:#123a7a;--o:.5;--d:9.5s;--dl:-2.5s}
.hero-bg-rays i:nth-child(2){--x:17%;--w:14;--c:#6fb4f0;--o:.35;--d:6.5s;--dl:-1s}
.hero-bg-rays i:nth-child(3){--x:21%;--w:85;--c:#1f5fc4;--o:.45;--d:7s;--dl:-3s}
.hero-bg-rays i:nth-child(4){--x:29%;--w:140;--c:#2a6fcf;--o:.35;--d:9s;--dl:-4s;--r:#67e0f0}
.hero-bg-rays i:nth-child(5){--x:37.5%;--w:8;--c:#cfe7ff;--o:.4;--d:5.5s;--dl:-2s}
.hero-bg-rays i:nth-child(6){--x:41%;--w:50;--c:#5fa6e6;--o:.35;--d:6s;--dl:-5s}
.hero-bg-rays i:nth-child(7){--x:47%;--w:165;--c:#1c4fae;--o:.5;--d:10s;--dl:-6s}
.hero-bg-rays i:nth-child(8){--x:56%;--w:18;--c:#8cc8f5;--o:.3;--d:7.2s;--dl:-.5s;--r:#67e0f0}
.hero-bg-rays i:nth-child(9){--x:59%;--w:100;--c:#163f86;--o:.6;--d:8s;--dl:-3s}
.hero-bg-rays i:nth-child(10){--x:66%;--w:60;--c:#3d8bf0;--o:.3;--d:7.5s;--dl:-5s}
.hero-bg-rays i:nth-child(11){--x:72%;--w:150;--c:#123a7a;--o:.45;--d:11s;--dl:-7s}
.hero-bg-rays i:nth-child(12){--x:81%;--w:10;--c:#a5cfee;--o:.3;--d:6.8s;--dl:-4s}
/* Darker corners, then grain over everything. */
.hero-bg:before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 80% 70% at 50% 34%,#05060900 30%,#050609b3 70%,#050609 100%)}
.hero-bg:after{content:'';position:absolute;inset:0;z-index:2;opacity:.35;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes hb-flow{from{transform:translateY(-120%)}to{transform:translateY(480%)}}
@keyframes hb-drift{from{transform:rotate(-34deg) translateX(-2.5%)}to{transform:rotate(-31deg) translateX(2.5%)}}
/* Opening: the hero starts fully dark, then the bands light up one after another. */
.hero-bg{animation:hb-open 2.4s cubic-bezier(.2,.7,.2,1) .15s both}
.hero-bg-rays i{animation:hb-band 1.6s ease-out both}
.hero-bg-rays i:nth-child(7){animation-delay:.3s}.hero-bg-rays i:nth-child(6),.hero-bg-rays i:nth-child(8){animation-delay:.45s}.hero-bg-rays i:nth-child(5),.hero-bg-rays i:nth-child(9){animation-delay:.6s}.hero-bg-rays i:nth-child(4),.hero-bg-rays i:nth-child(10){animation-delay:.75s}.hero-bg-rays i:nth-child(3),.hero-bg-rays i:nth-child(11){animation-delay:.9s}.hero-bg-rays i:nth-child(2),.hero-bg-rays i:nth-child(12){animation-delay:1.05s}.hero-bg-rays i:nth-child(1){animation-delay:1.2s}
@keyframes hb-open{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
@keyframes hb-band{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-bg-rays,.hero-bg-rays i,.hero-bg-rays i:after{animation:none}}
/* Keep the hero copy readable over the bands: a soft dark wash behind it, lighter subtext and a faint shadow. */
.hero-launch .launch-copy:before{content:'';position:absolute;inset:-48px -24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 58% at 50% 42%,#050609e0,#05060900 78%)}
.hero-launch h1,.hero-launch .launch-subtext,.hero-launch .hero-byline-copy,.hero-launch .launch-trust{text-shadow:0 1px 14px #050609,0 0 3px #05060999}
.hero-launch .launch-subtext{color:#b6c2cc}
/* Desktop: header bar stays clear over the hero until the page scrolls. */
@media(min-width:961px){.site-header:not(.is-scrolled):before{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(max-width:960px){
.hero.hero-launch{margin-top:-68px;padding-top:calc(68px + 44px)}
.hero-bg{bottom:auto;height:820px}
.hero-bg-rays{--s:1}
/* Mobile header: a floating glass card with the logo and menu button. */
.site-header,.site-header.is-scrolled{top:12px;height:56px;margin:12px 12px 0;padding:0 6px 0 16px}
.site-header:before{left:0;right:0;width:auto;transform:none;border:1px solid #ffffff14;border-radius:16px;background:linear-gradient(180deg,#161b21b8,#0b0e12b8);box-shadow:inset 0 1px 0 #ffffff0d,0 12px 32px -12px #000a}
.site-header.is-scrolled:before{border-color:#ffffff1f;border-bottom-color:#ffffff1f}
.site-header .header-cta{margin-left:auto;margin-right:4px}
.site-header .menu-toggle{margin-left:0!important;height:44px;color:#c9d3dc}
.site-header .brand img{width:136px}
}
@media(max-width:760px){.hero.hero-launch,.mobile-only .hero.hero-launch{padding-top:calc(68px + 30px)}}
/* Hero buy button: price line on top, payment type and platform icons underneath. */
.hero-launch .launch-offer-wrap .lifetime-button{flex-direction:column;justify-content:center;gap:1px!important;height:52px!important;min-height:52px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box;line-height:1.15}
.lifetime-main{display:flex;align-items:center;gap:6px}
.lifetime-sub{display:flex;align-items:center;gap:6px;font-family:'DM Sans',Arial,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:0;color:#0d1a24bf}
.lifetime-sub svg{width:13px!important;height:13px!important;color:#000}
.lifetime-sub svg+svg{margin-left:-1px}
.lifetime-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero-launch .launch-actions{gap:6px!important}
/* Founder note in the hero: photo, the key line from the note, name and handle. */
.hero-founder{display:flex;align-items:center;gap:14px;max-width:360px;margin:26px auto 0;padding:14px 16px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(160deg,#121920cc,#0a0e12cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}
.hero-founder img{flex:none;width:46px;height:46px;padding:2px;border:1.5px solid var(--blue);border-radius:50%;object-fit:cover;object-position:50% 40%}
.hero-founder blockquote{margin:0;font-size:14px;line-height:1.5;color:#c3ced8}
.hero-founder blockquote strong{color:#eef3f7;font-weight:600}
.hero-founder figcaption{margin-top:5px;font-size:12px;color:#7d8d9a}
.hero-founder figcaption strong{color:#dce5ed;font-weight:600}
.hero-founder figcaption a{color:#9bc9ee}.hero-founder figcaption a:hover{color:#dcecf9}
@media(min-width:961px){.hero-founder{margin:24px 0 0;max-width:470px}}
.hero-founder figcaption a{display:inline-flex;align-items:center;gap:3px}
.hero-founder .hero-founder-badge{width:12px;height:12px}
/* Lighter CTA: no box around the offer, a launch pill above the button, and a ghost button for the tour. */
.hero-launch .launch-offer-wrap{padding:0!important;border:0!important;border-radius:0!important;background:none!important}
.hero-launch .launch-offer-caption{padding:0 0 10px}
.launch-pill{display:inline-flex;align-items:center;gap:0;white-space:pre;padding:5px 12px 5px 10px;border:1px solid #a5cfee40;border-radius:999px;background:#a5cfee14;font-size:12px;font-weight:500;color:#c9dcea}
.launch-pill strong{color:var(--blue);font-weight:700}
.launch-pill i{margin-right:8px;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #a5cfee2e}
.hero-launch .launch-actions>.button.secondary,.hero-launch .launch-actions>.button.secondary:hover{width:100%!important;height:46px!important;min-height:46px!important;margin:4px 0 0!important;padding:0 12px!important;border:1px solid #ffffff1f!important;border-radius:9px;background:none!important;box-shadow:none!important;font-size:14px!important;font-weight:550;color:#d3dde5}
.hero-launch .launch-actions>.button.secondary:hover{border-color:#ffffff3d!important;color:#fff}
@media(min-width:961px){.hero-launch .launch-offer-caption{justify-content:flex-start}}
/* Mobile: dashboard shown at roughly twice the size, running off the right edge so the left half stays readable. */
@media(max-width:760px){
.hero-launch .launch-window{width:auto!important;max-width:none!important;margin:34px 0 0 28px!important}
.hero-launch .tt-laptop{overflow:hidden;border-radius:12px 0 0 12px}
.hero-launch .tt-laptop-lid{width:175%;border-radius:12px}
.hero-launch .hero-pop-discipline{top:-22px!important;right:10px!important;left:auto!important;scale:.62!important;transform-origin:100% 0}
.hero-launch .hero-pop-strategy{bottom:18px!important;right:8px!important;left:auto!important;scale:.56!important;transform-origin:100% 100%}
}
.launch-pill-then{color:#8496a5}
.tt-laptop picture{display:block}
/* Launch pill sits above the headline. */
.launch-pill-row{display:flex;justify-content:center}
@media(min-width:961px){.launch-pill-row{justify-content:flex-start}}
/* Desktop pop-ups: Discipline trimmed to two rows (no Checklist) and moved down; strategy card shorter (no Net P&L) and moved down. */
@media(min-width:961px){
.hero-pop-discipline{top:-24px;height:110px}
.hero-pop-discipline .hero-pop-frame{height:147px}
.hero-pop-strategy{height:78px}
.hero-pop-strategy .hero-pop-frame{height:92px}
}
/* Desktop background: its own layer of 22 crisper bands (fine streaks inside the wide ones, a sharp rim on each), so it holds detail at large sizes. Phones keep the layer above. */
.hero-bg-desk{display:none}
@media(min-width:961px){
.hero-bg-rays{display:none}
.hero-bg-desk{display:block;position:absolute;z-index:0;top:-60%;left:-20%;width:150%;height:220%;transform:rotate(-34deg);animation:hb-drift 26s ease-in-out infinite alternate}
.hero-bg-desk i{position:absolute;top:0;bottom:0;left:var(--x);width:var(--w);opacity:var(--o);background:repeating-linear-gradient(90deg,#ffffff0b 0 1px,transparent 1px 7px),linear-gradient(90deg,transparent,var(--c) 14%,var(--c) 86%,transparent);-webkit-mask-image:linear-gradient(transparent var(--m),#000 calc(var(--m) + 14%),#000 calc(var(--m) + 28%),transparent calc(var(--m) + 48%));mask-image:linear-gradient(transparent var(--m),#000 calc(var(--m) + 14%),#000 calc(var(--m) + 28%),transparent calc(var(--m) + 48%));animation:hb-band 1.6s ease-out both;animation-delay:var(--in)}
.hero-bg-desk i:before{content:'';position:absolute;top:0;bottom:0;right:8%;width:1px;background:var(--r);opacity:.6;box-shadow:0 0 5px var(--r)}
.hero-bg-desk i:after{content:'';position:absolute;left:-30%;right:-30%;top:0;height:14%;background:radial-gradient(closest-side,#ffffff70,#ffffff00);animation:hb-flow var(--d) linear var(--dl) infinite}
.hero-bg:before{background:radial-gradient(ellipse 75% 75% at 58% 30%,#05060900 25%,#050609a8 65%,#050609 100%)}
.hero-bg-desk i:nth-child(1){--x:16.5%;--w:8px;--c:#8cc8f5;--o:0.34;--m:34.7%;--d:11.9s;--dl:-4.1s;--r:#9fd2ff;--in:1.02s}
.hero-bg-desk i:nth-child(2){--x:19.6%;--w:4px;--c:#cfe7ff;--o:0.36;--m:34.0%;--d:7.5s;--dl:-1.5s;--r:#9fd2ff;--in:0.95s}
.hero-bg-desk i:nth-child(3){--x:22.1%;--w:11px;--c:#cfe7ff;--o:0.43;--m:32.4%;--d:9.2s;--dl:-1.0s;--r:#9fd2ff;--in:0.88s}
.hero-bg-desk i:nth-child(4){--x:24.9%;--w:87px;--c:#123a7a;--o:0.30;--m:31.3%;--d:12.0s;--dl:-7.3s;--r:#9fd2ff;--in:0.81s}
.hero-bg-desk i:nth-child(5){--x:28.2%;--w:122px;--c:#163f86;--o:0.43;--m:31.4%;--d:8.1s;--dl:-5.1s;--r:#9fd2ff;--in:0.74s}
.hero-bg-desk i:nth-child(6){--x:30.3%;--w:8px;--c:#8cc8f5;--o:0.33;--m:30.2%;--d:6.4s;--dl:-7.9s;--r:#9fd2ff;--in:0.67s}
.hero-bg-desk i:nth-child(7){--x:33.9%;--w:13px;--c:#a5cfee;--o:0.30;--m:30.7%;--d:12.0s;--dl:-1.5s;--r:#9fd2ff;--in:0.60s}
.hero-bg-desk i:nth-child(8){--x:37.5%;--w:7px;--c:#6fb4f0;--o:0.45;--m:30.8%;--d:6.6s;--dl:-0.2s;--r:#67e0f0;--in:0.53s}
.hero-bg-desk i:nth-child(9){--x:39.5%;--w:76px;--c:#1c4fae;--o:0.48;--m:27.1%;--d:11.9s;--dl:-2.8s;--r:#9fd2ff;--in:0.46s}
.hero-bg-desk i:nth-child(10){--x:43.8%;--w:10px;--c:#8cc8f5;--o:0.36;--m:29.5%;--d:8.8s;--dl:-7.8s;--r:#9fd2ff;--in:0.39s}
.hero-bg-desk i:nth-child(11){--x:46.5%;--w:134px;--c:#1c4fae;--o:0.59;--m:27.0%;--d:7.8s;--dl:-2.7s;--r:#9fd2ff;--in:0.32s}
.hero-bg-desk i:nth-child(12){--x:49.3%;--w:98px;--c:#0f3270;--o:0.47;--m:25.8%;--d:6.1s;--dl:-5.6s;--r:#9fd2ff;--in:0.25s}
.hero-bg-desk i:nth-child(13){--x:51.3%;--w:142px;--c:#163f86;--o:0.40;--m:24.7%;--d:7.5s;--dl:-2.9s;--r:#9fd2ff;--in:0.32s}
.hero-bg-desk i:nth-child(14){--x:55.0%;--w:32px;--c:#2a6fcf;--o:0.49;--m:24.3%;--d:8.4s;--dl:-1.0s;--r:#9fd2ff;--in:0.39s}
.hero-bg-desk i:nth-child(15){--x:58.2%;--w:4px;--c:#8cc8f5;--o:0.31;--m:26.3%;--d:7.9s;--dl:-4.9s;--r:#67e0f0;--in:0.46s}
.hero-bg-desk i:nth-child(16){--x:60.4%;--w:13px;--c:#a5cfee;--o:0.38;--m:28.7%;--d:6.8s;--dl:-2.9s;--r:#67e0f0;--in:0.53s}
.hero-bg-desk i:nth-child(17){--x:64.9%;--w:5px;--c:#a5cfee;--o:0.40;--m:28.6%;--d:8.9s;--dl:-2.9s;--r:#67e0f0;--in:0.60s}
.hero-bg-desk i:nth-child(18){--x:66.9%;--w:7px;--c:#8cc8f5;--o:0.34;--m:27.8%;--d:10.4s;--dl:-3.3s;--r:#67e0f0;--in:0.67s}
.hero-bg-desk i:nth-child(19){--x:69.4%;--w:8px;--c:#cfe7ff;--o:0.48;--m:32.2%;--d:10.8s;--dl:-1.9s;--r:#9fd2ff;--in:0.74s}
.hero-bg-desk i:nth-child(20){--x:73.6%;--w:12px;--c:#cfe7ff;--o:0.34;--m:31.7%;--d:10.0s;--dl:-7.1s;--r:#67e0f0;--in:0.81s}
.hero-bg-desk i:nth-child(21){--x:77.0%;--w:150px;--c:#0f3270;--o:0.43;--m:30.3%;--d:9.3s;--dl:-1.4s;--r:#9fd2ff;--in:0.88s}
.hero-bg-desk i:nth-child(22){--x:78.5%;--w:11px;--c:#6fb4f0;--o:0.33;--m:34.0%;--d:8.5s;--dl:-7.7s;--r:#9fd2ff;--in:0.95s}
}
@media(prefers-reduced-motion:reduce){.hero-bg-desk,.hero-bg-desk i,.hero-bg-desk i:after{animation:none}}
/* Desktop: much lighter, finer grain so large screens don't look snowy. */
@media(min-width:961px){
.hero-bg:after{opacity:.12;background-size:120px 120px}
.hero-bg-desk i{background:repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 7px),linear-gradient(90deg,transparent,var(--c) 14%,var(--c) 86%,transparent)}
}
/* Desktop: founder note as a compact signature under the chips row; strategy card kept inside the dashboard's bottom-right corner. */
@media(min-width:961px){
.hero-founder{gap:12px;align-items:flex-start;max-width:470px;margin:24px 0 0;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hero-founder img{width:30px;height:30px;padding:0;border:0;margin-top:2px;box-shadow:0 0 0 1px #ffffff2e}
.hero-founder blockquote{font-size:15px;line-height:1.45;color:rgba(255,255,255,.85)}
.hero-founder blockquote strong{color:inherit;font-weight:inherit}
.hero-founder figcaption{margin-top:4px;font-size:12.5px}
.hero-launch .hero-pop-strategy{left:64px;right:auto;bottom:-30px}
}
@media(min-width:961px){
.hero-founder{align-items:center}
.hero-founder img{margin-top:0}
.hero-founder blockquote{display:inline}
.hero-founder figcaption{display:inline;margin:0 0 0 8px;white-space:nowrap}
}
@media(min-width:961px){.hero-founder-name{display:none}}
/* Founder card in the pricing section's left column on desktop; phones keep the standalone founder section instead. */
.pricing-founder-card{display:none}
@media(min-width:961px){
.pricing .pricing-founder-card{display:block;max-width:470px;margin-top:32px;padding:24px 26px;border-radius:18px}
.pricing .pricing-founder-card h3{margin:0;font-size:21px;font-weight:550;line-height:1.25;letter-spacing:-.025em;color:#edf0f4}
.pricing .pricing-founder-card .founder-desktop-break{display:none}
.pricing .pricing-founder-card .founder-message{margin:12px 0 0;font-size:14.5px;line-height:1.65}
.pricing .pricing-founder-card .founder-person{gap:12px;margin-top:18px}
.pricing .pricing-founder-card .founder-portrait{width:52px;height:52px;border-width:2px;padding:2px}
.pricing .pricing-founder-card .founder-name{margin:0 0 4px;font-size:15px}
.pricing .pricing-founder-card .founder-social{min-height:32px;padding:5px 11px;font-size:12.5px}
.pricing .pricing-founder-card .founder-social svg{width:15px;height:15px}
.founder-note.wrap{display:none}
}
/* ==== Scroll performance: keep the hero animation on the compositor ==== */
/* The bottom fade is a gradient overlay instead of a mask, so the moving bands underneath never force the whole hero to repaint. */
.hero-bg{-webkit-mask-image:none;mask-image:none;contain:layout paint}
.hero-bg:before{background:linear-gradient(180deg,#05060900 45%,#050609 88%),radial-gradient(ellipse 80% 70% at 50% 34%,#05060900 30%,#050609b3 70%,#050609 100%)}
@media(min-width:961px){.hero-bg:before{background:linear-gradient(180deg,#05060900 45%,#050609 88%),radial-gradient(ellipse 75% 75% at 58% 30%,#05060900 25%,#050609a8 65%,#050609 100%)}}
/* Grain: plain low opacity instead of an overlay blend, so it isn't re-blended over the moving bands every frame. */
.hero-bg:after{mix-blend-mode:normal;opacity:.07}
@media(min-width:961px){.hero-bg:after{opacity:.035}}
/* Moving layers get their own compositor layers. */
.hero-bg-rays,.hero-bg-desk{will-change:transform}
.hero-bg-rays i:after,.hero-bg-desk i:after{will-change:transform}
/* No live blur over the animated hero: slightly more opaque backgrounds instead. */
.site-header:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080b0ef0}
@media(min-width:961px){.site-header:not(.is-scrolled):before{background:transparent}}
@media(max-width:960px){.site-header:before{background:linear-gradient(180deg,#161b21f2,#0b0e12f2)}.hero-founder{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(160deg,#121920f2,#0a0e12f2)}}
/* Paused while the hero is off screen (js/hero-pops.js). */
.hero.hb-off .hero-bg,.hero.hb-off .hero-bg *,.hero.hb-off .hero-bg *:after{animation-play-state:paused!important}
/* Bands without masks: each band fades through its own radial gradient, so moving highlights never force a mask repaint. */
.hero-bg-rays i,.hero-bg-desk i{-webkit-mask-image:none;mask-image:none}
.hero-bg-rays i{--cy:50%;background:radial-gradient(ellipse 50% 24% at 50% var(--cy),var(--c) 0,var(--c) 35%,transparent 100%)}
.hero-bg-desk i{--cy:calc(var(--m) + 21%);background:radial-gradient(ellipse 50% 20% at 50% var(--cy),var(--c) 0,var(--c) 35%,transparent 100%)}
.hero-bg-rays i:before,.hero-bg-desk i:before{box-shadow:none;background:linear-gradient(180deg,transparent calc(var(--cy) - 20%),var(--r,#9fd2ff) var(--cy),transparent calc(var(--cy) + 20%))}
@keyframes hb-flow{0%{transform:translateY(-120%);opacity:0}35%,65%{opacity:1}100%{transform:translateY(480%);opacity:0}}
/* Grain in greyscale: with normal blending the coloured noise showed red/green specks. */
.hero-bg:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* No travelling highlights: without band masks they showed as loose blurry blobs. */
.hero-bg-rays i:after,.hero-bg-desk i:after{content:none;display:none;animation:none}
/* Solid pop-up cards: an old iframe rule (.hero-pop-frame{background:transparent}) loads later and was winning. */
.hero-pop .tw-disc.hero-pop-frame{background:#0e1217}
.hero-pop .tw-pop-strat.hero-pop-frame{background:#0d1116}
.hero-pop .tw-disc.hero-pop-frame{display:flex;justify-content:center;padding:16px 22px}
@media(min-width:961px){.hero-launch .hero-pop-discipline{height:100px}.hero-launch .hero-pop-discipline .hero-pop-frame{height:133px}}
/* Strategy pop-up matches the Discipline card: same solid background, border and radius. */
.hero-pop .tw-pop-strat.hero-pop-frame{background:#0e1217}
.tw-pop-strat .tw-card{background:#0e1217;border-color:rgba(255,255,255,.08)}
/* No page-wide grain overlay: it read as visual snow on large screens. */
body:before{content:none;display:none}
/* ==== Broker strip, refined: no boxed band, muted logos, soft edges ==== */
.broker-strip{--bs-bg:#080b0e;position:relative;margin:0;border:0;background:var(--bs-bg)}
.broker-strip:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#ffffff14 30%,#ffffff14 70%,transparent)}
.broker-strip-inner{padding-top:34px;padding-bottom:34px}
.broker-strip-heading{flex-direction:column;gap:4px;margin-bottom:22px}
.broker-strip-heading h2{font-size:15px;color:#8f9caa}
.broker-strip-note{margin:0;font-size:12.5px;line-height:1.5;color:#66737f;text-align:center}
/* Edge fade as overlays (not a mask), so the scrolling row stays cheap to draw. */
.broker-viewport{position:relative;-webkit-mask-image:none;mask-image:none}
.broker-viewport:before,.broker-viewport:after{content:'';position:absolute;top:0;bottom:0;z-index:1;width:14%;pointer-events:none}
.broker-viewport:before{left:0;background:linear-gradient(90deg,var(--bs-bg),transparent)}
.broker-viewport:after{right:0;background:linear-gradient(270deg,var(--bs-bg),transparent)}
.broker-track{animation-duration:48s;will-change:transform}
.broker-logo-group{gap:56px;padding-right:56px}
.broker-logo-group li{gap:10px;font-size:16px;font-weight:500;letter-spacing:-.02em;color:#7f8c98;transition:color .25s}
.broker-logo-group img{width:26px;height:26px;filter:grayscale(1) brightness(1.5);opacity:.6;transition:filter .25s,opacity .25s}
.broker-logo-group li:hover{color:#e3eaf0}
.broker-logo-group li:hover img{filter:none;opacity:1}
@media(min-width:961px){
.broker-strip-inner{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:center;gap:40px}
.broker-strip-heading{align-items:flex-start;margin:0;padding:0}
.broker-strip-heading h2,.broker-strip-note{text-align:left}
}
@media(max-width:760px){
.broker-strip-inner{padding-top:26px;padding-bottom:26px}
.broker-strip-heading{align-items:flex-start;padding-right:0;margin-bottom:16px}
.broker-strip-heading h2{font-size:13px}
.broker-strip-note{font-size:12px;text-align:left}
.broker-logo-group{gap:36px;padding-right:36px}
.broker-logo-group li{font-size:14.5px}
.broker-logo-group img{width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){.broker-viewport:before,.broker-viewport:after{display:none}}
/* Broker logos in full colour. */
.broker-logo-group img{filter:none;opacity:.9}
.broker-logo-group li:hover img{opacity:1}
/* Phones: full dashboard screenshot again (no zoomed crop), pop-ups back in their earlier spots. */
@media(max-width:760px){
.hero-launch .launch-window{width:calc(100% - 32px)!important;max-width:760px!important;margin:34px auto 0!important}
.hero-launch .tt-laptop{overflow:visible;border-radius:0}
.hero-launch .tt-laptop-lid{width:100%}
.hero-launch .hero-pop-discipline{top:-30px!important;right:-8px!important;left:auto!important;scale:.6!important;transform-origin:100% 0}
.hero-launch .hero-pop-strategy{bottom:10px!important;right:-8px!important;left:auto!important;scale:.55!important;transform-origin:100% 100%}
}
/* Phones (≤760px): compact pills replace the two pop-up cards; they sit over the frame edges only. */
.hero-pill{display:none}
@media(max-width:760px){
.hero-launch .hero-pop{display:none}
.hero-launch .launch-window{margin-bottom:34px!important}
.hero-pill{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0e1217;box-shadow:0 0 0 5px #9fcdf50f,0 24px 60px -18px #000d,0 0 50px -20px #9fcdf555;font-family:Outfit,'DM Sans',sans-serif;font-size:13px;font-weight:600;line-height:1;color:#fff;white-space:nowrap}
.hero-pill-disc{top:-30px;right:10px}
.hero-pill-strat{bottom:-30px;left:10px;padding-left:14px}
.hero-pill-ring{position:relative;display:grid;place-items:center;width:26px;height:26px}
.hero-pill-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.hero-pill-ring circle{fill:none;stroke-width:2.6}
.hero-pill-ring .bg{stroke:rgba(255,255,255,.1)}
.hero-pill-ring .fg{stroke:#a5cfee;stroke-linecap:round}
.hero-pill-ring b{position:relative;font-size:10.5px;font-weight:600}
.hero-pill-strat i{width:7px;height:7px;border-radius:50%;background:#76dab3}
.hero-pill-strat b{margin-left:2px;font-weight:500;color:#7ddcb0}
}
/* Phones: the pills become compact two-line cards. */
@media(max-width:760px){
.hero-launch .launch-window{margin-top:58px!important;margin-bottom:52px!important}
.hero-pill{height:60px;padding:0 14px 0 12px;gap:10px;border-radius:14px}
.hero-pill-txt{display:flex;flex-direction:column;gap:6px}
.hero-pill-top{display:flex;align-items:baseline;gap:8px}
.hero-pill-top b{font-weight:500;color:#7ddcb0}
.hero-pill-top b.neg{color:#ef8a91}
.hero-pill-sub{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:500;color:rgba(255,255,255,.5)}
.hero-pill-ring{width:34px;height:34px}
.hero-pill-ring b{font-size:12px}
.hero-pill-dot{flex:none;align-self:flex-start;margin-top:15px;width:7px;height:7px;border-radius:50%;background:#76dab3}
.hero-pill-dot.neg{background:#ef8a91}
.hero-pill-spark{width:60px;height:16px}
.hero-pill-spark polyline{fill:none;stroke:#5fae8f;stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hero-pill-disc{top:-46px;right:10px}
.hero-pill-strat{bottom:-46px;left:10px;padding-left:14px}
.hero-pill-mk{top:50%;left:-8px;transform:translateY(-50%);padding-left:14px}
}
/* Phone hero tweaks. */
@media(max-width:760px){
.hero-pill-mk{top:64%;left:-16px;transform:translateY(-50%)}
.hero-pill-strat{left:30px}
.hero-launch .tt-win-bar{display:none}
#cinematic-features{margin-top:0!important}
#cinematic-features .fd{padding-top:38px}
}
/* ==== Mobile hero, tightened ==== */
.hero-founder-after{display:none}
@media(max-width:760px){
/* Founder note moves below the dashboard. */
.hero-launch .launch-copy>.hero-founder{display:none}
.hero-launch .hero-founder-after{display:flex;position:relative;z-index:1;width:calc(100% - 32px);margin:66px auto 8px}
/* About 18% less space between the copy blocks. */
.hero-launch h1{margin-top:15px}
.hero-launch .launch-subtext{margin-top:16px}
.hero-launch .launch-actions{margin-top:21px;gap:4px!important}
.hero-launch .launch-trust{margin-top:18px;gap:8px 16px!important}
.hero-launch .launch-window{margin-top:54px!important;margin-bottom:0!important}
/* Secondary action as a text link. */
.hero-launch .launch-actions>.button.secondary,.hero-launch .launch-actions>.button.secondary:hover{width:auto!important;height:auto!important;min-height:0!important;margin:2px auto 0!important;padding:8px 4px!important;border:0!important;background:none!important;box-shadow:none!important;font-size:14.5px!important;color:#c9d4de}
.hero-launch .launch-actions>.button.secondary:hover{color:#fff}
/* Trust line: bigger and brighter. */
.hero-launch .launch-trust li{font-size:13px;color:#c9d4de}
.hero-launch .launch-trust svg{width:17px;height:17px;color:#9fb2c2}
}
@media(max-width:360px){.hero-launch .launch-trust li{font-size:12.5px}}
@media(max-width:760px){.hero-bg{height:auto;bottom:0}}
/* ==== Mobile hero, final ==== */
@media(max-width:760px){
/* Diagonal: Discipline top-left, strategy bottom-right, both only over the frame edges. */
.hero-pill-disc{top:-46px;left:10px;right:auto}
.hero-pill-strat{bottom:-46px;right:10px;left:auto}
/* Secondary action: quiet outlined button, same width as the primary, a little shorter. */
.hero-launch .launch-actions{gap:10px!important}
.hero-launch .launch-actions>.button.secondary,.hero-launch .launch-actions>.button.secondary:hover{width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px;background:none!important;font-size:14.5px!important;color:#d3dde5}
.hero-launch .launch-actions>.button.secondary:hover{border-color:rgba(255,255,255,.24)!important;color:#fff}
/* Trust signals: three even columns, icon above label, so nothing wraps onto a lonely line. */
.hero-launch .launch-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;max-width:360px;margin-left:auto;margin-right:auto}
.hero-launch .launch-trust li{flex-direction:column;justify-content:flex-start;gap:6px;font-size:12.5px;line-height:1.35;text-align:center;white-space:normal}
}
@media(max-width:760px){.hero-pill-disc{top:-52px}.hero-pill-strat{bottom:-52px}}
/* ==== Mobile hero, round 3 ==== */
@media(max-width:760px){
.hero-pill-disc{top:-52px;right:10px;left:auto}
/* Secondary action: subtle dark fill, clearer border. */
.hero-launch .launch-actions{gap:8px!important}
.hero-launch .launch-actions>.button.secondary,.hero-launch .launch-actions>.button.secondary:hover{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.2)!important}
.hero-launch .launch-actions>.button.secondary:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.3)!important}
/* Trust signals: one quiet centred line with dot separators, no icons. */
.hero-launch .launch-trust{display:flex!important;flex-wrap:wrap;justify-content:center;gap:4px 0!important;max-width:none;margin-top:16px}
.hero-launch .launch-trust li{flex-direction:row;gap:0;font-size:12.5px;line-height:1.4;color:#c9d4de;white-space:nowrap}
.hero-launch .launch-trust svg{display:none}
.hero-launch .launch-trust li+li:before{content:'·';margin:0 8px;color:#6f7f8c}
.hero-launch .launch-window{margin-top:60px!important}
/* Less blue glow behind the buttons and trust line. */
.hero-launch .launch-copy:before{inset:-20px -16px -40px;background:radial-gradient(ellipse 70% 42% at 50% 72%,#050609d9,#05060900 80%),radial-gradient(ellipse 62% 58% at 50% 42%,#050609e0,#05060900 78%)}
}
@media(max-width:380px){.hero-launch .launch-trust li{font-size:11.5px}.hero-launch .launch-trust li+li:before{margin:0 5px}}
@media(max-width:760px){.hero-pill-disc{top:-40px}.hero-pill-strat{bottom:-38px;left:10px;right:auto}.hero-launch .launch-window{margin-top:50px!important}}
/* Mobile founder note under the dashboard: a quiet signature, not a card. */
@media(max-width:760px){
.hero-launch .hero-founder-after{gap:12px;align-items:flex-start;max-width:400px;margin:66px auto 4px;padding:0 4px;border:0;border-radius:0;background:none;box-shadow:none}
.hero-founder-after img{width:42px;height:42px;padding:0;border:0;box-shadow:0 0 0 1px #ffffff26;margin-top:1px}
.hero-founder-after blockquote{font-size:14px;line-height:1.55;color:rgba(255,255,255,.72)}
.hero-founder-after blockquote strong{color:rgba(255,255,255,.86);font-weight:600}
.hero-founder-after figcaption{margin-top:6px;font-size:12px;color:#6f7f8c}
.hero-founder-after figcaption strong{color:rgba(255,255,255,.72)}
.hero-founder-after figcaption a{color:#8fb9da}
}
/* ==== Feature showcase: stacked crossfading panels, no active label, connected copy ==== */
#cinematic-features .fd-window{display:grid}
#cinematic-features .fd-panel{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
#cinematic-features .fd-panel.is-active{opacity:1;visibility:visible;transition:opacity .28s ease;animation:none}
#cinematic-features .fd-tab .fd-tip{display:none}
@media(hover:hover) and (min-width:961px){#cinematic-features .fd-tab:not([aria-selected="true"]):hover .fd-tip{display:block}}
#cinematic-features .fd-dock{padding:6px}
#cinematic-features .fd-tab{color:#9aa9b6;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s,color .25s,border-color .25s,box-shadow .25s}
#cinematic-features .fd-tab[aria-selected="true"]{border-color:#a5cfee80;background:linear-gradient(180deg,#2c3a47,#17202a);box-shadow:inset 0 1px 0 #ffffff26,0 0 0 1px #a5cfee26,0 10px 28px -10px #9fcdf580}
#cinematic-features .fd-perks{margin-top:16px;padding-top:0;border-top:0}
#cinematic-features .fd-caption.is-in,#cinematic-features .fd-perks.is-in li{animation-duration:.28s}
@media(max-width:760px){#cinematic-features .fd-dock{margin-top:24px}#cinematic-features .fd-caption{margin-top:16px}#cinematic-features .fd-perks{margin-top:14px}}
@media(prefers-reduced-motion:reduce){#cinematic-features .fd-panel{transition:none}}
/* Hover label sits above the video window. */
#cinematic-features .fd-dock{position:relative;z-index:3}
#cinematic-features .fd-tip{z-index:4}
/* ~68px from the feature grid to the first story's headline. */
#cinematic-features .fd{padding-bottom:0}
.value-stories{padding-top:0}
@media(min-width:861px){.value-stories .vs-story:first-child{margin-top:0;padding-top:68px;align-items:start}.value-stories .vs-story:first-child .vs-embed{margin-top:-14px}}
@media(max-width:860px){.value-stories .vs-story:first-child{padding-top:68px}}
/* ==== Pricing card: always-blue CTA, consent validation, reassurance line ==== */
.price-card .pc2-cta:disabled{opacity:1;cursor:pointer}
.pc2-deal{padding-top:11px;padding-bottom:13px}
@media(max-width:960px){.pc2-deal{padding-top:8px;padding-bottom:10px}}
.pc2-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 0;font-size:12px;color:#7d8d9a}
.pc2-secure svg{width:13px;height:13px;flex:none;color:#6f7f8c}
.price-card .pc2-consent{gap:10px;align-items:flex-start;margin-top:16px;padding:6px 8px;margin-left:-8px;margin-right:-8px;border-radius:9px;font-size:11.5px;line-height:1.6;transition:background .2s,box-shadow .2s}
.price-card .pc2-consent input{width:18px;height:18px;margin:1px 0 0}
@media(max-width:960px){.price-card .pc2-consent{padding:8px}.price-card .pc2-consent input{width:20px;height:20px}}
.price-card .pc2-consent.is-invalid{background:#ef8a9114;box-shadow:inset 0 0 0 1px #ef8a9166;animation:pc2-nudge .35s ease}
.price-card .pc2-consent.is-invalid input{outline:2px solid #ef8a91;outline-offset:1px}
.pc2-consent-error{margin:6px 0 0;font-size:12px;line-height:1.45;color:#ef8a91;text-align:left}
.price-card .pc2-legal{margin-top:12px}
@keyframes pc2-nudge{0%,100%{transform:none}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.price-card .pc2-consent.is-invalid{animation:none}}
/* ==== Feature directory: in-card accordions, several open at once ==== */
.feature-directory-grid,.feature-directory-grid.is-enhanced{gap:7px;align-items:start}
@media(max-width:600px){.feature-directory-grid,.feature-directory-grid.is-enhanced{gap:5px}}
.feature-directory-grid.is-enhanced .feature-panel{grid-column:auto;border:0;border-top:1px solid #2b3742;border-radius:0;background:#0b1117}
.feature-directory-grid.is-enhanced .feature-panel-inner ul{grid-template-columns:1fr;gap:11px;padding:16px 17px 18px}
.feature-directory-grid.is-enhanced .feature-panel li{font-size:13.5px;line-height:1.65}
.feature-directory-grid.is-enhanced .feature-panel li span{font-size:12.5px;line-height:1.6}
.feature-category.is-active{border-color:#4a6378}
.feature-category.is-active .feature-category-btn{background:#10171e}
.feature-category-toggle:after{transition:transform .23s cubic-bezier(.2,.8,.2,1)}
.feature-category-btn[aria-expanded="true"] .feature-category-toggle:after{transform:none}
.feature-directory-back{margin:22px 0 0;text-align:center;font-size:13.5px}
.feature-directory-back a{color:#8fa0ae;text-decoration:none;transition:color .2s}
.feature-directory-back a:hover{color:var(--blue)}
/* Founder card: quiet blue-tinted surface, subtle border. */
.founder-card{background:#0c141b;border-color:#1a2530}
/* ==== FAQ: one open at a time, full-row buttons ==== */
.faq .questions.is-enhanced .faq-item{border-bottom:1px solid var(--line)}
.faq .questions.is-enhanced .faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:16px 0;border:0;background:none;color:var(--text);font:inherit;font-size:16px;line-height:1.45;text-align:left;cursor:pointer}
.faq .questions.is-enhanced .faq-item:first-child .faq-q{padding-top:4px}
.faq .questions.is-enhanced .faq-q:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}
.faq-icon{position:relative;flex:none;width:15px;height:15px;color:var(--blue)}
.faq-icon:before,.faq-icon:after{content:'';position:absolute;left:0;right:0;top:7px;height:1.5px;border-radius:1px;background:currentColor;transition:transform .23s cubic-bezier(.2,.8,.2,1)}
.faq-icon:after{transform:rotate(90deg)}
.faq-item.is-open .faq-icon:after{transform:rotate(0)}
.faq .questions.is-enhanced .faq-a p{margin:0 30px 0 0;padding:0 0 18px;font-size:14px}
@media(max-width:760px){
.faq>div:first-child{margin-bottom:12px}
.faq .questions.is-enhanced .faq-q{padding:14px 0;font-size:14px}
.faq .questions.is-enhanced .faq-a p{padding-bottom:16px}
}
@media(prefers-reduced-motion:reduce){.faq-icon:before,.faq-icon:after{transition:none}}
@media(max-width:760px){.faq{padding-bottom:72px!important}}
.faq-icon{width:11px;height:11px}
.faq-icon:before,.faq-icon:after{top:5px;height:1.2px}
@media(max-width:760px){.faq{padding-bottom:40px!important}}
/* No divider line above the footer. */
footer .footer-top{border-top:0}
/* ==== Mobile menu: compact links, compact features, small sticky CTA ==== */
@media(max-width:960px){
.site-header nav,.site-header nav.is-open{padding:84px 24px 0}
.site-header nav>a:not(.nav-affiliate),.nav-group-toggle{padding:15px 0;font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.nav-chevron{width:9px;height:9px;border-width:0 1.6px 1.6px 0;margin-right:4px}
.nav-group-panel{transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1)}
.nav-group-panel li:first-child{padding-top:0}.nav-group-panel li:last-child{padding-bottom:12px}
.nav-group-panel a{gap:12px;padding:6px 0;font-size:15px}
.nav-sub-ico{width:30px;height:30px;border-radius:8px}
.nav-sub-ico svg{width:15px;height:15px}
.nav-group-panel .nav-sub-all{padding-top:8px;font-size:13.5px}
/* Purchase CTA stays at the bottom while the list scrolls. */
.nav-mobile-foot{position:sticky;bottom:0;margin-top:auto;padding:16px 0 calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#06080b00,#06080bf7 22%)}
.site-header nav .nav-cta{display:flex;align-items:center;justify-content:center;width:100%;height:50px;padding:0 16px;border:0;border-bottom:0;border-radius:10px;background:var(--blue);color:#0d1a24;font-size:15.5px;font-weight:700;letter-spacing:-.01em;box-shadow:inset 0 1px 0 #ffffff55}
.site-header nav .nav-cta:hover,.site-header nav .nav-cta:active{background:#bcdcf3;color:#0d1a24}
.nav-cta-note{margin:9px 0 0;text-align:center;font-size:12px;color:#7d8d9a}
/* Entrance: links slide in one after another. */
.site-header nav>a,.site-header nav .nav-group,.nav-mobile-foot{transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),color .2s}
.site-header nav.is-open .nav-group{transition-delay:.04s}
.site-header nav.is-open>a:nth-of-type(1),.site-header nav.is-open>a:nth-of-type(2),.site-header nav.is-open>a:nth-of-type(3){transition-delay:.08s}
.site-header nav.is-open>a:nth-of-type(4){transition-delay:.12s}
.site-header nav.is-open>a:nth-of-type(5){transition-delay:.16s}
.site-header nav.is-open>a:nth-of-type(6){transition-delay:.2s}
.site-header nav.is-open .nav-mobile-foot{transition-delay:.26s}
}
@media(max-width:380px){.site-header nav>a:not(.nav-affiliate),.nav-group-toggle{font-size:20px;padding:13px 0}}
/* Mobile menu: a compact version of the pricing card. */
@media(max-width:960px){
.nav-mini-card{padding:14px 14px 14px;border:1px solid #2a4458;border-radius:14px;background:linear-gradient(135deg,#152634,#0f1a23)}
.nav-mini-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nav-mini-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.nav-mini-label em{font-style:normal;font-weight:500;color:#8fa0ae;letter-spacing:.04em}
.nav-mini-pill{padding:4px 9px;border-radius:999px;background:var(--blue);color:#10202c;font-size:11px;font-weight:750;letter-spacing:.04em}
.nav-mini-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;margin:8px 0 12px}
.nav-mini-price strong{font-size:30px;font-weight:700;letter-spacing:-.035em;line-height:1;color:var(--text)}
.nav-mini-price s{font-size:14px;color:#6f7f8c}
.nav-mini-price span{flex-basis:100%;font-size:12px;color:#8fa0ae}
.site-header nav .nav-mini-card .nav-cta{height:46px;font-size:15px}
}
/* No sideways panning on phones: clip on the root too (older iOS ignores body overflow clip). */
html{overflow-x:hidden;overscroll-behavior-x:none}
/* Mobile menu: pricing card sits a little higher. */
@media(max-width:960px){.nav-mobile-foot{padding-bottom:calc(36px + env(safe-area-inset-bottom))}}
/* ==== Confluence performance card (story 2) ==== */
.vs-embed-strategies{height:auto}
.cf{padding:20px 20px 12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(170deg,#111820,#0b0f13 70%)}
.cf-head h4{font-size:16px;font-weight:600;letter-spacing:-.01em}
.cf-head p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.5)}
.cf-chart{display:block;width:100%;height:auto;margin:14px 0 6px;overflow:visible}
.cf-grid line{stroke:rgba(255,255,255,.05)}
.cf-grid line.z{stroke:rgba(255,255,255,.14);stroke-dasharray:3 4}
.cf-chart text{font-family:Outfit,sans-serif;font-size:10px;fill:rgba(255,255,255,.38)}
.cf-line{fill:none;stroke:var(--c);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;transition:opacity .25s,stroke-width .25s}
.cf-rows{margin:0;padding:0;list-style:none}
.cf-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 6px;margin:0 -6px;border:0;border-top:1px solid rgba(255,255,255,.06);border-radius:0;background:none;color:rgba(255,255,255,.86);font:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer;transition:background .2s,opacity .25s;box-sizing:content-box}
.cf-rows li:first-child .cf-row{border-top:0}
.cf-row i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.cf-row b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.cf-row b.pos{color:#7ddcb0}.cf-row b.neg{color:#ef8a91}
.cf-row:hover,.cf-row.is-hl{background:rgba(255,255,255,.035)}
.cf-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:6px}
/* Highlight one combination: its line and row stay bright, the rest dim. */
.cf.has-hl .cf-line{opacity:.18}
.cf.has-hl .cf-line.is-hl{opacity:1;stroke-width:2.6}
.cf.has-hl .cf-row:not(.is-hl){opacity:.5}
/* Entrance: lines draw left to right, then the rows fade in. */
@media(prefers-reduced-motion:no-preference){
.tw-anim .cf-line{clip-path:inset(0 100% 0 0)}
.tw-anim .cf-row{opacity:0}
.is-on .cf-line{animation:tw-draw 1.5s cubic-bezier(.4,0,.2,1) var(--d) both}
.is-on .cf-row{animation:tw-fade .5s ease var(--d) both}
}
@media(max-width:600px){.cf{padding:16px 14px 8px}.cf-row{font-size:12.5px}.cf-chart text{font-size:11px}}
.cf-row{box-sizing:border-box;width:calc(100% + 12px);min-height:44px;padding:9px 6px}
@media(max-width:600px){.cf-chart text{font-size:14px}.cf-row{min-height:44px;padding:8px 6px}}
/* Confluence card styled like the cost-of-mistakes widget: no card, same type and colours. */
.cf{padding:10px 12px;border:0;border-radius:0;background:none}
.cf-head h4{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.cf-head p{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,.45)}
.cf-grid line{stroke:rgba(255,255,255,.06)}
.cf-chart text{font-size:11px;fill:rgba(255,255,255,.42)}
.cf-line{stroke-width:1.8}
.cf-rows{display:grid;gap:4px;margin-top:4px}
.cf-row{border-top:0;font-size:12.5px;color:rgba(255,255,255,.85);min-height:36px;padding:6px}
.cf-row i{width:9px;height:9px;border-radius:2px}
.cf-row b.pos{color:#7ddcb0}.cf-row b.neg{color:#ef8a91}
.cf-row:hover,.cf-row.is-hl{background:rgba(255,255,255,.03);border-radius:6px}
@media(max-width:600px){.cf{padding:0}.cf-row{min-height:44px}}
/* Confluence card v2: endpoints, stats, insight, line hover. */
.cf-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}
.cf-series .cf-line,.cf-end,.cf-endlabel{transition:opacity .25s,stroke-width .25s,r .25s}
.cf-end{fill:var(--c);stroke:#0a0d11;stroke-width:2}
.cf-endlabel{font-family:Outfit,sans-serif;font-size:10.5px;font-weight:600;fill:var(--c)}
.cf.has-hl .cf-series{opacity:.2}
.cf.has-hl .cf-series.is-hl{opacity:1}
.cf.has-hl .cf-series.is-hl .cf-line{stroke-width:2.6}
.cf.has-hl .cf-series.is-hl .cf-end{r:4.4}
.cf.has-hl .cf-line{opacity:1}
.cf-row{align-items:start}
.cf-row i{margin-top:5px}
.cf-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.cf-name small{font-size:11.5px;color:rgba(255,255,255,.45)}
.cf-row b{padding-top:1px}
.cf-row.is-hl small{color:rgba(255,255,255,.65)}
.cf-insight{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.06);font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.6)}
.cf-insight svg{flex:none;width:15px;height:15px;margin-top:2px;color:#a5cfee}
.cf-insight b{font-weight:600;color:rgba(255,255,255,.88)}
@media(prefers-reduced-motion:no-preference){
.tw-anim .cf-end,.tw-anim .cf-endlabel,.tw-anim .cf-insight{opacity:0}
.is-on .cf-end,.is-on .cf-endlabel{animation:tw-fade .4s ease calc(var(--d) + 1.3s) both}
.is-on .cf-insight{animation:tw-fade .5s ease 1.5s both}
.tw-anim .cf-line{clip-path:none;stroke-dasharray:none}
.tw-anim .cf-series .cf-line{clip-path:inset(0 100% 0 0)}
.is-on .cf-series .cf-line{animation:tw-draw 1.5s cubic-bezier(.4,0,.2,1) var(--d) both}
}
@media(max-width:600px){.cf-endlabel{font-size:13px}.cf-insight{font-size:12.5px}}
/* Confluence card v3: inline stats per row, live comparison insight. */
.cf-chart{margin-top:2px}
.cf-name small{display:flex;flex-wrap:wrap;gap:2px 0}
.cf-name small span+span:before{content:'·';margin:0 6px;color:rgba(255,255,255,.28)}
.cf-insight{display:block;min-height:86px;margin:10px 0 0;padding:12px 0 0}
.cf-insight.is-in{animation:tw-fade .28s ease both}
.cf-in-lead{margin:0;font-size:13px;line-height:1.4;color:rgba(255,255,255,.88)}
.cf-in-lead b{font-weight:600}
.cf-in-lead span{color:rgba(255,255,255,.45)}
.cf-in-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cf-in-stats span{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.04);font-size:12px;color:rgba(255,255,255,.6)}
.cf-in-stats b{font-weight:600}
.cf-in-stats .pos b{color:#7ddcb0}.cf-in-stats .neg b{color:#ef8a91}
.cf-in-n{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:rgba(255,255,255,.4)}
@media(prefers-reduced-motion:reduce){.cf-insight.is-in{animation:none}}
@media(max-width:600px){.cf-insight{min-height:104px}}
.cf-in-lead{font-size:13.5px;color:rgba(255,255,255,.7)}
.cf-in-lead b{color:rgba(255,255,255,.92)}
/* Less space between the last story and the comparison table. */
.value-stories .vs-story:last-child{padding-bottom:24px}
.value-stories{padding-bottom:24px}
@media(max-width:600px){.value-stories .vs-story:last-child{padding-bottom:0}.value-stories{padding-bottom:16px}.cf-insight{min-height:88px}}
/* Cost of mistakes: interactive tags. */
.tw-mk-tags li{display:block}
.tw-mk-tag{display:flex;align-items:center;gap:8px;width:calc(100% + 12px);min-height:30px;margin:0 -6px;padding:3px 6px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s,opacity .25s}
.tw-mk-tag i{flex:none;width:9px;height:9px;border-radius:2px}
.tw-mk-tag b{margin-left:auto;font-weight:600;color:var(--tw-neg)}
.tw-mk-tag:hover,.tw-mk-tag.is-hl{background:rgba(255,255,255,.035)}
.tw-mk-tag:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.tw-mk-dots circle,.tw-donut circle{transition:opacity .25s,r .25s,stroke-width .25s}
.tw-mistakes.has-hl .tw-mk-dots circle{opacity:.15}
.tw-mistakes.has-hl .tw-mk-dots circle.is-hl{opacity:1;r:5.4}
.tw-mistakes.has-hl .tw-donut circle{opacity:.25}
.tw-mistakes.has-hl .tw-donut circle.is-hl{opacity:1;stroke-width:19}
.tw-mistakes.has-hl .tw-mk-tag:not(.is-hl){opacity:.5}
.tw-mk-total{min-height:31px}
@media(max-width:600px){.tw-mk-tag{min-height:40px}}
#cinematic-features .fd-head h2.is-in{animation:fd-cap .3s ease both}
@media(prefers-reduced-motion:reduce){#cinematic-features .fd-head h2.is-in{animation:none}}
/* When the section heading shows the feature headline, the description drops its repeated bold title. */
#cinematic-features .fd-caption.no-title strong{display:none}
#cinematic-features .fd-caption strong{display:none}
/* Descriptions are written to fit two lines; reserve that height so the dock never jumps. */
#cinematic-features .fd-caption{min-height:calc(2em * 1.55)}
@media(max-width:960px){#cinematic-features .fd-caption{min-height:calc(2em * 1.6)}}
/* Desktop pricing section at a more comfortable size (everything inside scales together). */
@media(min-width:961px){#pricing{zoom:.84}}
/* Desktop header: a normal full-width bar at the top; once scrolled it shrinks into a floating glass bar like on mobile. */
@media(min-width:961px){
.site-header{top:0;width:calc(100% - 48px);max-width:1226px;height:76px;margin:0 auto;padding:0;display:flex;align-items:center;transition:max-width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),padding .45s cubic-bezier(.2,.8,.2,1)}
.site-header:before,.site-header:not(.is-scrolled):before{left:0;right:0;width:auto;transform:none;border:1px solid transparent;border-radius:16px;background:transparent;box-shadow:none;transition:background .35s,border-color .35s,box-shadow .35s}
.site-header.is-scrolled{top:14px;max-width:1200px;height:60px;padding:0 10px 0 22px}
.site-header.is-scrolled:before{border-color:#ffffff1a;background:linear-gradient(180deg,#161b21e6,#0b0e12e6);box-shadow:inset 0 1px 0 #ffffff0d,0 12px 32px -12px #000a}
.site-header nav{position:absolute;left:50%;transform:translateX(-50%);margin:0!important;gap:34px}
.site-header nav>a.nav-mobile-only{display:inline}
.site-header nav>a.nav-desktop-only[href$="#pricing"]{display:none}
.site-header nav>a{font-size:14.5px;color:#a9b4be;transition:color .2s}
.site-header nav>a:hover{color:var(--text)}
.site-header .header-cta{margin-left:auto;margin-right:0}
.site-header .brand img{width:156px;height:auto}
.hero.hero-launch{margin-top:-76px;padding-top:calc(76px + 44px)}
}
/* Desktop showcase: pinned while scrolling; each 70vh of scroll moves to the next feature.
The pinned frame fills the screen under the header and the window is sized to fit what's left. */
@media(min-width:961px){
#cinematic-features.fd-scroll{height:calc(120vh + var(--fd-steps,5) * 70vh);overflow:visible}
#cinematic-features.fd-scroll .fd{position:sticky;top:0;height:100vh;padding-top:84px;padding-bottom:24px;max-width:1480px;grid-template-rows:auto auto auto auto auto;align-content:center}
#cinematic-features.fd-scroll .fd-head{margin-bottom:28px}
#cinematic-features.fd-scroll .fd-window{max-width:calc((100vh - 300px) * 16 / 8.1 + 22px);overflow:hidden}
/* Scene change: the old screen sinks back and fades the way you scrolled, the new one rises into place. */
#cinematic-features.fd-scroll .fd-panel{transform:translateY(9%) scale(.94);filter:blur(8px);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease,visibility 0s linear .7s}
#cinematic-features.fd-scroll .fd-panel.is-past{transform:translateY(-9%) scale(.94)}
#cinematic-features.fd-scroll .fd-panel.is-active{transform:none;filter:none;transition:opacity .5s ease .08s,transform .7s cubic-bezier(.2,.8,.2,1) .08s,filter .5s ease .08s}
#cinematic-features.fd-scroll .fd-perk{animation:fd-perk-in .5s cubic-bezier(.2,.8,.2,1) both}
#cinematic-features.fd-scroll .fd-perks>:nth-child(2) .fd-perk,#cinematic-features.fd-scroll .fd-perks>.fd-perk:nth-child(2){animation-delay:.06s}
#cinematic-features.fd-scroll .fd-perks>:nth-child(3) .fd-perk,#cinematic-features.fd-scroll .fd-perks>.fd-perk:nth-child(3){animation-delay:.12s}
#cinematic-features.fd-scroll .fd-perks>:nth-child(4) .fd-perk,#cinematic-features.fd-scroll .fd-perks>.fd-perk:nth-child(4){animation-delay:.18s}
}
@keyframes fd-perk-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Section depth: soft glows that fade to nothing before every edge, so no seams between sections. */
#pricing{position:relative;isolation:isolate}
#pricing:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none}
#pricing:before{background:radial-gradient(ellipse 55% 45% at 50% 45%,#a5cfee10,transparent 100%)}
/* Value stories: heading, text and widget rise in one after another when a story enters view. */
.vs-reveal .vs-copy h2,.vs-reveal .vs-copy p,.vs-reveal .vs-embed{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1),filter .8s ease}
.vs-reveal .vs-embed{transform:translateY(40px) scale(.97)}
.vs-reveal.is-shown .vs-copy h2,.vs-reveal.is-shown .vs-copy p,.vs-reveal.is-shown .vs-embed{opacity:1;transform:none;filter:none}
.vs-reveal.is-shown .vs-copy p{transition-delay:.12s}
.vs-reveal.is-shown .vs-embed{transition-delay:.22s}
/* Value stories as full-screen scenes over the hero's moving light bands, faded out at top and bottom. */
.vs-story,.vs-story+.vs-story{position:relative;isolation:isolate;border-top:0}
.vs-story>:not(.vs-bg){position:relative;z-index:1}
.vs-story .hero-bg.vs-bg{inset:0 auto;top:0;bottom:0;height:auto;left:50%;width:100vw;transform:translateX(-50%);z-index:0;filter:brightness(.62);-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);animation:none}
.vs-flip .hero-bg.vs-bg>*{scale:-1 1}
.vs-reveal .hero-bg.vs-bg{opacity:0;transition:opacity 1.6s ease}
.vs-reveal.is-shown .hero-bg.vs-bg{opacity:1}
.vs-reveal:not(.is-shown) .vs-bg *,.vs-story.hb-off .vs-bg *,.vs-story.hb-off .vs-bg *:after{animation-play-state:paused!important}
@media(min-width:961px){.value-stories .vs-story{min-height:100vh;align-content:center;align-items:center;padding-top:120px;padding-bottom:120px}}
/* Desktop: pinned stage, stories cross-fade as whole scenes (old one drifts up, new one rises in). */
@media(min-width:961px){
.value-stories.vs-pin{height:calc(100vh + var(--vs-steps,1) * 90vh);padding:0}
.vs-pin .vs-stage{position:sticky;top:0;height:100vh;display:grid;overflow:hidden}
.vs-pin .vs-stage>.vs-story{grid-area:1/1;margin:0 auto;width:100%;height:100vh;min-height:0!important;padding-top:90px!important;padding-bottom:40px!important;opacity:0;visibility:hidden;transform:translateY(6%);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1),visibility 0s linear .9s}
.vs-pin .vs-stage>.vs-story.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .7s ease .1s,transform .9s cubic-bezier(.2,.8,.2,1) .1s}
.vs-pin .vs-stage>.vs-story .hero-bg.vs-bg{-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
}
/* Story backgrounds: the bands' light sits behind the text; the chart side stays dark. Longer top fade eases in from the showcase. */
@media(min-width:961px){
.vs-pin .vs-stage>.vs-story .hero-bg.vs-bg{-webkit-mask-image:linear-gradient(transparent,#000 32%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 32%,#000 80%,transparent)}
.vs-story .hero-bg.vs-bg:before{background:radial-gradient(ellipse 42% 75% at 30% 52%,#05060900 20%,#050609b0 70%,#050609 100%)}
.vs-flip .hero-bg.vs-bg:before{background:radial-gradient(ellipse 42% 75% at 70% 52%,#05060900 20%,#050609b0 70%,#050609 100%)}
}
/* The story stage overlaps the end of the pinned showcase, so the showcase fades out as the first story fades in, with no empty screen. */
@media(min-width:961px){
.value-stories.vs-pin{margin-top:-100vh;background:transparent;position:relative;z-index:2}
.vs-pin .vs-stage{pointer-events:none}
.vs-pin .vs-stage>.vs-story.is-active{pointer-events:auto}
}