@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#203e36;--paper:#f8f7f2;--green:#d8ef74;--muted:#63706a;--line:#d9ded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8059c9;outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 5%;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.2px}.brand>span:not(.logo){font-weight:500}.logo{font-size:36px;margin-right:8px}.brand sup{font:9px 'DM Sans',sans-serif;letter-spacing:.8px;align-self:flex-start;margin:10px 0 0 8px}nav{display:flex;gap:29px;font-size:13px;font-weight:600}nav a:hover{color:#7960a4}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 25px;background:var(--green);border-radius:9px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#cce65d}.button.small{padding:13px 18px;font-size:12px}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#34574c}.skip{position:fixed;top:-100px;background:white;z-index:10;padding:15px}.skip:focus{top:0}.hero{max-width:1440px;margin:auto;padding:80px 5% 83px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;background:#6e9869;border-radius:50%}h1,h2,h3{font-family:Manrope,Arial,sans-serif;margin:0;letter-spacing:-2px}h1{font-size:clamp(44px,4.9vw,76px);font-weight:650;line-height:1.08;margin:28px 0}em{font-style:normal;background:linear-gradient(transparent 73%,var(--green) 73%);padding-bottom:3px}h2{font-size:clamp(34px,3.5vw,50px);line-height:1.17;font-weight:650}.lead{font-size:17px;line-height:1.8;color:var(--muted)}.actions{display:flex;align-items:center;gap:28px;margin:30px 0}.text-link{background:none;border:none;padding:0;color:var(--ink);font-size:13px;font-weight:650}.text-link span{margin-left:8px}.hero-notes{display:flex;gap:17px;font-size:10px;color:#5b6d61;margin-top:35px}.hero-art{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;background:#e9e8da;border-radius:160px 160px 32px 32px;isolation:isolate}.orbit{position:absolute;border:1px solid #d0d1c3;width:430px;height:260px;border-radius:50%;z-index:-1;transform:rotate(-35deg)}.orbit-two{transform:rotate(35deg)}.learning-window{width:320px;background:#fffef9;border:1px solid #d8dccf;border-radius:17px;box-shadow:0 20px 45px #32463715;transform:rotate(-4deg);overflow:hidden}.window-top{display:flex;align-items:center;gap:8px;padding:15px;border-bottom:1px solid #e4e4da;font-size:10px}.window-top>span:last-child{margin-left:auto}.mini-logo{font-size:20px}.window-body{padding:25px}.pill{display:inline-block;background:#f0f2e7;border-radius:5px;padding:7px 8px;font-size:8px;letter-spacing:.7px;font-weight:700}.window-body h2{font-size:29px;letter-spacing:-1px;margin:20px 0}.fraction{display:flex;gap:5px;height:64px}.piece{flex:1;border:1px solid #cad6c0;border-radius:5px;background:#f3f3e9}.piece.coloured{background:var(--green)}.fraction-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:8px}.fraction-label strong{font-size:27px}.window-body p{font-size:11px;line-height:1.7;color:var(--muted)}.window-body .button{width:100%;font-size:11px;padding:14px}.sticker{position:absolute;z-index:2}.star{color:#d5b5ea;font-size:100px;left:0;top:0;transform:rotate(-12deg);text-shadow:1px 1px var(--ink)}.pink{background:#f4bba7;padding:15px 19px;border-radius:50%;right:-14px;top:85px;transform:rotate(10deg);font-size:24px;font-weight:700;font-family:Manrope;letter-spacing:-1px}.floating-note{display:flex;align-items:center;gap:11px;position:absolute;bottom:15px;right:-12px;background:white;border:1px solid #dbddd3;border-radius:10px;box-shadow:0 12px 30px #32463712;padding:15px 18px;transform:rotate(3deg)}.note-icon{display:grid;place-items:center;border-radius:50%;background:#e6eec9;width:33px;height:33px;font-size:22px}.floating-note b{font-size:11px;display:block}.floating-note small{font-size:9px;color:var(--muted)}.art-caption{position:absolute;bottom:-27px;font-size:9px;color:var(--muted)}.ribbon{display:flex;justify-content:center;align-items:center;gap:37px;padding:24px;background:var(--ink);color:#fafbed;font-size:15px}.ribbon>span:nth-child(even){color:var(--green);font-size:26px}.intro,.parents,.research,.principles,.faq{padding:95px 6%;max-width:1440px;margin:auto}.intro{text-align:center}.intro .eyebrow{justify-content:center}.intro h2{margin:22px 0}.intro h2 span{color:#899984}.intro>p:not(.eyebrow):not(.small-print){max-width:610px;margin:20px auto 40px;line-height:1.8;color:var(--muted);font-size:15px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.approach{border-radius:14px;padding:28px 30px}.peach{background:#f3dfcf}.lavender{background:#e9e3f3}.lime{background:#e5edce}.number{font-size:9px;font-weight:700;letter-spacing:1.2px;line-height:1.6}.approach h3{font-size:23px;letter-spacing:-.7px;margin:14px 0}.approach p{font-size:13px;line-height:1.8;color:#55665c}.graphic{height:115px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.steps{align-items:flex-end;position:relative;gap:6px;padding-bottom:8px}.steps i{width:47px;border:1px solid var(--ink);border-radius:7px 7px 0 0;background:#faf0e7}.steps i:nth-child(1){height:35px}.steps i:nth-child(2){height:65px}.steps i:nth-child(3){height:95px;background:#df975f}.steps span{position:absolute;font-size:80px;top:-19px;left:32px;transform:rotate(-9deg)}.bubbles span{padding:18px 22px;border:1px solid #76658e;border-radius:24px 24px 24px 0;font-size:24px;background:#f6f1fb;transform:rotate(-10deg)}.bubbles span+span{background:#bba2dc;transform:translate(-8px,22px) rotate(7deg)}.loop{font-size:130px;position:relative;font-weight:400}.loop span{font-size:40px;position:absolute}.small-print{font-size:10px;color:var(--muted);line-height:1.7;margin-top:23px}.demo-section{background:#eff0e7;padding:80px 6%}.demo-heading,.demo-layout{max-width:1268px;margin:auto}.demo-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.demo-heading h2{margin-top:22px}.demo-heading>p{color:var(--muted);font-size:14px;line-height:1.8}.demo-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.interest-tabs{display:grid;gap:10px;margin-top:18px}.interest-tabs button{display:flex;justify-content:space-between;text-align:left;padding:20px;border-radius:9px;background:transparent;border:1px solid #d1d7c9;color:var(--ink);font-size:15px}.interest-tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.demo-explainer{margin:30px 20px}.demo-explainer>span{font-size:36px;color:#92a671}.demo-explainer h3{font-size:22px;letter-spacing:-.6px}.demo-explainer p{font-size:12px;line-height:1.8;color:var(--muted);max-width:270px}.interactive-card{background:#fffefa;border:1px solid #d4d9ce;border-radius:15px;padding:30px 38px;box-shadow:0 14px 35px #31483207}.demo-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:var(--muted)}.interactive-card h3{font-size:24px;line-height:1.4;letter-spacing:-.7px;margin:27px 0}.cell-row{display:flex;gap:9px;margin-bottom:25px}.cell-row span{width:25%;height:66px;background:#edf0e8;border:1px solid #cfd6c5;border-radius:8px}.cell-row .full{background:var(--green)}.answers{display:flex;gap:12px}.answers button{flex:1;padding:12px;background:white;border:1px solid #c7d0be;border-radius:7px;font-size:25px;color:var(--ink)}.answers button:hover,.answers button.selected{background:#e7edd7;border-color:var(--ink)}.answers button.correct{background:var(--green)}.feedback{min-height:48px;font-size:13px;line-height:1.6;color:#586954;margin:19px 0}.demo-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.demo-disclaimer{font-size:9px;line-height:1.6;color:var(--muted);margin-top:22px}.parents{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;align-items:center}.parent-copy h2{margin:20px 0}.parent-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:460px}.parent-copy ul{padding:0;list-style:none;margin-top:25px}.parent-copy li{font-size:12px;margin:18px 0;padding-left:24px;position:relative}.parent-copy li:before{content:'✓';position:absolute;left:0}.parent-preview{background:white;border:1px solid var(--line);border-radius:15px;padding:30px;box-shadow:14px 14px 0 #e8e3ef;transform:rotate(1deg)}.preview-header{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}.parent-preview h3{font-size:25px;letter-spacing:-.8px;margin:26px 0}.progress-item{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.check{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:50%;background:#e6efcc}.check.purple{background:#e7e0ef}.progress-item b{font-size:12px}.progress-item p{font-size:10px;color:var(--muted);margin:7px 0}.home-tip{background:#f5eddd;border-radius:8px;padding:19px;margin-top:13px}.home-tip>span{font-size:8px;letter-spacing:1px;font-weight:700}.home-tip p{font-size:15px;line-height:1.6}.home-tip small{font-size:10px;color:var(--muted)}.research{background:var(--ink);color:#f7f8ed;max-width:none}.research-title,.research-grid,.research-note{max-width:1268px;margin:auto}.research-title h2{margin:23px 0}.research-title>p:last-child{max-width:600px;color:#bdc9bb;font-size:14px;line-height:1.8}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:50px}.research-grid article{border-top:1px solid #597065;padding-top:23px}.research-grid .number{color:#bccab6;min-height:30px;display:block}.research-grid strong{display:block;font:600 55px Manrope,sans-serif;letter-spacing:-2px;color:var(--green);margin:25px 0}.research-grid strong span{font-size:14px;letter-spacing:0;margin-left:8px}.research-grid h3{font-size:21px;letter-spacing:-.4px}.research-grid p{font-size:12px;line-height:1.9;color:#c5cec2;min-height:100px}.research-grid a{font-size:11px;border-bottom:1px solid #6b8075;padding-bottom:5px}.research-note{display:grid;grid-template-columns:190px 1fr;gap:28px;border-top:1px solid #597065;margin-top:45px;padding-top:23px;font-size:11px}.research-note p{margin:0;color:#bdc9bb;line-height:1.8}.principles{text-align:center}.principles>.eyebrow{justify-content:center}.principles h2{margin:20px 0 45px}.principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left}.principles article{border-top:1px solid var(--line);padding-top:20px}.principles article>span{font-size:12px;color:#8a9984}.principles h3{font-size:20px;letter-spacing:-.5px;margin:20px 0 12px}.principles article p{font-size:13px;color:var(--muted);line-height:1.8}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;padding-top:30px}.faq h2{margin-top:20px;font-size:38px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;padding:23px 0}summary:after{content:'+';font-size:20px}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);line-height:1.8;padding:0 25px 18px 0}.final-cta{margin:0 3% 45px;padding:68px 25px;background:var(--green);border-radius:18px;text-align:center;position:relative;overflow:hidden}.final-cta .eyebrow{justify-content:center}.final-cta h2{margin:23px 0;font-size:clamp(36px,4.5vw,64px)}.final-cta h2 em{background:linear-gradient(transparent 76%,#eff6d0 76%)}.final-cta>p:not(.eyebrow){font-size:14px;margin:25px 0}.final-cta small{display:block;font-size:10px;margin-top:18px}.cta-star{position:absolute;left:6%;top:20px;font-size:190px;color:#c3de5c;transform:rotate(17deg)}footer{display:flex;gap:35px;align-items:center;justify-content:space-between;padding:25px 6% 40px}footer .brand{font-size:22px}footer p,footer>a:not(.brand),footer>span{font-size:10px;line-height:1.8;color:var(--muted)}@media(min-width:1600px){.hero{padding-top:110px;padding-bottom:110px}.hero-art{min-height:500px}}@media(max-width:1000px){nav{gap:15px;font-size:11px}.hero{gap:25px;padding-top:60px}h1{font-size:50px}.hero-art{min-height:415px}.learning-window{width:280px}.orbit{width:330px}.hero-notes{flex-wrap:wrap;gap:10px}.actions{gap:15px;align-items:flex-start;flex-direction:column}.brand sup{display:none}.ribbon{gap:20px;font-size:12px}.parents{gap:50px}.demo-layout{gap:30px}.approach{padding:24px}.research-grid{gap:24px}}@media(max-width:720px){header{padding:18px 5%;gap:10px}.brand{font-size:21px}.logo{font-size:29px}nav{display:none}.button.small{font-size:10px;padding:12px}h1{font-size:50px}.hero{grid-template-columns:1fr;gap:45px;padding:45px 6% 65px}.hero-copy{max-width:500px}.lead{font-size:15px}.actions{flex-direction:row;align-items:center;gap:18px}.actions .button{font-size:12px;padding:17px}.actions .text-link{font-size:11px}.hero-notes{margin-top:25px}.hero-art{min-height:430px;max-width:450px;width:100%;margin:auto}.learning-window{width:300px}.pink{right:0}.floating-note{right:0;bottom:12px}.orbit{width:95%}.ribbon{gap:12px;padding:19px 15px;flex-wrap:wrap;font-size:11px}.ribbon>span:nth-child(6),.ribbon>span:nth-child(7){display:none}.intro,.parents,.research,.principles,.faq{padding:65px 6%}.intro h2{font-size:34px}.approach-grid,.parents,.research-grid,.principles>div,.faq,.demo-layout{grid-template-columns:1fr}.approach-grid{gap:15px}.approach{padding:25px}.graphic{height:90px;margin-bottom:15px}.demo-section{padding:60px 6%}.demo-heading{display:block}.demo-heading>p{font-size:13px;margin-top:25px}.demo-layout{gap:15px}.interest-tabs{display:flex;gap:7px}.interest-tabs button{flex:1;font-size:10px;justify-content:center;padding:13px 8px}.interest-tabs button span{display:none}.demo-explainer{margin:22px 0;display:none}.interactive-card{padding:23px}.interactive-card h3{font-size:21px}.parents{gap:35px}.parent-preview{transform:none;box-shadow:8px 8px 0 #e8e3ef}.research-grid{gap:32px;margin-top:35px}.research-grid p{min-height:0}.research-grid strong{margin:15px 0;font-size:50px}.research-note{grid-template-columns:1fr;gap:12px}.principles>div{gap:15px}.principles h2{font-size:33px}.faq{gap:25px;padding-top:0}.faq h2{font-size:32px}.final-cta{margin:0 4% 25px;padding:55px 20px}.cta-star{font-size:110px;left:-30px;top:0}.final-cta .eyebrow{position:relative;font-size:8px}.final-cta h2{position:relative;font-size:36px}.final-cta>p:not(.eyebrow){font-size:12px}footer{flex-wrap:wrap;gap:18px;padding:25px 6%}footer p{margin:0}footer>span{width:100%}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-art{overflow:clip}.hero h1{font-size:clamp(43px,4.6vw,66px)}.hero .lead{max-width:490px}.stage-menu{position:relative}.stage-menu summary{padding:0;font-size:13px}.stage-menu summary:after{content:"⌄";font-size:13px}.stage-menu div{position:absolute;top:30px;left:-18px;min-width:180px;z-index:5;background:#fffefa;box-shadow:0 15px 40px #203e3620;border:1px solid var(--line);padding:9px;border-radius:10px}.stage-menu div a{display:block;padding:13px 10px}.stage-links{max-width:1440px;margin:auto;padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;gap:65px;border-bottom:1px solid var(--line)}.stage-links h2{font-size:34px;margin-top:20px}.stage-link-list{display:grid;gap:10px}.stage-link-list>a{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);border-radius:10px;transition:background .2s}.stage-link-list>a:hover{background:#e9edda}.stage-link-list>a>span:first-child{font-size:10px;color:var(--muted)}.stage-link-list b{font-size:17px}.stage-link-list>a>span:last-child{margin-left:auto;font-size:11px}.stage-page .stage-hero{max-width:1440px;margin:auto;padding:80px 6%;display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:38px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.stage-hero h1{font-size:clamp(42px,4.6vw,66px);margin:23px 0;max-width:670px}.stage-hero .lead{max-width:550px;font-size:16px}.stage-hero .eyebrow{margin-top:0}.stage-panel{border:1px solid #cfd5c9;background:var(--stage-color,#e9e3f3);border-radius:18px;padding:35px;transform:rotate(1deg)}.stage-panel h2{font-size:29px;margin:25px 0 20px;letter-spacing:-1px}.stage-panel .stage-label{font-size:9px;letter-spacing:1.2px;font-weight:700}.stage-panel p{font-size:13px;line-height:1.8}.stage-panel .example-block{border-radius:10px;background:#fffef9;padding:22px;margin-top:25px}.example-block h3{font-size:19px;letter-spacing:-.5px;line-height:1.5}.example-block .label{font-size:9px;letter-spacing:.8px;color:var(--muted)}.stage-section{max-width:1440px;margin:auto;padding:65px 6%;border-top:1px solid var(--line)}.stage-section .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:40px}.section-heading p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.stage-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.stage-columns article{border-top:1px solid var(--line);padding-top:20px}.stage-columns h3{font-size:22px;letter-spacing:-.7px;margin:17px 0}.stage-columns p{font-size:13px;line-height:1.9;color:var(--muted)}.stage-two-column{display:grid;grid-template-columns:1fr 1fr;gap:70px}.stage-two-column h3{font-size:25px;letter-spacing:-.8px;margin:20px 0}.stage-two-column ul{padding-left:18px;font-size:14px;line-height:1.9;color:var(--muted)}.stage-two-column li{margin-bottom:12px}.stage-callout{background:var(--stage-color);border-radius:15px;padding:32px}.stage-callout p{font-size:14px;line-height:1.9}.stage-callout h3{margin-top:0}.stage-switch{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.stage-switch a{border:1px solid var(--line);border-radius:7px;padding:13px 17px;font-size:12px}.stage-switch a[aria-current="page"]{background:var(--ink);color:white}.stage-status{font-size:11px;line-height:1.8;max-width:690px;color:var(--muted);margin:20px 0}.stage-hero .actions{margin-bottom:15px}.stage-page.mature .stage-panel{transform:none;border-radius:9px}.stage-page.mature em{background:linear-gradient(transparent 77%,#dbe4ea 77%)}.stage-page .mini-trust{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:var(--muted)}@media(max-width:1000px){.stage-menu summary{font-size:11px}.stage-page .stage-hero{gap:35px}.stage-hero h1{font-size:48px}.stage-hero .lead{font-size:14px}.stage-panel{padding:25px}.stage-section .section-heading{gap:35px}.stage-section h2{font-size:36px}}@media(max-width:720px){.hero h1{font-size:43px}.hero-art{overflow:clip}.stage-links{grid-template-columns:1fr;padding:50px 6%;gap:25px}.stage-links h2{font-size:31px}.stage-page .stage-hero{grid-template-columns:1fr;padding:40px 6% 50px;gap:30px}.stage-hero h1{font-size:43px}.breadcrumbs{margin-bottom:30px}.stage-panel{transform:none}.stage-section{padding:50px 6%}.stage-section .section-heading,.stage-columns,.stage-two-column{grid-template-columns:1fr;gap:24px}.stage-section h2{font-size:33px}.stage-columns{gap:18px}.stage-callout{padding:25px}.stage-hero .actions{flex-direction:column;align-items:flex-start}.stage-page header .button{font-size:10px;padding:12px}.stage-menu summary{font-size:13px}}

