@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@600;700&display=swap');

:root{--coral:#e86f5f;--blue:#54799e;--lime:#acc98b;--yellow:#f6bf55;--cream:#f8f3e9;--navy:#142e4c;--light-blue:#b8cde0;--pink:#f2aaa0;--paper:#fffdf7;--muted:#607286;--ink:var(--navy);--shadow:7px 8px 0 rgba(20,46,76,.14);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;background-color:var(--cream);background-image:radial-gradient(rgba(16,35,71,.055) .7px,transparent .7px);background-size:7px 7px;overflow-x:hidden}body.modal-lock{overflow:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.icon{flex:none}.section-pad{padding:110px max(24px,calc((100vw - 1180px)/2))}.site-header{height:80px;display:flex;align-items:center;position:relative;z-index:50;border-bottom:2px solid rgba(16,35,71,.1);background:rgba(255,248,232,.92);backdrop-filter:blur(10px)}.nav-wrap{width:min(1180px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:10px;font-family:'Fredoka',sans-serif;font-size:25px;font-weight:700;letter-spacing:-.6px}.logo>span:last-child span{color:var(--coral)}.logo-mark{width:38px;height:31px;border:3px solid var(--navy);border-radius:7px 7px 10px 10px;background:var(--coral);display:block;position:relative;transform:rotate(-3deg);box-shadow:2px 2px 0 var(--navy)}.logo-handle{position:absolute;width:18px;height:9px;border:3px solid var(--navy);border-bottom:0;border-radius:8px 8px 0 0;top:-10px;left:7px}.logo-line{position:absolute;left:0;right:0;top:9px;border-top:3px solid var(--navy)}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}.main-nav>a{position:relative}.main-nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:3px;border-radius:3px;background:var(--coral);transition:right .25s}.main-nav>a:hover:after{right:0}.btn{border:2px solid var(--navy);border-radius:12px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;box-shadow:4px 4px 0 var(--navy);transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--navy)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--navy)}.btn-small{padding:10px 17px}.btn-large{padding:15px 22px;font-size:16px}.btn-coral{background:var(--coral);color:white}.btn-paper{background:var(--paper)}.btn-navy{background:var(--navy);color:white;box-shadow:4px 4px 0 var(--blue)}.menu-button{display:none;border:0;background:none;padding:8px;cursor:pointer}.hero{min-height:720px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:55px;padding-top:75px;padding-bottom:95px}.eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--yellow);border:2px solid var(--navy);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;letter-spacing:1.2px;box-shadow:3px 3px 0 var(--navy);transform:rotate(-1deg)}h1,h2,h3{font-family:'Fredoka',sans-serif;margin:0}h1{font-size:clamp(48px,5.2vw,76px);line-height:.99;letter-spacing:-2.8px;margin-top:25px}.headline-accent{color:var(--coral);position:relative;display:inline-block}.headline-accent:after{content:"";position:absolute;left:1%;right:0;bottom:-11px;height:13px;background:url("data:image/svg+xml,%3Csvg width='600' height='15' viewBox='0 0 600 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9C160 2 420 4 597 7' stroke='%23FFD84A' stroke-width='9' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;z-index:-1}.hero-lede{font-size:19px;line-height:1.6;max-width:570px;margin:31px 0 28px;color:#41516e}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.trust{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-top:24px;color:#5a6680}.trust span{display:grid;place-items:center;background:var(--lime);color:var(--navy);width:22px;height:22px;border:1.5px solid var(--navy);border-radius:50%}.trust b{color:var(--coral)}.lunchbox-scene{height:570px;position:relative;max-width:610px;margin-left:auto}.lunchbox-lid{position:absolute;left:10%;top:39px;width:80%;height:220px;background:var(--light-blue);border:4px solid var(--navy);border-radius:40px 40px 26px 26px;box-shadow:9px 11px 0 rgba(16,35,71,.15);transform:rotate(1.5deg)}.lunchbox-lid:after{content:"";position:absolute;inset:15px;border:2px dashed rgba(16,35,71,.35);border-radius:28px}.lid-handle{position:absolute;width:130px;height:45px;border:4px solid var(--navy);border-bottom:0;border-radius:30px 30px 0 0;top:-48px;left:50%;transform:translateX(-50%);background:var(--yellow)}.lid-note{position:absolute;z-index:2;width:245px;background:var(--paper);padding:25px 27px 20px;left:50%;top:35px;transform:translateX(-50%) rotate(-2.5deg);font-size:18px;line-height:1.45;font-family:'Fredoka',sans-serif;text-align:center;box-shadow:4px 5px 0 rgba(16,35,71,.13)}.tape{position:absolute;display:block;background:rgba(255,216,74,.78);width:72px;height:21px}.tape-top{top:-10px;left:87px;transform:rotate(3deg)}.lunchbox-base{position:absolute;left:4%;top:246px;width:92%;height:275px;background:var(--coral);border:4px solid var(--navy);border-radius:25px 25px 50px 50px;box-shadow:11px 13px 0 rgba(16,35,71,.16);padding:20px}.lunchbox-base:before{content:"";position:absolute;inset:10px;border:2px solid rgba(255,255,255,.35);border-radius:17px 17px 39px 39px;pointer-events:none}.compartment-grid{height:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}.compartment{position:relative;border:3px solid var(--navy);border-radius:16px;padding:17px 16px 13px;background:var(--paper);box-shadow:3px 4px 0 rgba(16,35,71,.25);transition:transform .25s,box-shadow .25s;z-index:2}.compartment:hover,.compartment:focus-visible{transform:translateY(-6px) rotate(-1deg);box-shadow:5px 9px 0 rgba(16,35,71,.2);outline:none}.compartment.item-1{grid-row:span 2}.compartment.item-3{background:var(--lime)}.compartment.item-2{background:#e8f1ff}.compartment-icon{width:35px;height:35px;border:2px solid var(--navy);display:grid;place-items:center;border-radius:9px;background:var(--yellow);margin-bottom:10px}.compartment.item-2 .compartment-icon{background:var(--blue);color:white}.compartment.item-3 .compartment-icon{background:var(--paper)}.compartment h3{font-size:20px;margin-bottom:5px}.compartment p{font-size:12px;line-height:1.38;margin:0}.box-latch{position:absolute;width:48px;height:19px;border:3px solid var(--navy);background:var(--yellow);border-radius:4px;bottom:-11px;left:50%;transform:translateX(-50%)}.reject-sticker{position:absolute;z-index:5;background:var(--paper);border:2px solid var(--navy);border-radius:999px;padding:8px 12px 8px 8px;font-size:11px;font-weight:800;box-shadow:3px 3px 0 var(--navy);white-space:nowrap;transition:transform .2s}.reject-sticker span{display:inline-grid;place-items:center;width:18px;height:18px;background:var(--pink);border:1.5px solid var(--navy);border-radius:50%;margin-right:6px}.reject-1{left:-2%;top:180px;transform:rotate(-9deg)}.reject-2{right:-1%;top:205px;transform:rotate(8deg)}.reject-3{left:1%;bottom:4px;transform:rotate(7deg)}.reject-4{right:3%;bottom:2px;transform:rotate(-6deg);background:var(--yellow)}.reject-sticker:hover{transform:rotate(0) scale(1.05)}.doodle-star{position:absolute;right:2%;top:24px;font-size:42px;color:var(--coral);transform:rotate(12deg)}.is-packing .compartment.item-1{animation:pack-one .8s ease both}.is-packing .compartment.item-2{animation:pack-two .8s .12s ease both}.is-packing .compartment.item-3{animation:pack-three .8s .24s ease both}@keyframes pack-one{0%{transform:translate(-100px,-180px) rotate(-12deg);opacity:0}70%{transform:translate(5px,3px) rotate(2deg)}100%{transform:none;opacity:1}}@keyframes pack-two{0%{transform:translate(100px,-190px) rotate(13deg);opacity:0}70%{transform:translate(-3px,2px) rotate(-2deg)}100%{transform:none;opacity:1}}@keyframes pack-three{0%{transform:translate(140px,120px) rotate(12deg);opacity:0}70%{transform:translate(-3px,-2px) rotate(2deg)}100%{transform:none;opacity:1}}.process-wrap{padding:0 max(24px,calc((100vw - 1180px)/2));position:relative;z-index:4}.process-strip{background:var(--navy);color:white;min-height:104px;padding:20px 37px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow);transform:rotate(-.45deg);position:relative}.process-strip:before,.process-strip:after{content:"";position:absolute;width:75px;height:25px;background:rgba(255,216,74,.75);top:-12px}.process-strip:before{left:7%;transform:rotate(-6deg)}.process-strip:after{right:7%;transform:rotate(6deg)}.process-item{display:flex;align-items:center;gap:12px;font-size:15px;white-space:nowrap}.process-icon{display:grid;place-items:center;width:42px;height:42px;border:2px solid white;border-radius:50%;font-size:20px;background:var(--blue)}.process-item:nth-child(2) .process-icon{background:var(--coral)}.process-item:nth-child(3) .process-icon{background:#168d74}.process-item:nth-child(4) .process-icon{background:#9362cc}.process-arrow{font-size:28px;margin-left:18px;color:var(--yellow)}.how{padding-top:140px}.section-heading.centered{text-align:center;max-width:800px;margin:0 auto 58px}.scribble-label{display:inline-block;background:var(--lime);padding:6px 11px;font-weight:900;font-size:12px;letter-spacing:1.4px;transform:rotate(-2deg);border-bottom:3px solid var(--navy)}.section-heading h2,.sample h2,.final-cta h2,.team-card h2{font-size:clamp(39px,4.5vw,60px);line-height:1.04;letter-spacing:-1.8px;margin:20px 0}.section-heading h2 span,.sample h2 span{color:var(--blue)}.section-heading p,.sample-copy>p{color:#526078;font-size:18px;line-height:1.6;max-width:680px;margin-left:auto;margin-right:auto}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.step-card{min-height:290px;background:var(--paper);border:2px solid var(--navy);border-radius:15px;padding:27px 23px;box-shadow:5px 6px 0 var(--navy);position:relative;transition:transform .25s,box-shadow .25s}.step-card:nth-child(odd){transform:rotate(-1deg)}.step-card:nth-child(even){transform:rotate(1deg)}.step-card:hover{transform:translateY(-8px) rotate(0);box-shadow:7px 13px 0 var(--navy)}.step-number{position:absolute;right:16px;top:14px;font-family:'Fredoka',sans-serif;color:#b5bdc8;font-size:15px}.step-icon{width:52px;height:52px;border:2px solid var(--navy);border-radius:14px;display:grid;place-items:center;background:var(--yellow);margin:20px 0 25px}.step-card:nth-child(2) .step-icon{background:var(--pink)}.step-card:nth-child(3) .step-icon{background:var(--light-blue)}.step-card:nth-child(4) .step-icon{background:var(--lime)}.step-card h3{font-size:22px;margin-bottom:12px}.step-card p{color:#536078;font-size:14px;line-height:1.6;margin:0}.proof-note{width:max-content;max-width:88%;margin:70px auto 0;background:var(--yellow);padding:23px 35px;box-shadow:5px 6px 0 rgba(16,35,71,.16);transform:rotate(-1deg);position:relative;font-size:15px}.proof-note .tape-left{left:-30px;top:18px;transform:rotate(90deg);background:rgba(168,210,255,.8)}.proof-note>span:last-child{font-size:28px;margin-left:15px}.sample{background:var(--light-blue);border-top:3px solid var(--navy);border-bottom:3px solid var(--navy);position:relative;overflow:hidden}.sample:before{content:"";position:absolute;width:300px;height:300px;border:70px solid rgba(255,255,255,.22);border-radius:50%;right:-120px;top:-160px}.sample-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:center}.eyebrow-blue{background:var(--paper)}.sample-copy>p{margin:0 0 28px}.output-stack{position:relative;padding:20px 0 40px}.output-card{display:flex;gap:20px;align-items:flex-start;background:var(--paper);border:3px solid var(--navy);border-radius:17px;padding:24px 27px;box-shadow:7px 8px 0 var(--navy);position:relative;transition:transform .25s;max-width:640px}.output-card:hover{z-index:4!important;transform:translateX(-10px) rotate(0) scale(1.02)}.output-1{transform:rotate(1.3deg);z-index:3}.output-2{transform:rotate(-1.4deg);margin-top:-3px;margin-left:30px;z-index:2}.output-3{transform:rotate(.8deg);margin-top:-2px;margin-left:10px;background:var(--lime);z-index:1}.output-icon{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--navy);border-radius:50%;background:var(--coral);color:white;flex:none}.output-card.blue .output-icon{background:var(--blue)}.output-card.lime .output-icon{background:var(--yellow);color:var(--navy)}.output-label{font-size:11px;font-weight:900;letter-spacing:1.2px}.output-card h3{font-size:22px;margin:4px 0}.output-card p{margin:0;color:#536078;font-size:14px;line-height:1.5}.not-yet{display:inline-block;background:var(--pink);border:2px solid var(--navy);font-size:11px;font-weight:700;padding:10px 14px;position:absolute;right:0;bottom:0;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--navy)}.not-yet span{font-weight:900}.not-yet b{margin:0 4px}.teams{padding-top:85px;padding-bottom:85px}.team-card{background:var(--paper);border:3px solid var(--navy);box-shadow:9px 10px 0 var(--navy);padding:55px 60px;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;position:relative;overflow:hidden}.team-card:after{content:"";width:180px;height:180px;border-radius:50%;background:var(--pink);position:absolute;right:-70px;bottom:-100px;border:3px solid var(--navy)}.scribble-label.yellow{background:var(--yellow)}.team-card h2{font-size:42px;margin-bottom:0}.team-card>p{font-size:17px;line-height:1.65;color:#536078}.avatar-row{display:flex;position:absolute;bottom:20px;right:50px;z-index:2}.avatar-row span,.avatar-row i{width:40px;height:40px;border:2px solid var(--navy);border-radius:50%;display:grid;place-items:center;margin-left:-8px;background:var(--yellow);font-size:11px;font-weight:900;font-style:normal}.avatar-row span:nth-child(2){background:var(--light-blue)}.avatar-row span:nth-child(3){background:var(--lime)}.avatar-row i{background:var(--navy);color:white}.final-cta{text-align:center;background:var(--yellow);position:relative;overflow:hidden}.final-cta h2{font-size:clamp(43px,5vw,67px)}.final-cta h2 span{color:var(--coral)}.final-cta>p{font-size:18px;line-height:1.6;max-width:650px;margin:0 auto 28px;color:#3d4e68}.final-cta small{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:23px;font-weight:700}.cta-doodle{position:absolute;font-size:65px;color:var(--blue)}.cta-doodle-1{left:10%;top:25%}.cta-doodle-2{right:11%;bottom:25%;font-family:'Fredoka';transform:rotate(15deg)}footer{background:var(--navy);color:white;padding:55px 24px}.footer-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner .logo-mark{border-color:white;box-shadow:2px 2px 0 white}.footer-inner .logo-handle,.footer-inner .logo-line{border-color:white}.footer-inner>div p{font-size:13px;color:#aab7ca;margin:11px 0 0}.footer-inner nav{display:flex;gap:32px;font-size:13px;font-weight:700}.footer-inner>span{font-size:12px;color:#91a0b6}.modal-backdrop{position:fixed;inset:0;background:rgba(16,35,71,.72);backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:20px;animation:fade-in .2s ease}.modal{width:min(700px,100%);max-height:92vh;overflow:auto;background:var(--cream);border:3px solid var(--navy);box-shadow:12px 14px 0 rgba(0,0,0,.28);padding:40px;position:relative;animation:modal-in .28s ease}.modal-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:2px solid var(--navy);border-radius:50%;background:var(--paper);display:grid;place-items:center;cursor:pointer}.modal-top{text-align:center;padding:10px 30px 28px}.modal-top h2{font-size:38px;margin:18px 0 7px}.modal-top p{margin:0;color:#607088}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.report-grid article{background:var(--paper);border:2px solid var(--navy);padding:20px;display:flex;gap:13px;box-shadow:3px 3px 0 var(--navy)}.report-grid article.parked{background:#ffe3ef}.report-dot{width:15px;height:15px;border:2px solid var(--navy);border-radius:50%;flex:none;margin-top:2px}.report-dot.coral{background:var(--coral)}.report-dot.blue{background:var(--blue)}.report-dot.lime{background:var(--lime)}.report-dot.pink{background:var(--pink)}.report-grid small{font-weight:900;letter-spacing:1px}.report-grid p{font-size:14px;line-height:1.45;margin:8px 0 0}.modal-button{margin:27px auto 0;display:flex}@keyframes fade-in{from{opacity:0}}@keyframes modal-in{from{opacity:0;transform:translateY(25px) rotate(-1deg)}to{opacity:1;transform:none}}:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}
@media(max-width:1000px){.main-nav{gap:20px}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero-lede{margin-left:auto;margin-right:auto}.hero-actions,.trust{justify-content:center}.lunchbox-scene{width:min(610px,100%);margin:20px auto 0}.steps-grid{grid-template-columns:1fr 1fr}.sample-layout{grid-template-columns:1fr;gap:45px}.sample-copy{text-align:center}.sample-copy>p{max-width:650px}.sample-copy .btn{margin:auto}.output-stack{max-width:700px;margin:auto}.process-strip{flex-wrap:wrap;justify-content:center}.process-item{width:42%}.process-item:nth-child(2) .process-arrow{display:none}.team-card{grid-template-columns:1fr;padding-bottom:90px}.footer-inner{flex-wrap:wrap}}
@media(max-width:760px){.section-pad{padding:80px 20px}.site-header{height:70px}.nav-wrap{width:calc(100% - 32px)}.menu-button{display:block}.main-nav{position:absolute;left:16px;right:16px;top:62px;background:var(--paper);border:2px solid var(--navy);box-shadow:6px 7px 0 var(--navy);padding:23px;display:none;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:13px 5px;border-bottom:1px solid #d8d9d6}.nav-cta{margin-top:17px}.hero{padding-top:55px;gap:25px}.hero h1{font-size:45px;letter-spacing:-1.7px}.hero-lede{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.lunchbox-scene{height:500px;transform:scale(.92);transform-origin:top center;margin-bottom:-40px}.reject-1{left:-1%}.reject-2{right:-1%}.process-wrap{padding:0 15px}.process-strip{display:grid;grid-template-columns:1fr 1fr;padding:28px 20px}.process-item{width:auto}.process-arrow{display:none}.process-icon{width:36px;height:36px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:auto}.proof-note{width:auto;max-width:95%;font-size:14px;line-height:1.5}.output-2,.output-3{margin-left:0}.team-card{padding:40px 25px 90px}.team-card h2{font-size:35px}.footer-inner{flex-direction:column;text-align:center}.footer-inner nav{flex-direction:column;gap:14px}.report-grid{grid-template-columns:1fr}.modal{padding:28px 20px}.modal-top{padding-left:10px;padding-right:10px}.modal-top h2{font-size:31px}.cta-doodle{opacity:.25}.final-cta .btn{width:100%;max-width:380px}}
@media(max-width:500px){.hero h1{font-size:39px}.lunchbox-scene{height:440px;transform:scale(.78);width:127%;margin-left:-13.5%;margin-bottom:-85px}.lunchbox-lid{top:45px}.reject-sticker{font-size:10px}.process-strip{grid-template-columns:1fr;transform:none}.process-item{justify-content:center}.section-heading h2,.sample h2{font-size:38px}.output-card{padding:21px 18px}.output-card h3{font-size:19px}.not-yet{position:relative;margin-top:20px;right:auto}.team-card{box-shadow:6px 7px 0 var(--navy)}.avatar-row{right:30px}.modal{border-width:2px}.modal-close{width:36px;height:36px;right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Six-stage product flow */
.six-step-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:20px 24px;transform:rotate(-.25deg)}
.six-step-flow .process-item{min-width:0;gap:7px;font-size:12px;white-space:normal}
.six-step-flow .process-icon{width:34px;height:34px;flex:0 0 34px;background:var(--paper);border-color:var(--paper);color:var(--navy);font-size:12px;font-weight:900}
.six-step-flow .process-arrow{margin-left:auto;font-size:19px}

/* Concrete rule-based recommendation example */
.adaptive-example{background:var(--cream);border-bottom:3px solid var(--navy)}
.adaptive-example .section-heading{margin-bottom:48px}
.adaptive-example-grid{max-width:1050px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,.82fr) 44px minmax(420px,1.3fr);gap:20px;align-items:center}
.adaptive-answer-stack{display:grid;gap:10px}
.adaptive-answer-stack article{display:grid;gap:5px;background:var(--paper);border:2px solid var(--navy);border-radius:12px;padding:14px 17px;box-shadow:4px 4px 0 var(--navy);transition:transform .2s,box-shadow .2s}
.adaptive-answer-stack article:hover{transform:translate(-2px,-3px);box-shadow:6px 7px 0 var(--navy)}
.adaptive-answer-stack small,.adaptive-test small{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#527aa3}
.adaptive-answer-stack strong{font-size:14px;line-height:1.35}
.adaptive-example-arrow{text-align:center;font-family:'Fredoka',sans-serif;font-size:35px;color:var(--coral)}
.adaptive-recommendation-card{background:var(--paper);border:3px solid var(--navy);border-radius:18px;padding:27px 28px;box-shadow:8px 9px 0 var(--navy);position:relative}
.adaptive-result-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:6px}
.adaptive-result-top>span{font-size:11px;font-weight:900;letter-spacing:1.3px;color:#527aa3}
.adaptive-score{width:76px;height:76px;flex:0 0 76px;border:8px solid var(--yellow);border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:19px;background:var(--paper)}
.adaptive-score strong{font-family:'Fredoka',sans-serif;font-size:25px;line-height:1}
.adaptive-score small{font-size:11px}
.adaptive-decision{display:inline-block;background:var(--yellow);border:2px solid var(--navy);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:1px;box-shadow:2px 2px 0 var(--navy)}
.adaptive-recommendation-card h3{font-size:30px;line-height:1.1;margin:16px 0 8px}
.adaptive-recommendation-card>p{color:#526078;line-height:1.55;margin:0}
.adaptive-test{display:grid;gap:7px;background:var(--light-blue);border:2px solid var(--navy);border-radius:12px;padding:15px 17px;margin:20px 0 16px}
.adaptive-test strong{font-size:14px;line-height:1.45}
.adaptive-why{border-top:1px solid #c9d0d7;padding-top:14px!important;font-size:13px}

@media(max-width:1000px){.six-step-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.six-step-flow .process-item{width:auto}.six-step-flow .process-arrow{display:none}.adaptive-example-grid{grid-template-columns:minmax(230px,.8fr) 34px minmax(360px,1.2fr)}}
@media(max-width:760px){.adaptive-example-grid{grid-template-columns:1fr;max-width:600px}.adaptive-example-arrow{transform:rotate(90deg);line-height:1}.adaptive-recommendation-card{padding:24px 21px}.adaptive-recommendation-card h3{font-size:27px}}
@media(max-width:500px){.six-step-flow{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 15px}.six-step-flow .process-item{justify-content:flex-start}.adaptive-result-top{align-items:flex-start}.adaptive-score{width:66px;height:66px;flex-basis:66px;border-width:7px;padding-top:16px}.adaptive-score strong{font-size:22px}}

/* Keep every landing-page surface on the same muted palette as the planner. */
.site-header{background:rgba(248,243,233,.94)}
.hero-lede,.trust,.section-heading p,.sample-copy>p,.step-card p,.output-card p,.team-card>p,.final-cta>p,.modal-top p,.adaptive-recommendation-card>p{color:var(--muted)}
.process-item:nth-child(3) .process-icon{background:var(--lime)}
.process-item:nth-child(4) .process-icon{background:var(--light-blue)}
.compartment.item-2{background:#e8f0f6}
.adaptive-answer-stack small,.adaptive-test small,.adaptive-result-top>span{color:var(--blue)}
.report-grid article.parked{background:#f6d8d1}
.footer-brand p,.footer-bottom{color:var(--muted)}

/* Hero lunchbox is built from HTML/CSS so all copy uses the real site font. */
.hero-code-illustration{width:100%;margin:0;transform:scale(.94);transform-origin:center;animation:hero-tool-float 5s ease-in-out infinite;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(10px 13px 0 rgba(20,46,76,.12))}
.hero-tool-visual:hover .hero-code-illustration{animation-play-state:paused;transform:translateY(-8px) rotate(1deg) scale(.97);filter:drop-shadow(14px 17px 0 rgba(20,46,76,.16))}
.hero-tool-visual.is-packing .hero-code-illustration{animation:none}
.lid-note{display:grid;gap:6px;letter-spacing:.02em}
.lid-note b{font-size:17px;line-height:1.12;text-transform:uppercase}
.lid-note small{font-size:12px;font-weight:800;letter-spacing:.08em}
.hero-code-illustration .compartment h3{text-transform:uppercase;letter-spacing:.02em}
.hero-code-illustration .compartment p{color:var(--muted);font-weight:600}
.hero-code-illustration .reject-sticker{text-transform:uppercase;letter-spacing:.04em}
@media(max-width:760px){.hero-code-illustration{width:min(100%,520px);transform:scale(.88);margin:0 auto}.hero-tool-visual:hover .hero-code-illustration{transform:translateY(-6px) scale(.9)}}
@media(max-width:500px){.hero-code-illustration{width:125%;transform:scale(.74);margin-left:-12.5%}.hero-tool-visual:hover .hero-code-illustration{transform:translateY(-4px) scale(.76)}}

/* Clean landing-page canvas requested for the marketing page. */
body{background-color:#fff;background-image:none}
.site-header{background:rgba(255,255,255,.96)}
.hero,.how,.adaptive-example{background:#fff}
.site-footer{background:#fff}
.hero-code-illustration .lid-note,.hero-code-illustration .compartment h3,.hero-code-illustration .reject-sticker{font-family:'Fredoka',sans-serif}
.hero-code-illustration .compartment p{font-family:'DM Sans',sans-serif}

/* Closed box -> open plan interaction */
.hero-tool-visual{cursor:pointer;border-radius:28px}
.hero-tool-visual:focus-visible{outline:4px solid var(--yellow);outline-offset:7px}
.hero-code-illustration .lunchbox-base{z-index:2}
.hero-code-illustration .lunchbox-lid{top:142px;z-index:1;transform-origin:center bottom;transform:perspective(820px) rotateX(-68deg) rotate(1deg);transition:top .65s cubic-bezier(.2,.75,.25,1),transform .65s cubic-bezier(.2,.75,.25,1)}
.hero-code-illustration .lid-note{opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .35s ease}
.hero-code-illustration .compartment{opacity:0;transform:translateY(25px) scale(.92);pointer-events:none;transition:opacity .3s ease,transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.hero-code-illustration .item-2{transition-delay:.07s}
.hero-code-illustration .item-3{transition-delay:.14s}
.open-hint{position:absolute;left:50%;bottom:3px;z-index:8;transform:translateX(-50%) rotate(-1deg);white-space:nowrap;background:var(--yellow);border:2px solid var(--navy);border-radius:999px;padding:8px 14px;box-shadow:3px 3px 0 var(--navy);font-family:'Fredoka',sans-serif;font-size:12px;font-weight:700;transition:opacity .2s ease,transform .2s ease}
.open-hint span{margin-left:5px;color:var(--coral)}
.hero-tool-visual:hover .lunchbox-lid,.hero-tool-visual:focus .lunchbox-lid,.hero-tool-visual.is-packing .lunchbox-lid{top:39px;transform:perspective(820px) rotateX(0) rotate(1.5deg)}
.hero-tool-visual:hover .lid-note,.hero-tool-visual:focus .lid-note,.hero-tool-visual.is-packing .lid-note{opacity:1;transform:none;transition-delay:.3s}
.hero-tool-visual:hover .compartment,.hero-tool-visual:focus .compartment,.hero-tool-visual.is-packing .compartment{opacity:1;transform:none;pointer-events:auto}
.hero-tool-visual:hover .open-hint,.hero-tool-visual:focus .open-hint,.hero-tool-visual.is-packing .open-hint{opacity:0;transform:translateX(-50%) translateY(8px);pointer-events:none}

/* Use one coral accent treatment across every two-line section heading. */
.section-heading h2 span,.sample h2 span{color:var(--coral)}

/* LaunchBox brand image, restored landing hero, and current footer */
[hidden]{display:none!important}
.trust{flex-wrap:wrap}
.brand-logo{display:inline-flex;width:205px;align-items:center;flex:none}.brand-logo img{display:block;width:100%;height:auto}.brand-logo--footer{width:210px}
.hero-tool-visual{position:relative;min-height:620px;display:grid;place-items:center;max-width:560px;margin-left:auto;isolation:isolate}.hero-tool-visual img{display:block;width:min(88%,480px);height:auto;filter:drop-shadow(11px 14px 0 rgba(24,33,29,.14));animation:hero-tool-float 5s ease-in-out infinite;transition:transform .3s ease,filter .3s ease}.hero-tool-visual:hover img{animation-play-state:paused;transform:translateY(-10px) rotate(1deg) scale(1.025);filter:drop-shadow(15px 19px 0 rgba(24,33,29,.18))}.hero-tool-visual.is-packing img{animation:hero-tool-pack .45s ease both}.hero-image-spark{position:absolute;z-index:2;color:var(--blue);font-family:'Fredoka',sans-serif;font-size:38px;font-weight:900;animation:hero-spark-pop 2.8s ease-in-out infinite}.hero-image-spark--one{left:5%;top:18%}.hero-image-spark--two{right:5%;top:13%;color:var(--coral);animation-delay:.7s}
@keyframes hero-tool-float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-9px) rotate(.4deg)}}@keyframes hero-tool-pack{to{transform:translateY(8px) scale(.94);opacity:.72}}@keyframes hero-spark-pop{0%,100%{transform:scale(.82) rotate(-8deg);opacity:.45}50%{transform:scale(1.12) rotate(6deg);opacity:1}}

.site-footer{padding:0 clamp(24px,5vw,82px);color:var(--navy);background:var(--paper);border-top:2px solid var(--navy)}.footer-main{max-width:1440px;min-height:205px;margin:0 auto;padding:40px 0 34px;display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(160px,.55fr) minmax(260px,.8fr);gap:clamp(36px,6vw,92px);align-items:center}.footer-brand{display:block}.footer-brand p{max-width:470px;margin:17px 0 0;color:#536078;font-size:15px;line-height:1.55}.footer-links{display:grid;gap:12px}.footer-links a{width:fit-content;font-family:'Fredoka',sans-serif;font-size:16px;font-weight:700;text-decoration:none}.footer-links a:after{content:' ↗';color:var(--coral);font-size:13px}.footer-links a:hover{color:var(--coral)}.footer-cta{min-height:66px;padding:16px 23px;display:flex;align-items:center;justify-content:center;gap:12px;border:2px solid var(--navy);border-radius:18px;background:var(--coral);box-shadow:6px 7px 0 var(--navy);font-family:'Fredoka',sans-serif;font-size:17px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.footer-cta:hover{transform:translate(-2px,-2px);box-shadow:8px 9px 0 var(--navy);background:var(--yellow)}.footer-cta span{font-size:21px}.footer-bottom{max-width:1440px;margin:0 auto;padding:17px 0 20px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(16,35,71,.2);color:#536078;font-size:13px}.footer-bottom p{margin:0}.footer-bottom span{font-weight:700}

@media(max-width:1000px){.hero-tool-visual{width:min(560px,100%);margin:12px auto 0}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-cta{align-self:center}}
@media(max-width:760px){.brand-logo{width:175px}.hero-tool-visual{min-height:540px}.hero-tool-visual img{width:min(90%,420px)}.site-footer{padding-inline:22px}.footer-main{padding:38px 0 30px;grid-template-columns:1fr;gap:29px;text-align:center}.footer-brand{grid-column:auto}.brand-logo--footer{margin:auto}.footer-brand p{margin-left:auto;margin-right:auto}.footer-links{justify-items:center}.footer-cta{width:100%}.footer-bottom{flex-direction:column;align-items:center;gap:7px;text-align:center}}
@media(max-width:500px){.hero-tool-visual{min-height:460px;margin-bottom:-18px}.hero-tool-visual img{width:min(94%,350px)}.hero-image-spark{font-size:29px}}

/* Final containment: keep the coded hero centered and inside its column. */
.hero .hero-tool-visual{width:min(100%,560px);max-width:560px;min-width:0;margin:0 auto;justify-self:center;overflow:visible}
.hero .hero-code-illustration{width:100%;max-width:560px;margin:0 auto;animation:none;transform:scale(.9);transform-origin:center center}
.hero .hero-tool-visual:hover .hero-code-illustration,.hero .hero-tool-visual:focus .hero-code-illustration{transform:translateY(-7px) scale(.92)}
@media(max-width:1000px){.hero .hero-tool-visual{margin:12px auto 0}}
@media(max-width:760px){.hero .hero-tool-visual{width:min(100%,520px);min-height:500px}.hero .hero-code-illustration{width:100%;margin:0 auto;transform:scale(.82)}.hero .hero-tool-visual:hover .hero-code-illustration,.hero .hero-tool-visual:focus .hero-code-illustration{transform:translateY(-5px) scale(.84)}}
@media(max-width:500px){.hero .hero-tool-visual{width:100%;min-height:430px;margin:0 auto -20px}.hero .hero-code-illustration{width:100%;margin:0 auto;transform:scale(.68)}.hero .hero-tool-visual:hover .hero-code-illustration,.hero .hero-tool-visual:focus .hero-code-illustration{transform:translateY(-3px) scale(.7)}}

/* Match every section tag to the yellow LaunchBox label style. */
.scribble-label,.scribble-label.yellow,.eyebrow-blue{background:var(--yellow);color:var(--navy);border:2px solid var(--navy);border-radius:999px;padding:7px 13px;box-shadow:3px 3px 0 var(--navy);transform:rotate(-1deg)}
.final-cta h2 span{color:#fff}

/* Keep the plan note centered on the lunchbox lid in every state. */
.hero-code-illustration .lid-note{left:50%;transform:translateX(-50%) translateY(12px) rotate(-1deg)}
.hero-tool-visual:hover .lid-note,.hero-tool-visual:focus .lid-note,.hero-tool-visual.is-packing .lid-note{transform:translateX(-50%) rotate(-1deg)}

/* White section system with contrast-aware type and accents. */
.hero,.how,.sample,.adaptive-example,.teams,.final-cta,.site-footer{background:#fff;color:var(--navy)}
.sample{border-top:2px solid var(--navy);border-bottom:2px solid var(--navy)}
.sample:before{border-color:rgba(184,205,224,.3)}
.section-heading h2,.sample h2,.team-card h2,.final-cta h2{color:var(--navy)}
.section-heading h2 span,.sample h2 span,.final-cta h2 span{color:var(--coral)}
.section-heading p,.sample-copy>p,.team-card>p,.final-cta>p,.final-cta small{color:var(--muted)}
.process-strip{background:#fff;color:var(--navy);border:2px solid var(--navy);box-shadow:7px 8px 0 rgba(20,46,76,.14)}
.six-step-flow .process-icon{border-color:var(--navy);background:var(--yellow);color:var(--navy)}
.six-step-flow .process-item:nth-child(2) .process-icon{background:var(--lime)}
.six-step-flow .process-item:nth-child(3) .process-icon{background:var(--pink)}
.six-step-flow .process-item:nth-child(4) .process-icon{background:var(--light-blue)}
.six-step-flow .process-item:nth-child(5) .process-icon{background:var(--yellow)}
.six-step-flow .process-item:nth-child(6) .process-icon{background:var(--paper)}
.process-arrow{color:var(--coral)}
.final-cta .cta-doodle{color:var(--light-blue)}

/* Soft section accents: color without replacing the white canvas. */
.how,.sample,.adaptive-example,.teams,.final-cta{position:relative;overflow:hidden;isolation:isolate}
.how:before{content:"";position:absolute;top:64px;left:-42px;width:190px;height:22px;border-radius:999px;background:rgba(246,191,85,.3);transform:rotate(-5deg);pointer-events:none}
.adaptive-example:after{content:"";position:absolute;right:-95px;top:95px;width:230px;height:230px;border-radius:50%;background:rgba(172,201,139,.18);border:2px solid rgba(20,46,76,.08);pointer-events:none}
.teams:before{content:"";position:absolute;left:-72px;bottom:24px;width:150px;height:150px;border-radius:34px;background:rgba(242,170,160,.16);transform:rotate(18deg);pointer-events:none}
.final-cta:before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:9px;background:linear-gradient(90deg,var(--coral) 0 25%,var(--yellow) 25% 50%,var(--lime) 50% 75%,var(--light-blue) 75% 100%)}
.how>.section-heading,.how>.steps-grid,.how>.proof-note,.sample>.sample-layout,.adaptive-example>.section-heading,.adaptive-example>.adaptive-example-grid,.teams>.team-card{position:relative;z-index:1}
.final-cta>.eyebrow,.final-cta>h2,.final-cta>p,.final-cta>button,.final-cta>small{position:relative;z-index:1}
.step-card h3,.output-card h3,.adaptive-recommendation-card h3,.team-card h2{color:var(--navy)}
.step-card p,.output-card p,.adaptive-recommendation-card>p,.adaptive-why,.team-card>p{color:var(--muted)}
.output-label,.adaptive-result-top>span,.adaptive-answer-stack small,.adaptive-test small{color:var(--blue)}
@media(max-width:760px){.how:before{top:46px;width:130px}.adaptive-example:after{width:150px;height:150px;right:-80px}.teams:before{width:110px;height:110px}}

/* Subtle dotted canvas with seamless transitions between sections. */
body,.hero,.how,.sample,.adaptive-example,.teams,.final-cta{background-color:#fff;background-image:radial-gradient(rgba(20,46,76,.075) .75px,transparent .75px);background-size:10px 10px}
.sample,.adaptive-example,.site-footer{border-top:0;border-bottom:0}
.final-cta:before{display:none}