/* Warm ivory and honey surfaces; moss is an accent rather than a backdrop. */
:root{--forest:#493e32;--cream:#faf4e8;--moss:#66704e}
#website{background:#faf4e8;color:#493e32}
#website header,#website header nav,#website .atelier-hero,#website .book-hero{background:#faf4e8;color:#493e32;border-color:#e4d8c4}
#website header nav a{color:#675a49}
#website header nav a:hover,#website nav a[aria-current="location"]{color:#925e27}
#website h2,#website h3{color:#493e32}
#website h2 em{color:#966a38}
#website .eyebrow,#website .fine,#website .margin-note{color:#79694f}
#website .button,#website header .button.small,#website .atelier-hero .button{background:#69714f;color:#fffaf0;box-shadow:0 4px 14px #59472b12}
#website .button:hover,#website .atelier-hero .button:hover{background:#555e3f}
#website .text-link{color:#755332}
#website .chapter-wayfinder,#website .learning-context{background:#eee2cb;color:#746146;border-color:#dfcfb1}
#website .chapter-wayfinder>span{color:#79694f}
#website .subjects{background:#faf4e8}
#website .subject-art{border-color:#e4d4b8;box-shadow:4px 5px 0 #e9ddc7;background-color:#e8d9bd}
#website .subject:nth-child(2) .subject-art,#website .subject:nth-child(4) .subject-art{border-color:#d8d4bc}
#website .subject:nth-child(3) .subject-art{border-color:#ecd9b6}
#website .subject.selected .subject-art{border-color:#a69772}
#website .subject-explore{background:#f0e6d4;border-color:#dfd0b5}
#website .subject small,#website .subject-heading p,#website .subject-explore p{color:#756752}
#website .story{background:#f1e6d4;border-color:#e2d1b5}
#website .story-paper{background-color:#fffaf0;border-color:#e4d5ba;box-shadow:7px 8px 0 #e7d9be,8px 9px 0 #c8b897}
#website .step{color:#81745f;border-color:#d9cbb3}
#website .step.active{color:#75562f}
#website .demo-section{background:#eee0c9;color:#493e32;border-color:#dfcdaf}
#website .demo-section .eyebrow,#website .demo-section .fine{color:#786447}
#website .demo-section h2 em{color:#986a31}
#website .demo-grid>div>p{color:#6d5e49}
#website .question{color:#685942;border-color:#cebd9c}
#website .question.selected{color:#855719}
#website .tutor{background:#fffaf0;border-color:#e0d0b3;box-shadow:8px 10px 0 #dfcfb2;color:#493e32}
#website .tutor-head{border-color:#e3d6bf}
#website .tutor-head span,#website .capabilities{color:#716148;border-color:#cebfa4}
#website .student-message{background:#efe5d3;color:#594a36}
#website .profile{background:#fcf7ec}
#website .profile>div>p{color:#746651}
#website .profile-map{background:radial-gradient(ellipse,#f0dfbd 10%,transparent 68%);border-color:#dfd2b6}
#website .profile-core{border-color:#bdac86;color:#80643c}
#website .profile-tag{background:#f2e8d5;border-color:#d8c9ab;color:#6d5c40;box-shadow:3px 4px 0 #e7dcc5}
#website .journey{background:#f3ead9}
#website .level-disc{background:#aaa782;box-shadow:0 8px 0 #868464,0 20px 25px #80664415;color:#302c21}
#website .current .level-disc{background:#e3bf78;box-shadow:0 8px 0 #bb9856,0 0 35px #d5bd8425;color:#5b4525}
#website .locked .level-disc{background:#ddd3bb;box-shadow:0 8px 0 #beb29a;color:#776b54}
#website .parents{background:#faf5e9}
#website .parents>div>p{color:#746550}
#website .report{background:#fffbf2;border-color:#e2d5bc;box-shadow:9px 10px 0 #eadfc8}
#website .report-top strong,#website .report-metrics strong{color:#755b37}
#website .report-footer{background:#f0e5cf;color:#6d5b3d}
#website .pricing{background:#f0e4cf}
#website .pricing-options{background:#fffaf0;border-color:#ddccae;box-shadow:7px 8px 0 #e6d7b9}
#website .plan-page{background:#f5e9d2;border-color:#ddccae}
#website .pricing-page p,#website .pricing-page ul,#website .pricing-intro p,#website .plan-page small{color:#74634b}
#website .pricing-page li{border-color:#dfcfb2}
#website .about,#website footer{background:#e9dbc2;color:#594932;border-color:#d6c3a0}
#website .about p{color:#675137}
#website .guide-bubble{background:#fff7e8;color:#594832;border-color:#d4bd94}
#website .guide-top,#website .guide-actions button,#website #guideProgress{color:#776344}
#website .guide-actions{border-color:#e0ceb0}
#website .simple-how{background:#f3e8d5;color:#493e32;border-color:#e2d2b5}
#website .how-paper{background:#fffbf2;border-color:#e3d4b8}
#website .how-heading>p,#website .how-path button,#website .how-footnote,#website .how-experiment>span{color:#74634b}
#website .how-path button[aria-current]{color:#86602b;border-color:#a67b3c}
#website #howAnswers button{background:#f3ead9;color:#59482f;border-color:#d7c5a4}
#website #howAnswers button:hover,#website #howAnswers button.chosen{background:#ece3cc;border-color:#9b9c77}
#website #howFeedback,#website .how-finish a{color:#696c49}
#website #howContinue{background:#69714f;color:#fffaf0}
/* Honey buttons with dark cocoa labels remain readable on the ivory palette. */
#website .button,#website header .button.small,#website .atelier-hero .button,#website #howContinue{background:#edc378;color:#493418;border:1px solid #d6ab61;box-shadow:0 3px 0 #b9893c25,0 5px 14px #a5712512}
#website .button:hover,#website .atelier-hero .button:hover,#website #howContinue:hover{background:#f4d398;color:#493418;border-color:#c89647}
#website .button:focus-visible,#website button:focus-visible{outline:2px solid #955d22;outline-offset:4px}
#website .question.selected,#website .step.active{color:#85551f}
#website .check-button{background:#f0d3a0;color:#503a1e;border-color:#cba464}
#website .physics-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 12px}
#website .physics-tabs button{padding:9px 14px;font-size:14px;background:#fff7e7;color:#79562b;border:1px solid #ddc39a;border-radius:5px;cursor:pointer}
#website .physics-tabs button[aria-pressed="true"]{background:#edc378;color:#493418;border-color:#c79447}
#website .book-invitation #physicsHeroNote{font:14px/1.5 Inter,sans-serif;letter-spacing:0;max-width:560px;margin:0 auto 20px;color:#756047;min-height:42px}
#website .equation-water{font-size:23px;right:7%;top:24%}
#website .book-invitation>p{color:#59432d}
#website .book-intro{color:#765d39}
@media(max-width:760px){#website .equation-water{font-size:16px;right:3%;top:25%}#website .physics-tabs button{font-size:12px;padding:8px 10px}#website .book-invitation #physicsHeroNote{font-size:13px;max-width:88%;min-height:58px}}
#website .book-invitation{max-width:850px}
#website .hero-capability-title{font:clamp(29px,3vw,43px)/1.16 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.035em;margin:0 0 16px;color:#59432d}
#website .hero-capability-title em{display:block;font-weight:400;color:#976b36}
#website .book-invitation .hero-capability-copy{font:16px/1.65 Inter,sans-serif;letter-spacing:0;color:#716049;max-width:640px;margin:0 auto 18px}
#website .hero-teaching-method{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:13px;color:#876333;margin:0 0 22px}
#website .hero-sample-controls{font-size:13px;color:#716049;margin-bottom:13px}
#website #heroClass{font:inherit;color:#62461e;background:#fff6e5;border:1px solid #d5bd91;border-radius:4px;padding:7px 10px;margin-left:6px}
#website .hero-sample-label{display:block;font-size:11px;color:#7c6b54;margin:-6px auto 22px}
#website .equation-energy{font-size:19px}
#website .equation-geometry{font-size:20px}
@media(max-width:760px){#website .book-invitation .hero-capability-copy{font-size:14px;max-width:90%}#website .hero-teaching-method{gap:10px 16px;font-size:12px}#website .equation-energy,#website .equation-geometry{font-size:14px}#website .hero-sample-label{max-width:90%;font-size:10px}}

/* Cleaner type rhythm inspired by modern learning products. */
body,#website,#intro{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#website h1,#website h2,#website h3,#website .subject strong,#website .pricing-page h3{font-family:'Plus Jakarta Sans',Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.035em}
#website h2 em,#website h3 em{font-family:inherit;font-style:normal;font-weight:500}

/* Compact oval actions; character, subject and journey controls keep their unique silhouettes. */
#website .button,#website header .button.small,#website #howContinue,#website #howThrow,#website #howReset,#website #howAnswers button,#website .check-button,#website .option-buttons button,#website #listen,#website #changeWorld,#website .guide-actions button{width:auto;min-height:36px;padding:8px 16px;border-radius:999px;font:600 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}
#website header .button.small{min-height:34px;padding:8px 14px;font-size:12px}
#website .button span{margin-left:4px}
#website .profile-tag{border-radius:999px;padding:9px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#website .question{border:1px solid #cebd9c;border-radius:999px;padding:10px 15px;margin:8px 0;font-size:13px}

/* Three annual plans sourced from the supplied pricing workbook. */
#website .pricing-options.annual-plans{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;border-radius:22px;overflow:hidden}
#website .annual-plans .pricing-page{padding:32px 30px}
#website .annual-plans .pricing-page+ .pricing-page{border-left:1px solid #ddccae}
#website .annual-plans .pricing-page h3{font-size:30px;margin:18px 0 5px;white-space:nowrap}
#website .annual-plans .pricing-page h3 small{font:500 13px/1.2 Inter,sans-serif;color:#7a674d;letter-spacing:0}
#website .annual-plans .monthly-equivalent{font-size:13px;color:#8a6a3d;margin:0 0 16px}
#website .annual-plans .featured-plan{background:#f5e9d2;border-top:3px solid #d4aa60}
#website .annual-plans .senior-plan{background:#fffaf0}
#website .pricing-note{max-width:880px;margin:20px auto 0;text-align:center;font-size:12px;color:#77664e}
#website .billing-toggle{display:inline-flex;align-items:center;gap:4px;margin-top:24px;padding:4px;border:1px solid #d5c19f;border-radius:999px;background:#fff8eb;box-shadow:0 5px 18px #73501f0d}
#website .billing-toggle button{min-height:34px;padding:7px 15px;border-radius:999px;color:#71583a;font:600 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .24s ease,color .24s ease,box-shadow .24s ease}
#website .billing-toggle button span{margin-left:5px;font-size:10px;font-weight:600;opacity:.72}
#website .billing-toggle button[aria-pressed="true"]{background:#69714f;color:#fffaf0;box-shadow:0 3px 10px #4e56352b}
#website .price-value{display:inline-block;min-width:118px}
#website footer{align-items:center}
#website .legal-links{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
#website .legal-links a{color:#6b573b;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}
#website .legal-links a:hover{color:#925e27;border-color:currentColor}
@media(max-width:900px){#website .pricing-options.annual-plans{grid-template-columns:1fr;max-width:620px}#website .annual-plans .pricing-page+ .pricing-page{border-left:0;border-top:1px solid #ddccae}#website .annual-plans .featured-plan{border-top:3px solid #d4aa60}}
@media(max-width:760px){#website .button,#website header .button.small,#website #howContinue,#website #howThrow,#website #howReset,#website #howAnswers button,#website .check-button,#website #listen,#website #changeWorld,#website .guide-actions button{min-height:34px;padding:8px 14px;font-size:12px}#website .annual-plans .pricing-page{padding:27px 24px}#website .annual-plans .pricing-page h3{font-size:27px}#website footer{align-items:flex-start}#website .legal-links{justify-content:flex-start;order:3;width:100%;gap:12px 16px}}

/* Motion stays gentle and GPU-friendly while sections enter the reading flow. */
#website .reveal{transform:translate3d(0,12px,0);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
#website .reveal.seen{transform:translate3d(0,0,0);will-change:auto}
.intro.depart{animation-duration:1.1s!important;animation-timing-function:cubic-bezier(.22,1,.36,1)!important}

/* Additional ideas keep the book multidisciplinary without forming a rigid grid. */
#website .equation-force{left:7%;top:35%;font-size:18px;--angle:-12deg}
#website .equation-area{left:23%;top:8%;font-size:19px;--angle:8deg}
#website .equation-sum{left:48%;top:18%;font-size:18px;--angle:-5deg}
#website .equation-light{right:27%;top:7%;font-size:17px;--angle:9deg}
#website .equation-carbon{right:3%;top:42%;font-size:18px;--angle:-6deg}
#website .equation-dna{left:6%;top:73%;font-size:17px;--angle:7deg}
#website .equation-code{left:31%;top:70%;font-size:16px;--angle:-8deg}
#website .equation-words{right:29%;top:72%;font-size:17px;--angle:5deg}
#website .equation-orbit{right:5%;top:72%;font-size:17px;--angle:10deg}
#website .equation-question{left:52%;top:4%;font-size:16px;--angle:-7deg}
@media(max-width:760px){#website .equation-force,#website .equation-sum,#website .equation-carbon,#website .equation-dna,#website .equation-code,#website .equation-orbit{display:none}#website .equation-area,#website .equation-light,#website .equation-words,#website .equation-question{font-size:12px}}