/* Shifts Primed homepage. Layout: rounded navy hero and casebook panels on a cool cream page, one teal band between.
   Motion rule: the invoice check is the one big moment; everything else is a small settle. */
:root{--navy:#102538;--deep:#0a1928;--teal:#087d76;--teal-bright:#5cd1c3;--mint:#e4f3ee;--gold:#edbd6d;--gold-deep:#705013;--cream:#f7faf9;--ink:#183044;--muted:#526777;--border:#dbe8e7;--white:#fff;--good:#e2f8ed;--good-ink:#176949;--warn:#fff1df;--warn-ink:#7a5212;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);--display:Manrope,"Segoe UI",system-ui,sans-serif;--body:"DM Sans","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);overflow-x:clip}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance}p{line-height:1.65}[hidden]{display:none!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b77d1a;outline-offset:4px;border-radius:6px}main:focus{outline:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.container{width:min(1160px,calc(100% - 42px));margin-inline:auto}
.skip{position:fixed;left:12px;top:-80px;z-index:60;padding:12px;background:var(--white)}.skip:focus{top:12px}
.preview{background:#f2c56f;color:#182b36;text-align:center;padding:8px 15px;font-size:12px;font-weight:700;letter-spacing:.09em}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:50;pointer-events:none}.scroll-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));transform:scaleX(var(--p,0));transform-origin:left}

/* header */
.site-head{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--cream) 88%,transparent);backdrop-filter:blur(12px);transition:box-shadow .3s}.site-head.stuck{box-shadow:0 1px 0 var(--border),0 10px 24px #10253810}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px;transition:padding .3s var(--ease)}.stuck .nav{padding-block:6px}
.brand-logo{display:block;width:204px;height:auto;transition:width .3s var(--ease)}.stuck .brand-logo{width:150px}.brand-text{font:800 19px var(--display);letter-spacing:-.03em;color:var(--navy)}
.navlinks{position:relative;display:flex;gap:6px;font-size:14px;font-weight:700}.navlinks a{position:relative;z-index:1;padding:9px 13px;border-radius:99px;transition:color .2s}.navlinks a:hover{color:var(--teal)}.navlinks a.active{color:var(--teal)}
.nav-ind{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--mint);border-radius:99px;opacity:0;transition:transform .35s var(--ease),width .35s var(--ease),opacity .2s}
.nav-right{display:flex;align-items:center;gap:10px}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:99px;padding:14px 23px;font-weight:700;font-size:14px;border:0;transition:transform .22s var(--ease),box-shadow .22s,background-color .2s}.navcta{background:var(--navy);color:var(--white);padding:11px 20px}
.btn:hover,.navcta:hover{transform:translateY(-2px);box-shadow:0 12px 22px #10253826}.btn:active,.navcta:active{transform:translateY(0) scale(.98)}
.arrow{display:inline-block;transition:transform .25s var(--ease)}a:hover>.arrow,a:hover .more .arrow{transform:translateX(4px)}a:hover>.arrow.ext{transform:translate(3px,-3px)}a:hover>.arrow.down{transform:translateY(3px)}
.btn.primary{background:var(--gold);color:#192b36}.btn.secondary{border:1px solid #7a9aa5;color:var(--white);background:#ffffff12}.btn.secondary:hover{background:#ffffff24}.btn.teal{background:var(--teal);color:var(--white)}
.menu-btn{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--white);position:relative;padding:0}.menu-btn i{position:absolute;left:12px;right:12px;height:2px;background:var(--navy);border-radius:2px;transition:transform .25s var(--ease),top .25s var(--ease);top:16px}.menu-btn i+i{top:24px}.menu-btn[aria-expanded=true] i{top:20px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] i+i{transform:rotate(-45deg)}

/* hero */
.hero{background:radial-gradient(ellipse at 80% 30%,#245565 0%,transparent 47%),linear-gradient(120deg,#0b1c2a,#153c49);color:var(--white);border-radius:30px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:20px;padding:64px 66px;margin-top:6px}
.hero-rings{position:absolute;width:480px;height:480px;border:1px solid #ffffff13;border-radius:50%;right:-90px;top:60px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03;translate:0 calc(var(--sy,0)*60px)}
.hero-content{position:relative;z-index:1;align-self:center;min-width:0}
.audience{font-size:15px;line-height:1.6;font-weight:700;color:#e9c67d;border-left:3px solid var(--gold);padding-left:13px;max-width:500px;margin-bottom:22px}
.hero h1{font-size:clamp(38px,4.3vw,62px);line-height:1.1;margin-bottom:22px}.hero h1 .accent{color:var(--gold)}
.hero-lede{color:#c3d6db;max-width:500px;font-size:17px;margin-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.micro{font-size:12px;color:#aac4ca;margin-top:22px;display:flex;gap:18px;flex-wrap:wrap}.micro span:before{content:'✓';color:var(--teal-bright);margin-right:6px}
.invoice-scene{display:grid;place-items:center;position:relative;min-height:400px;perspective:1100px;min-width:0}
.tilt{position:relative;width:min(340px,90%);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease)}
.invoice{background:var(--white);color:var(--ink);border-radius:18px;border:1px solid #d4ebea;box-shadow:0 30px 85px #0007;padding:27px;position:relative;overflow:hidden;rotate:5deg}
.invoice-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.mini-logo{font-size:12px;font-weight:800;color:var(--navy)}.status{background:#e4faf1;color:#167c68;font-size:10px;padding:7px 10px;border-radius:30px;font-weight:700;white-space:nowrap}
.invoice h3{font-size:24px;margin:25px 0 9px}.line{height:8px;border-radius:20px;background:#edf3f4;margin:10px 0;transform-origin:left}.line.short{width:52%}.line.medium{width:77%}
.checkrow{margin-top:18px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.tick{width:24px;height:24px;flex:none;background:#dff8ef;border-radius:50%;display:grid;place-items:center}.tick svg{width:16px;height:16px;fill:none;stroke:#148a78;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24}
.scanline{position:absolute;left:0;right:0;top:0;height:64px;background:linear-gradient(180deg,transparent,#5cd1c340);border-bottom:2px solid #5cd1c3aa;opacity:0;pointer-events:none}
.floatnote{position:absolute;z-index:2;background:var(--white);border-radius:14px;color:var(--ink);padding:12px 16px;font-size:13px;font-weight:700;box-shadow:0 15px 40px #0003;white-space:nowrap}.floatnote.one{right:-34px;top:-22px;rotate:-5deg}.floatnote.two{left:-38px;bottom:-16px;color:#147a6f}
.spark{position:absolute;width:10px;height:10px;background:var(--gold);border-radius:3px;rotate:22deg;opacity:.9}.s1{right:-30px;bottom:50px}.s2{left:-22px;top:60px;width:7px;height:7px;background:var(--teal-bright)}.s3{right:30px;bottom:-34px;width:6px;height:6px}

/* the one big moment: the invoice gets checked */
@keyframes sweep{0%{opacity:0;transform:translateY(-70px)}10%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(340px)}}
@keyframes tick-pop{0%{transform:scale(.4);background:#edf3f4}60%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes tick-draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes row-in{from{opacity:.35}to{opacity:1}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes note-in{0%{opacity:0;transform:translateY(12px) scale(.85)}100%{opacity:1;transform:none}}
@keyframes status-glow{0%,100%{box-shadow:0 0 0 0 #5cd1c300}40%{box-shadow:0 0 0 7px #5cd1c340}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes twinkle{50%{opacity:.25;scale:.55}}
.motion-on .run .scanline{animation:sweep 2.6s .2s ease-in-out both}.motion-on .run .line{animation:grow .6s var(--ease) both}.motion-on .run .line.short{animation-delay:.12s}
.motion-on .run .checkrow{animation:row-in .4s both}.motion-on .run .c1{animation-delay:.8s}.motion-on .run .c2{animation-delay:1.4s}.motion-on .run .c3{animation-delay:2s}
.motion-on .run .tick{animation:tick-pop .5s var(--spring) both}.motion-on .run .tick svg{animation:tick-draw .35s .15s ease-out both}
.motion-on .run .c1 .tick,.motion-on .run .c1 svg{animation-delay:.8s}.motion-on .run .c2 .tick,.motion-on .run .c2 svg{animation-delay:1.4s}.motion-on .run .c3 .tick,.motion-on .run .c3 svg{animation-delay:2s}
.motion-on .run .floatnote.two{animation:note-in .5s .6s var(--spring) both}.motion-on .run .floatnote.one{animation:note-in .55s 2.7s var(--spring) both}.motion-on .run .status{animation:status-glow 1s 2.7s}
.motion-on .tilt{animation:bob 6s ease-in-out infinite}.motion-on .spark{animation:twinkle 2.6s ease-in-out infinite}.motion-on .s2{animation-delay:-.9s}.motion-on .s3{animation-delay:-1.7s}
.word{display:inline-block}.motion-on .word{animation:word-up .7s var(--ease) both;animation-delay:calc(var(--i)*55ms)}@keyframes word-up{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}
.motion-on .audience,.motion-on .hero-lede,.motion-on .actions,.motion-on .micro{animation:word-up .7s var(--ease) both}.motion-on .hero-lede{animation-delay:.5s}.motion-on .actions{animation-delay:.62s}.motion-on .micro{animation-delay:.74s}

/* sections */
.section{padding:88px 0}.section-head{max-width:760px;margin-bottom:34px}.label{font-size:12px;font-weight:800;color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px;display:block}
.section h2,.feature-copy h2,.official-resources h2{font-size:clamp(30px,3.2vw,45px);line-height:1.18;margin-bottom:14px}.section-intro{color:var(--muted);font-size:16px;margin-bottom:0}
.motion-on .reveal{opacity:.15;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease);transition-delay:calc(var(--d,0)*90ms)}.motion-on .reveal.visible{opacity:1;transform:none}
.helpful-first{padding-bottom:48px}.helpful-first h2{font-size:clamp(34px,4vw,52px);color:#075e59}.helpful-first .label{color:var(--gold-deep);font-size:13px}
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.article{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);background:var(--white);border-radius:18px;padding:28px 26px 20px;overflow:hidden}.motion-on .article.visible{transition:transform .28s var(--ease),box-shadow .28s,opacity .75s var(--ease);transition-delay:0s}
.article:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:var(--gold);transform-origin:left}.motion-on .article:before{transform:scaleX(0);transition:transform .9s var(--ease);transition-delay:calc(var(--d,0)*90ms + .25s)}.motion-on .article.visible:before{transform:none}
.article:hover,.card:hover{box-shadow:0 20px 40px #163c3a18}.article:hover{transform:translateY(-5px)}
.num{font-size:12px;color:var(--teal);font-weight:800;letter-spacing:.04em}.article h3{font-size:23px;line-height:1.25;margin:14px 0;color:var(--navy)}.article p{font-size:14px;color:var(--muted);flex:1}.more{display:inline-flex;gap:6px;align-items:center;min-height:44px;font-size:14px;font-weight:800;color:var(--teal)}
.official-resources{background:var(--mint);border-radius:24px;padding:36px;border-left:6px solid var(--teal)}.official-resources p{max-width:65ch}.official-resources ul{padding:0;margin:22px 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.official-resources li{position:relative;padding-left:18px}.official-resources li:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform-origin:top}.motion-on .official-resources li:before{transform:scaleY(0);transition:transform .8s .35s var(--ease)}.motion-on .official-resources li:nth-child(2):before{transition-delay:.5s}.motion-on .official-resources li:nth-child(3):before{transition-delay:.65s}.motion-on .official-resources.visible li:before{transform:none}
.official-resources li a{color:#075e59;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:block;margin-bottom:8px}.official-resources li span{font-size:14px;line-height:1.6;color:var(--muted)}.official-resources small{color:var(--muted)}
.shop-anchor{margin-bottom:22px}.shop-anchor h3{font-size:22px;margin-bottom:6px}.shop-anchor p{color:var(--muted);margin:0}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:var(--white);border:1px solid var(--border);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.motion-on .card.visible{transition:transform .28s var(--ease),box-shadow .28s,opacity .75s var(--ease);transition-delay:0s}.card:hover{transform:translateY(-6px)}
.card-visual{height:225px;display:grid;place-items:center;position:relative;overflow:hidden}.card-visual.a{background:#e1f4ef}.card-visual.b{background:#fff1df}.card-visual.c{background:#dceaf2}.card-visual:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:#ffffff66;right:-70px;top:-90px;transition:transform .6s var(--ease)}.card:hover .card-visual:after{transform:scale(1.25)}
.book{position:relative;z-index:1;width:155px;height:178px;border-radius:5px 11px 11px 5px;background:linear-gradient(145deg,#174c56,#0f2b42);box-shadow:13px 17px 23px #142f3540;border-left:7px solid #0a3043;rotate:-9deg;display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:var(--white);font:800 16px/1.3 var(--display);transition:rotate .4s var(--spring),scale .4s var(--spring),box-shadow .4s}.card:hover .book,.card:focus-within .book{rotate:-2deg;scale:1.07;box-shadow:20px 24px 30px #142f3550}.book small{font-size:10px;color:#a5dfd7}.book.gold{background:linear-gradient(145deg,#e2ad65,#b67d38);border-left-color:#9f6c30;color:#172d36}.book.gold small{color:#263c40}.ebook-stamp{font-size:14px;border-top:1px solid #6b4a25;padding-top:7px;letter-spacing:.1em}
.card-body{padding:27px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.pill{display:inline-flex;padding:6px 10px;background:#e7f7f2;color:#075f56;font-size:11px;font-weight:800;border-radius:30px;margin-bottom:16px}.free-badge{background:#087466;color:var(--white);font-size:13px;padding:8px 14px;gap:10px;align-items:center}.free-badge strong{font-size:18px;letter-spacing:.05em}.ebook-badge{background:#f7d38b;color:#3b2a10;font-size:13px}
.card h3{font-size:24px;line-height:1.25;font-weight:800;color:var(--navy);margin-bottom:11px}.card p{color:var(--muted);font-size:14px;flex:1}.card-body a{display:inline-flex;gap:6px;min-height:44px;align-items:center;color:#087e75;font-size:16px;font-weight:800}
.product-note{font-size:12px;color:var(--muted);margin:20px 0 8px}.catalogue-link{color:#075e59;text-decoration:underline;text-underline-offset:3px;font-weight:700}

/* checker band */
.feature-band{background:#e6f3f1;padding:85px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature-grid>*{min-width:0}
.feature-illustration{border-radius:27px;background:#143e4d;min-height:400px;padding:40px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.feature-illustration:after{content:'';position:absolute;border:1px solid #ffffff15;width:360px;height:360px;border-radius:50%;right:-80px;top:-60px}
.device{width:min(290px,100%);background:var(--white);padding:20px;border-radius:17px;box-shadow:0 25px 40px #0004;rotate:-4deg;position:relative;z-index:1;transition:rotate .4s var(--spring)}.feature-illustration:hover .device{rotate:0deg}
.device-title{font:800 17px var(--display);margin-bottom:16px}.device .bar{height:8px;border-radius:30px;background:#e0e9ea;margin-bottom:17px;overflow:hidden}.device .bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--teal),var(--teal-bright));border-radius:30px;transform-origin:left}
.device-item{border:1px solid #e6eeee;border-radius:10px;padding:12px;display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;margin:9px 0}.device-item span{color:#0b7f6c;white-space:nowrap}
.device-next{background:#d9f5eb;color:#0b806f;padding:12px;border-radius:10px;margin-top:18px;text-align:center;font-size:12px;font-weight:800}.illustration-label{font-size:12px;color:var(--muted);display:block;margin-top:14px}
.motion-on .device .bar i{transform:scaleX(0);transition:transform 1.8s .3s var(--ease)}.motion-on .visible .device .bar i{transform:none}
.motion-on .device-item span{opacity:0;transform:translateX(8px);transition:opacity .4s,transform .4s var(--spring)}.motion-on .visible .device-item span{opacity:1;transform:none}.motion-on .visible .d1 span{transition-delay:.6s}.motion-on .visible .d2 span{transition-delay:1.1s}.motion-on .visible .d3 span{transition-delay:1.6s}
.motion-on .device-next{opacity:.2;transform:scale(.94);transition:opacity .5s 2.1s,transform .5s 2.1s var(--spring)}.motion-on .visible .device-next{opacity:1;transform:none}
.feature-copy p{color:var(--muted)}.fine{font-size:12px;margin:14px 0 0}.checklist{padding:0;list-style:none;margin:24px 0}.checklist li{margin:12px 0;display:flex;align-items:center;gap:10px}.checklist li:before{content:'✓';display:inline-grid;place-items:center;flex:none;background:#d4f2e6;border-radius:50%;width:23px;height:23px;color:#168773;font-weight:800}
.motion-on .checklist li:before{transform:scale(0);transition:transform .45s var(--spring)}.motion-on .visible .checklist li:before{transform:none}.motion-on .visible .checklist li:nth-child(1):before{transition-delay:.4s}.motion-on .visible .checklist li:nth-child(2):before{transition-delay:.6s}.motion-on .visible .checklist li:nth-child(3):before{transition-delay:.8s}

/* game */
.casebook{background:var(--navy);color:var(--white);border-radius:28px;padding:45px}.casebook h2{color:var(--white)}.detective-intro{display:flow-root}.detective-intro p{color:#c1d9dd;max-width:700px;margin-bottom:8px}.eyebrow{display:block;color:#82e3d2;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:14px}
.clay-host{float:right;width:150px;height:150px;margin:0 0 12px 22px}.clay-sprite{width:100%;height:100%;background-image:url('/assets/clay-detective-poses.webp');background-size:400% 300%;background-repeat:no-repeat;background-position:0% 100%}.clay-sprite[data-row="1"]{clip-path:inset(0 0 5% 0)}
.clay-host.hop{animation:hop .7s var(--spring)}.clay-host.tilted{animation:tilted .7s ease}@keyframes hop{0%,100%{transform:none}40%{transform:translateY(-16px) rotate(-3deg)}}@keyframes tilted{0%,100%{transform:none}30%{transform:rotate(-5deg)}65%{transform:rotate(4deg)}}
.scenario{background:#f2f7f7;color:var(--ink);border-left:3px solid var(--teal);border-radius:12px;padding:16px 22px;margin:22px 0}.scenario summary{font-weight:700;cursor:pointer}.scenario p{font-size:15px;margin:12px 0}
.clay-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 22px;font-size:14px;color:#c1d9dd;clear:both}.clay-controls button{background:transparent;color:var(--white);border:1px solid #83aaa8;border-radius:24px;padding:10px 15px;font-size:12px;min-height:44px}.clay-controls button:disabled{cursor:default;color:#b6c9cc}
.game-panel{background:var(--white);border-radius:20px;padding:28px;color:var(--ink)}.game-panel p{color:var(--muted)}.game-panel h3{font-size:23px}
.round-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:700}.round-bar p{color:var(--navy);margin:0 0 8px}.meter{height:6px;border-radius:9px;background:#e8f1f0;overflow:hidden;margin-bottom:26px}.meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--teal),var(--teal-bright));transform:scaleX(var(--v,0));transform-origin:left;transition:transform .6s var(--ease)}
.round-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.round-layout>*{min-width:0}.motion-on .round-layout,.motion-on .game-complete{animation:word-up .45s var(--ease) both}.motion-on .game-result:not([hidden]){animation:word-up .4s var(--ease) both}
#round-title:focus{outline:0}.shift-brief{font-size:14px;line-height:1.6}.shift-brief strong{display:block;color:var(--navy);margin-bottom:5px}.fiction-label{font-size:10px;letter-spacing:.08em;margin:20px 0 9px}
.practice-invoice{border:1px solid #d8e1e5;border-top:4px solid #c29b48;border-radius:8px;padding:24px;background:var(--white);box-shadow:0 10px 25px #12395808}.invoice-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.invoice-heading small{font-size:10px;color:var(--muted)}
.practice-invoice dl{margin:15px 0 0}.practice-invoice dl>div{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:9px 0;border-bottom:1px solid #edf0f2}.practice-invoice dt{font-size:12px;color:var(--muted)}.practice-invoice dd{margin:0;font-size:14px;overflow-wrap:anywhere}.practice-invoice dl>div:last-child{border:0;font-weight:700}
.practice-invoice dd.hot{justify-self:start;background:linear-gradient(transparent 45%,#f6d68f 45%) no-repeat left/100% 100%;font-weight:700;padding-inline:2px}.motion-on .practice-invoice dd.hot{animation:marker .7s .15s var(--ease) both}@keyframes marker{from{background-size:0 100%}to{background-size:100% 100%}}
.answer-set{border:0;margin:0;padding:0;min-width:0}.answer-set legend{font:800 21px/1.3 var(--display);letter-spacing:-.02em;color:var(--navy);margin:0 0 20px;padding:0}
.answer-option{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #cbd9df;border-radius:10px;background:var(--white);color:#17394c;padding:16px;width:100%;font-size:15px;line-height:1.4;margin-bottom:12px;min-height:62px;transition:transform .18s var(--ease),box-shadow .18s,background-color .25s,border-color .25s}.answer-option:hover{transform:translateX(3px);box-shadow:0 5px 12px #082e4b12;border-color:#36a99a}
.answer-option>span{border-radius:50%;background:#edf5f4;min-width:28px;height:28px;text-align:center;line-height:28px;font-weight:700;color:#075d63;transition:background-color .25s,color .25s}
.answer-option.is-right{background:var(--good);border-color:#2f9c72}.answer-option.is-right>span{background:#167a56;color:var(--white)}.answer-option.is-off{background:var(--warn);border-color:#d9a54e}.answer-option.is-off>span{background:#b77d1a;color:var(--white)}.motion-on .answer-option.is-right{animation:right-pop .45s var(--spring)}.motion-on .answer-option.is-off{animation:nudge .4s ease}@keyframes right-pop{40%{transform:scale(1.025)}}@keyframes nudge{25%{transform:translateX(-5px)}60%{transform:translateX(4px)}}
.answer-set small,.game-caution{font-size:12px;color:var(--muted)}.game-result{background:#f0f5ef;border-radius:10px;padding:25px;margin-top:25px;border-left:4px solid var(--teal)}.game-result p{font-size:15px;margin:12px 0}.game-result .practice-invoice{margin-top:16px}.detective-feedback h3{margin:0}
.game-complete{position:relative;overflow:hidden;background:#edf7f5;border-radius:12px;padding:32px}.game-complete h3{font-size:30px}.game-actions{display:flex;gap:24px;margin:20px 0;align-items:center;flex-wrap:wrap}.game-link{background:none;border:0;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:#075e59;font-size:14px}.game-panel .button{background:var(--teal);color:var(--white);border:0;border-radius:30px;padding:12px 20px;font-weight:700;min-height:44px;transition:transform .2s var(--ease),box-shadow .2s}.game-panel .button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #087d7640}.motion-on .button.nudge{animation:btn-in .5s var(--spring) both}@keyframes btn-in{from{opacity:0;transform:scale(.85)}}
.confetti{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;pointer-events:none;animation:fall var(--t) ease-in forwards;animation-delay:var(--w)}@keyframes fall{to{transform:translateY(300px) rotate(var(--r));opacity:0}}
.pricing-link{margin-top:26px;padding-top:22px;border-top:1px solid #ffffff26;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.pricing-link a{color:#9debdc;text-decoration:underline;text-underline-offset:4px;font-size:15px}.pricing-link small{color:#c1d9dd;font-size:12px}
.footer-cta{position:relative;overflow:hidden;background:linear-gradient(100deg,#113446,#165761,#113446);background-size:220% 100%;border-radius:27px;color:var(--white);padding:57px;text-align:center;margin-bottom:65px}.motion-on .footer-cta{animation:drift 14s ease-in-out infinite alternate}@keyframes drift{to{background-position:100% 0}}.footer-cta .label{color:#76dcca}.footer-cta h2{font-size:clamp(30px,3.4vw,38px);margin-bottom:13px}.footer-cta p{color:#c2d9dc}
footer{border-top:1px solid var(--border);padding:32px 0 76px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}footer a{text-decoration:underline;text-underline-offset:3px}
.motion-toggle{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:14px;z-index:30;border:1px solid var(--border);border-radius:20px;background:var(--white);color:var(--navy);padding:8px 13px;font-size:12px;font-weight:700;box-shadow:0 6px 16px #10253820}.motion-toggle:disabled{display:none}

@media(max-width:980px){.navlinks{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--cream);padding:6px 21px 14px;box-shadow:0 14px 22px #10253818;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .25s var(--ease),visibility .25s}.navlinks.open{visibility:visible;opacity:1;transform:none}.navlinks a{padding:13px 4px;font-size:16px;border-bottom:1px solid var(--border);border-radius:0}.nav-ind{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding:45px}.articles,.feature-grid{grid-template-columns:1fr}.official-resources ul{grid-template-columns:1fr}.casebook{padding:30px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.brand-logo{width:150px}.stuck .brand-logo{width:124px}.hero{border-radius:20px;padding:34px 22px 44px}.hero h1{font-size:clamp(34px,10.5vw,42px)}.hero-lede{font-size:15px}.invoice-scene{min-height:340px}.tilt{width:min(262px,82%)}.invoice{padding:20px}.floatnote{font-size:12px;padding:10px 12px}.floatnote.one{right:-14px}.floatnote.two{left:-14px}.section{padding:60px 0}.actions .btn{width:100%}.cards{grid-template-columns:minmax(0,1fr)}.card-visual{height:205px}.card h3{font-size:22px}.official-resources{padding:27px 20px}.feature-band{padding:60px 0}.feature-grid{gap:36px}.feature-illustration{min-height:300px;padding:24px}.casebook{padding:25px 16px}.casebook h2{font-size:31px}.clay-host{float:none;margin:0 0 14px;width:120px;height:120px}.game-panel{padding:20px 15px}.round-layout{grid-template-columns:minmax(0,1fr)}.practice-invoice{padding:16px}.practice-invoice dl>div{grid-template-columns:85px 1fr;gap:10px}.footer-cta{padding:40px 22px;margin-bottom:40px}footer{flex-direction:column}}
@media(hover:none){.motion-toggle{padding:7px 11px;opacity:.92}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.price{margin:0 0 14px;font-size:16px;color:var(--ink)!important}.price strong{font:800 30px var(--display);letter-spacing:-.03em;color:var(--navy);margin-right:4px}