@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400..900&display=swap');
:root{
  --ink:#071440;--navy:#06143d;--navy2:#0b1e5f;--teal:#029ba7;--teal2:#00c2c7;--cyan:#77e7ff;--coral:#df744a;--orange:#f26a2e;--violet:#7357ff;--green:#1fae6c;--red:#d64245;--cream:#fffaf1;--paper:#fffdf7;--muted:#65708d;--line:rgba(7,20,64,.12);--glass:rgba(255,255,255,.68);--glass2:rgba(255,255,255,.86);--shadow:0 28px 90px rgba(7,20,64,.16);--soft:0 16px 44px rgba(7,20,64,.10);--radius:30px;--max:1240px;
}
*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{margin:0;font-family:'Source Serif 4',Georgia,Cambria,serif;color:var(--ink);font-size:18px;line-height:1.55;background:radial-gradient(circle at 12% 8%,rgba(0,194,199,.23),transparent 31rem),radial-gradient(circle at 90% 9%,rgba(223,116,74,.17),transparent 32rem),radial-gradient(circle at 60% 78%,rgba(115,87,255,.13),transparent 36rem),linear-gradient(135deg,#fffdf8 0%,#f4fbff 45%,#fff7ef 100%);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(7,20,64,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,20,64,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 16%,black 0 46%,transparent 80%);z-index:-3}body::after{content:"";position:fixed;inset:-22%;background:radial-gradient(circle at 18% 25%,rgba(0,194,199,.16),transparent 17%),radial-gradient(circle at 82% 26%,rgba(223,116,74,.12),transparent 15%),radial-gradient(circle at 52% 76%,rgba(115,87,255,.13),transparent 16%);filter:blur(34px);animation:drift 18s ease-in-out infinite alternate;z-index:-4;pointer-events:none}@keyframes drift{to{transform:translate3d(2rem,-1.2rem,0) scale(1.05)}}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,h4,li,td,th,a,button,span,strong,em,blockquote{overflow-wrap:anywhere;text-wrap:pretty}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:16px;background:var(--navy);color:#fff;padding:.7rem 1rem;border-radius:999px;font-weight:900;z-index:1000}.skip-link:focus{top:16px}.glass{border:1px solid rgba(255,255,255,.76);background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.50));box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,247,.78);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.72)}.site-nav{max-width:1380px;margin:auto;padding:12px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between}.brand-lockup,.footer-brand,.brand-combo{display:flex;align-items:center;gap:14px;white-space:nowrap}.brand-divider{width:1px;height:34px;background:rgba(7,20,64,.18);display:inline-block}.learnai-logo{display:inline-flex;align-items:center;gap:9px}.learnai-mark{width:44px;height:44px;display:inline-grid;place-items:center}.learnai-mark svg{width:100%;height:100%}.learnai-word{font-weight:900;font-size:clamp(1.5rem,2vw,2rem);letter-spacing:-.045em;color:var(--navy);line-height:1}.learnai-word span{color:var(--teal)}
.postedby-logo{display:inline-flex;align-items:center;gap:3px;font-weight:900;font-size:clamp(1.05rem,1.45vw,1.34rem);letter-spacing:-.055em;color:#111;line-height:1;font-family:'Source Serif 4',Georgia,serif}.posted-ai{color:var(--coral)}.posted-mark{width:18px;height:24px;border:2px solid rgba(7,20,64,.22);border-right:0;border-radius:8px 0 0 8px;margin-right:3px;position:relative}.posted-mark::after{content:"";position:absolute;right:-5px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--coral);transform:translateY(-50%);box-shadow:0 0 18px rgba(223,116,74,.45)}.posted-mark i{position:absolute;left:4px;top:4px;bottom:4px;width:2px;border-radius:3px;background:linear-gradient(var(--teal),var(--violet))}
.nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-links a{font-size:.92rem;font-weight:850;color:rgba(7,20,64,.72);padding:.48rem .74rem;border-radius:999px;border:1px solid transparent;background:transparent}.nav-links a:hover,.nav-links a.active{background:rgba(4,153,164,.10);border-color:rgba(4,153,164,.18);color:var(--navy)}.progress{height:3px;background:rgba(7,20,64,.05)}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--violet),var(--coral));transition:width .1s linear}
.lesson-section{position:relative;padding:86px 0;border-bottom:1px solid rgba(7,20,64,.06)}.lesson-section.alt{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06))}.hero-section{padding:92px 0 72px;overflow:hidden}.section-shell{display:grid;gap:28px}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:34px;align-items:center}.hero-copy h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.92;letter-spacing:-.065em;margin:0 0 20px}.hero-copy h1 span{color:var(--teal)}.lead{font-size:clamp(1.18rem,2vw,1.52rem);line-height:1.42;color:var(--muted);font-weight:640;max-width:820px}.eyebrow,.kicker{font-size:.86rem;text-transform:uppercase;letter-spacing:.17em;font-weight:900;color:var(--teal);margin:0 0 14px}.eyebrow span{display:inline-block;width:46px;height:3px;background:linear-gradient(90deg,var(--teal),var(--violet),var(--coral));border-radius:99px;margin-right:10px;vertical-align:middle}.action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.btn{border:1px solid rgba(7,20,64,.12);border-radius:999px;padding:.82rem 1.06rem;font-weight:900;display:inline-flex;align-items:center;gap:.45rem;min-height:46px;background:rgba(255,255,255,.70);box-shadow:0 8px 20px rgba(7,20,64,.06)}.btn.primary{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-color:rgba(6,20,61,.22)}.btn.ghost:hover,.btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(7,20,64,.11)}
.hero-visual,.visual-frame{border-radius:36px;padding:12px;position:relative;isolation:isolate}.hero-visual::before,.visual-frame::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(0,194,199,.34),rgba(115,87,255,.22),rgba(223,116,74,.24));z-index:-1;filter:blur(2px)}.image-button{border:0;background:transparent;padding:0;width:100%;border-radius:28px;overflow:hidden;display:block}.hero-visual img,.visual-frame img{width:100%;border-radius:26px;box-shadow:var(--soft);object-fit:contain;background:#fff}.hero-visual img{max-height:680px}.visual-frame img{max-height:760px}.prompt-handout img{max-height:860px}.orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.65;pointer-events:none}.orb-a{width:160px;height:160px;background:radial-gradient(circle,rgba(0,194,199,.27),transparent 70%);top:6%;left:4%;animation:float 11s ease-in-out infinite alternate}.orb-b{width:210px;height:210px;background:radial-gradient(circle,rgba(223,116,74,.20),transparent 70%);right:7%;bottom:2%;animation:float 14s ease-in-out infinite alternate-reverse}@keyframes float{to{transform:translate(22px,-18px)}}
.roadmap-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}.roadmap-row a{border-radius:24px;padding:18px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.76);box-shadow:var(--soft);display:grid;gap:3px}.roadmap-row b{color:var(--teal);font-size:1.5rem}.roadmap-row span{font-weight:900;color:var(--navy)}.section-head{display:grid;grid-template-columns:minmax(0,.76fr) minmax(320px,.5fr);gap:26px;align-items:end}.section-head h2{font-size:clamp(2.35rem,5vw,4.5rem);line-height:1;letter-spacing:-.055em;margin:0}.section-head p:last-child{color:var(--muted);font-weight:640;margin:0}.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.76fr);gap:24px;align-items:stretch}.lesson-grid.visual-left{grid-template-columns:minmax(480px,1fr) minmax(0,.82fr)}.teach-stack-mini{display:grid;gap:16px}.concept-grid{display:grid;gap:18px}.concept-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.concept-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.concept-card,.glass-panel,.example-lab,.prompt-theater,.context-demo,.closing-card{border-radius:var(--radius);padding:22px;position:relative}.concept-card{display:flex;flex-direction:column;gap:10px}.concept-card>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--violet));color:#fff;font-weight:950;box-shadow:0 13px 30px rgba(4,153,164,.2)}.concept-card h3,.glass-panel h3,.example-lab h3,.prompt-theater h3,.context-demo h3{font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.05;letter-spacing:-.035em;margin:0}.concept-card p,.glass-panel p,.example-lab p,.context-demo p{color:var(--muted);font-weight:630;margin:0}.spaced{margin-top:2px}.section-jump{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.section-jump .btn.ghost{background:rgba(255,255,255,.64)}
.example-lab{display:grid;grid-template-columns:minmax(280px,.55fr) minmax(0,1fr);gap:22px;align-items:stretch}.lab-copy{display:flex;flex-direction:column;gap:12px}.prompt-demo.two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chat-box{border-radius:26px;padding:16px;border:1px solid rgba(7,20,64,.10);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.45));box-shadow:0 12px 32px rgba(7,20,64,.08);display:flex;flex-direction:column;gap:10px}.chat-top{display:flex;align-items:center;gap:8px;font-weight:950}.chat-top span{width:14px;height:14px;border-radius:50%;background:var(--teal);box-shadow:20px 0 0 var(--violet),40px 0 0 var(--coral);margin-right:38px}.weak-demo .chat-top b,.bad{color:var(--red)}.strong-demo .chat-top b,.good{color:var(--green)}.typed-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--teal);margin:0}.typing-line{min-height:74px;border-radius:18px;background:#fff;border:1px solid rgba(7,20,64,.08);padding:14px;color:var(--navy);font-weight:760;line-height:1.34;position:relative}.typing-line.tall{min-height:138px}.typing-line.typing::after{content:"";display:inline-block;width:9px;height:1.05em;background:var(--teal);margin-left:3px;vertical-align:-.15em;animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.demo-output{border-radius:18px;background:rgba(7,20,64,.04);border:1px solid rgba(7,20,64,.08);padding:14px;color:var(--muted);font-weight:650;line-height:1.42}.demo-output.bad{background:rgba(214,66,69,.07);border-color:rgba(214,66,69,.17)}.demo-output.good{background:rgba(31,174,108,.08);border-color:rgba(31,174,108,.18)}.micro-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.micro-list li{border-radius:999px;background:rgba(31,174,108,.09);color:var(--green);padding:.42rem .62rem;font-weight:850;font-size:.9rem}.micro-list.negative li{background:rgba(214,66,69,.08);color:var(--red)}
.maturity-panel{overflow:hidden}.maturity-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.maturity-steps button{border:1px solid rgba(7,20,64,.10);border-radius:22px;background:rgba(255,255,255,.62);padding:18px;text-align:left;box-shadow:var(--soft)}.maturity-steps b{display:block;font-size:2.1rem;color:var(--teal);line-height:1}.maturity-steps span{font-weight:900;color:var(--navy)}.maturity-line{width:100%;height:160px;margin-top:16px}.maturity-line path{fill:none;stroke:url(#none);stroke:var(--teal);stroke-width:8;stroke-linecap:round}.maturity-line circle{fill:#fff;stroke:var(--violet);stroke-width:6}.scenario-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.scenario-board>div{border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(7,20,64,.09);padding:18px}.scenario-board h4{font-size:1.45rem;line-height:1.12;margin:.6rem 0;color:var(--navy)}.status{display:inline-flex;border-radius:999px;padding:.35rem .64rem;font-weight:950;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.status.warn{background:rgba(214,66,69,.10);color:var(--red)}.status.good{background:rgba(31,174,108,.12);color:var(--green)}.theater-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.context-layers{display:grid;gap:10px;margin-top:14px}.context-layers div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;border-radius:18px;padding:13px;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.42));border:1px solid rgba(7,20,64,.08)}.context-layers b{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--teal),var(--violet));color:#fff}.context-layers span{font-weight:900;color:var(--navy)}.permission-lab{background:linear-gradient(160deg,rgba(6,20,61,.96),rgba(4,153,164,.82));color:#fff}.permission-lab .kicker{color:#aef9ff}.ladder-list{display:grid;gap:10px}.ladder-list .permission-step{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.20);border-radius:18px;background:rgba(255,255,255,.11);color:#fff;padding:12px;text-align:left}.ladder-list span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--teal),var(--orange));font-weight:950}.ladder-list b{font-size:1.15rem}.ladder-list em{font-style:normal;color:rgba(255,255,255,.78);font-weight:800}.closing-card{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.closing-card h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1;margin:.1rem 0}.closing-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.site-footer{padding:54px 0 82px}.footer-card{border-radius:30px;padding:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}.footer-card p{margin:.2rem 0 0;color:var(--muted);font-weight:640}.footer-card strong{font-size:1.25rem}.footer-cta{display:grid;gap:4px;text-align:right}.footer-cta em{font-style:normal;font-weight:900;color:var(--navy)}.footer-cta a{font-weight:900;color:var(--teal)}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:60}.floating-actions button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.76);background:rgba(255,255,255,.72);box-shadow:var(--soft);backdrop-filter:blur(16px);font-weight:950;color:var(--navy)}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(7,20,64,.72);padding:22px}.modal[hidden]{display:none}.modal-panel{width:min(760px,96vw);max-height:90vh;overflow:auto;border-radius:28px;background:#fffdf8;box-shadow:0 42px 120px rgba(0,0,0,.32);padding:18px}.modal-panel.image-panel{width:min(1180px,96vw)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(7,20,64,.10);padding-bottom:12px;margin-bottom:14px}.modal-head strong{font-size:1.35rem;color:var(--navy)}.modal-head button{border:0;border-radius:999px;background:var(--navy);color:#fff;padding:.58rem .88rem;font-weight:900}.modal-body{font-size:1.08rem;color:var(--muted);font-weight:640}.modal-body ul{margin:12px 0 0;padding-left:1.2rem}.modal-body li{margin:.5rem 0}.image-panel img{border-radius:20px;width:100%;box-shadow:var(--soft)}[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}[data-reveal].visible{opacity:1;transform:none}
@media (max-width:1160px){.hero-grid,.section-head,.lesson-grid,.lesson-grid.visual-left,.example-lab,.closing-card{grid-template-columns:1fr}.hero-visual,.visual-frame{max-width:920px;margin-inline:auto}.roadmap-row,.concept-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-card{grid-template-columns:1fr}.footer-cta{text-align:left}.site-nav{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}.brand-lockup{flex-wrap:wrap}.maturity-steps{grid-template-columns:1fr}.prompt-demo.two-up{grid-template-columns:1fr}}@media (max-width:740px){body{font-size:17px}.shell{width:min(100% - 28px,var(--max))}.lesson-section{padding:52px 0}.hero-section{padding:50px 0 42px}.hero-copy h1{font-size:clamp(3rem,14vw,4.3rem)}.lead{font-size:1.08rem}.roadmap-row,.concept-grid.four,.concept-grid.three,.concept-grid.six,.scenario-board,.micro-list{grid-template-columns:1fr}.site-nav{padding:12px 14px}.brand-divider{display:none}.brand-combo{gap:8px;flex-wrap:wrap}.nav-links a,.nav-teach{font-size:.88rem;padding:.42rem .62rem}.hero-visual,.visual-frame,.concept-card,.glass-panel,.example-lab,.prompt-theater,.context-demo,.closing-card{border-radius:22px;padding:16px}.ladder-list .permission-step{grid-template-columns:38px 1fr}.ladder-list em{grid-column:2}.theater-head{align-items:flex-start;flex-direction:column}.floating-actions{right:12px;bottom:12px}.floating-actions button{width:44px;height:44px}}@media print{.site-header,.floating-actions,.modal,.action-row,.teach-btn,.section-jump{display:none!important}body{background:#fff}.lesson-section{padding:24px 0}[data-reveal]{opacity:1;transform:none}.glass{box-shadow:none;background:#fff;border-color:#ddd}.hero-grid,.section-head,.lesson-grid,.example-lab,.closing-card{grid-template-columns:1fr}.site-footer{padding:20px 0}.concept-card,.glass-panel,.example-lab,.prompt-theater{break-inside:avoid}}


/* v7 educator polish: logo correction, safe heading wraps, one-lesson seven-section layout */
.safe-headline{display:grid;gap:.12em;line-height:1.02;letter-spacing:-.058em;margin:0 0 22px;}
.safe-headline .headline-line{display:block;line-height:1.04;}
.safe-headline .accent{color:var(--teal);padding-top:.06em;}
.hero-grid-clean{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);}
.overview-panel{border-radius:36px;padding:18px;}
.overview-card-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.overview-card-map a{min-height:136px;border-radius:24px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.50));border:1px solid rgba(7,20,64,.09);box-shadow:var(--soft);display:grid;gap:5px;align-content:start;transition:transform .18s ease, box-shadow .18s ease;}
.overview-card-map a:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(7,20,64,.13);}
.overview-card-map b{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--violet));color:#fff;font-size:1.2rem;font-weight:950;}
.overview-card-map span{font-weight:950;color:var(--navy);font-size:1.28rem;line-height:1.05;}
.overview-card-map em{font-style:normal;color:var(--muted);font-weight:650;line-height:1.35;}
.brand-lockup{min-width:max-content}.brand-combo{gap:12px}.learnai-mark{width:42px;height:42px}.learnai-word{letter-spacing:-.055em}.postedby-logo{gap:2px;align-items:center;font-weight:900;letter-spacing:-.055em;color:#111;line-height:1;font-family:'Source Serif 4',Georgia,serif;}
.postedby-logo .posted-bracket{width:25px;height:28px;margin-right:3px;position:relative;display:inline-block;border-left:2.6px solid rgba(7,20,64,.36);border-top:2.6px solid rgba(7,20,64,.36);border-bottom:2.6px solid rgba(7,20,64,.36);border-right:0;border-radius:8px 0 0 8px;}
.postedby-logo .posted-bracket::after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:2.6px;background:rgba(7,20,64,.36);transform:translateY(-50%);border-radius:999px;}
.posted-dot{position:absolute;right:5px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--coral);transform:translateY(-50%);box-shadow:0 0 15px rgba(223,116,74,.45);}
.posted-main{font-weight:900;color:#111;}.posted-ai{font-weight:900;color:var(--coral);} .posted-mark{display:none!important;}
.nav-links{gap:5px}.nav-links a{font-size:.84rem;padding:.42rem .58rem;}
.compact-visual-grid{align-items:center}.fit-frame{align-self:center;display:grid;place-items:center;min-height:auto!important;}.fit-frame img{object-fit:contain;max-height:min(760px,76vh);}.prompt-handout img{max-height:min(900px,82vh);}
.setup-steps{border-radius:var(--radius);padding:24px}.setup-steps ol{margin:10px 0 0;padding-left:1.25rem;display:grid;gap:13px}.setup-steps li{color:var(--muted);font-weight:650}.setup-steps b{color:var(--navy)}.source-note{margin-top:18px!important;padding:14px 16px;border-radius:18px;background:rgba(4,153,164,.08);border:1px solid rgba(4,153,164,.18);color:var(--navy)!important;}
.source-strip{border-radius:26px;padding:18px 22px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.source-strip img{max-width:220px;max-height:70px;object-fit:contain}.source-strip span{color:var(--muted);font-weight:700;}
.official-shot-row{border-radius:var(--radius);padding:24px;display:grid;grid-template-columns:minmax(280px,.58fr) minmax(320px,.85fr);gap:24px;align-items:center}.official-shot-row h3{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.04;margin:.25rem 0}.official-shot-row p{color:var(--muted);font-weight:650}.official-shot-row img{border-radius:24px;box-shadow:var(--soft);background:#fff;width:100%;max-height:520px;object-fit:contain;}
@media (max-width:1260px){.hero-grid-clean{grid-template-columns:1fr}.overview-card-map{grid-template-columns:repeat(2,minmax(0,1fr));}.site-nav{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}.brand-lockup{flex-wrap:wrap}}
@media (max-width:820px){.overview-card-map,.official-shot-row{grid-template-columns:1fr}.safe-headline{font-size:clamp(3rem,13vw,4.2rem)}.source-strip{grid-template-columns:1fr}.nav-links a{font-size:.82rem}.fit-frame img{max-height:unset}.learnai-mark{width:36px;height:36px}.postedby-logo .posted-bracket{width:21px;height:24px}.overview-card-map a{min-height:auto}.hero-grid-clean{display:block}.overview-panel{margin-top:26px}}

/* v8: model evolution and token usage teaching panels */
.model-evolution-lab,.token-lab{border-radius:var(--radius);padding:26px;display:grid;gap:22px;position:relative;overflow:hidden}.model-evolution-lab::before,.token-lab::before{content:"";position:absolute;inset:-35% -20% auto auto;width:460px;height:460px;background:radial-gradient(circle,rgba(0,194,199,.18),transparent 68%);pointer-events:none}.model-lab-head{max-width:980px}.model-lab-head h3,.token-copy h3{font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.02;letter-spacing:-.045em;margin:.2rem 0 .55rem}.model-lab-head p,.token-copy p{color:var(--muted);font-weight:660;margin:0}.model-shift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.model-shift-grid article,.token-grid article{border-radius:24px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.50));border:1px solid rgba(7,20,64,.09);box-shadow:var(--soft);display:grid;gap:8px;align-content:start}.model-shift-grid h4,.switch-model-note h4{margin:0;font-size:1.25rem;line-height:1.08;color:var(--navy);letter-spacing:-.025em}.model-shift-grid p,.switch-model-note p{margin:0;color:var(--muted);font-weight:650;line-height:1.42}.mini-badge{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 13px 30px rgba(7,20,64,.13)}.mini-badge.teal{background:linear-gradient(135deg,var(--teal),var(--cyan))}.mini-badge.violet{background:linear-gradient(135deg,var(--violet),#3d71ff)}.mini-badge.coral{background:linear-gradient(135deg,var(--coral),var(--orange))}.mini-badge.green{background:linear-gradient(135deg,var(--green),var(--teal))}.version-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.version-card{border-radius:24px;padding:20px;border:1px solid rgba(7,20,64,.10);background:rgba(255,255,255,.64);box-shadow:var(--soft);display:grid;gap:5px}.version-card b{font-size:1.25rem;color:var(--navy)}.version-card span{font-weight:850;color:var(--teal)}.version-card em{font-style:normal;color:var(--muted);font-weight:650}.version-card.after{background:linear-gradient(145deg,rgba(4,153,164,.12),rgba(255,255,255,.66));border-color:rgba(4,153,164,.18)}.upgrade-arrow{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--violet));color:#fff;font-size:1.7rem;font-weight:950;box-shadow:0 12px 34px rgba(7,20,64,.18)}.token-lab{grid-template-columns:minmax(280px,.68fr) minmax(0,1fr);align-items:start}.token-copy{grid-row:span 2}.token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.token-grid b{font-size:1.13rem;color:var(--navy)}.token-grid span{color:var(--muted);font-weight:650;line-height:1.35}.token-meter{grid-column:2;position:relative;border-radius:24px;min-height:96px;padding:18px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:14px;background:linear-gradient(145deg,rgba(6,20,61,.93),rgba(4,153,164,.78));color:#fff;overflow:hidden;box-shadow:var(--soft)}.meter-fill{position:absolute;left:18px;right:18px;top:20px;height:18px;border-radius:999px;background:linear-gradient(90deg,var(--green) 0 30%,var(--teal) 30% 52%,var(--violet) 52% 76%,var(--orange) 76%);box-shadow:0 0 28px rgba(119,231,255,.35)}.token-meter b,.token-meter em{position:relative;z-index:1}.token-meter b{display:block;font-size:1rem}.token-meter em{font-style:normal;color:rgba(255,255,255,.78);font-weight:750}.switch-model-note{grid-column:2;border-radius:24px;padding:20px;background:linear-gradient(145deg,rgba(255,250,241,.86),rgba(255,255,255,.62));border:1px solid rgba(223,116,74,.20);box-shadow:var(--soft)}.token-lab .source-note{grid-column:1 / -1;margin-top:0!important}.source-note{line-height:1.45}
@media (max-width:1160px){.model-shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.token-lab{grid-template-columns:1fr}.token-copy{grid-row:auto}.token-meter,.switch-model-note{grid-column:auto}.version-compare{grid-template-columns:1fr}.upgrade-arrow{margin-inline:auto;transform:rotate(90deg)}}@media (max-width:740px){.model-shift-grid,.token-grid{grid-template-columns:1fr}.model-evolution-lab,.token-lab{padding:18px;border-radius:22px}.token-meter{grid-template-columns:1fr;align-items:end;padding-top:58px}}


/* v9: New Section 1 — plain-English What is AI foundation */
.what-ai-grid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(320px,.7fr);gap:24px;align-items:stretch}
.ai-flow-board{border-radius:var(--radius);padding:26px;display:grid;gap:18px;overflow:hidden;position:relative}
.ai-flow-board::before{content:"";position:absolute;inset:-35% auto auto -15%;width:460px;height:460px;background:radial-gradient(circle,rgba(128,87,255,.16),transparent 68%);pointer-events:none}.ai-flow-board>*{position:relative;z-index:1}
.ai-core-orb{min-height:250px;border-radius:32px;display:grid;place-items:center;text-align:center;gap:8px;padding:28px;background:radial-gradient(circle at 50% 35%,rgba(119,231,255,.44),rgba(4,153,164,.16) 38%,rgba(6,20,61,.94) 70%);color:#fff;box-shadow:var(--soft);overflow:hidden;position:relative}.ai-core-orb::after{content:"";position:absolute;inset:auto 10% 16% 10%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);filter:blur(.1px)}
.ai-core-orb span{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--violet));font-size:2.5rem;font-weight:950;box-shadow:0 20px 60px rgba(0,0,0,.22)}.ai-core-orb b{font-size:clamp(1.45rem,2.7vw,2.3rem);line-height:1.02;letter-spacing:-.04em}.ai-core-orb em{max-width:560px;font-style:normal;color:rgba(255,255,255,.78);font-weight:700;line-height:1.35}
.ai-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ai-flow-steps article{border-radius:22px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.48));border:1px solid rgba(7,20,64,.09);box-shadow:var(--soft);display:grid;gap:8px}.ai-flow-steps h3{font-size:1.22rem;line-height:1.08;margin:0;color:var(--navy);letter-spacing:-.025em}.ai-flow-steps p{margin:0;color:var(--muted);font-weight:640;line-height:1.38}
.capability-strip{border-radius:var(--radius);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.capability-strip>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.capability-strip b{color:var(--navy);font-size:1.25rem;margin-right:4px}.capability-strip span{display:inline-flex;border-radius:999px;padding:.5rem .78rem;background:rgba(4,153,164,.10);border:1px solid rgba(4,153,164,.18);color:var(--navy);font-weight:820}.capability-strip div:nth-child(2) span{background:rgba(223,116,74,.10);border-color:rgba(223,116,74,.18)}
.do-dont-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:1160px){.what-ai-grid{grid-template-columns:1fr}.ai-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-strip{grid-template-columns:1fr}}
@media (max-width:740px){.ai-flow-steps,.do-dont-grid{grid-template-columns:1fr}.ai-flow-board{padding:18px;border-radius:22px}.ai-core-orb{min-height:220px;border-radius:24px}.ai-core-orb span{width:74px;height:74px;border-radius:22px;font-size:2rem}.capability-strip{padding:16px;border-radius:22px}}