:root{--pink:#F7B6C9;--red:#FF4E3A;--cream:#FFFBF6;--ink:#111;--lav:#EDE6F2;--purple:#806491;--muted:#62595d;--line:rgba(17,17,17,.18);--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,strong,.brand,.eyebrow{font-family:"Space Grotesk",sans-serif;letter-spacing:-.035em}
h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}svg{fill:currentColor}
.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.wide-wrap{width:min(1380px,calc(100% - 40px));max-width:none}.chapter{scroll-margin-top:70px}
.progress{position:fixed;inset:0 0 auto;height:4px;z-index:110;background:transparent}.progress span{display:block;width:0;height:100%;background:var(--red);transform-origin:left}
.topbar{position:fixed;z-index:100;inset:4px 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;transition:.3s}.topbar.solid{background:rgba(255,251,246,.88);border-bottom:1.5px solid var(--ink);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:15px}.brand-mark{font-size:20px;font-weight:700}.brand-mark span,footer strong span{color:var(--red)}.brand-course{font:600 11px/1 "Instrument Sans";letter-spacing:.06em;text-transform:uppercase;border-left:1px solid;padding-left:15px;color:var(--muted)}
.top-actions{display:flex;align-items:center;gap:8px}.round-action{width:42px;height:42px;border:1.5px solid var(--ink);border-radius:50%;background:var(--cream);display:grid;place-items:center;cursor:pointer;transition:.2s}.round-action svg{width:18px}.round-action:hover{background:var(--ink);color:white;transform:translateY(-2px)}.back-link{font-family:"Space Grotesk";font-size:13px;font-weight:600;padding:11px 18px;border:1.5px solid var(--ink);border-radius:30px;background:var(--cream)}
.chapter-dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:90;display:grid;gap:13px}.chapter-dots a{position:relative;width:12px;height:12px}.chapter-dots a span{display:block;width:8px;height:8px;border:1.5px solid var(--ink);border-radius:50%;background:var(--cream);transition:.2s}.chapter-dots a.active span{background:var(--red);transform:scale(1.35)}.chapter-dots a::before{content:attr(data-label);position:absolute;right:19px;top:50%;transform:translateY(-50%) translateX(8px);white-space:nowrap;background:var(--ink);color:white;padding:5px 8px;border-radius:6px;font-size:10px;opacity:0;pointer-events:none;transition:.2s}.chapter-dots a:hover::before{opacity:1;transform:translateY(-50%)}
.hero{min-height:100svh;background:var(--pink);position:relative;display:flex;align-items:center;padding:110px 5vw 80px;overflow:hidden;border-bottom:1.5px solid var(--ink)}.hero-content{position:relative;z-index:3;width:min(1320px,100%);margin:auto}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,17,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.075) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.hero .eyebrow{margin-bottom:18px}.title-line{display:block;overflow:hidden;padding:.02em 0}.title-line>span{display:block;font-size:clamp(70px,15.5vw,225px);line-height:.78;font-weight:700;letter-spacing:-.075em;animation:titleIn 1s cubic-bezier(.16,1,.3,1) both}.accent-line>span{color:var(--red);animation-delay:.12s}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-top:clamp(30px,6vw,70px)}.hero-bottom>p{font:600 clamp(17px,2vw,24px)/1.25 "Space Grotesk";max-width:600px}.hero-stamp{display:flex;align-items:center;gap:12px;border:1.5px solid;padding:13px 18px;border-radius:100px;background:rgba(255,251,246,.55);backdrop-filter:blur(7px)}.hero-stamp strong{font-size:42px;line-height:.8}.hero-stamp span{font-size:11px;text-transform:uppercase;font-weight:600;line-height:1.2}.hero-rise{animation:fadeUp .7s .7s both}.hero-gear{position:absolute;width:min(40vw,540px);right:-9vw;top:-10vw;color:rgba(128,100,145,.25);z-index:1}.gear-spin{animation:spin 24s linear infinite}.orbit{position:absolute;border:1.5px solid rgba(17,17,17,.2);border-radius:50%;z-index:1}.orbit::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--red);border:1.5px solid;top:14%;left:12%}.orbit-one{width:360px;height:360px;right:12%;bottom:-220px}.orbit-two{width:190px;height:190px;left:-80px;top:20%}.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:4;font:600 10px "Space Grotesk";letter-spacing:.09em;text-transform:uppercase;display:grid;justify-items:center;gap:8px}.scroll-cue i{display:block;width:1px;height:25px;background:var(--ink);animation:scrollLine 1.7s ease-in-out infinite}
.ticker{overflow:hidden;background:var(--ink);color:var(--cream);border-bottom:1.5px solid var(--ink)}.ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite}.ticker span{padding:15px 0;font:600 14px "Space Grotesk";letter-spacing:.04em;word-spacing:20px}.ticker b{color:var(--red)}
.section{padding:clamp(82px,10vw,140px) 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:48px}.section-head h2{font-size:clamp(38px,6vw,74px);line-height:.96;margin-top:13px}.section-head h2 em{font-style:normal;color:var(--red)}.section-intro{max-width:400px;color:var(--muted);line-height:1.55;font-size:16px}.section-head.light{color:white}.section-head.light .section-intro{color:#cfc6ca}.section-head.light h2 em{color:var(--pink)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{min-height:205px;border:1.5px solid;border-radius:20px;padding:24px;display:flex;flex-direction:column;background:white;box-shadow:5px 5px 0 var(--ink)}.metric-card>span{font:600 12px "Space Grotesk";text-transform:uppercase;letter-spacing:.05em}.metric-card strong{font-size:64px;line-height:1;margin:auto 0}.metric-card small{color:var(--muted)}.metric-card.metric-dark{background:var(--ink);color:white}.metric-dark small{color:#cfc6ca}.metric-card.metric-red{background:var(--red);color:white}.metric-red small{color:#ffe4df}.metric-card .word-value{font-size:38px}
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:54px}.panel{background:white;border:1.5px solid var(--ink);border-radius:22px;padding:30px;box-shadow:5px 5px 0 var(--ink)}.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panel-kicker,.sample{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--red);font-weight:700}.panel h3{font-size:26px;margin-top:5px}.sample{color:var(--muted);border:1px solid;padding:5px 9px;border-radius:20px}.donut-layout{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:25px;margin-top:25px}.donut{width:180px;aspect-ratio:1;border-radius:50%;background:var(--segments);display:grid;place-items:center;transform:rotate(-90deg);transition:transform 1s}.donut>div{width:112px;aspect-ratio:1;background:white;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(90deg)}.donut strong{font-size:38px;line-height:.9}.donut span{font-size:10px;text-transform:uppercase;color:var(--muted)}.legend{list-style:none;padding:0;margin:0;display:grid;gap:14px}.legend li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;font-size:13px}.legend i{width:10px;height:10px;background:var(--c);border:1px solid;border-radius:2px}.legend b{font-family:"Space Grotesk"}.stacked{display:flex;height:64px;border:1.5px solid;border-radius:14px;overflow:hidden;margin:45px 0 16px}.stacked span{width:var(--w);display:flex;align-items:center;justify-content:center;border-right:1.5px solid;transform:scaleX(0);transform-origin:left;transition:transform .8s}.stacked.animated span{transform:scaleX(1)}.stacked span:last-child{border:0}.s-very{background:var(--red);color:white}.s-prob{background:var(--pink)}.s-low{background:var(--lav)}.stack-labels{display:flex;gap:18px;flex-wrap:wrap;font-size:11px}.stack-labels span{display:flex;align-items:center;gap:5px}.stack-labels i{width:8px;height:8px;border:1px solid;border-radius:50%}.very{background:var(--red)}.prob{background:var(--pink)}.low{background:var(--lav)}blockquote{margin:32px 0 0;padding:17px 18px;border-left:4px solid var(--red);background:var(--cream);font-size:14px;color:var(--muted)}
.evidence-strip{margin-top:42px;display:flex;align-items:center;gap:18px;overflow:hidden;padding:18px 0;border-top:1.5px solid;border-bottom:1.5px solid;white-space:nowrap}.evidence-strip>span{font:700 11px "Space Grotesk";text-transform:uppercase;color:var(--red)}.evidence-strip p{font:600 15px "Space Grotesk"}.evidence-strip i{width:6px;height:6px;background:var(--pink);border:1px solid;transform:rotate(45deg);flex:none}
.survey-section{background:var(--pink);overflow:hidden}.survey-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.survey-progress{background:var(--ink);color:white;border-radius:22px;padding:32px;position:relative;overflow:hidden;min-height:330px}.survey-progress .big{font:700 84px/1 "Space Grotesk";letter-spacing:-.06em;color:var(--pink)}.survey-progress .big span{font-size:25px;color:white}.survey-progress h3{font-size:27px;margin:20px 0 10px}.survey-progress p{color:#cfc6ca;line-height:1.5}.progress-track{height:12px;border:1px solid white;border-radius:20px;margin-top:30px;overflow:hidden}.progress-track i{display:block;width:100%;height:100%;background:var(--red)}.survey-list{display:grid;gap:10px}.question{border:1.5px solid;border-radius:14px;background:var(--cream);overflow:hidden}.question button{width:100%;border:0;background:transparent;padding:16px 18px;text-align:left;display:grid;grid-template-columns:32px 1fr 20px;gap:10px;cursor:pointer;font-weight:600}.question button span:first-child{font:700 12px "Space Grotesk";color:var(--red)}.question button i{font-style:normal;font-size:20px;transition:.2s}.question p{display:none;padding:0 18px 16px 60px;color:var(--muted);font-size:13px}.question.open p{display:block}.question.open button i{transform:rotate(45deg)}.pending-questions{margin-top:28px;border:1.5px dashed;border-radius:20px;padding:25px;background:rgba(255,251,246,.45)}.pending-questions h3{font-size:22px}.pending-questions ol{margin:14px 0 0;padding-left:20px;display:grid;gap:7px}.pending-pill{display:inline-block;background:var(--red);color:white;font:700 10px "Space Grotesk";text-transform:uppercase;letter-spacing:.08em;padding:5px 9px;border-radius:20px;margin-bottom:10px}
.voice{background:var(--ink);color:white}.voice-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.panel-on-dark{color:var(--ink)}.rank-row{display:grid;grid-template-columns:minmax(130px,1fr) 2fr 34px;gap:12px;align-items:center;margin:13px 0}.rank-row span{font-size:12px;line-height:1.15}.rank-track{height:16px;background:var(--lav);border-radius:20px;overflow:hidden;border:1px solid var(--ink)}.rank-track i{display:block;height:100%;width:0;background:var(--red);transition:width .8s cubic-bezier(.16,1,.3,1)}.rank-row b{font-size:13px;text-align:right}.kano-stack{display:grid;gap:14px}.kano-card{border:1.5px solid var(--ink);border-radius:18px;padding:24px;color:var(--ink);min-height:160px;transition:.2s}.kano-card:hover{transform:translateX(-5px);box-shadow:6px 6px 0 white}.kano-card>span{font:700 10px "Space Grotesk";text-transform:uppercase;letter-spacing:.08em}.kano-card h3{font-size:22px;margin:12px 0 8px}.kano-card p{font-size:13px;line-height:1.45;color:#51484d}.kano-card b{display:block;font-size:11px;margin-top:14px}.kano-card.basic{background:var(--pink)}.kano-card.performance{background:var(--red);color:white}.kano-card.performance p{color:#ffe9e5}.kano-card.delight{background:var(--lav)}.method-note{display:grid;grid-template-columns:230px 1fr;gap:20px;margin-top:38px;padding:24px;border:1px solid #554e51;border-radius:16px}.method-note strong{color:var(--pink)}.method-note p{font-size:13px;color:#cfc6ca;line-height:1.5}
.qfd-section{background:var(--lav)}.qfd-key{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:25px}.qfd-key span{display:flex;align-items:center;gap:7px;font-size:12px}.qfd-key i{width:26px;height:26px;border:1px solid;border-radius:7px;display:grid;place-items:center;font-style:normal;font:700 12px "Space Grotesk"}.rel-9{background:var(--red);color:white}.rel-3{background:var(--pink)}.rel-1{background:var(--cream)}.rel-0{background:transparent}.roof-wrap{width:min(720px,calc(100% - 200px));margin:0 0 -2px auto;position:relative}.roof-wrap svg{display:block;width:100%;height:auto}.roof-title{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;z-index:2}.roof-title span{display:block;font:700 13px "Space Grotesk"}.roof-title small{font-size:10px;color:var(--muted)}.swipe-hint{display:none;align-items:center;justify-content:space-between;font:700 11px "Space Grotesk";text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.swipe-hint i{font-style:normal;font-size:20px;animation:swipe 1.4s infinite}.qfd-scroll{overflow:auto;border:2px solid var(--ink);border-radius:18px;background:white;box-shadow:7px 7px 0 var(--ink)}.qfd-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1260px;font-size:11px}.qfd-table th,.qfd-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;height:46px;min-width:70px}.qfd-table thead th{background:var(--ink);color:white;font:600 10px/1.2 "Space Grotesk";padding:10px 7px;vertical-align:bottom;height:112px}.qfd-table .corner{position:sticky;left:0;z-index:4;min-width:225px;text-align:left;padding:18px;font-size:12px}.qfd-table tbody th{position:sticky;left:0;z-index:3;background:var(--cream);text-align:left;padding:10px 12px;min-width:225px;font:600 11px/1.2 "Space Grotesk"}.qfd-table tbody th small{float:right;color:var(--red);font-size:12px}.qfd-table .rel{font:700 12px "Space Grotesk";cursor:crosshair;transition:.12s}.qfd-table .rel[data-v="9"]{background:var(--red);color:white}.qfd-table .rel[data-v="3"]{background:var(--pink)}.qfd-table .rel[data-v="1"]{background:#fff7ef}.qfd-table .highlight{outline:3px solid var(--ink);outline-offset:-3px;position:relative;z-index:2}.qfd-table .benchmark-col{background:var(--purple);min-width:82px}.qfd-table .benchmark-col.pending{background:#62595d}.qfd-table .benchmark-score{font:700 13px "Space Grotesk";background:var(--lav)}.qfd-table .benchmark-score.pending{font-size:10px;color:var(--muted);background:#eee}.qfd-table .benchmark-score.target{background:#ffe45e}.qfd-table tfoot th,.qfd-table tfoot td{background:#ffe45e;font:700 12px "Space Grotesk";padding:10px;position:sticky;bottom:0}.qfd-table tfoot th{left:0;z-index:4;text-align:left}.qfd-caption{font-size:11px;color:var(--muted);margin-top:15px;text-align:center}
.priority-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}.tech-bars{display:grid;gap:12px}.tech-row{display:grid;grid-template-columns:26px minmax(145px,1fr) 2fr 50px;gap:10px;align-items:center}.tech-row>i{font:700 11px "Space Grotesk";font-style:normal;color:var(--red)}.tech-row span{font-size:12px;line-height:1.15}.tech-track{height:18px;border:1px solid;background:var(--lav);border-radius:20px;overflow:hidden}.tech-track b{display:block;height:100%;width:0;background:var(--red);transition:1s cubic-bezier(.16,1,.3,1)}.tech-row>strong{text-align:right;font-size:12px}.top-priority{border:1.5px solid;border-radius:22px;background:var(--pink);box-shadow:6px 6px 0 var(--ink);padding:30px;position:relative;overflow:hidden;min-height:390px;display:flex;flex-direction:column;justify-content:flex-end}.big-rank{position:absolute;left:22px;top:10px;font:700 110px/1 "Space Grotesk";color:rgba(17,17,17,.09)}.top-priority h3{font-size:34px;margin:9px 0}.top-priority strong{font-size:55px;color:var(--red)}.top-priority p:last-child{font-size:14px;line-height:1.5;max-width:330px}.pulse-ring{position:absolute;right:-75px;top:-65px;width:220px;height:220px}.pulse-ring i{position:absolute;inset:0;border:1.5px solid;border-radius:50%;animation:pulse 2.5s infinite}.pulse-ring i:nth-child(2){inset:30px;animation-delay:.3s}.pulse-ring i:nth-child(3){inset:60px;animation-delay:.6s}.benchmark-head{margin:85px 0 24px}.benchmark-head h3{font-size:36px;margin-top:8px}.benchmark{min-height:370px}.bench-legend{display:flex;gap:20px;justify-content:flex-end;font-size:11px;margin-bottom:26px}.bench-legend span{display:flex;align-items:center;gap:6px}.bench-legend i{width:14px;height:5px;background:var(--c)}.bench-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;height:265px;align-items:end}.bench-item{height:100%;display:grid;grid-template-rows:1fr auto;gap:10px}.bench-bars{display:flex;gap:7px;align-items:flex-end;height:100%;justify-content:center;border-bottom:1px solid}.bench-bar{width:35%;height:calc(var(--v) * 10%);background:var(--c);border:1px solid;border-radius:7px 7px 0 0;position:relative;transform:scaleY(0);transform-origin:bottom;transition:.9s}.benchmark.animated .bench-bar{transform:scaleY(1)}.bench-bar b{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:10px}.bench-item>span{text-align:center;font-size:10px;line-height:1.15}.benchmark-note{font-size:12px;line-height:1.5;color:var(--muted);max-width:900px;margin:18px auto 0;text-align:center}
.action{background:var(--red);color:white;overflow:hidden}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid white;border-radius:22px;overflow:hidden}.roadmap article{min-height:320px;padding:26px;border-right:1px solid rgba(255,255,255,.4);position:relative;transition:.3s}.roadmap article:last-child{border:0}.roadmap article:hover{background:var(--pink);color:var(--ink)}.roadmap article>span{font:700 13px "Space Grotesk"}.roadmap small{display:block;margin:54px 0 8px;color:#ffd7d0}.roadmap article:hover small{color:var(--red)}.roadmap h3{font-size:26px}.roadmap p{font-size:13px;line-height:1.5;margin:13px 0 20px;color:#ffe0da}.roadmap article:hover p{color:var(--muted)}.roadmap b{font:700 12px "Space Grotesk";border:1px solid;padding:6px 9px;border-radius:20px}.closing{margin:120px 0 100px;background:var(--pink);color:var(--ink);border:2px solid;border-radius:28px;padding:55px;display:grid;grid-template-columns:1fr 240px;align-items:center;box-shadow:9px 9px 0 var(--ink)}.closing h2{font-size:clamp(38px,5vw,68px);line-height:.98;margin-top:12px;max-width:850px}.closing-gear{width:220px;color:var(--red)}footer{display:flex;justify-content:space-between;gap:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.5)}footer strong{font-size:20px}footer>div>p{font-size:11px;margin-top:5px}.sources{max-width:520px}.sources span{font:700 10px "Space Grotesk";text-transform:uppercase}.sources p{font-size:11px;line-height:1.4;margin-top:5px;color:#ffe1dc}
.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(24px);transition:.6s cubic-bezier(.16,1,.3,1)}.reveal-stagger.in>*{opacity:1;transform:none}.reveal-stagger.in>*:nth-child(2){transition-delay:.09s}.reveal-stagger.in>*:nth-child(3){transition-delay:.18s}.reveal-stagger.in>*:nth-child(4){transition-delay:.27s}
@keyframes titleIn{from{transform:translateY(110%) rotate(1.5deg)}to{transform:none}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes scrollLine{0%,100%{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}@keyframes pulse{50%{transform:scale(1.08);opacity:.35}}@keyframes swipe{50%{transform:translateX(8px)}}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.survey-grid,.voice-layout,.priority-layout{grid-template-columns:1fr}.chart-grid{grid-template-columns:1fr}.roadmap{grid-template-columns:1fr 1fr}.roadmap article:nth-child(2){border-right:0}.roadmap article{border-bottom:1px solid rgba(255,255,255,.4)}.closing{grid-template-columns:1fr 150px}.closing-gear{width:150px}.roof-wrap{width:calc(100% - 180px)}}
@media(max-width:650px){.wrap,.wide-wrap{width:min(100% - 28px,var(--max))}.topbar{padding:10px 12px}.brand-course{display:none}.round-action{width:38px;height:38px}.back-link{font-size:0;width:38px;height:38px;padding:0;display:grid;place-items:center}.back-link::before{content:"←";font-size:18px}.chapter-dots{display:none}.hero{padding:100px 18px 76px;min-height:92svh}.title-line>span{font-size:clamp(59px,20vw,98px);line-height:.82}.hero-bottom{align-items:flex-start;flex-direction:column}.hero-stamp{align-self:flex-end}.hero-gear{width:90vw;right:-40vw}.orbit-two{display:none}.section{padding:80px 0}.section-head{display:block;margin-bottom:34px}.section-intro{margin-top:22px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:165px;padding:18px;box-shadow:3px 3px 0}.metric-card strong{font-size:48px}.metric-card .word-value{font-size:27px}.chart-grid{margin-top:35px}.panel{padding:22px;box-shadow:4px 4px 0}.donut-layout{grid-template-columns:130px 1fr;gap:15px}.donut{width:125px}.donut>div{width:76px}.donut strong{font-size:29px}.legend li{font-size:11px}.evidence-strip{overflow-x:auto}.survey-progress{min-height:280px}.question button{grid-template-columns:27px 1fr 18px;padding:14px}.question p{padding-left:51px}.rank-row{grid-template-columns:110px 1fr 28px;gap:7px}.method-note{grid-template-columns:1fr}.roof-wrap{width:88%;margin:0 auto -2px}.roof-title{top:45%}.swipe-hint{display:flex}.qfd-scroll{border-radius:13px;box-shadow:4px 4px 0}.qfd-table{min-width:940px}.qfd-table .corner,.qfd-table tbody th{min-width:175px}.tech-row{grid-template-columns:22px 110px 1fr 42px}.benchmark{overflow-x:auto}.bench-grid{min-width:650px}.roadmap{grid-template-columns:1fr}.roadmap article{min-height:250px;border-right:0}.closing{margin:80px 0 70px;padding:30px 24px;grid-template-columns:1fr}.closing-gear{width:110px;justify-self:end;margin-top:-15px}footer{display:block}.sources{margin-top:25px}.section-head h2{font-size:41px}.benchmark-head h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}.stacked span,.bench-bar{transform:none!important}}
@media print{.topbar,.chapter-dots,.progress,.scroll-cue,.ticker,.swipe-hint{display:none!important}body{background:white}.hero,.section{min-height:auto;break-after:page;padding:42px 30px}.hero{height:100vh}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}.qfd-scroll{overflow:visible;box-shadow:none}.qfd-table{min-width:0;font-size:7px}.qfd-table .corner,.qfd-table tbody th{min-width:130px}.qfd-table th,.qfd-table td{min-width:45px}.roadmap article{min-height:260px}.closing{margin:50px 0}.chapter{break-inside:avoid}}
.qfd-table{min-width:1450px}.competitor-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.competitor-cards a{border:1.5px solid var(--ink);border-radius:18px;padding:24px;background:var(--lav);transition:.2s;min-height:210px;display:flex;flex-direction:column}.competitor-cards a:hover{transform:translateY(-5px);box-shadow:6px 6px 0 var(--ink);background:var(--pink)}.competitor-cards span{font:700 11px "Space Grotesk";color:var(--red)}.competitor-cards h3{font-size:24px;margin:24px 0 9px}.competitor-cards p{font-size:12px;line-height:1.45;color:var(--muted)}.competitor-cards b{font:700 11px "Space Grotesk";margin-top:auto;padding-top:18px}.bench-bars{gap:4px}.bench-bar{width:21%}
@media(max-width:700px){.competitor-cards{grid-template-columns:1fr}.competitor-cards a{min-height:180px}.qfd-table{min-width:1450px}}
@media print{.qfd-table{min-width:0}.competitor-cards{grid-template-columns:repeat(3,1fr)}}
.qfd-table{min-width:1610px}.qfd-table .benchmark-col.calc{background:#4f4654}.qfd-table .benchmark-score.calc{background:#f6f0f8;font-size:11px}
@media(max-width:700px){.qfd-table{min-width:1610px}}
@media print{.qfd-table{min-width:0}}
.hero-gear{color:rgba(255,78,58,.78);filter:drop-shadow(0 18px 28px rgba(255,78,58,.18))}.metric-grid.in .metric-card{animation:metricPop .75s cubic-bezier(.16,1,.3,1) both,cardDrift 5.5s 1s ease-in-out infinite}.metric-grid.in .metric-card:nth-child(2){animation-delay:.08s,1.35s}.metric-grid.in .metric-card:nth-child(3){animation-delay:.16s,1.7s}.metric-grid.in .metric-card:nth-child(4){animation-delay:.24s,2.05s}.panel.in{animation:panelLift .8s cubic-bezier(.16,1,.3,1) both}.panel.in .donut{animation:donutBuild 1.15s cubic-bezier(.16,1,.3,1) both}.panel.in .donut>div{animation:donutCounter 1.15s cubic-bezier(.16,1,.3,1) both}.chart-grid .panel:hover{transform:translateY(-7px) rotate(-.35deg);box-shadow:10px 12px 0 var(--ink);transition:transform .25s,box-shadow .25s}.chart-grid .panel:nth-child(2):hover{transform:translateY(-7px) rotate(.35deg)}.stacked.animated{animation:chartPulse .7s .75s ease both}.rank-chart.in,.tech-bars.in{animation:chartBreathe 4.8s 1.2s ease-in-out infinite}.benchmark.animated .bench-bar:nth-child(2){transition-delay:.08s}.benchmark.animated .bench-bar:nth-child(3){transition-delay:.16s}.benchmark.animated .bench-bar:nth-child(4){transition-delay:.24s}
@keyframes metricPop{0%{opacity:0;transform:translateY(34px) scale(.92) rotate(-1.2deg)}70%{opacity:1;transform:translateY(-5px) scale(1.015)}100%{opacity:1;transform:none}}@keyframes cardDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes panelLift{from{opacity:0;transform:translateY(38px) scale(.97)}to{opacity:1;transform:none}}@keyframes donutBuild{from{transform:rotate(-210deg) scale(.3);opacity:0}to{transform:rotate(-90deg) scale(1);opacity:1}}@keyframes donutCounter{from{transform:rotate(210deg)}to{transform:rotate(90deg)}}@keyframes chartPulse{0%{transform:scale(.97)}65%{transform:scale(1.015)}100%{transform:scale(1)}}@keyframes chartBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.metric-grid.in .metric-card,.panel.in,.panel.in .donut,.panel.in .donut>div,.stacked.animated,.rank-chart.in,.tech-bars.in{animation:none!important}}