.methods-section,.screens-section,.research-quotes{max-width:1440px;margin:auto;padding:85px 6%}.methods-section{background:#ecefdf;max-width:none}.methods-heading,.method-layout{max-width:1268px;margin:auto}.methods-heading{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:end;margin-bottom:42px}.methods-heading h2{margin-top:22px;font-size:42px}.methods-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:490px}.method-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px}.method-buttons{display:grid;gap:9px}.method-buttons button{display:flex;align-items:center;gap:14px;text-align:left;padding:20px;border:1px solid #c7d1b9;border-radius:8px;background:transparent;color:var(--ink);font-size:10px}.method-buttons b{font-size:14px;font-weight:600}.method-buttons button>span{margin-left:auto}.method-buttons button.active{background:var(--ink);color:#fffefa;border-color:var(--ink)}.method-panel{padding:35px;background:#fffefa;border:1px solid #d3dac7;border-radius:14px}.method-panel h3{font-size:29px;letter-spacing:-1px;margin:23px 0 16px}.method-panel>p{font-size:14px;line-height:1.8;color:var(--muted)}#method-example{margin:25px 0;padding:25px;background:#f2f3e8;border-radius:9px;font-size:19px;line-height:1.8}#method-example strong{display:block;text-align:center;font-size:28px;margin-top:10px}.mini-fraction{display:flex;gap:4px;margin-bottom:10px}.mini-fraction i{flex:1;height:36px;background:var(--green);border:1px solid #bccb91;border-radius:4px}.mini-fraction i.empty{background:#fffefa}.method-purpose{border-top:1px solid var(--line);padding-top:20px}.method-purpose>span{font-size:9px;font-weight:700;letter-spacing:1px}.method-purpose p{font-size:13px;line-height:1.8;color:var(--muted)}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.screenshot-grid figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffefa}.screenshot-grid img{display:block;width:100%;height:270px;object-fit:cover;object-position:top;border-bottom:1px solid var(--line);background:#e7eadf}.screenshot-grid figure>a{display:block;overflow:hidden}.screenshot-grid figure>a:hover img{filter:brightness(.97)}.screenshot-grid figcaption{padding:25px}.screenshot-grid figcaption>span{font-size:9px;letter-spacing:1px;font-weight:700}.screenshot-grid h3{font-size:22px;letter-spacing:-.8px;margin:15px 0}.screenshot-grid p{font-size:13px;line-height:1.8;color:var(--muted)}.screenshot-grid figcaption>a{font-size:11px;text-decoration:underline;text-underline-offset:5px}.research-quotes{border-bottom:1px solid var(--line)}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.quote-grid figure{margin:0;border-top:1px solid var(--line);padding-top:22px}.quote-grid blockquote{font:500 22px/1.6 Manrope,sans-serif;letter-spacing:-.6px;margin:22px 0;min-height:150px}.quote-grid figcaption a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.quote-grid figcaption p{font-size:12px;line-height:1.8;color:var(--muted)}header nav{gap:21px}@media(max-width:1000px){.methods-heading{gap:35px}.method-layout{gap:25px}.method-panel{padding:25px}.screenshot-grid{gap:15px}.screenshot-grid figcaption{padding:20px}header nav{gap:13px}header nav a{font-size:11px}.quote-grid blockquote{font-size:20px}}@media(max-width:720px){.methods-section,.screens-section,.research-quotes{padding:60px 6%}.methods-heading,.method-layout,.screenshot-grid,.quote-grid{grid-template-columns:1fr;gap:25px}.methods-heading h2{font-size:33px}.methods-heading>p{margin:0}.method-buttons{grid-template-columns:1fr 1fr;gap:8px}.method-buttons button{padding:15px 12px;gap:8px}.method-buttons b{font-size:11px;line-height:1.5}.method-buttons button>span{display:none}.method-panel h3{font-size:25px}.screenshot-grid img{height:310px}.quote-grid blockquote{min-height:0;font-size:22px}.research-quotes .methods-heading{margin-bottom:30px}}
/* Persistent navigation and restrained depth. */
header{position:sticky;top:0;z-index:40;background:rgba(248,247,242,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:box-shadow .2s,border-color .2s}
header.scrolled{box-shadow:0 7px 28px #203e3610;border-bottom-color:#c9d2bd}
@keyframes page-arrive{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
main{animation:page-arrive .35s ease-out both}
.hero-art{perspective:1000px}.learning-window{transition:transform .25s ease-out;transform-style:preserve-3d;will-change:transform}
.approach,.stage-link-list>a,.parent-preview,.screenshot-grid figure{transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){.approach:hover,.screenshot-grid figure:hover{transform:translateY(-5px);box-shadow:0 14px 28px #203e3610}.stage-link-list>a:hover{transform:translateX(5px)}}
.method-panel{perspective:900px}.method-buttons button{transition:background .18s,color .18s,transform .18s}.method-buttons button:active{transform:scale(.98)}
.interactive-card{transition:box-shadow .25s}.interactive-card:focus-within{box-shadow:0 0 0 3px #d8ef7440,0 14px 35px #31483207}
.answers button{transition:transform .18s,background .18s}.answers button:active{transform:scale(.96)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.learning-window{will-change:auto}}

.bespoke-section{padding:100px max(6vw,24px);background:#edf0e6}.bespoke-heading{max-width:800px}.bespoke-heading h2{font-size:clamp(2rem,4.2vw,3.8rem);letter-spacing:-.05em;line-height:1.12;margin:1rem 0}.bespoke-heading em{font-style:normal;color:#65784a}.bespoke-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:50px 0}.bespoke-grid article{border-top:1px solid #acb5a1;padding-top:25px}.bespoke-grid h3{font-size:1.35rem;margin:18px 0 12px}.bespoke-grid p,.bespoke-bottom p{line-height:1.8;color:#526054}.bespoke-bottom{display:flex;gap:40px;align-items:center;justify-content:space-between}.bespoke-bottom p{max-width:720px}.bespoke-bottom a{flex-shrink:0}.demo-boundary{padding:65px max(6vw,24px);background:#203e36;color:#f8f7f2}.demo-boundary h2{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.2;letter-spacing:-.035em;margin:22px 0}.demo-boundary>p{max-width:900px;line-height:1.8;color:#d5dfcd}.demo-boundary .pill{background:#d8ef74;color:#203e36}.hero-art .sticker.pink{font-size:1rem}.learning-window{box-shadow:0 24px 70px #203e3622}.approach,.interactive-card,.parent-preview{box-shadow:0 10px 38px #203e3609}@media(max-width:800px){.bespoke-grid{grid-template-columns:1fr}.bespoke-bottom{flex-direction:column;align-items:flex-start}.bespoke-section{padding-top:65px;padding-bottom:65px}}

section[id],main[id]{scroll-margin-top:100px}