:root{--ink:#17251f;--deep:#0c3027;--muted:#56675d;--red:#26694b;--red-dark:#123d30;--red-pale:#e8f4e8;--off:#f7f7f1;--line:#dbe3d9;--white:#fff;--radius:14px;--shadow:0 16px 44px rgba(15,30,45,.055)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.58 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--white);color:var(--ink)}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}textarea{resize:vertical}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #f2b04d;outline-offset:3px}.skip-link{position:fixed;left:15px;top:-70px;padding:12px 20px;background:white;z-index:1000}.skip-link:focus{top:15px}.site-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:#0c3027;color:#e2efe6;display:flex;flex-direction:column;padding:29px 20px 24px;position:sticky;top:0;height:100vh;z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:2px 5px}.brand-symbol{width:42px;height:42px;border:1.5px solid rgba(255,255,255,.85);display:grid;place-items:center;position:relative;flex:none}.brand-symbol::after{content:"";width:8px;height:8px;background:#8dbb93;position:absolute;right:-4px;top:-4px}.brand-symbol span{font-weight:900;color:white;font-size:16px;letter-spacing:-.08em}.brand-name{display:flex;flex-direction:column;line-height:1.2}.brand-name b{font-size:13.5px;letter-spacing:.14em;color:white}.brand-name small{font-size:9px;letter-spacing:.16em;color:#b7cbbc;margin-top:5px}.sidebar-divider{border-top:1px solid #2e5442;margin:31px 5px 27px}.sidebar-label{color:#b1c9b7;letter-spacing:.19em;font-size:10px;font-weight:800;margin:0 12px 14px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{border-radius:7px;min-height:43px;display:flex;align-items:center;gap:13px;padding:10px 12px;font-size:13px;font-weight:650;color:#bbd0c2;transition:background .18s,color .18s}.side-nav a:hover{background:#245340;color:white}.side-nav a.active{background:#26694b;color:white}.nav-num{font-size:10px;font-weight:750;letter-spacing:.05em;color:#9cb8a6}.side-nav a.active .nav-num{color:#d6efda}.sidebar-bottom{margin-top:auto;border-top:1px solid #2e5442;padding:21px 10px 0}.mini-info{font-size:10px;letter-spacing:.15em;color:#d9e3ec;font-weight:800}.pulse-dot,.topline-status span,.small-bullet{display:inline-block;width:7px;height:7px;border-radius:50%;background:#de3651;margin-right:5px}.sidebar-bottom p{font-size:11px;line-height:1.65;color:#adc5b2;margin:12px 0}.sidebar-bottom a{font-size:11px;color:#c0e0c6;text-decoration:underline;text-underline-offset:3px}.mobile-header,.nav-overlay{display:none}.main{width:100%;min-width:0}.topline{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e2e8df;padding:0 clamp(25px,4.4vw,73px);background:white}.breadcrumb{font-size:9.5px;font-weight:800;color:#6b806f;letter-spacing:.15em}.breadcrumb span{color:#39845c;margin:0 8px}.topline-status{font-size:9px;letter-spacing:.16em;color:#41795b;font-weight:900;white-space:nowrap}.topline-status span{width:6px;height:6px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.77fr);gap:clamp(20px,3vw,42px);background:#123d30;color:#fff;padding:clamp(38px,5vw,83px) clamp(25px,4.4vw,73px) 38px;min-height:478px;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;width:460px;height:460px;border:95px solid rgba(255,255,255,.045);border-radius:50%;right:-205px;bottom:-242px;pointer-events:none}.hero::after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:22%;top:-160px;pointer-events:none}.hero-left,.hero-right{position:relative;z-index:1}.eyebrow,.kicker{font-size:10px;line-height:1.4;font-weight:900;letter-spacing:.2em}.eyebrow{display:flex;align-items:center;gap:8px;color:#bed6c1;margin:3px 0 22px}.eyebrow-mark{width:18px;height:2px;background:#bed6c1}.hero h1{font-size:clamp(43px,4.4vw,67px);line-height:1.05;letter-spacing:-.055em;font-weight:860;max-width:750px;margin:0 0 23px}.hero h1 em{font-style:normal;color:#a8d5ab}.hero-description{color:#e0ece1;max-width:575px;font-size:15px;line-height:1.8;margin:0}.hero-description strong{color:white}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:31px 0 39px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 17px;border-radius:5px;font-weight:850;font-size:12px;letter-spacing:.005em;border:1px solid transparent;min-height:43px;transition:transform .16s,background .16s,color .16s}.btn:hover{transform:translateY(-1px)}.btn-white{background:#fff;color:#215b3e}.btn-white:hover{background:#e9f4e7}.btn-outline-light{border-color:#9cc9a5;color:white;background:transparent}.btn-outline-light:hover{background:#ffffff1b}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-dark)}.btn-dark{background:#153e30;color:#fff}.btn-dark:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-quiet{background:white;border-color:#c8d8ca;color:#425f4d}.hero-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:9px;letter-spacing:.13em;color:#a6cead;font-weight:800}.hero-foot i{height:3px;width:3px;background:#c4e2c9;border-radius:100%}.hero-right{background:#fff;color:#253c2c;border-radius:11px;align-self:center;padding:21px;box-shadow:0 25px 45px rgba(71,0,0,.16);transform:rotate(1deg);max-width:425px;justify-self:end}.demo-heading{display:flex;gap:10px;align-items:center;border-bottom:1px solid #dfe9de;padding-bottom:15px;margin-bottom:15px}.demo-icon{height:34px;width:34px;background:#eaf5e8;color:#26694b;border-radius:8px;display:grid;place-items:center;font-size:23px}.demo-heading div{display:flex;flex-direction:column;line-height:1.3}.demo-heading b{font-size:12px}.demo-heading small{font-size:10px;color:#728475;margin-top:3px}.demo-online{margin-left:auto;background:#e9f4ee;color:#26835b;border-radius:4px;padding:4px 7px;font-size:8px;font-weight:900;letter-spacing:.1em}.chat-bubble{border-radius:9px;padding:11px 13px;margin:10px 0;font-size:11.5px;line-height:1.57;max-width:93%}.chat-bubble.bot{background:#eff4ed}.chat-bubble.human{background:#edf7e9;border:1px solid #d7e8d5;margin-left:auto}.chat-owner{display:block;font-size:8px;letter-spacing:.11em;font-weight:900;color:#286846;margin-bottom:5px}.chat-bubble.human .chat-owner{color:#587260}.conversation-status{padding:12px 3px 0;color:#8d96a2;font-size:9px}.small-bullet{width:6px;height:6px;background:#28a879}.principle-strip{padding:20px clamp(25px,4.4vw,73px);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#103527;color:white}.principle-strip>div{display:grid;grid-template-columns:26px 1fr;column-gap:10px;row-gap:0;align-items:center}.principle-number{font-size:10px;color:#9bc9a0;font-weight:900;grid-row:1/3;align-self:center}.principle-strip b{font-size:10px;letter-spacing:.09em;line-height:1.4}.principle-strip small{font-size:11px;color:#bad1be;line-height:1.5;margin-top:3px}.section{padding:80px clamp(25px,4.4vw,73px);scroll-margin-top:20px}.section-soft{background:#f7f7f1}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}.section-heading>div{flex:1}.section-heading>p{max-width:300px;font-size:13px;color:#627666;line-height:1.75;margin:0 0 8px}.kicker{color:#2a764e;margin:0 0 16px}.kicker span{color:#7a917e}.section h2{font-size:clamp(30px,3.3vw,47px);line-height:1.13;letter-spacing:-.045em;color:#17251f;margin:0;font-weight:850}.stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.stage-card{background:white;border:1px solid #dbe3d9;border-radius:9px;min-height:231px;padding:21px 16px 17px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.stage-top{display:flex;justify-content:space-between;align-items:start}.stage-top>span:first-child{color:#2b7551;font-weight:900;font-size:13px}.stage-symbol{color:#a2b9a8;font-size:25px;font-weight:350;line-height:1}.stage-card h3{font-size:18px;letter-spacing:-.03em;margin:25px 0 7px}.stage-card p{font-size:11.5px;line-height:1.62;color:#617767;margin:0 0 18px;flex:1}.stage-outcome{font-size:10px;font-weight:850;color:#2b7752;border-top:1px solid #eceef0;padding-top:13px}.note-row{display:flex;gap:15px;padding:23px 26px;background:#f5faf1;border:1px solid #d0e4d3;border-left:4px solid #327b54;border-radius:5px;margin-top:22px}.note-icon{width:24px;height:24px;border:1px solid #2b7751;border-radius:50%;display:grid;place-items:center;color:#26694b;font-weight:900;font-size:12px;flex:none}.note-row strong{font-size:14px}.note-row p{font-size:12px;color:#5a715f;line-height:1.75;margin:4px 0 0}.start-layout{display:grid;grid-template-columns:1.46fr .75fr;gap:20px}.start-main,.start-side{background:white;border:1px solid #dce6db;border-radius:10px;padding:29px;box-shadow:var(--shadow)}.tag{font-size:9px;font-weight:900;letter-spacing:.1em;color:#626e7e;border-radius:4px;background:#e7f0e6;padding:5px 8px;white-space:nowrap}.tag-red{background:#e8f4e8;color:#286846}.start-main h3{font-size:25px;letter-spacing:-.035em;margin:16px 0 6px;line-height:1.3}.start-main p{color:#5a715f;font-size:12px;line-height:1.7;max-width:650px}.prompt-quote{background:#f1f5ed;border:1px solid #dfe9dc;border-radius:6px;color:#223c2b;font-size:13px;line-height:1.85;padding:20px 22px;margin-top:18px;white-space:pre-wrap}.start-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:21px}.text-link{font-weight:800;font-size:12px;color:#2a764e}.start-side{background:#123d30;color:white;border-color:#123d30}.side-flag{font-size:10px;font-weight:900;letter-spacing:.15em;color:#b8dfbc}.start-side h4{font-size:19px;letter-spacing:-.025em;margin:18px 0 7px}.start-side ul{padding-left:19px;font-size:12px;line-height:2.3;color:#d8eadc}.start-side li::marker{color:#acd879}.start-side hr{border:0;border-top:1px solid #384558;margin:21px 0}.start-side p{font-size:12px;color:#d4dce6;line-height:1.8}.start-side p b{color:white}.shared-link-info{border-top:1px solid #384558;padding-top:16px;margin-top:21px;color:#9eaec0;font-size:10.5px;line-height:1.6}.shared-link-info .small-bullet{background:#f08d9a}.toolkit{display:grid;grid-template-columns:200px 1fr;border:1px solid #e5e8ed;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.toolkit-tabs{display:flex;flex-direction:column;background:#f1f3f6;padding:14px 0}.toolkit-tabs button{background:transparent;color:#697788;text-align:left;border:0;padding:17px 19px;font-weight:800;font-size:12px;border-left:3px solid transparent;transition:background .15s}.toolkit-tabs button:hover{background:#e9edf1;color:#2a3443}.toolkit-tabs button[aria-selected=true]{background:white;color:#a91a2e;border-left-color:#26694b}.toolkit-content{padding:30px;background:#fff;min-width:0}.toolkit-title-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.toolkit-step{color:#ab2437;font-size:9px;font-weight:900;letter-spacing:.16em}.toolkit h3{font-size:22px;letter-spacing:-.025em;margin:5px 0}.copy-button{display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #d9dfe5;background:#fff;color:#26364a;font-size:11px;font-weight:850;padding:10px 13px;border-radius:5px}.copy-button:hover{background:#f7f7f1}.toolkit-content>p{font-size:12px;color:#737d89;margin:8px 0 16px}.toolkit-text{width:100%;height:268px;background:#f8faf5;border:1px solid #dfe8dc;padding:17px;color:#243f2c;font-size:12px;line-height:1.8;outline:none;resize:vertical;border-radius:6px}.toolkit-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#9aa3ae;font-size:10px;margin-top:13px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-card{border:1px solid #dbe3d9;border-radius:10px;background:#fff;padding:22px;min-height:227px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .17s,border .17s}.resource-card:hover{transform:translateY(-2px);border-color:#b8d0bd}.featured-resource{border-top:3px solid #ad1b30}.resource-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.resource-icon{height:38px;min-width:38px;padding:0 4px;display:grid;place-items:center;background:#eaf4e8;color:#26694b;border-radius:6px;font-size:11px;font-weight:950}.resource-card h3{margin:20px 0 7px;font-size:17px;line-height:1.3;letter-spacing:-.025em}.resource-card p{font-size:11.5px;color:#727e8b;line-height:1.7;margin:0 0 16px;flex:1}.resource-bottom{border-top:1px solid #ebedf0;padding-top:14px;display:flex;flex-wrap:wrap;gap:12px 16px}.resource-bottom a{font-size:11px;color:#286c4c;font-weight:850}.resource-bottom a:hover{text-decoration:underline;text-underline-offset:3px}.check-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:17px}.thinking-panel,.character-panel{border-radius:10px;background:white;border:1px solid #dfe8dc;padding:28px;box-shadow:var(--shadow)}.thinking-panel{background:#143e30;border-color:#143e30;color:#fff}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-star{font-size:29px;color:#d54b5c}.thinking-panel h3,.character-panel h3{font-size:23px;letter-spacing:-.03em;margin:22px 0 6px}.thinking-panel>p,.character-panel>p{font-size:12px;line-height:1.7;color:#b6cfbd}.character-panel>p{color:#5a715f}.audit-list{margin:19px 0 25px;padding:0;list-style:none}.audit-list li{border-bottom:1px solid #3c644e;padding:12px 0 12px 25px;position:relative;color:#dfe6ef;font-size:12px;line-height:1.55}.audit-list li::before{content:"✓";position:absolute;left:1px;color:#a5d4aa;font-size:13px;font-weight:850}.transfer-callout{border:1px solid #426b52;padding:18px;background:#245540;border-radius:7px}.transfer-callout b{font-size:10px;color:#b9dfc1;letter-spacing:.11em}.transfer-callout p{font-size:11px;line-height:1.7;color:#e1efdf;margin:7px 0 0}.counter-notation{font-size:9px;color:#a5aeb8;font-weight:850;white-space:nowrap}.character-panel textarea{width:100%;height:174px;padding:15px;border-radius:6px;border:1px solid #d7e3d5;background:#fafcf8;color:#233d2b;font-size:12px;line-height:1.65}.character-stats{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.character-stats div{display:flex;flex-direction:column}.character-stats strong{font-size:29px;letter-spacing:-.06em;line-height:1.15;font-variant-numeric:tabular-nums}.character-stats small{font-size:9px;color:#849b89}.count-status{color:#77838f;font-size:10px;font-weight:900}.count-status.good{color:#28764f}.count-status.warning{color:#98711e}.count-status.error{color:#b65b35}.meter{height:7px;background:#dce8dc;border-radius:10px;overflow:hidden;margin-top:14px}.meter div{height:100%;width:0;background:#359b72;border-radius:10px;transition:width .15s,background .15s}.meter-labels{display:flex;justify-content:space-between;color:#8d9d91;font-size:9px;margin-top:6px}.checker-buttons{display:flex;gap:9px;margin-top:21px}.checker-note{font-size:10px!important;color:#9da7b0!important;margin-top:14px}.test-bank{display:flex;gap:18px;align-items:center;background:#f6f7f9;border:1px solid #e7e9ed;border-radius:10px;padding:22px;margin-top:17px;flex-wrap:wrap}.test-bank>div:first-child{min-width:185px;flex:1}.test-bank h3{font-size:16px;line-height:1.3;letter-spacing:-.02em;margin:5px 0}.test-bank .kicker{font-size:9px}.test-chips{flex:2;display:flex;gap:8px;flex-wrap:wrap}.scenario{border-radius:4px;padding:9px 12px;background:white;border:1px solid #d4e0d2;font-size:10.5px;font-weight:700;color:#2b4733}.scenario:hover{border-color:#286f4b;color:#286f4b}.scenario-action{flex-basis:100%;display:flex;justify-content:space-between;color:#7d9282;font-size:10px;border-top:1px solid #e5e8ed;padding-top:10px}.scenario-action #scenario-status{color:#286f4b}.deploy-options{display:grid;grid-template-columns:1fr 1fr;gap:17px}.deploy-card{background:#fff;border:1px solid #dce6db;border-radius:9px;padding:25px;display:flex;flex-direction:column}.deploy-card.recommended{border-top:3px solid #26694b}.deploy-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.deploy-head>span:last-child{font-size:9px;color:#a1abb5;letter-spacing:.12em;font-weight:900}.deploy-card h3{font-size:21px;line-height:1.3;margin:25px 0 6px;letter-spacing:-.03em}.deploy-card p,.deploy-card li{font-size:12px;color:#69798a;line-height:1.75}.deploy-card ul{padding-left:19px;margin:10px 0 20px;flex:1}.deploy-card li{margin:4px 0}.deploy-card code{font-size:11px;color:#286f4b;background:#edf6e9;padding:2px 4px;border-radius:3px}.deploy-route{font-size:10px;background:#f3f5f7;color:#455b49;padding:12px 13px;border-radius:5px;font-weight:750;line-height:1.65}.implementation{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;margin-top:18px;background:#11392c;color:white;border-radius:9px;padding:30px}.implementation h3{margin:7px 0;font-size:23px;line-height:1.25}.implementation p{font-size:11px;color:#c3d7c6;line-height:1.8}.implementation a{text-decoration:underline;color:#c2e1c8;text-underline-offset:3px}.checklist{display:grid;gap:8px}.checklist label{display:flex;align-items:start;gap:10px;font-size:12px;color:#d9e9dc;cursor:pointer;line-height:1.6}.checklist input{accent-color:#348455;margin-top:3px;flex:none;width:15px;height:15px}.footer{background:#0b3025;color:white;padding:29px clamp(25px,4.4vw,73px);display:flex;justify-content:space-between;gap:16px;align-items:center}.footer b{font-size:12px;letter-spacing:.13em}.footer b span{color:#8fc99a}.footer p{color:#9bbb9f;font-size:11px;margin:4px 0}.footer-right{display:flex;gap:21px;flex-wrap:wrap;font-size:10px;color:#b1cdb6}.footer-right span{color:#8cae96}.footer-right a:hover{color:white}.toast{position:fixed;right:25px;bottom:24px;background:#152638;color:white;box-shadow:0 12px 32px #17253633;padding:12px 18px;border-radius:8px;font-size:12px;font-weight:700;z-index:200;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:none}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1210px){.site-shell{grid-template-columns:220px 1fr}.sidebar{padding-left:13px;padding-right:13px}.hero{grid-template-columns:1fr .78fr}.hero h1{font-size:clamp(42px,4.2vw,59px)}.stage-grid{grid-template-columns:repeat(3,1fr)}.stage-card{min-height:210px}.library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.site-shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-103%);transition:transform .25s;height:100vh;max-width:290px;width:85vw;box-shadow:8px 0 30px #102d222f}.sidebar.open{transform:none}.nav-overlay.open{position:fixed;inset:0;background:rgba(11,19,28,.55);display:block;z-index:30}.mobile-header{height:63px;background:#10382a;display:flex;justify-content:space-between;align-items:center;padding:0 22px;position:sticky;top:0;z-index:28}.mobile-brand{color:white;font-size:12px;font-weight:900;letter-spacing:.12em;display:flex;align-items:center;gap:12px}.mobile-mark{width:33px;height:33px;border:1px solid white;display:grid;place-items:center;font-size:12px}.menu-toggle{background:transparent;border:0;width:36px;height:32px;display:flex;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:2px;background:white;width:22px}.topline{height:49px}.hero{min-height:0}.section{scroll-margin-top:65px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:45px}.hero-right{max-width:460px;width:100%;justify-self:start;transform:none}.hero-foot{margin-top:3px}.principle-strip{grid-template-columns:1fr;gap:14px}.section{padding-top:57px;padding-bottom:57px}.section-heading{display:block}.section-heading>p{margin:14px 0 0;max-width:510px}.stage-grid{grid-template-columns:repeat(2,1fr)}.start-layout,.check-layout,.deploy-options,.implementation{grid-template-columns:1fr}.toolkit{grid-template-columns:1fr}.toolkit-tabs{flex-direction:row;overflow-x:auto;padding:0}.toolkit-tabs button{white-space:nowrap;padding:12px 14px;border-left:0;border-bottom:3px solid transparent}.toolkit-tabs button[aria-selected=true]{border-left:0;border-bottom-color:#26694b}.library-grid{grid-template-columns:1fr}.footer{align-items:start;flex-direction:column}.toolkit-content{padding:20px}.start-main,.start-side,.thinking-panel,.character-panel{padding:21px}.test-bank{display:block}.test-chips{margin-top:15px}.toolkit-title-row{align-items:start}.copy-button{font-size:10px}}
@media(max-width:420px){.topline{padding:0 17px}.breadcrumb{font-size:8px;letter-spacing:.06em}.topline-status{font-size:8px}.hero,.section{padding-left:19px;padding-right:19px}.hero h1{font-size:43px}.stage-grid{grid-template-columns:1fr}.stage-card{min-height:158px}.hero-actions .btn{width:100%}.section h2{font-size:34px}.toolkit-title-row{flex-direction:column}.toolkit .copy-button{align-self:start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Science Weise brand harmonization, based on the supplied homepage archive.
   The font referenced here is intentionally not redistributed in this update ZIP;
   to enable it, use the font already bundled in your own homepage ZIP. */
@font-face{font-family:"Science Weise Display";src:url("assets/ScienceWeiseBold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--forest:#123d30;--deep:#0c3027;--green:#26694b;--mint:#bed6c1;--leaf:#8dbb93;--cream:#f7f7f1;--paper:#fffefa;--silver:#909c99;--ink:#17251f;--muted:#56675d;--line:#dbe3d9;--red:#26694b;--red-dark:#123d30;--red-pale:#edf6ec;--off:#f7f7f1;--white:#fffefa}
body{background:var(--cream);color:var(--ink)}
.sidebar{background:var(--deep)}
.brand{align-items:center;padding:0 3px;gap:12px}
.brand-symbol{width:50px;height:50px;border:none;border-radius:50%;background:#fff;overflow:hidden;flex:none;box-shadow:0 0 0 2px #90b89c50}
.brand-symbol::after{display:none}
.brand-symbol img{width:100%;height:100%;object-fit:cover}
.brand-name b{font:700 18px/1.08 "Science Weise Display",system-ui,sans-serif;letter-spacing:0;color:#fff}
.brand-name b span{color:#a7d6a6}
.brand-name small{font-size:8px;letter-spacing:.11em;color:#b4d0ba}
.back-home{font-size:11px;color:#c5e5cd;margin:0 12px 18px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.sidebar-divider{margin-bottom:15px}
.side-nav a.active{background:#2d7450;color:#fff}
.side-nav a:hover{background:#245a42}
.sidebar-label{color:#a6c0ac}
.sidebar-bottom a{color:#c0e0c6}
.hero{background:radial-gradient(circle at 75% 20%,#275a40 0%,#123d30 53%,#0c3027 100%)}
.hero::before{border-color:#a8d7ab0c}.hero::after{border-color:#accfac20}
.hero h1{letter-spacing:-.056em}
.hero h1 em{color:#b4deaf}
.hero-description{color:#d2e6d6}
.eyebrow{color:#b6ddb9}.eyebrow-mark{background:#89bc93}
.brand-motto{font-size:9px;letter-spacing:.21em;font-weight:850;color:#accfaf;margin:-4px 0 22px}
.brand-motto span{color:#e3eddf;margin:0 7px}
.brand-stamp{position:absolute;top:-17px;right:-13px;width:55px;height:55px;border-radius:50%;background:#fff;padding:4px;border:3px solid #bed6c1;box-shadow:0 5px 18px #10321e30}
.brand-stamp img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.hero-right{background:#fffefa;color:#223b2b;box-shadow:0 24px 45px #061e1328;transform:rotate(.65deg)}
.chat-bubble.bot{background:#f0f5ed}.chat-bubble.human{background:#eaf5e8;border-color:#d6e8d5}
.demo-icon{background:#e8f4e8;color:#296b4e}
.principle-strip{background:#0b3126}
.stage-card,.start-main,.resource-card,.thinking-panel,.character-panel,.deploy-card{background:#fffefa;border-color:#dbe3d9}
.section-soft{background:#f0f4ea}
.note-row{background:#f8fcf4;border-color:#d3e7d4;border-left-color:#26694b}
.start-side,.thinking-panel{background:#143e30;border-color:#143e30;color:#fff}
.btn-white{background:#f7f7f1;color:#143e30}.btn-white:hover{background:#e6f3e4}
.btn-red{background:#26694b}.btn-red:hover{background:#123d30}
.btn-dark{background:#123d30}
.toolkit-tabs button[aria-selected=true]{border-left-color:#26694b}
.featured-resource,.deploy-card.recommended{border-top-color:#26694b}
.resource-icon{background:#e6f2e6;color:#1f6747}
.footer{background:#0b3025}
.footer b{font-family:"Science Weise Display",system-ui,sans-serif;font-weight:700;letter-spacing:.015em}
.mobile-header{background:#10382a}
.mobile-mark{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #e1eee0}
.mobile-brand-copy{font-size:12px;letter-spacing:.12em}
.mobile-brand{gap:10px}
@media (max-width:960px){.brand-stamp{top:-12px;right:-9px}}
@media (max-width:700px){.brand-motto{line-height:1.7}.hero-right{transform:none}}

/* v1.0: Independent teacher NotebookLM creation guide */
.notebook-flow{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;gap:10px;margin:0 0 28px}
.flow-card{border-radius:10px;background:#fffefa;border:1px solid #dbe3d9;padding:20px;min-height:142px}
.flow-card.accent{background:#123d30;color:white;border-color:#123d30}
.flow-kicker{display:block;font-size:9px;font-weight:850;letter-spacing:.15em;color:#49805c;margin-bottom:10px}
.flow-card.accent .flow-kicker{color:#badfc0}
.flow-card strong{font-size:19px;line-height:1.2;display:block;letter-spacing:-.035em}
.flow-card p{font-size:11.5px;line-height:1.65;margin:8px 0 0;color:#637a6c}
.flow-card.accent p{color:#d8e9d9}
.flow-arrow{color:#3f7852;text-align:center;font-size:25px;font-weight:700}
.notebook-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.notebook-step{display:flex;align-items:flex-start;gap:15px;background:#fffefa;border:1px solid #dbe3d9;border-radius:10px;padding:23px 20px}
.notebook-step:nth-child(7){grid-column:span 2}
.step-number{flex:none;font-size:19px;font-weight:900;font-family:monospace;color:#337852;border-radius:8px;background:#eaf3e7;padding:10px 11px;line-height:1}
.notebook-step h3{margin:0 0 8px;font-size:17px;letter-spacing:-.035em;color:#173829}
.notebook-step p{margin:0;font-size:12px;line-height:1.75;color:#506659}
.notebook-step p b{color:#254c36}
.notebook-step a{color:#1d6e44;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.notebook-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}
.notebook-actions .btn-quiet{border:1px solid #c8dccc;background:#fffefa;color:#265c41;text-decoration:none;font-size:11px}
.notebook-caution{background:#eaf2e7;color:#335744;border-left:3px solid #347450;padding:17px 19px;border-radius:6px;margin-top:20px;font-size:12px;line-height:1.7}
@media(max-width:1000px){.notebook-flow{grid-template-columns:1fr;gap:7px}.flow-card{min-height:0}.flow-arrow{transform:rotate(90deg);height:22px;line-height:20px}}
@media(max-width:700px){.notebook-steps{grid-template-columns:1fr}.notebook-step:nth-child(7){grid-column:auto}.notebook-actions{flex-direction:column}.notebook-actions .btn{width:100%;justify-content:center}}

/* SCIENCE WEISE CUSTOM DISPLAY TYPE — v1.0
   Mirrors the official homepage's usage: display lettering on the
   wordmark and expressive accents; body copy remains highly readable.
   Place your own ScienceWeiseBold.woff2 at assets/ScienceWeiseBold.woff2. */
.brand-name b,
.mobile-brand-copy,
.footer b {
  font-family:"Science Weise Display",system-ui,sans-serif;
  font-weight:700;
  letter-spacing:.025em;
}
.hero h1 em {
  font-family:"Science Weise Display",system-ui,sans-serif;
  font-style:normal;
  font-weight:700;
  font-size:.62em;
  line-height:1.12;
  letter-spacing:-.035em;
}
.section h2 {
  font-family:"Science Weise Display",system-ui,sans-serif;
  font-weight:700;
  letter-spacing:-.016em;
  font-size:clamp(22px,2.35vw,32px);
  line-height:1.19;
}
@media (max-width:840px) {
  .hero h1 em { font-size:.57em; }
  .section h2 { line-height:1.22; }
}