:root{--ink:#123e33;--paper:#fbf5e8;--purple:#544166;--gold:#c68b36;--line:#e5d9c5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b48236;outline-offset:5px}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:12px max(5%,calc((100vw - 1240px)/2));gap:24px;background:#fcf8ef}.brand img{width:236px;height:80px;object-fit:contain}nav{display:flex;gap:46px;align-items:center;color:#2e203f;font-size:14px;font-weight:600;letter-spacing:.4px}nav button{border:0;background:none;color:inherit;padding:14px 0}nav a:hover,nav button:hover{color:var(--gold)}.hero{position:relative;min-height:640px;background:url('assets/jadav.webp') 65% 48%/cover no-repeat;color:#fff8e8;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,35,28,.91) 0%,rgba(10,32,27,.70) 27%,rgba(12,25,21,.1) 62%,transparent 78%)}.hero-copy{position:relative;width:min(1240px,90%);margin:auto;padding:45px 0 80px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700;margin:0 0 20px}h1,h2,h3,.tagline{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(64px,7.5vw,106px);line-height:.96;letter-spacing:-4px;font-weight:500;margin:0 0 20px}h2{font-size:clamp(29px,3.1vw,43px);font-weight:500;letter-spacing:-1.2px;line-height:1.12;margin:0}h3{font-weight:500}.brush{display:block;width:62px;height:5px;background:var(--gold);border-radius:100% 40% 60% 20%;transform:rotate(-2deg);margin:17px auto 0}.hero .brush{width:147px;height:6px;margin:0 0 22px}.tagline{font-size:26px;line-height:1.4;margin:0 0 26px;letter-spacing:-.4px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{border:0;border-radius:100px;padding:16px 25px;display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:50px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0002}.cream{color:#12382e;background:var(--paper)}.outline{border:1.5px solid var(--paper);background:#12251f33;color:var(--paper)}.green{background:var(--ink);color:white}.purple{background:var(--purple);color:white}.paper-edge{position:absolute;bottom:-1px;left:0;right:0;height:40px;background:var(--paper);clip-path:polygon(0 35%,2% 45%,4% 27%,6% 38%,8% 22%,10% 43%,12% 32%,14% 48%,17% 26%,20% 45%,23% 29%,26% 45%,29% 23%,32% 39%,35% 32%,38% 50%,41% 24%,44% 40%,47% 28%,50% 49%,53% 33%,56% 46%,59% 27%,62% 39%,65% 29%,68% 43%,71% 20%,74% 38%,77% 26%,80% 44%,83% 28%,86% 48%,89% 30%,92% 44%,95% 24%,98% 40%,100% 28%,100% 100%,0 100%)}.journey{position:relative;overflow:hidden;padding:18px 4% 22px;background:radial-gradient(ellipse at 30% 45%,#fffaf0,transparent 65%)}.intro{text-align:center;position:relative;z-index:1;padding:18px 10px 55px}.values{display:flex;justify-content:center;gap:110px;margin:27px 0 0}.values button{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;color:var(--ink);font-family:Georgia,serif;font-size:19px;letter-spacing:.8px;min-width:65px}.values svg{width:43px;height:43px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.values button:hover svg{transform:rotate(-8deg) scale(1.1)}.values button:nth-child(2){color:#9370a8}.values button:nth-child(3){color:#bb812f}.values span{color:#233a30}.content{max-width:1240px;margin:auto;position:relative;z-index:1}.content>h2{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:30px 0 26px}.story-card{border:1px solid #e9deca;border-radius:20px;background:#f3f0df;overflow:hidden;text-align:left;padding:0;color:var(--ink);box-shadow:0 4px 11px #785c1c08;transition:transform .25s,box-shadow .25s}.story-card:hover{transform:translateY(-7px);box-shadow:0 12px 30px #604e2420}.story-card>img{width:100%;height:220px;display:block;object-fit:cover;border-radius:18px 18px 42% 4%/18px 18px 12px 8px}.card-copy{position:relative;padding:22px 24px 26px}.card-copy h3{font-size:33px;line-height:1;margin:0 0 8px}.card-copy p{font-size:14px;margin:0;line-height:1.5;padding-right:42px}.arrow{position:absolute;right:22px;top:32px;display:grid;place-items:center;background:#e5e3cb;border-radius:50%;width:43px;height:43px;font-size:24px}.wonder{background:#f4eaf0;color:var(--purple)}.wonder .arrow{background:#e7d8e7}.create{background:#fcf0de;color:#935c1b}.create .arrow{background:#fae0b9}.bottom-cards{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.bottom-cards article{border:1px solid #e9deca;border-radius:21px;overflow:hidden;position:relative;padding:29px 28px;background:#f8efdf}.bottom-cards h3{font-size:28px;line-height:1.2;margin:10px 0}.bottom-cards p:not(.mini-label){font-size:14px;line-height:1.6;margin:10px 0 17px}.mini-label{font-size:9px;letter-spacing:1.5px;font-weight:700}.small-act>div{position:relative;z-index:1;max-width:76%}.journal{position:absolute;width:220px;height:250px;object-fit:cover;right:-65px;bottom:-60px;transform:rotate(-18deg);opacity:.65;border-radius:25px}.bottom-cards .grownups{background:#eee1ee;color:var(--purple)}.leaf{position:absolute;font-size:300px;line-height:1;opacity:.2;color:#6a7e50;pointer-events:none}.leaf-left{left:-80px;top:20px;transform:rotate(-25deg)}.leaf-right{right:-90px;top:100px;transform:rotate(155deg)}footer{text-align:center;padding:30px 20px 35px;color:#7c705b}footer>p{font-family:Georgia,serif;font-size:18px;margin:8px}footer small{font-size:11px;letter-spacing:.4px}.privacy-note{font:10px Arial!important;color:#8b8171}.skip{position:absolute;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:5px}dialog{border:1px solid #ded1ba;border-radius:25px;padding:0;max-width:min(720px,94vw);width:720px;color:var(--ink);background:var(--paper);box-shadow:0 30px 100px #0004;max-height:90dvh;overflow:auto}dialog::backdrop{background:#071e18b8;backdrop-filter:blur(7px)}.close{position:absolute;right:15px;top:14px;z-index:3;background:#fff9ec;border:1px solid #e2d8c5;border-radius:50%;font-size:27px;width:42px;height:42px;color:var(--ink)}.modal-content{padding:45px}.modal-content h2{padding-right:28px;margin-bottom:15px}.modal-content p,.modal-content li{font-size:16px;line-height:1.7}.modal-content h3{font-size:24px;margin:25px 0 8px}.modal-content ul,.modal-content ol{padding-left:23px}.modal-content .eyebrow{font-size:10px;color:#8e6b35;margin-bottom:13px}.poster{width:100%;display:block;border-radius:15px;margin:22px 0}.notice{background:#ebe7d9;padding:15px 18px;border-radius:12px;font-size:14px!important}.quiz-options{display:grid;gap:10px;margin:20px 0}.quiz-options button{background:#fffaf0;border:1px solid #d7c9af;border-radius:12px;padding:15px;text-align:left;line-height:1.5;color:var(--ink)}.quiz-options button:hover{border-color:var(--ink)}.quiz-options button.selected{background:#e3ebdf;border:2px solid #4b7458}.feedback{border-radius:12px;background:#e8eddf;padding:15px;min-height:30px}.step-count{font-size:12px;letter-spacing:1px;color:#856b48}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.dialog-callout{padding:18px 22px;background:#ede4ed;border-radius:14px}.story-row{border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;gap:20px;align-items:center;margin:15px 0}.story-row img{width:100px;height:75px;object-fit:cover;border-radius:10px}.story-row h3{margin:0 0 8px;font-size:24px}.story-row p{margin:0;font-size:13px}#print-sheet{display:none}
@media(min-width:1600px){.hero{min-height:720px;background-position:center 50%}.hero-copy{padding-left:0}}
@media(max-width:900px){header{padding:12px 5%;height:90px}.brand img{width:190px;height:66px}nav{gap:24px;font-size:12px}.hero{min-height:580px;background-position:62% center}.hero-copy{padding-bottom:65px}.hero-shade{background:linear-gradient(90deg,#092b22e6,#092b22aa 28%,#102a2022 72%)}h1{font-size:84px}.tagline{font-size:22px;max-width:330px}.story-card>img{height:180px}.card-copy{padding:20px 17px}.card-copy h3{font-size:30px}.arrow{right:15px;width:35px;height:35px;top:25px}.card-copy p{font-size:12px}.bottom-cards{gap:16px}.bottom-cards article{padding:23px}.bottom-cards h3{font-size:25px}.small-act>div{max-width:90%}}
@media(max-width:600px){header{height:85px;padding:8px 5%;gap:10px}.brand img{width:155px;height:60px}nav{gap:14px;font-size:11px}nav button:last-child{max-width:62px;line-height:1.4}.hero{min-height:650px;align-items:flex-end;background-position:62% top;background-size:auto 440px;background-color:#18392d}.hero-shade{background:linear-gradient(0deg,#123729 0%,#123729 28%,#123729ce 43%,transparent 72%)}.hero-copy{padding:300px 0 63px;width:88%}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:15px}h1{font-size:64px;letter-spacing:-2.8px;line-height:.98;margin-bottom:16px}.hero h1 br{display:none}.hero .brush{width:100px;margin-bottom:16px}.tagline{font-size:21px;max-width:100%;margin-bottom:22px}.hero-actions{gap:10px}.button{font-size:12px;padding:13px 18px;min-height:46px;gap:9px}.journey{padding:15px 5% 12px}.intro{padding:20px 0 37px}h2{font-size:30px;letter-spacing:-.8px}.values{gap:45px;margin-top:24px}.values button{font-size:16px;min-width:50px}.values svg{width:36px;height:36px}.cards{grid-template-columns:1fr;gap:18px;margin-top:25px}.story-card>img{height:210px}.card-copy{padding:21px 23px 24px}.card-copy h3{font-size:33px}.card-copy p{font-size:14px}.arrow{top:29px;right:25px;width:42px;height:42px}.bottom-cards{grid-template-columns:1fr;gap:18px}.bottom-cards article{padding:25px}.bottom-cards h3{font-size:27px}.leaf{font-size:190px}.leaf-left{left:-90px}.leaf-right{right:-100px}.small-act>div{max-width:90%}.modal-content{padding:50px 24px 28px}.modal-content h2{font-size:30px}.modal-content p,.modal-content li{font-size:15px}.story-row{gap:13px;padding:14px}.story-row img{width:70px;height:70px}.story-row h3{font-size:20px}footer{padding-top:25px}footer small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body>*:not(#print-sheet){display:none!important}body:before{display:none}#print-sheet{display:block;color:#173c30;padding:20px;font-family:Georgia,serif}#print-sheet h1{font-size:32px;letter-spacing:0;line-height:1.3}#print-sheet h2{font-size:22px;letter-spacing:0;margin:20px 0 15px}#print-sheet p{font-size:15px;line-height:1.7}.drawing-space{height:280px;border:1px dashed #777;border-radius:12px}@page{size:A4;margin:15mm}}

[hidden]{display:none!important}
/* Refinement 2: painted forest-to-paper transition and quiet botanical margins. */
body{overflow-x:hidden}.hero{isolation:isolate}.hero-copy{z-index:1}.paper-edge{height:115px;background:transparent url('assets/painted-paper-edge.svg') center bottom/100% 100% no-repeat;clip-path:none;pointer-events:none;z-index:2}.journey{overflow:visible;padding-top:0;background:radial-gradient(ellipse at 50% 15%,#fff9ed 0%,var(--paper) 72%)}.botanical{position:absolute;display:block;pointer-events:none;user-select:none;z-index:2;width:205px;height:410px;object-fit:contain;opacity:.72}.botanical-left{left:-56px;top:-95px;transform:rotate(14deg);transform-origin:center}.botanical-right{right:-57px;top:-5px;transform:scaleX(-1) rotate(9deg);opacity:.57}.intro{padding-top:20px;z-index:3}.intro h2{max-width:800px;margin:auto}.values{position:relative}.content{z-index:3}.journey:after{content:"";position:absolute;pointer-events:none;left:18%;right:18%;top:0;height:260px;background:radial-gradient(ellipse,#fbf5e8bb 0%,#fbf5e800 72%);z-index:2}.content>h2{position:relative}.story-card{box-shadow:0 6px 20px #6c512009}.bottom-cards{margin-top:29px}
@media(min-width:1400px){.botanical{width:245px;height:490px}.botanical-left{left:-59px;top:-110px}.botanical-right{right:-65px;top:-25px}}
@media(max-width:900px){.botanical{width:155px;height:310px;opacity:.58}.botanical-left{left:-58px;top:-60px}.botanical-right{right:-62px;top:35px}.intro h2{max-width:75%}.paper-edge{height:95px}}
@media(max-width:600px){.paper-edge{height:70px}.botanical{width:120px;height:240px;opacity:.45}.botanical-left{left:-65px;top:-45px;transform:rotate(7deg)}.botanical-right{right:-70px;top:75px;transform:scaleX(-1) rotate(3deg);opacity:.32}.intro{padding-top:22px}.intro h2{max-width:88%}.journey:after{left:8%;right:8%;height:230px}.bottom-cards{margin-top:22px}}
/* Readable learning copy and long-dialog access. */
.modal-content p,.modal-content li{font-size:16px}.close{position:sticky;top:12px;float:right;margin:12px 14px -54px 0}.modal-content{clear:none}.mini-label{font-size:11px}.privacy-note{font-size:11px!important}
@media(max-width:420px){header{height:auto;min-height:110px;display:grid;grid-template-columns:1fr;justify-items:center;padding:9px 5%;gap:1px}.brand img{width:165px;height:55px}nav{font-size:12px;gap:25px;justify-content:center}nav a,nav button{min-height:44px;display:flex;align-items:center}nav button:last-child{max-width:none}.home-page header{gap:1px}.home-page .brand img{width:165px}.home-page nav{font-size:12px;gap:25px}.home-page nav a:last-child{max-width:none}}
/* Enhancement round: no sideways scroll, honest targets, readable notes, stable layout, quieter utilities. */
html,body{overflow-x:clip}
nav a,nav button{display:inline-flex;align-items:center;min-height:44px;padding:12px 4px;margin:0 -4px}
@media(min-width:601px) and (max-width:900px){.botanical{width:140px;height:280px}.botanical-left{left:-66px;top:-70px}.botanical-right{right:-66px;top:20px}}
.skip{min-height:44px;display:inline-flex;align-items:center;padding:12px 16px;color:var(--ink);font-weight:600;border-radius:0 0 12px 0}
footer small,.privacy-note{color:#6f6452}footer small{font-size:12px}.privacy-note{font-size:12px!important}
.poster{aspect-ratio:16/9;object-fit:cover;background:#ebe6d7}
.data-state,.data-state.connected{min-height:40px;padding:9px 20px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
body:not(.home-page) main{padding-top:40px}
#learning-journey[aria-busy=true]{min-height:560px}
footer .experience-settings,footer .install-help{width:min(760px,100%);margin:0 auto 6px;padding:0 20px}
footer .experience-settings summary,footer .install-help summary{font:14px/1.5 Arial,sans-serif;color:#526145;min-height:44px;padding:12px 16px;text-align:center}

@media(max-width:600px){.botanical{width:92px;height:184px;opacity:.42}.botanical-left{left:-44px;top:-140px;transform:rotate(8deg)}.botanical-right{right:-48px;top:-138px;transform:scaleX(-1) rotate(3deg);opacity:.34}.intro{padding-top:48px}#learning-journey[aria-busy=true]{min-height:420px}}
#continue{outline:none}
