:root{
  --navy-950:#050c14;--navy-900:#07121d;--navy-850:#0a1724;--navy-800:#0f1e2e;
  --ink:#101722;--paper:#f3f0e8;--paper-2:#fbfaf7;--paper-3:#e8e3d7;
  --gold:#cda95b;--gold-2:#e2c47f;--gold-deep:#9a7835;
  --cyan:#62d4cb;--cyan-deep:#2daea3;--blue:#79aef0;
  --text:#f8f7f2;--muted:#b3bfca;--muted-2:#7f8c99;
  --line:rgba(255,255,255,.11);--line-gold:rgba(205,169,91,.28);--line-dark:rgba(16,23,34,.13);
  --shadow:0 28px 90px rgba(0,0,0,.34);--max:1220px;--safe:env(safe-area-inset-bottom,0px);
  --ease:cubic-bezier(.2,.65,.2,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-width:320px;color:var(--text);background:var(--navy-950);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.78;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12}svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.page-grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 75%)}
.skip-link{position:fixed;z-index:5000;top:12px;inset-inline-start:14px;transform:translateY(-180%);padding:11px 15px;background:var(--gold-2);color:#21180a;border-radius:12px;font-weight:900}.skip-link:focus{transform:none}:focus-visible{outline:3px solid rgba(98,212,203,.75);outline-offset:4px;border-radius:10px}
.scroll-progress{position:fixed;z-index:5000;top:0;right:0;left:0;height:3px;background:rgba(255,255,255,.025);pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--gold-2));box-shadow:0 0 20px rgba(98,212,203,.32)}
/* Header */
.topbar{position:sticky;top:0;z-index:1200;background:rgba(5,12,20,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(205,169,91,.15)}
.mini-bar{background:linear-gradient(90deg,rgba(98,212,203,.05),rgba(205,169,91,.08),rgba(98,212,203,.04));border-bottom:1px solid rgba(255,255,255,.05)}.mini-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#91a0ad;font-size:.66rem}.mini-inner a{color:var(--gold-2);font-weight:900;letter-spacing:.45px}
.nav{position:relative;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;border:1px solid var(--line-gold);border-radius:15px;background:#0b1520;box-shadow:0 12px 34px rgba(0,0,0,.22);overflow:hidden}.brand-mark img{width:100%;height:100%}.brand-copy{white-space:nowrap}.brand-copy strong{display:block;font-size:.93rem;letter-spacing:-.2px}.brand-copy small{display:block;color:#8e9aa8;font-size:.59rem;margin-top:1px}
.desktop-nav{display:flex;align-items:center;gap:28px;color:#d8e0e8;font-size:.80rem}.desktop-nav a{position:relative;padding:13px 0}.desktop-nav a::after{content:"";position:absolute;inset-inline:0 100%;bottom:6px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--gold-2));transition:inset-inline var(--ease) .24s}.desktop-nav a:hover,.desktop-nav a[aria-current=true]{color:var(--gold-2)}.desktop-nav a:hover::after,.desktop-nav a[aria-current=true]::after{inset-inline:0 0}
.nav-actions{display:flex;align-items:center;gap:9px}.nav-call{min-height:44px;padding:0 17px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(121,174,240,.24);border-radius:999px;background:rgba(121,174,240,.05);color:#e0ebfb;font-weight:900;font-size:.76rem}.nav-call svg{color:var(--cyan)}.menu-btn{display:none;width:45px;height:45px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);color:var(--text);place-items:center;padding:8px}.menu-btn span{width:22px;height:2px;background:currentColor;border-radius:99px;display:block;margin:3px auto;transition:.22s var(--ease)}.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
/* Shared */
.section-shell{position:relative;z-index:1;padding:110px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-2);font-size:.73rem;font-weight:900;letter-spacing:.2px}.eyebrow-mark{display:grid;place-items:center;width:31px;height:24px;border-radius:8px;background:rgba(205,169,91,.08);border:1px solid rgba(205,169,91,.20);font-size:.60rem;color:var(--gold-2)}.eyebrow.dark{color:var(--gold-deep)}.eyebrow.dark .eyebrow-mark{background:rgba(154,120,53,.07);border-color:rgba(154,120,53,.20);color:var(--gold-deep)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:56px;align-items:end;margin-bottom:46px}.section-heading h2{margin-top:14px;font-size:clamp(2.25rem,4.6vw,4.1rem);letter-spacing:-1.75px}.section-heading h2 span,.light-section .section-heading h2 span,.contact-copy h2 span,.faq-intro h2 span,.method-copy h2 span{color:var(--gold-2)}.light-section .section-heading h2 span,.light-copy .gold{color:var(--gold-deep)}.section-heading>p,.section-copy,.faq-intro>p{color:var(--muted);font-size:.93rem;max-width:680px}.light-section{background:linear-gradient(180deg,var(--paper-2),var(--paper));color:var(--ink);border-block:1px solid rgba(16,23,34,.07)}.light-section .section-heading>p,.light-section .section-copy,.light-section .eyebrow{color:#606a76}
/* Hero */
.hero{padding:76px 0 86px;overflow:hidden}.hero::before{content:"";position:absolute;width:480px;height:480px;left:-190px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(98,212,203,.13),transparent 68%);filter:blur(4px);pointer-events:none}.hero::after{content:"";position:absolute;width:520px;height:520px;right:-210px;top:20px;border-radius:50%;background:radial-gradient(circle,rgba(205,169,91,.12),transparent 67%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"visual copy";gap:76px;align-items:center}.hero-copy{grid-area:copy;position:relative;z-index:2;max-width:700px}.hero-kicker{margin-top:25px;color:#dbe5ed;font-size:.88rem;font-weight:800;letter-spacing:.65px}.hero h1{font-size:clamp(3rem,6.2vw,5.65rem);margin:16px 0 22px;max-width:760px;letter-spacing:-3.1px}.hero h1 span{color:var(--gold-2)}.hero h1 strong{font-weight:800}.hero-lead{max-width:670px;font-size:1.05rem;color:#bdc8d3}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:29px 0 21px}.btn{min-height:54px;padding:0 18px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;font-weight:900;transition:transform .18s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease)}.btn:hover{filter:brightness(1.025)}.btn svg{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg,#ecd08a,#c99f4c);color:#181107;border-color:#e1bf72;box-shadow:0 16px 38px rgba(205,169,91,.17)}.btn-primary:hover{box-shadow:0 21px 52px rgba(205,169,91,.23)}.btn-secondary{background:rgba(121,174,240,.07);border-color:rgba(121,174,240,.28);color:#eaf2ff}.btn-secondary svg{color:var(--cyan)}.btn-ghost{background:rgba(255,255,255,.03);border-color:var(--line);color:#dbe2e9}.btn-ghost:hover{background:rgba(255,255,255,.05);border-color:rgba(205,169,91,.28)}
.hero-notes{display:flex;flex-wrap:wrap;gap:8px}.hero-notes span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#b8c3ce;background:rgba(255,255,255,.018);font-size:.68rem}.hero-notes i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-style:normal;font-size:.61rem;background:rgba(98,212,203,.11);color:var(--cyan)}
.hero-visual{grid-area:visual;position:relative;max-width:620px;width:100%;margin-inline:auto;min-width:0}.hero-image-card{position:relative;padding:11px;border:1px solid var(--line-gold);border-radius:34px;background:linear-gradient(150deg,rgba(121,174,240,.09),rgba(205,169,91,.09) 46%,rgba(255,255,255,.015));box-shadow:var(--shadow)}.image-frame{position:relative;overflow:hidden;border-radius:25px;background:#111d29;aspect-ratio:1/1.08}.image-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,16,.02) 45%,rgba(4,9,15,.70) 100%),linear-gradient(90deg,rgba(4,9,15,.16),transparent 22%,transparent 77%,rgba(4,9,15,.18));pointer-events:none}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:center 23%}.image-panel{position:absolute;right:24px;bottom:24px;max-width:calc(100% - 48px);padding:12px 15px;border:1px solid rgba(205,169,91,.34);border-radius:16px;background:rgba(6,13,20,.90);box-shadow:0 18px 48px rgba(0,0,0,.26)}.image-panel span{display:block;color:#aeb9c4;font-size:.67rem}.image-panel strong{display:block;margin-top:2px;color:var(--gold-2);font-size:.86rem}.image-badge{position:absolute;left:-11px;top:32px;padding:11px 13px;border-radius:15px;border:1px solid rgba(98,212,203,.26);background:rgba(7,15,23,.90);box-shadow:0 14px 35px rgba(0,0,0,.24)}.image-badge small{display:block;color:#7f8c99;font-size:.62rem}.image-badge strong{display:block;color:#ddf7f1;font-size:.80rem;margin-top:1px}.math-chip{position:absolute;padding:10px 12px;border:1px solid rgba(205,169,91,.17);border-radius:13px;background:rgba(11,19,29,.86);color:rgba(243,217,148,.70);font:700 17px Georgia,serif;box-shadow:0 12px 30px rgba(0,0,0,.18)}.chip-one{right:-10px;top:95px}.chip-two{left:-8px;top:150px;color:rgba(98,212,203,.72)}.chip-three{right:25px;bottom:-12px;font-size:13px;color:rgba(121,174,240,.72)}.hero-rail{position:absolute;inset-inline-start:-38px;top:50%;transform:translateY(-50%);display:grid;gap:16px;justify-items:center;color:#687988;font-size:.60rem;writing-mode:vertical-rl}.hero-rail::before{content:"";width:1px;height:70px;background:linear-gradient(var(--gold-2),transparent)}.hero-rail strong{color:#c3ced8;font-size:.63rem}
.hero-signature{display:flex;align-items:center;gap:12px;margin-top:23px;color:#8493a1;font-size:.68rem}.hero-signature .rule{width:46px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
/* Proof strip */
.signal-strip{position:relative;z-index:1;border-block:1px solid rgba(255,255,255,.075);background:#07121d}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signal-grid>div{position:relative;padding:20px 22px;border-inline-start:1px solid rgba(255,255,255,.06)}.signal-grid>div:first-child{border-inline-start:0}.signal-grid small{display:block;color:#728090;font-size:.62rem}.signal-grid strong{display:block;color:#e8edf2;font-size:.89rem;margin-top:3px}
/* Statement */
.statement{padding:90px 0 84px;background:linear-gradient(135deg,#f6f3eb,#ebe7dc);color:var(--ink);overflow:hidden}.statement-wrap{position:relative;display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1.2fr);gap:64px;align-items:end}.statement-index{font-size:.72rem;color:#78828e;font-weight:900}.statement-rule{display:block;width:100%;height:1px;background:linear-gradient(90deg,rgba(16,23,34,.12),transparent);margin-top:16px}.statement-copy p{font-size:clamp(2rem,4.8vw,4.15rem);line-height:1.18;letter-spacing:-1.7px;max-width:900px;font-weight:800}.statement-copy p span{color:var(--gold-deep)}.statement-note{margin-top:20px;color:#6d7782;font-size:.82rem;max-width:760px}.statement-math{position:absolute;left:-32px;top:-30px;font:700 145px/1 Georgia,serif;color:rgba(154,120,53,.08);pointer-events:none}
/* About light */
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pillar{position:relative;min-height:260px;padding:27px;border:1px solid var(--line-dark);background:rgba(255,255,255,.56);box-shadow:0 18px 55px rgba(34,42,54,.07);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.pillar::after{content:"";position:absolute;inset:auto -20px -50px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(205,169,91,.13),transparent 66%)}.pillar:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(34,42,54,.12);border-color:rgba(154,120,53,.25)}.pillar-top{display:flex;align-items:center;justify-content:space-between}.pillar-number{font-size:.65rem;color:#77818b;font-weight:900}.pillar-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(154,120,53,.24);border-radius:14px;background:rgba(205,169,91,.08);color:var(--gold-deep);font:700 18px Georgia,serif}.pillar h3{margin-top:32px;font-size:1.28rem}.pillar p{margin-top:10px;color:#68727d;font-size:.83rem;max-width:36ch}.pillar-line{position:absolute;right:27px;left:27px;bottom:23px;height:1px;background:linear-gradient(90deg,transparent,rgba(154,120,53,.28),transparent)}
/* Programs */
.dark-section{background:linear-gradient(180deg,#07121d,#081521);border-block:1px solid rgba(255,255,255,.035)}.dark-section .section-heading>p{color:#8fa0ae}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.program-card{position:relative;min-height:238px;padding:25px;text-align:right;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.015));color:var(--text);overflow:hidden;transition:transform .2s var(--ease),background .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.program-card:hover{transform:translateY(-6px);background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(205,169,91,.26);box-shadow:0 24px 55px rgba(0,0,0,.22)}.program-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-44px;bottom:-44px;background:radial-gradient(circle,rgba(98,212,203,.12),transparent 66%)}.program-card-featured{border-color:rgba(205,169,91,.30);background:linear-gradient(160deg,rgba(205,169,91,.08),rgba(255,255,255,.018))}.program-code{display:block;color:#8393a1;font-size:.62rem;font-weight:900;letter-spacing:.4px}.program-card strong{display:block;margin-top:50px;font-size:1.24rem}.program-card p{margin-top:8px;color:#96a4b1;font-size:.78rem;max-width:28ch}.program-arrow{position:absolute;left:24px;top:22px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(205,169,91,.16);border-radius:12px;color:var(--gold-2)}.program-tag{position:absolute;right:22px;bottom:22px;padding:5px 8px;border-radius:999px;background:rgba(98,212,203,.08);color:#9ce8e1;border:1px solid rgba(98,212,203,.17);font-size:.60rem;font-weight:900}.program-note{margin-top:18px;display:flex;align-items:center;gap:9px;color:#8795a2;font-size:.68rem}.program-note-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(98,212,203,.08)}
/* Method */
.method-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:72px;align-items:center}.method-visual{margin:0}.method-photo{position:relative;max-width:520px;border:1px solid var(--line-dark);padding:9px;background:#eae5da;box-shadow:0 28px 80px rgba(20,27,38,.13);transform:rotate(-1deg)}.method-photo::before{content:"";position:absolute;inset:13px -13px -13px 13px;border:1px solid rgba(154,120,53,.25);z-index:-1}.method-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:saturate(.94)}.method-visual figcaption{margin-top:14px;color:#7a838c;font-size:.67rem}.method-copy h2{margin-top:13px;font-size:clamp(2.25rem,4.8vw,4rem);letter-spacing:-1.65px}.method-copy .section-copy{margin-top:16px;color:#6e7781}.method-list{margin-top:30px}.method-row{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:19px 0;border-top:1px solid var(--line-dark)}.method-row:last-child{border-bottom:1px solid var(--line-dark)}.method-row b{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(154,120,53,.24);border-radius:12px;background:rgba(205,169,91,.07);color:var(--gold-deep);font-size:.67rem}.method-row strong{display:block;font-size:.94rem}.method-row span{display:block;margin-top:3px;color:#78828d;font-size:.77rem}
/* Start */
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.start-card{position:relative;min-height:188px;padding:23px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.014));overflow:hidden}.start-index{font-size:3.2rem;line-height:1;color:rgba(226,196,127,.23);font-weight:900;letter-spacing:-2px}.start-card h3{margin-top:27px;font-size:1.05rem}.start-card p{margin-top:7px;color:#8493a1;font-size:.76rem;max-width:36ch}.start-card>span{position:absolute;left:22px;bottom:22px;color:#9ae8e0;font-size:.63rem;border:1px solid rgba(98,212,203,.17);padding:5px 8px;border-radius:999px}
/* Facts */
.facts-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:72px;align-items:center}.light-facts{background:var(--paper)}.facts-grid .section-copy{margin-top:14px;color:#707a84}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:30px;border-top:1px solid var(--line-dark);border-inline-start:1px solid var(--line-dark)}.fact-grid>div{padding:17px;border-inline-end:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.fact-grid small{display:block;color:#7b858e;font-size:.63rem}.fact-grid strong{display:block;margin-top:4px;font-size:.88rem}.facts-card{position:relative;min-height:390px;padding:34px;border:1px solid rgba(16,23,34,.12);background:linear-gradient(145deg,#f9f6ee,#ece7dc);box-shadow:0 24px 80px rgba(33,39,51,.12);overflow:hidden}.facts-card::after{content:"";position:absolute;inset:auto -90px -90px auto;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(205,169,91,.18),transparent 68%)}.facts-orbit{position:absolute;right:29px;top:28px;width:170px;height:170px;border:1px solid rgba(154,120,53,.16);border-radius:50%}.facts-orbit::before,.facts-orbit::after{content:"";position:absolute;border:1px solid rgba(98,212,203,.13);border-radius:50%}.facts-orbit::before{inset:19px}.facts-orbit::after{inset:45px}.facts-orbit span{position:absolute;inset:0;display:grid;place-items:center;font:700 96px/1 Georgia,serif;color:rgba(154,120,53,.33)}.facts-copy{position:relative;z-index:1;margin-top:145px;max-width:390px}.facts-copy small{color:#7d735f;font-size:.65rem}.facts-copy strong{display:block;margin-top:5px;font-size:1.65rem;letter-spacing:-.7px;color:#1a2028}.facts-copy p{margin-top:10px;color:#727a84;font-size:.77rem}.facts-formula{position:absolute;left:31px;bottom:30px;color:rgba(16,23,34,.20);font:700 14px/1.9 Georgia,serif}
/* FAQ */
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.faq-intro h2{margin-top:13px;font-size:clamp(2.25rem,4.4vw,3.75rem);letter-spacing:-1.5px}.faq-intro>p{margin-top:15px}.inline-link{display:inline-flex;align-items:center;gap:8px;margin-top:23px;color:var(--gold-2);font-size:.77rem;font-weight:900}.inline-link span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line-gold);border-radius:50%}.faq-list{border-top:1px solid rgba(255,255,255,.09)}details{border-bottom:1px solid rgba(255,255,255,.09)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;color:#e7edf2;font-weight:800;font-size:.87rem}summary::-webkit-details-marker{display:none}summary b{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.10);border-radius:50%;color:var(--gold-2);font-size:17px;line-height:1;transition:transform .2s var(--ease)}details[open] summary b{transform:rotate(45deg)}details p{padding:0 40px 19px 0;color:#8998a6;font-size:.77rem;max-width:720px}
/* Contact */
.contact-section{padding-top:96px}.contact-card{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:42px;align-items:stretch;padding:42px;border:1px solid var(--line-gold);border-radius:30px;background:radial-gradient(circle at 86% 10%,rgba(205,169,91,.14),transparent 26%),radial-gradient(circle at 18% 85%,rgba(98,212,203,.10),transparent 24%),linear-gradient(145deg,#0a1724,#0d1b2a);box-shadow:var(--shadow);overflow:hidden}.contact-copy{position:relative;z-index:2}.contact-copy h2{margin-top:14px;font-size:clamp(2.35rem,4.8vw,4.2rem);letter-spacing:-1.7px}.contact-copy>p{margin-top:14px;color:#a5b2bf;font-size:.88rem;max-width:640px}.phone-row{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}.phone-number{font-size:2rem;font-weight:900;letter-spacing:1px;color:#f6eedc}.copy-btn{min-height:39px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#cdd6df;font-size:.70rem}.contact-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.contact-actions .btn{min-width:150px}.micro-note{margin-top:14px!important;color:#7c8a98!important;font-size:.66rem!important}.contact-art{position:relative;min-height:300px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));overflow:hidden}.contact-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(135deg,rgba(0,0,0,.75),transparent 80%)}.contact-glow{position:absolute;right:-110px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(205,169,91,.18),transparent 68%);filter:blur(4px)}.contact-sigma{position:absolute;left:38px;bottom:45px;font:700 160px/1 Georgia,serif;color:rgba(226,196,127,.13)}.formula{position:absolute;font:700 13px/1.2 Georgia,serif;letter-spacing:.3px}.f1{right:29px;top:42px;color:rgba(98,212,203,.70)}.f2{right:32px;top:102px;color:rgba(226,196,127,.60)}.f3{right:32px;top:162px;color:rgba(121,174,240,.55)}.contact-caption{position:absolute;right:31px;bottom:29px;color:#7e8d9b;font-size:.67rem}
/* Modal */
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(2,7,12,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dialog-box{position:relative;z-index:1;width:min(610px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:29px;border:1px solid var(--line-gold);border-radius:25px;background:linear-gradient(160deg,#0f1d2b,#0b1621);box-shadow:0 40px 120px rgba(0,0,0,.50)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-head h2{font-size:1.78rem;margin-top:10px}.dialog-close{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:#ced7df;font-size:24px;line-height:1}.dialog-intro{margin-top:10px;color:#8998a6;font-size:.76rem}.booking-form{margin-top:18px}.field{display:grid;gap:6px;margin-top:12px}.field label{font-size:.75rem;color:#d1d9e1}.field label span{color:#7e8c99;font-size:.65rem}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#08131f;color:#f4f7fa;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(98,212,203,.46);box-shadow:0 0 0 3px rgba(98,212,203,.07)}.field textarea{min-height:112px;resize:vertical}.field-error{display:block;min-height:16px;color:#ff9f9f;font-size:.65rem}.field input.has-error,.field select.has-error{border-color:#ff7777}.counter{display:flex;justify-content:flex-start;color:#71808e;font-size:.61rem;margin-top:-2px}.form-actions{display:grid;grid-template-columns:1fr 130px;gap:9px;margin-top:8px}.dialog-note{margin-top:11px;color:#748391;font-size:.64rem}
/* Toast / utility */
.toast{position:fixed;z-index:6000;right:18px;bottom:18px;max-width:min(390px,calc(100% - 36px));padding:11px 14px;border:1px solid var(--line-gold);border-radius:13px;background:#0f1d2b;color:var(--gold-2);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s var(--ease);font-size:.74rem}.toast.show{opacity:1;transform:none}.back-top{position:fixed;left:18px;bottom:18px;z-index:1100;width:43px;height:43px;border:1px solid var(--line-gold);border-radius:50%;background:rgba(8,17,27,.90);color:var(--gold-2);font-size:18px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.22s var(--ease)}.back-top.visible{opacity:1;pointer-events:auto;transform:none}.mobile-bar{display:none}
footer{padding:37px 0 calc(45px + var(--safe));color:#8a98a5;background:#050c14}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px}.footer-brand strong{display:block;color:#dde4ea;font-size:.83rem}.footer-brand span{display:block;margin-top:2px;font-size:.67rem}.footer-links{display:flex;gap:17px;flex-wrap:wrap;align-items:center;font-size:.67rem}.footer-links a:hover{color:var(--gold-2)}.footer-mark{display:inline-flex;align-items:center;gap:7px}.footer-mark i{display:grid;place-items:center;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(98,212,203,.07)}
.noscript-banner{position:fixed;inset-inline:12px;top:88px;z-index:7000;padding:11px 14px;border:1px solid rgba(226,196,127,.36);border-radius:13px;background:#231a0b;color:var(--gold-2);font-size:.72rem;text-align:center}
.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .62s var(--ease),transform .62s var(--ease)}.js [data-reveal].revealed{opacity:1;transform:none}
/* Legal */
.legal-shell{min-height:100vh;padding:52px 0;background:linear-gradient(180deg,#07121d,#091522);display:grid;place-items:center}.legal-card{max-width:880px;margin-inline:auto;padding:35px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:var(--shadow)}.legal-brand{display:inline-flex;align-items:center;gap:11px;margin-bottom:30px}.legal-mark{width:45px;height:45px;border:1px solid var(--line-gold);border-radius:13px;overflow:hidden;background:#0b1521}.legal-mark img{width:100%;height:100%}.legal-brand strong{display:block;font-size:.85rem}.legal-brand small{display:block;color:#81909d;font-size:.58rem}.legal-card h1{font-size:clamp(2.2rem,4.8vw,3.5rem);margin:15px 0 14px}.legal-card h2{font-size:1.08rem;margin:27px 0 8px}.legal-card p{color:#a3b0bc;font-size:.86rem}.legal-card a:not(.btn){color:var(--gold-2)}.legal-back{margin-top:28px!important}
/* Responsive */
@media(max-width:1120px){.desktop-nav{gap:18px}.hero-grid{gap:46px}.section-heading{grid-template-columns:1fr;gap:15px}.facts-grid,.method-grid{gap:44px}.contact-card{grid-template-columns:1fr}.contact-art{min-height:240px}.program-grid{grid-template-columns:repeat(2,1fr)}.hero-rail{display:none}}
@media(max-width:980px){.desktop-nav{display:none}.menu-btn{display:grid}.nav{min-height:72px}.desktop-nav.open{display:flex;position:absolute;right:0;left:0;top:100%;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(7,16,25,.98);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.desktop-nav.open a{padding:12px 11px}.desktop-nav.open a::after{bottom:4px}.hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "visual";gap:40px}.hero-copy{max-width:850px}.hero-visual{max-width:620px}.about-grid{grid-template-columns:1fr}.start-grid{grid-template-columns:1fr}.facts-grid{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr;gap:32px}.method-grid{grid-template-columns:1fr}.method-visual{max-width:620px;margin-inline:auto}.statement-wrap{grid-template-columns:1fr;gap:18px}.statement-copy p{max-width:1000px}}
@media(max-width:740px){html{scroll-padding-top:86px}.container{width:min(var(--max),calc(100% - 28px))}.mini-inner{min-height:29px;font-size:.57rem}.mini-inner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{min-height:65px}.brand-mark{width:42px;height:42px;flex-basis:42px;border-radius:13px}.brand-copy strong{font-size:.82rem}.brand-copy small{font-size:.51rem}.nav-call{display:none}.hero{padding:44px 0 58px}.hero-grid{gap:29px}.hero h1{font-size:clamp(2.25rem,11.7vw,3.35rem);letter-spacing:-1.5px}.hero-kicker{font-size:.77rem}.hero-lead{font-size:.91rem}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:23px}.hero-actions .btn{width:100%}.hero-notes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hero-notes span{justify-content:center;text-align:center;font-size:.61rem;padding:7px 8px}.hero-notes span:last-child{grid-column:1/-1}.hero-visual{max-width:none}.hero-image-card{padding:7px;border-radius:24px}.image-frame{border-radius:18px;aspect-ratio:1/1.02}.image-frame img{object-position:center 22%}.image-panel{right:14px;bottom:14px;padding:9px 11px}.image-panel span{font-size:.57rem}.image-panel strong{font-size:.70rem}.image-badge{left:8px;top:15px;padding:8px 10px}.image-badge small{font-size:.53rem}.image-badge strong{font-size:.67rem}.math-chip{padding:8px 9px;font-size:14px}.chip-one{right:-2px;top:72px}.chip-two{left:-2px;top:113px}.chip-three{right:7px;bottom:-10px;font-size:10px}.hero-signature{font-size:.61rem}.signal-grid{grid-template-columns:1fr 1fr}.signal-grid>div{padding:14px 11px}.signal-grid>div:nth-child(odd){border-inline-start:1px solid rgba(255,255,255,.06)}.signal-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}.signal-grid>div:nth-child(3){border-inline-start:0}.signal-grid small{font-size:.56rem}.signal-grid strong{font-size:.72rem}.statement{padding:70px 0 64px}.statement-wrap{gap:14px}.statement-copy p{font-size:clamp(1.85rem,9.5vw,2.85rem);letter-spacing:-1px}.statement-note{font-size:.72rem}.statement-math{font-size:100px;left:-20px;top:-8px}.section-shell{padding:78px 0}.section-heading{margin-bottom:30px;gap:13px}.section-heading h2{font-size:clamp(2.05rem,9.4vw,3rem)}.section-heading>p,.section-copy,.faq-intro>p{font-size:.79rem}.pillar{min-height:unset;padding:24px}.pillar h3{margin-top:24px}.program-grid{grid-template-columns:1fr;gap:10px}.program-card{min-height:178px;padding:22px}.program-card strong{margin-top:36px}.program-note{align-items:flex-start;font-size:.63rem}.method-grid{gap:30px}.method-photo{padding:7px}.method-grid h2{font-size:clamp(2.05rem,9.3vw,3rem)}.method-row{grid-template-columns:44px 1fr;gap:12px;padding:16px 0}.method-row b{width:36px;height:36px}.facts-card{min-height:320px;padding:24px}.facts-orbit{width:155px;height:155px;right:22px;top:22px}.facts-copy{margin-top:125px}.facts-copy strong{font-size:1.45rem}.facts-formula{font-size:12px;left:23px;bottom:22px}.fact-grid{grid-template-columns:1fr 1fr;margin-top:24px}.fact-grid>div{padding:13px}.faq-list summary{padding:16px 0;font-size:.78rem}.faq-list details p{padding:0 34px 17px 0;font-size:.72rem}.contact-section{padding-top:58px}.contact-card{padding:27px 18px;border-radius:25px;gap:26px}.contact-copy h2{font-size:clamp(2.05rem,9.2vw,3rem)}.contact-actions{display:grid;grid-template-columns:1fr}.contact-actions .btn{width:100%}.phone-number{font-size:1.75rem}.contact-art{min-height:220px}body.mobile-actions-visible{padding-bottom:calc(70px + var(--safe))}
.mobile-bar{display:grid;position:fixed;right:0;left:0;bottom:0;z-index:1100;padding:8px 10px calc(8px + var(--safe));grid-template-columns:1fr 1fr;gap:8px;background:rgba(5,12,20,.90);border-top:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(120%);opacity:0;pointer-events:none;transition:transform .25s var(--ease),opacity .25s var(--ease)}.mobile-bar.show{transform:none;opacity:1;pointer-events:auto}.mobile-bar a{min-height:49px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:.82rem;font-weight:900}.mobile-call{background:linear-gradient(135deg,#ecd08a,#c99f4c);color:#181107;border:1px solid #e1bf72}.mobile-wa{background:rgba(72,217,131,.08);border:1px solid rgba(72,217,131,.28);color:#9be9bc}.back-top{display:none}.footer-inner{flex-direction:column}.footer-links{gap:12px}.toast{left:12px;right:12px;bottom:calc(76px + var(--safe));max-width:none;text-align:center}.dialog-box{padding:22px}.form-actions{grid-template-columns:1fr}.modal{padding:8px}.dialog-head h2{font-size:1.5rem}.legal-shell{padding:24px 0 36px}.legal-card{padding:24px;border-radius:23px}.legal-card p{font-size:.80rem}}
@media(max-width:480px){.container{width:calc(100% - 22px)}.brand-copy strong{font-size:.78rem}.brand-copy small{font-size:.48rem}.hero h1{font-size:clamp(2.12rem,11.9vw,3.05rem)}.hero-notes{grid-template-columns:1fr}.hero-notes span:last-child{grid-column:auto}.signal-grid>div{padding:13px 9px}.signal-grid strong{font-size:.68rem}.fact-grid{grid-template-columns:1fr}.facts-card{min-height:295px}.facts-orbit{width:140px;height:140px}.facts-copy{margin-top:106px}.contact-art{min-height:205px}.contact-sigma{font-size:120px;left:22px}.f1,.f2,.f3{right:20px}.contact-caption{right:20px}.dialog-box{max-height:calc(100dvh - 16px)}}
@media(max-height:650px) and (orientation:landscape){.hero{padding-top:28px;padding-bottom:40px}.section-shell{padding:58px 0}.mobile-bar a{min-height:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transform:none;transition:none}.btn,.pillar,.program-card,.desktop-nav a::after,.back-top,.mobile-bar{transition:none}.scroll-progress span{transition:none}}
@supports not ((backdrop-filter:blur(2px))){.topbar,.mobile-bar,.modal-backdrop{background:rgba(7,14,22,.98)}}

.facts-title{display:block;margin-top:14px;font-size:clamp(2.25rem,4.7vw,4rem);letter-spacing:-1.6px}

.clipboard-helper{position:fixed;opacity:0;pointer-events:none;inset:0 auto auto 0;width:2px;height:2px}

/* =========================================================
   PREMIUM PASS — v3
   Mobile-first corrections, visual hierarchy, and identity
   ========================================================= */
:root{
  --gold:#cda95b;
  --gold-2:#f0cf83;
  --gold-deep:#9a7835;
  --cyan:#62d4cb;
  --navy-950:#040a11;
  --navy-900:#07111b;
  --navy-850:#0a1621;
  --surface:rgba(255,255,255,.035);
  --hairline:rgba(255,255,255,.09);
}
body{background:
  radial-gradient(circle at 78% 8%,rgba(205,169,91,.055),transparent 24rem),
  radial-gradient(circle at 8% 30%,rgba(98,212,203,.045),transparent 28rem),
  var(--navy-950);
}
.topbar{background:rgba(4,10,17,.92);border-bottom-color:rgba(205,169,91,.20)}
.mini-bar{background:linear-gradient(90deg,rgba(98,212,203,.035),rgba(205,169,91,.075),rgba(98,212,203,.035))}
.nav{min-height:76px}
.brand{gap:13px}
.brand-mark{width:50px;height:50px;flex-basis:50px;border-radius:16px;background:#08121d;border-color:rgba(205,169,91,.40);box-shadow:0 10px 30px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025)}
.brand-mark img{object-fit:cover}
.brand-copy strong{font-size:.98rem;letter-spacing:-.35px}
.brand-copy small{font-size:.61rem;color:#98a5b1}
.menu-btn{border-color:rgba(205,169,91,.20);background:rgba(255,255,255,.025)}
.nav-call{border-color:rgba(205,169,91,.28);background:rgba(205,169,91,.06)}

.hero{position:relative;isolation:isolate;padding:82px 0 92px;min-height:auto}
.hero::before{width:560px;height:560px;left:-250px;top:-230px;background:radial-gradient(circle,rgba(98,212,203,.12),transparent 68%)}
.hero::after{width:620px;height:620px;right:-260px;top:-80px;background:radial-gradient(circle,rgba(205,169,91,.12),transparent 66%)}
.hero-grid{gap:68px;align-items:center}
.hero-copy{max-width:720px}
.hero-kicker{color:#e4ebf1;margin-top:21px}
.hero h1{font-size:clamp(3.1rem,6vw,5.45rem);line-height:1.04;letter-spacing:-3.5px;margin:17px 0 24px}
.hero h1 span{background:linear-gradient(100deg,#f4d894,#cda95b);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:1.02rem;line-height:1.95;color:#b9c6d1;max-width:630px}
.hero-actions{margin:30px 0 20px}
.btn{min-height:56px;border-radius:16px;padding-inline:20px}
.btn-primary{background:linear-gradient(135deg,#f1d58f 0%,#c99f4d 100%);box-shadow:0 18px 44px rgba(205,169,91,.18)}
.hero-visual{max-width:590px}
.hero-visual::before{content:"";position:absolute;inset:5% -7% -5% 6%;border:1px solid rgba(205,169,91,.16);border-radius:42px;transform:rotate(-3deg);pointer-events:none}
.hero-visual::after{content:"";position:absolute;inset:0;background:url('/assets/hero-math-visual.svg') center/cover no-repeat;opacity:.30;mix-blend-mode:screen;pointer-events:none;z-index:-1;transform:translate(7%,-2%) scale(1.02)}
.hero-image-card{padding:9px;border-radius:31px;border-color:rgba(205,169,91,.36);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(205,169,91,.07) 52%,rgba(98,212,203,.025));box-shadow:0 34px 100px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.025) inset}
.image-frame{aspect-ratio:3/4;border-radius:23px;background:#0c1620}
.image-frame::after{background:linear-gradient(180deg,rgba(4,10,16,0) 55%,rgba(4,9,15,.72) 100%),linear-gradient(90deg,rgba(4,9,15,.12),transparent 25%,transparent 75%,rgba(4,9,15,.12))}
.image-frame img{object-fit:cover;object-position:center top}
.image-panel{right:20px;bottom:20px;max-width:calc(100% - 40px);padding:12px 15px;border-radius:15px;background:rgba(4,10,17,.86);backdrop-filter:blur(12px);border-color:rgba(205,169,91,.30)}
.image-panel strong{font-size:.88rem}
.image-badge{left:-18px;top:28px;padding:10px 13px;border-radius:14px;background:rgba(5,13,21,.92);border-color:rgba(98,212,203,.24)}
.math-chip{z-index:2;background:rgba(7,16,25,.90);backdrop-filter:blur(8px);border-color:rgba(205,169,91,.24)}
.chip-one{right:-14px;top:17%}.chip-two{left:-12px;top:42%}.chip-three{right:7%;bottom:-15px}

.signal-strip{background:rgba(7,17,27,.84);backdrop-filter:blur(12px);border-color:rgba(205,169,91,.10)}
.signal-grid>div{padding:22px;border-color:rgba(255,255,255,.065)}
.signal-grid strong{font-size:.92rem}
.statement{background:linear-gradient(135deg,#f8f5ed,#ece7db)}
.statement-copy p{font-size:clamp(2.1rem,4.5vw,4.1rem)}

.light-section{background:linear-gradient(180deg,#fbfaf7,#f1eee6)}
.about-grid{gap:18px}
.pillar{border-radius:22px;background:rgba(255,255,255,.70)}
.program-card{border-radius:22px;min-height:248px;background:linear-gradient(155deg,rgba(255,255,255,.042),rgba(255,255,255,.012))}
.program-card strong{font-size:1.30rem}

.method-grid{gap:76px}
.method-photo{max-width:620px;padding:10px;border-radius:24px;background:#e9e3d6;border-color:rgba(154,120,53,.18);transform:rotate(-.7deg);box-shadow:0 30px 90px rgba(20,27,38,.14)}
.method-photo::before{inset:14px -14px -14px 14px;border-radius:24px;border-color:rgba(154,120,53,.22)}
.method-photo img{display:block;width:100%;height:auto;aspect-ratio:1012/670;object-fit:contain;border-radius:15px;filter:none}
.method-visual figcaption{padding-inline:4px;color:#69747f;font-size:.69rem;line-height:1.7}

.contact-card{border-radius:30px;border-color:rgba(205,169,91,.20);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015))}
.faq-list details{border-color:rgba(255,255,255,.085)}

/* Fix the original mobile composition: no giant dead zone, no cropped identity artwork. */
@media(max-width:980px){
  .nav{min-height:68px}
  .desktop-nav.open{top:69px}
  .hero{padding:48px 0 62px}
  .hero-grid{gap:34px}
  .hero-copy{order:1}
  .hero-visual{order:2}
  .hero h1{letter-spacing:-2px}
  .hero-visual{max-width:620px}
  .hero-visual::after{opacity:.20}
}
@media(max-width:740px){
  .mini-bar{display:none}
  .topbar{position:sticky;top:0}
  .nav{min-height:66px}
  .brand-mark{width:43px;height:43px;flex-basis:43px;border-radius:14px}
  .brand-copy strong{font-size:.84rem}
  .brand-copy small{font-size:.52rem}
  .hero{padding:36px 0 48px}
  .hero-grid{gap:28px}
  .hero-kicker{margin-top:17px;font-size:.74rem}
  .hero h1{font-size:clamp(2.18rem,11.6vw,3.15rem);line-height:1.10;letter-spacing:-1.55px;margin:13px 0 17px}
  .hero-lead{font-size:.86rem;line-height:1.85}
  .hero-actions{gap:8px;margin:22px 0 15px}
  .hero-actions .btn{min-height:53px}
  .hero-notes{gap:6px}
  .hero-notes span{padding:7px 8px;font-size:.59rem}
  .hero-signature{margin-top:17px;font-size:.57rem}
  .hero-visual{width:100%;margin-top:4px}
  .hero-visual::before{inset:2% -2% -2% 2%;border-radius:28px}
  .hero-visual::after{opacity:.16;transform:translate(5%,-1%) scale(1.08)}
  .hero-image-card{padding:6px;border-radius:22px}
  .image-frame{aspect-ratio:3/4;border-radius:17px}
  .image-panel{right:12px;bottom:12px;max-width:calc(100% - 24px);padding:9px 10px;border-radius:13px}
  .image-panel span{font-size:.54rem}.image-panel strong{font-size:.67rem}
  .image-badge{left:8px;top:12px;padding:7px 9px}.image-badge small{font-size:.50rem}.image-badge strong{font-size:.64rem}
  .math-chip{padding:7px 8px;font-size:13px}.chip-one{right:-2px;top:15%}.chip-two{left:-2px;top:43%}.chip-three{right:7px;bottom:-9px;font-size:10px}
  .signal-grid>div{padding:14px 10px}
  .method-photo{padding:7px;border-radius:19px;transform:none}
  .method-photo::before{inset:9px -9px -9px 9px;border-radius:19px}
  .method-photo img{border-radius:12px}
  .method-visual figcaption{margin-top:12px;font-size:.61rem}
}
@media(max-width:480px){
  .container{width:calc(100% - 22px)}
  .brand{gap:9px}
  .brand-copy strong{font-size:.77rem}
  .brand-copy small{font-size:.47rem}
  .hero{padding-top:30px}
  .hero h1{font-size:clamp(2.02rem,11.8vw,2.88rem)}
  .hero-lead{font-size:.82rem}
  .hero-notes span{font-size:.57rem}
  .method-grid{gap:25px}
}

/* =========================================================
   PRECISION FIXES — header identity + mobile typography
   ========================================================= */
.brand{min-width:0;max-width:100%;}
.brand-mark{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.75rem;
  font-weight:700;
  line-height:1;
  color:#e2c47f;
  text-shadow:0 1px 0 rgba(255,255,255,.08);
  letter-spacing:0;
}
.brand-copy{min-width:0;overflow:hidden;}
.brand-copy strong,.brand-copy small{
  overflow:visible;
  text-overflow:clip;
}
@media(max-width:740px){
  .brand{gap:9px;}
  .brand-mark{width:43px;height:43px;flex-basis:43px;font-size:1.55rem;border-radius:14px;}
  .brand-copy strong{font-size:clamp(.72rem,2.5vw,.84rem);}
  .brand-copy small{font-size:clamp(.45rem,1.7vw,.52rem);}
}
@media(max-width:480px){
  .brand-copy strong{font-size:clamp(.68rem,3.0vw,.78rem);}
  .brand-copy small{font-size:clamp(.42rem,1.8vw,.47rem);}
}

/* =========================================================
   PRECISION FIXES — hero identity/card integrity
   ========================================================= */
.hero-image-card{
  display:grid;
  gap:10px;
  padding:9px;
}
.image-frame{
  aspect-ratio:3/4;
}
.image-frame img{
  object-fit:cover;
  object-position:center center;
}
.image-panel{
  position:relative;
  inset:auto;
  right:auto;
  bottom:auto;
  max-width:none;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 13px;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(4,10,17,.94),rgba(8,20,30,.88));
  border-color:rgba(205,169,91,.24);
  box-shadow:none;
}
.image-panel-copy{min-width:0}
.image-panel span{display:block;color:#aeb9c4;font-size:.64rem;line-height:1.35}
.image-panel strong{display:block;margin-top:3px;color:var(--gold-2);font-size:.82rem;line-height:1.25}
.image-panel-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 5px rgba(98,212,203,.08),0 0 18px rgba(98,212,203,.22);
}
.brand-chip{
  width:50px;
  height:50px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:0 16px 34px rgba(0,0,0,.28);
  overflow:visible;
}
.brand-chip img{width:100%;height:100%;display:block}
@media(max-width:740px){
  .hero-image-card{padding:6px;gap:7px;border-radius:22px}
  .image-frame{aspect-ratio:3/4;border-radius:17px}
  .image-panel{min-height:50px;padding:9px 10px;border-radius:13px}
  .image-panel span{font-size:.52rem}
  .image-panel strong{font-size:.66rem}
  .brand-chip{width:46px;height:46px}
}
@media(max-width:480px){
  .image-panel{min-height:48px}
  .image-panel span{font-size:.50rem}
  .image-panel strong{font-size:.63rem}
  .brand-chip{width:43px;height:43px}
}

/* =========================================================
   3D CINEMATIC MATH EXPERIENCE — no external runtime deps
   ========================================================= */
.hero-3d{
  min-height:min(1040px,calc(100svh - 32px));
  isolation:isolate;
  perspective:1600px;
  overflow:clip;
}
.scene-3d{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  transform-style:preserve-3d;
  --scene-progress:0;
  --scene-pan:0px;
}
.scene-3d canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.90;display:block}
.scene-vignette{position:absolute;inset:-5%;background:
  radial-gradient(circle at 50% 42%,transparent 0 23%,rgba(4,9,15,.04) 42%,rgba(2,5,9,.76) 100%),
  linear-gradient(180deg,rgba(1,6,11,.36),transparent 24%,transparent 74%,rgba(1,6,11,.54));
  transform:translateZ(0);}
.scene-grid-plane{
  position:absolute;left:50%;top:56%;width:150%;height:70%;
  border:1px solid rgba(98,212,203,.08);
  background-image:linear-gradient(rgba(98,212,203,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(98,212,203,.10) 1px,transparent 1px);
  background-size:52px 52px;
  transform:translate(-50%,calc(-8% + var(--scene-pan))) rotateX(67deg) translateZ(-120px) scale(1.08);
  transform-origin:center top;
  opacity:.22;
  mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.75) 25%,#000 72%,transparent 100%);
}
.scene-ring{
  position:absolute;left:50%;top:46%;width:clamp(280px,34vw,560px);aspect-ratio:1;border:1px solid rgba(205,169,91,.15);border-radius:50%;
  transform-style:preserve-3d;filter:drop-shadow(0 0 24px rgba(205,169,91,.08));
}
.scene-ring::after{content:"";position:absolute;inset:9%;border:1px solid rgba(98,212,203,.12);border-radius:50%}
.ring-1{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(7deg) translateZ(-30px) rotateY(calc(var(--scene-progress) * 18deg));}
.ring-2{width:clamp(230px,29vw,470px);transform:translate(-50%,-50%) rotateY(64deg) rotateZ(18deg) translateZ(48px);border-color:rgba(98,212,203,.13)}
.ring-3{width:clamp(350px,41vw,670px);transform:translate(-50%,-50%) rotateX(68deg) rotateY(14deg) translateZ(-160px);border-color:rgba(121,174,240,.08)}
.scene-symbol{
  position:absolute;left:50%;top:46%;display:grid;place-items:center;
  width:clamp(108px,14vw,206px);aspect-ratio:1;
  color:rgba(240,207,131,.95);font-family:Georgia,"Times New Roman",serif;font-size:clamp(5rem,11vw,10rem);font-weight:800;line-height:1;text-shadow:0 12px 44px rgba(205,169,91,.28),0 0 90px rgba(98,212,203,.08);
  transform:translate(-50%,-50%) translateZ(110px) rotateX(calc(4deg - var(--scene-progress) * 9deg)) rotateY(calc(-10deg + var(--scene-progress) * 26deg));
  transform-style:preserve-3d;
}
.scene-symbol::before,.scene-symbol::after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(205,169,91,.12)}
.scene-symbol::after{inset:24%;border-color:rgba(98,212,203,.10)}
.scene-math{position:absolute;color:rgba(234,242,250,.50);font-family:Georgia,"Times New Roman",serif;letter-spacing:.02em;white-space:nowrap;transform-style:preserve-3d;text-shadow:0 0 24px rgba(98,212,203,.10)}
.smath-a{right:15%;top:28%;font-size:clamp(1.05rem,2vw,1.7rem);transform:translateZ(190px) rotateY(-17deg)}
.smath-b{left:10%;top:34%;font-size:clamp(.84rem,1.6vw,1.35rem);transform:translateZ(92px) rotateY(18deg) rotateZ(-6deg);color:rgba(205,169,91,.44)}
.smath-c{right:9%;bottom:24%;font-size:clamp(.75rem,1.3vw,1.15rem);transform:translateZ(70px) rotateY(-24deg) rotateX(4deg)}
.smath-d{left:14%;bottom:19%;font-size:clamp(.75rem,1.3vw,1.15rem);transform:translateZ(140px) rotateY(22deg);color:rgba(98,212,203,.48)}
.scene-orb{position:absolute;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.025),0 0 30px currentColor;background:currentColor;transform-style:preserve-3d}
.orb-a{left:25%;top:24%;color:var(--cyan);transform:translateZ(220px)}
.orb-b{right:24%;top:57%;color:var(--gold-2);transform:translateZ(280px)}
.orb-c{left:34%;bottom:21%;color:#79aef0;transform:translateZ(150px)}
.hero-grid{position:relative;z-index:3;transform-style:preserve-3d}
.hero-copy,.hero-visual{transform-style:preserve-3d}
.hero-copy{transform:translate3d(calc(var(--scene-pan) * -.13),calc(var(--scene-pan) * .05),35px)}
.hero-visual{transform:translate3d(calc(var(--scene-pan) * .10),calc(var(--scene-pan) * -.07),70px) rotateY(calc(var(--scene-progress) * -1.8deg));}
.hero-image-card{transform-style:preserve-3d;will-change:transform;box-shadow:0 42px 110px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset}
.hero-image-card::before{content:"";position:absolute;inset:-7px;border-radius:38px;border:1px solid rgba(98,212,203,.12);transform:translateZ(-28px);pointer-events:none}
.image-frame{transform:translateZ(24px);box-shadow:0 20px 60px rgba(0,0,0,.22)}
.image-panel{transform:translateZ(70px)}
.image-badge{transform:translateZ(52px)}
.math-chip{transform-style:preserve-3d}
.brand-chip{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:800;color:var(--gold-2);display:grid;place-items:center;border:1px solid rgba(205,169,91,.28);background:linear-gradient(145deg,rgba(8,18,29,.96),rgba(10,25,37,.82));box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 0 24px rgba(205,169,91,.06)}
.brand-chip span{display:block;transform:translateZ(18px)}
.pillar,.program-card,.start-card,.method-row,.facts-card,.contact-card{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}
.pillar::before,.program-card::before,.start-card::before,.method-row::before,.facts-card::before,.contact-card::before{content:"";position:absolute;inset:8px;border:1px solid rgba(205,169,91,.04);border-radius:inherit;transform:translateZ(-12px);pointer-events:none}
.light-section,.dark-section,.statement,.signal-strip,.contact-section{overflow:clip}
.light-section::after,.dark-section::after,.contact-section::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:radial-gradient(circle at 15% 15%,rgba(98,212,203,.16),transparent 18%),radial-gradient(circle at 85% 68%,rgba(205,169,91,.12),transparent 22%);transform:translateZ(0)}
.dark-section .container,.light-section .container,.contact-section .container{position:relative;z-index:1}
.section-shell:not(.hero-3d) .section-heading,.section-shell:not(.hero-3d) .pillar,.section-shell:not(.hero-3d) .program-card,.section-shell:not(.hero-3d) .start-card,.section-shell:not(.hero-3d) .method-row,.section-shell:not(.hero-3d) .facts-card,.section-shell:not(.hero-3d) .faq-list,.section-shell:not(.hero-3d) .contact-card{perspective:1200px}
.facts-card{box-shadow:0 34px 100px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.02)}
.contact-art{transform-style:preserve-3d;perspective:900px}.contact-sigma{transform:translateZ(60px) rotateX(7deg) rotateY(-12deg);text-shadow:0 16px 45px rgba(205,169,91,.28)}.contact-art .formula{transform:translateZ(90px)}

@media(max-width:980px){
  .hero-3d{min-height:auto;padding-top:76px}
  .scene-symbol{top:47%}
  .hero-copy{transform:translateZ(28px)}
  .hero-visual{transform:translateZ(42px)}
}
@media(max-width:740px){
  .hero-3d{min-height:auto;padding-top:62px;overflow:hidden}
  .scene-grid-plane{background-size:36px 36px;opacity:.16;transform:translate(-50%,calc(-7% + var(--scene-pan))) rotateX(70deg) translateZ(-100px) scale(1.24)}
  .scene-ring{top:50%;width:94vw}.ring-2{width:76vw}.ring-3{width:112vw}
  .scene-symbol{top:49%;width:112px;font-size:6rem;transform:translate(-50%,-50%) translateZ(70px)}
  .scene-math{font-size:.78rem;opacity:.6}
  .smath-a{right:7%;top:32%}.smath-b{left:4%;top:39%}.smath-c{right:4%;bottom:24%}.smath-d{left:6%;bottom:18%}
  .orb-a{left:17%;top:26%}.orb-b{right:13%;top:58%}.orb-c{left:22%;bottom:16%}
  .hero-grid{gap:30px}
  .hero-copy,.hero-visual{transform:none}
  .hero-image-card{transform:perspective(1100px) rotateX(calc(var(--scene-progress) * -1deg)) rotateY(calc(var(--scene-progress) * -2deg))}
  .image-frame{transform:translateZ(16px)}
  .image-panel{transform:translateZ(28px)}
  .image-badge{transform:translateZ(20px)}
  .brand-chip{font-size:1.2rem}
  }
@media(max-width:480px){
  .scene-3d canvas{opacity:.72}
  .scene-symbol{top:51%}
  .scene-math{display:none}
  }
@media(prefers-reduced-motion:reduce){
  .hero-copy,.hero-visual,.hero-image-card,.image-frame,.image-panel,.image-badge,.contact-sigma,.contact-art .formula{transform:none!important}
  .scene-grid-plane,.scene-ring,.scene-symbol,.scene-math,.scene-orb{transition:none!important}
}

/* Identity lock + interaction depth */
.brand-mark{font:700 23px Georgia,"Times New Roman",serif;color:var(--gold-2);text-shadow:0 1px 0 rgba(255,255,255,.05)}
.legal-mark{display:grid;place-items:center;flex:0 0 45px;font:700 21px Georgia,"Times New Roman",serif;color:var(--gold-2);border-color:rgba(205,169,91,.36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 10px 28px rgba(0,0,0,.18)}
.brand-chip span{font:700 26px Georgia,"Times New Roman",serif;color:var(--gold-2)}

.image-frame{aspect-ratio:3/4}
.image-frame img{object-position:center top}
@media(max-width:740px){.image-frame{aspect-ratio:3/4}.image-frame img{object-position:center top}}



/* =========================================================
   EXPERT QA PASS — V2
   Responsive navigation, 3D performance, accessibility polish
   ========================================================= */
.menu-btn:focus-visible,.dialog-close:focus-visible,.copy-btn:focus-visible,.back-top:focus-visible{outline:3px solid rgba(98,212,203,.78);outline-offset:3px}
.desktop-nav.open{z-index:20}
.hero-3d .scene-3d{contain:layout paint;}
.scene-3d canvas{will-change:transform;contain:strict}
@media(max-width:740px){
  .scene-3d{contain:strict}
  .brand-copy{min-width:0;overflow:hidden}
  .brand-copy strong,.brand-copy small{overflow:visible;text-overflow:clip}
  .dialog-box{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
@media(prefers-reduced-motion:reduce){
  .scene-3d canvas{display:none}
}

/* =========================================================
   LIVE QA FIX — mobile header identity + hero copy integrity
   ========================================================= */
@media(max-width:740px){
  .nav{min-height:72px;}
  .brand-copy{overflow:visible;white-space:normal;}
  .brand-copy strong,
  .brand-copy small{overflow:visible;text-overflow:clip;white-space:normal;display:block;}
  .brand-copy strong{line-height:1.15;}
  .brand-copy small{line-height:1.28;max-width:180px;margin-top:2px;}
  .hero h1{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;display:block;}
}
@media(max-width:480px){
  .brand-copy small{max-width:165px;}
  .hero h1{max-width:100%;}
}


/* =========================================================
   EXPERT QA PASS — V6
   No-JS fallbacks, stronger modal isolation, resilient Arabic identity
   ========================================================= */
.brand-copy{max-width:min(330px,calc(100vw - 290px));}
.brand-copy strong,.brand-copy small{overflow-wrap:anywhere;}
[data-book]{touch-action:manipulation;}
.program-card{text-align:inherit;cursor:pointer;}
.program-card:focus-visible,.btn:focus-visible{outline:3px solid rgba(98,212,203,.78);outline-offset:4px;}
.dialog-box{overscroll-behavior:contain;}
@media(max-width:980px){
  .brand-copy{max-width:min(290px,calc(100vw - 145px));}
}
@media(max-width:740px){
  .brand-copy{max-width:calc(100vw - 92px);}
  .brand-copy small{max-width:none;}
  .program-card{text-decoration:none;}
}
@media(max-width:420px){
  .brand-copy{max-width:calc(100vw - 88px);}
  .brand-copy strong{font-size:.70rem;}
  .brand-copy small{font-size:.44rem;}
}


/* =========================================================
   HERO IMAGE NEON BREATHING — always-present, delayed start, looped
   Chips never collapse to zero opacity. The first 2 seconds are calm;
   the breathing sequence then starts gradually and loops forever.
   ========================================================= */
@keyframes heroNeonBreath {
  0%, 100% {
    opacity: .34;
    filter: brightness(.90) saturate(.92);
  }
  50% {
    opacity: .90;
    filter: brightness(1.18) saturate(1.16);
  }
}
@keyframes heroChipBreath {
  0%, 100% {
    opacity: .34;
    box-shadow: 0 10px 28px rgba(0,0,0,.18), 0 0 0 rgba(98,212,203,0);
    transform: translate3d(0,1px,0) scale(.986);
  }
  50% {
    opacity: .94;
    box-shadow: 0 14px 34px rgba(0,0,0,.22), 0 0 24px rgba(205,169,91,.16), 0 0 42px rgba(98,212,203,.06);
    transform: translate3d(0,-1px,0) scale(1);
  }
}
.math-chip {
  opacity: .72;
  visibility: visible;
  animation: heroChipBreath 5.4s ease-in-out infinite 2s both;
  will-change: opacity, filter, transform, box-shadow;
  backface-visibility: hidden;
  transform-origin: center;
  z-index: 7;
}
.chip-one { animation-delay: 2s; }
.chip-two { animation-delay: 2.18s; animation-duration: 5.6s; }
.chip-three { animation-delay: 2.36s; animation-duration: 5.9s; }
.image-panel-dot {
  opacity: .58;
  animation: heroNeonBreath 4.2s ease-in-out infinite 2s both;
  will-change: opacity, filter, box-shadow;
}
.image-badge {
  animation: heroNeonBreath 5.6s ease-in-out infinite 2s both;
  will-change: opacity, filter;
}
@media (max-width:740px) {
  .math-chip { font-size: 13px; }
  .chip-one { right: 8px; top: 12%; }
  .chip-two { left: 8px; top: 35%; }
  .chip-three { right: 11px; bottom: 8%; }
}
@media (max-width:480px) {
  .chip-one { right: 7px; top: 12%; }
  .chip-two { left: 7px; top: 34%; }
  .chip-three { right: 9px; bottom: 8%; font-size: 9.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .math-chip,
  .image-panel-dot,
  .image-badge {
    animation: none;
    opacity: 1;
    filter: none;
  }
}


/* =========================================================
   V9 HERO REFINEMENT — MATCHED MATH ICONS + PREMIUM NEON FRAME
   ========================================================= */
.image-frame{
  isolation:isolate;
  box-shadow:
    0 0 0 1px rgba(205,169,91,.22),
    0 0 24px rgba(98,212,203,.08),
    0 0 54px rgba(205,169,91,.06),
    var(--shadow);
}
.image-frame::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(125deg,
    rgba(98,212,203,.78) 0%,
    rgba(98,212,203,.18) 26%,
    rgba(205,169,91,.72) 52%,
    rgba(98,212,203,.20) 74%,
    rgba(98,212,203,.74) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:6;
  opacity:.68;
  animation:heroNeonFrame 5.8s ease-in-out 2s infinite both;
  will-change:opacity,filter,box-shadow;
}
.image-frame::after{z-index:3}
.image-frame picture{position:relative;z-index:1;display:block;height:100%}

@keyframes heroNeonFrame{
  0%,100%{
    opacity:.54;
    filter:drop-shadow(0 0 0 rgba(98,212,203,0));
  }
  50%{
    opacity:1;
    filter:drop-shadow(0 0 10px rgba(98,212,203,.32)) drop-shadow(0 0 18px rgba(205,169,91,.18));
  }
}

/* Three hero math badges: same physical size, same visual weight, different symbols. */
.math-chip{
  width:60px;
  height:60px;
  min-width:60px;
  min-height:60px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(205,169,91,.34);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(7,16,25,.94),rgba(10,23,34,.82));
  color:rgba(243,217,148,.92);
  font:700 22px/1 Georgia,serif;
  box-shadow:
    0 10px 28px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(98,212,203,.05);
  opacity:.88;
  visibility:visible;
  animation:heroChipBreathV9 5.2s ease-in-out 2s infinite both;
  will-change:opacity,filter,transform,box-shadow;
  transform-origin:center;
  z-index:8;
}
.math-chip::after{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(98,212,203,.10);
  border-radius:13px;
  pointer-events:none;
}
.math-chip span{display:grid;place-items:center;width:100%;height:100%}
.chip-one{right:-1px;top:12%;color:#f0d28a}
.chip-two{left:-1px;top:41%;color:#74e5dd}
.chip-three{right:9px;bottom:9%;color:#8ab7f0;font-size:18px}

@keyframes heroChipBreathV9{
  0%,100%{
    opacity:.68;
    transform:translate3d(0,1px,0) scale(.985);
    box-shadow:
      0 10px 28px rgba(0,0,0,.20),
      0 0 0 rgba(98,212,203,0),
      inset 0 0 0 1px rgba(98,212,203,.04);
  }
  50%{
    opacity:1;
    transform:translate3d(0,-1px,0) scale(1.015);
    box-shadow:
      0 15px 34px rgba(0,0,0,.24),
      0 0 22px rgba(98,212,203,.20),
      0 0 36px rgba(205,169,91,.12),
      inset 0 0 14px rgba(98,212,203,.035);
  }
}
.chip-one{animation-delay:2s;animation-duration:5.2s}
.chip-two{animation-delay:2.28s;animation-duration:5.7s}
.chip-three{animation-delay:2.56s;animation-duration:6.1s}

.image-panel-dot{
  animation:heroNeonBreath 4.6s ease-in-out 2s infinite both;
}
.image-badge{
  animation:heroNeonBreath 5.8s ease-in-out 2s infinite both;
}

@media (max-width:740px){
  .math-chip{
    width:56px;height:56px;min-width:56px;min-height:56px;border-radius:15px;font-size:21px;
  }
  .chip-one{right:7px;top:12%}
  .chip-two{left:7px;top:41%}
  .chip-three{right:9px;bottom:9%;font-size:16px}
  .image-frame::before{inset:1px}
}
@media (max-width:480px){
  .math-chip{
    width:54px;height:54px;min-width:54px;min-height:54px;border-radius:14px;font-size:20px;
  }
  .chip-one{right:6px;top:12%}
  .chip-two{left:6px;top:40%}
  .chip-three{right:8px;bottom:9%;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .image-frame::before,.math-chip,.image-panel-dot,.image-badge{animation:none!important}
  .image-frame::before,.math-chip{opacity:1}
}


/* =========================================================
   V10 HERO ICON ARCHITECTURE — all portrait math icons live INSIDE the image frame.
   Same physical badge size, full visibility, delayed 2s start, breathing loop.
   ========================================================= */
.image-frame{position:relative;overflow:hidden;isolation:isolate;}
.portrait-math-layer{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:visible;}
.portrait-math-layer .math-chip{
  position:absolute!important;
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
  display:grid!important;place-items:center!important;
  padding:0!important;margin:0!important;
  border:1px solid rgba(205,169,91,.42)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(6,15,24,.94),rgba(9,25,36,.86))!important;
  color:#f0d28a!important;
  font:700 22px/1 Georgia,serif!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-shadow:0 0 10px rgba(226,196,127,.18);
  box-shadow:0 10px 26px rgba(0,0,0,.23),inset 0 0 0 1px rgba(98,212,203,.06);
  opacity:.78;
  visibility:visible;
  animation:portraitChipBreath 6.2s ease-in-out infinite;
  animation-delay:2s;
  transform-origin:center;
  will-change:opacity,filter,transform,box-shadow;
}
.portrait-math-layer .math-chip::before{
  content:"";position:absolute;inset:2px;border-radius:14px;
  border:1px solid rgba(98,212,203,.20);
  box-shadow:inset 0 0 12px rgba(98,212,203,.04),0 0 14px rgba(98,212,203,.03);
}
.portrait-math-layer .math-chip::after{
  content:"";position:absolute;inset:-6px;border-radius:20px;
  border:1px solid rgba(98,212,203,.10);
  opacity:.55;filter:blur(.6px);
}
.portrait-math-layer .math-chip{z-index:1}
.portrait-math-layer .chip-sigma{right:12px;top:33%;}
.portrait-math-layer .chip-integral{right:12px;top:12%;color:#79c8f0!important;font-size:26px!important;animation-duration:6.8s;animation-delay:2.18s;}
.portrait-math-layer .chip-root{right:12px;top:54%;color:#74e5dd!important;font-size:25px!important;animation-duration:5.8s;animation-delay:2.34s;}
.portrait-math-layer .chip-left-math{left:12px;top:36%;color:#74e5dd!important;font-size:20px!important;animation-duration:6.0s;animation-delay:2.46s;}
.portrait-math-layer .chip-delta{left:12px;top:12%;color:#e2c47f!important;font-size:13px!important;animation-duration:6.6s;animation-delay:2.62s;}
.portrait-math-layer .chip-formula{left:12px;bottom:12%;color:#8ab7f0!important;font-size:13px!important;animation-duration:6.4s;animation-delay:2.78s;}
@keyframes portraitChipBreath{
  0%,100%{
    opacity:.58;
    transform:translate3d(0,1px,0) scale(.982);
    filter:brightness(.92) saturate(.96);
    box-shadow:0 10px 26px rgba(0,0,0,.23),0 0 0 rgba(98,212,203,0),inset 0 0 0 1px rgba(98,212,203,.05);
  }
  50%{
    opacity:1;
    transform:translate3d(0,-1px,0) scale(1.018);
    filter:brightness(1.14) saturate(1.10);
    box-shadow:0 15px 32px rgba(0,0,0,.25),0 0 22px rgba(98,212,203,.20),0 0 38px rgba(205,169,91,.13),inset 0 0 14px rgba(98,212,203,.05);
  }
}
@media(max-width:740px){
  .portrait-math-layer .math-chip{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:14px!important;font-size:20px!important}
  .portrait-math-layer .chip-sigma{right:10px;top:33%}
  .portrait-math-layer .chip-integral{right:10px;top:11%;font-size:23px!important}
  .portrait-math-layer .chip-root{right:10px;top:55%;font-size:22px!important}
  .portrait-math-layer .chip-left-math{left:10px;top:36%;font-size:18px!important}
  .portrait-math-layer .chip-delta{left:10px;top:11%;font-size:11px!important}
  .portrait-math-layer .chip-formula{left:10px;bottom:10%;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .portrait-math-layer .math-chip{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}
/* Make the premium frame breathe with the icon system, without changing layout. */
.image-frame::before{animation:heroNeonFrameV10 6.6s ease-in-out 2s infinite!important}
@keyframes heroNeonFrameV10{
  0%,100%{opacity:.46;filter:drop-shadow(0 0 0 rgba(98,212,203,0));}
  50%{opacity:1;filter:drop-shadow(0 0 11px rgba(98,212,203,.30)) drop-shadow(0 0 19px rgba(205,169,91,.16));}
}


/* =========================================================
   V11 FINAL HERO PASS — deterministic neon frame + full portrait math set
   - all six math badges live inside the image frame
   - exact same physical badge size
   - motion starts at 2s, never reaches opacity 0
   - stronger border glow without mask-composite dependence
   ========================================================= */
.image-frame{overflow:hidden;position:relative;isolation:isolate;}
.image-frame::before{display:none!important;}
.portrait-neon-frame{
  position:absolute;
  inset:5px;
  z-index:7;
  pointer-events:none;
  border:2px solid rgba(98,212,203,.62);
  border-radius:22px;
  box-shadow:
    inset 0 0 0 1px rgba(205,169,91,.52),
    inset 0 0 18px rgba(98,212,203,.05),
    0 0 8px rgba(98,212,203,.14),
    0 0 22px rgba(205,169,91,.08);
  opacity:.72;
  animation:portraitNeonFrameV11 6s ease-in-out 2s infinite;
  will-change:opacity,filter,box-shadow;
}
.portrait-math-layer{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:visible;}
.portrait-math-layer .math-chip{
  position:absolute!important;
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
  display:grid!important;place-items:center!important;
  padding:0!important;margin:0!important;
  border:1px solid rgba(205,169,91,.52)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(5,14,24,.97),rgba(8,27,38,.91))!important;
  color:#f0d28a!important;
  font:800 21px/1 Georgia,serif!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-shadow:0 0 12px rgba(226,196,127,.16);
  box-shadow:
    0 10px 26px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(98,212,203,.10),
    0 0 10px rgba(98,212,203,.08);
  opacity:.62;
  visibility:visible;
  animation:portraitChipBreathV11 5.8s ease-in-out 2s infinite;
  animation-fill-mode:both;
  transform-origin:center;
  will-change:opacity,filter,transform,box-shadow;
}
.portrait-math-layer .math-chip::before{
  content:"";position:absolute;inset:3px;border-radius:13px;
  border:1px solid rgba(98,212,203,.24);
  box-shadow:inset 0 0 16px rgba(98,212,203,.04);
}
.portrait-math-layer .math-chip::after{
  content:"";position:absolute;inset:-7px;border-radius:20px;
  border:1px solid rgba(98,212,203,.11);
  opacity:.8;filter:blur(.45px);
}
.portrait-math-layer .math-chip{z-index:1;}
/* Desktop positions: right side + left side, always inside the image. */
.portrait-math-layer .chip-sigma{right:12px;top:34%;color:#f0d28a!important;font-size:24px!important;}
.portrait-math-layer .chip-integral{left:12px;top:13%;color:#79c8f0!important;font-size:26px!important;animation-duration:6.2s;animation-delay:2.16s;}
.portrait-math-layer .chip-root{left:12px;top:39%;color:#74e5dd!important;font-size:26px!important;animation-duration:5.7s;animation-delay:2.32s;}
.portrait-math-layer .chip-left-math{left:12px;top:65%;color:#74e5dd!important;font-size:19px!important;animation-duration:6.0s;animation-delay:2.48s;}
.portrait-math-layer .chip-delta{right:12px;top:13%;color:#e2c47f!important;font-size:12px!important;animation-duration:6.5s;animation-delay:2.64s;}
.portrait-math-layer .chip-formula{right:12px;bottom:10%;color:#8ab7f0!important;font-size:12px!important;animation-duration:6.3s;animation-delay:2.80s;}
@keyframes portraitChipBreathV11{
  0%,100%{
    opacity:.62;
    transform:translate3d(0,1px,0) scale(.982);
    filter:brightness(.92) saturate(.96);
    box-shadow:0 10px 26px rgba(0,0,0,.28),0 0 0 rgba(98,212,203,0),inset 0 0 0 1px rgba(98,212,203,.06);
  }
  50%{
    opacity:1;
    transform:translate3d(0,-2px,0) scale(1.025);
    filter:brightness(1.18) saturate(1.12);
    box-shadow:0 15px 34px rgba(0,0,0,.30),0 0 20px rgba(98,212,203,.22),0 0 34px rgba(205,169,91,.16),inset 0 0 16px rgba(98,212,203,.05);
  }
}
@keyframes portraitNeonFrameV11{
  0%,100%{
    opacity:.62;
    filter:brightness(.96);
    box-shadow:inset 0 0 0 1px rgba(205,169,91,.44),inset 0 0 14px rgba(98,212,203,.04),0 0 7px rgba(98,212,203,.10),0 0 18px rgba(205,169,91,.06);
  }
  50%{
    opacity:1;
    filter:brightness(1.10);
    box-shadow:inset 0 0 0 1px rgba(205,169,91,.78),inset 0 0 22px rgba(98,212,203,.08),0 0 13px rgba(98,212,203,.28),0 0 32px rgba(205,169,91,.16);
  }
}
@media(max-width:740px){
  .portrait-neon-frame{inset:4px;border-radius:20px;border-width:1.7px;}
  .portrait-math-layer .math-chip{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:14px!important;font-size:19px!important;}
  .portrait-math-layer .chip-sigma{right:9px;top:34%;font-size:22px!important;}
  .portrait-math-layer .chip-integral{left:9px;top:12%;font-size:23px!important;}
  .portrait-math-layer .chip-root{left:9px;top:39%;font-size:23px!important;}
  .portrait-math-layer .chip-left-math{left:9px;top:65%;font-size:16px!important;}
  .portrait-math-layer .chip-delta{right:9px;top:12%;font-size:10.5px!important;}
  .portrait-math-layer .chip-formula{right:9px;bottom:9%;font-size:11px!important;}
}
@media(max-width:420px){
  .portrait-neon-frame{inset:3px;border-radius:18px;}
  .portrait-math-layer .math-chip{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:13px!important;font-size:18px!important;}
  .portrait-math-layer .chip-delta,.portrait-math-layer .chip-formula{font-size:9.6px!important;}
  .portrait-math-layer .chip-left-math{font-size:15px!important;}
}
@media(prefers-reduced-motion:reduce){
  .portrait-neon-frame,.portrait-math-layer .math-chip{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;}
}


/* =========================================================
   V13 FLAGSHIP EXPERIENCE — interaction system
   Math lab, physics cards, magnetic pointer, booking companion, focus mode.
   All interaction layers are progressive enhancements with touch/reduced-motion fallbacks.
   ========================================================= */
.focus-toggle{
  min-height:42px;padding:0 12px;border:1px solid rgba(205,169,91,.20);border-radius:999px;
  background:rgba(255,255,255,.028);color:#cfd8e0;font-size:.69rem;font-weight:900;
  transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease)
}
.focus-toggle:hover,.focus-toggle[aria-pressed="true"]{transform:translateY(-1px);border-color:rgba(98,212,203,.42);background:rgba(98,212,203,.08);color:#e8f8f6}
.focus-mode .page-grid,.focus-mode .scene-3d,.focus-mode .scene-math,.focus-mode .scene-orb,.focus-mode .portrait-math-layer .math-chip{opacity:.42}
.focus-mode .light-section::after,.focus-mode .dark-section::after,.focus-mode .contact-section::after{opacity:.08}
.focus-mode .hero-interaction-hud{opacity:.45}
.hero-interaction-hud{position:absolute;right:-18px;top:32px;z-index:5;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(98,212,203,.18);border-radius:999px;background:rgba(5,12,20,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#a9b7c3;font-size:.62rem;box-shadow:0 16px 44px rgba(0,0,0,.20);transition:opacity .3s var(--ease)}
.hud-pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(98,212,203,.08),0 0 14px rgba(98,212,203,.4)}

/* Math Lab */
.math-lab-section{background:linear-gradient(145deg,#f7f4ec,#ebe6da 72%,#e5e0d6);color:var(--ink);border-block:1px solid rgba(16,23,34,.08)}
.math-lab-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(98,212,203,.11),transparent 23%),radial-gradient(circle at 86% 84%,rgba(205,169,91,.15),transparent 28%)}
.math-lab{position:relative;z-index:1;border:1px solid rgba(16,23,34,.10);border-radius:30px;padding:12px;background:linear-gradient(160deg,rgba(255,255,255,.70),rgba(255,255,255,.30));box-shadow:0 28px 90px rgba(16,23,34,.12),inset 0 0 0 1px rgba(255,255,255,.46)}
.math-lab-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:7px;border-radius:21px;background:rgba(16,23,34,.045);border:1px solid rgba(16,23,34,.07)}
.lab-tab{min-height:46px;padding:0 14px;border:1px solid transparent;border-radius:15px;background:transparent;color:#68737e;font-size:.73rem;font-weight:900;display:inline-flex;align-items:center;gap:9px;transition:.22s var(--ease)}
.lab-tab span{display:grid;place-items:center;min-width:24px;height:22px;padding-inline:6px;border-radius:8px;background:rgba(154,120,53,.08);color:var(--gold-deep);font-size:.58rem}
.lab-tab:hover{background:rgba(255,255,255,.68);color:var(--ink);transform:translateY(-1px)}
.lab-tab.is-active{background:#0b1723;color:#f5f1e7;border-color:rgba(205,169,91,.42);box-shadow:0 12px 26px rgba(5,12,20,.12)}
.lab-tab.is-active span{background:rgba(98,212,203,.12);color:var(--cyan)}
.math-lab-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:12px;margin-top:12px}
.math-stage{position:relative;min-height:460px;border-radius:25px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#102a3a 0,#09151f 45%,#050b12 100%);border:1px solid rgba(98,212,203,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.math-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 45%,transparent 0 24%,rgba(4,10,16,.08) 48%,rgba(2,7,12,.74) 100%),linear-gradient(180deg,rgba(98,212,203,.05),transparent 33%,rgba(205,169,91,.04))}
.math-stage-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(98,212,203,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(98,212,203,.075) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 95%)}
.math-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.math-stage-badge{position:absolute;top:14px;inset-inline-start:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(98,212,203,.16);border-radius:999px;background:rgba(5,12,20,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#bcd0d5;font-size:.62rem;font-weight:900}
.stage-live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(98,212,203,.08),0 0 15px rgba(98,212,203,.28)}
.math-stage-caption{position:absolute;right:14px;left:14px;bottom:13px;z-index:3;padding:11px 13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(5,12,20,.64);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#bac6d0;font-size:.66rem;line-height:1.65}
.math-lab-controls{padding:24px 22px;border:1px solid rgba(16,23,34,.10);border-radius:25px;background:rgba(255,255,255,.62);display:flex;flex-direction:column;gap:17px}
.lab-copy small{font-size:.59rem;font-weight:900;letter-spacing:.12em;color:#8b7543}.lab-copy h3{margin-top:7px;font-size:1.65rem;color:#17212c}.lab-copy p{margin-top:7px;color:#68737e;font-size:.78rem;line-height:1.8}
.lab-equation{padding:13px 15px;border:1px solid rgba(154,120,53,.20);border-radius:15px;background:linear-gradient(135deg,rgba(205,169,91,.10),rgba(98,212,203,.06));color:#1b2631;font:800 1.16rem/1.35 Georgia,"Times New Roman",serif;letter-spacing:.01em;direction:ltr;text-align:center}
.lab-control{display:grid;gap:8px}.lab-control-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lab-control label{font-size:.72rem;font-weight:900;color:#36414d}.lab-control output{min-width:54px;text-align:center;padding:5px 8px;border-radius:9px;background:#101d29;color:var(--gold-2);font-size:.66rem;font-weight:900}.lab-control input{width:100%;accent-color:var(--cyan);direction:ltr}.lab-control small{color:#7d8792;font-size:.61rem}
.lab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.lab-stats>div{padding:11px 9px;border:1px solid rgba(16,23,34,.09);border-radius:13px;background:rgba(255,255,255,.62);min-width:0}.lab-stats small{display:block;color:#85909b;font-size:.57rem}.lab-stats strong{display:block;margin-top:5px;color:#182330;font-size:.73rem;overflow-wrap:anywhere}
.lab-a11y-note{font-size:.58rem;color:#7a858f;line-height:1.75;padding-top:2px;border-top:1px dashed rgba(16,23,34,.10)}

/* Physics / magnetic interaction hooks */
[data-magnetic]{--mag-x:0px;--mag-y:0px;transform:translate3d(var(--mag-x),var(--mag-y),0)}
[data-magnetic].btn:hover{filter:brightness(1.035)}
[data-physics]{--physics-x:0deg;--physics-y:0deg;--physics-z:0px;--mag-x:0px;--mag-y:0px;transform:perspective(1200px) translate3d(var(--mag-x),var(--mag-y),0) rotateX(var(--physics-x)) rotateY(var(--physics-y)) translateZ(var(--physics-z));transition:transform .24s var(--ease),box-shadow .24s var(--ease)}
.cursor-orb{position:fixed;z-index:5500;width:12px;height:12px;border-radius:50%;pointer-events:none;border:1px solid rgba(226,196,127,.78);background:rgba(98,212,203,.16);box-shadow:0 0 0 6px rgba(98,212,203,.05),0 0 28px rgba(98,212,203,.20);transform:translate3d(-100px,-100px,0);opacity:0;mix-blend-mode:screen}
.cursor-label{position:fixed;z-index:5499;pointer-events:none;padding:5px 8px;border:1px solid rgba(205,169,91,.18);border-radius:999px;background:rgba(5,12,20,.72);color:#d6e0e8;font-size:.55rem;font-weight:900;backdrop-filter:blur(8px);opacity:0;transform:translate3d(-100px,-100px,0);white-space:nowrap;mix-blend-mode:screen}

/* Booking companion */
.booking-companion{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:14px 0 7px;padding:12px;border:1px solid rgba(98,212,203,.13);border-radius:18px;background:linear-gradient(140deg,rgba(98,212,203,.05),rgba(205,169,91,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.companion-orbit{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(205,169,91,.34);background:#09141f;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 0 20px rgba(98,212,203,.05);font:800 1.3rem Georgia,serif;color:var(--gold-2)}
.booking-companion small{display:block;color:#6f8490;font-size:.55rem;font-weight:900}.booking-companion strong{display:block;margin-top:2px;color:#dbe4eb;font-size:.75rem}.booking-companion #companionHint{display:block;margin-top:2px;color:#82909d;font-size:.59rem;line-height:1.5}.companion-status{align-self:start;padding:6px 7px;border-radius:8px;background:rgba(205,169,91,.08);color:var(--gold-2);font-size:.55rem;font-weight:900;direction:ltr}

@media(max-width:1100px){.desktop-nav{gap:16px}.focus-toggle{display:none}.math-lab-grid{grid-template-columns:1fr}.math-stage{min-height:400px}}
@media(max-width:740px){.hero-interaction-hud{right:10px;top:14px;font-size:.53rem}.math-lab{padding:8px;border-radius:23px}.math-lab-toolbar{gap:5px}.lab-tab{flex:1 1 calc(50% - 5px);justify-content:center;padding-inline:8px;font-size:.65rem}.math-stage{min-height:340px}.math-lab-controls{padding:18px 15px;border-radius:21px}.lab-stats{grid-template-columns:1fr}.booking-companion{grid-template-columns:auto minmax(0,1fr)}.companion-status{grid-column:2;justify-self:start}.cursor-orb,.cursor-label{display:none}}
@media(max-width:460px){.lab-tab{flex-basis:100%}.math-stage{min-height:300px}.math-stage-caption{font-size:.58rem}.math-lab-section .section-heading{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.focus-toggle,.lab-tab,[data-magnetic],[data-physics],.hero-interaction-hud{transition:none!important;transform:none!important}.cursor-orb,.cursor-label{display:none!important}.math-stage-caption{backdrop-filter:none;-webkit-backdrop-filter:none}}

[data-physics][data-magnetic]{transform:perspective(1200px) translate3d(var(--mag-x),var(--mag-y),0) rotateX(var(--physics-x)) rotateY(var(--physics-y)) translateZ(var(--physics-z))}
[data-physics][data-magnetic]:hover{filter:brightness(1.025)}

.math-canvas{touch-action:none;cursor:grab}
.math-canvas:active{cursor:grabbing}
[data-physics]:not([data-magnetic]){will-change:transform}
@media(max-width:740px){[data-physics]{transform:none!important;transition:none!important}[data-magnetic]{transform:none!important}}

/* V15 flagship interaction system */
:root{--motion-fast:180ms;--motion-standard:260ms;--motion-emphasis:420ms;--motion-ease:cubic-bezier(.2,.65,.2,1)}
.hero-lab-link{display:inline-flex;align-items:center;gap:7px;margin:2px 0 13px;color:var(--gold-2);font-size:.72rem;font-weight:900;transition:transform var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.hero-lab-link:hover{transform:translateX(-3px);color:#fff}
.lite-toggle,.focus-toggle{min-height:42px;padding:0 11px;border:1px solid rgba(205,169,91,.18);border-radius:12px;background:rgba(255,255,255,.025);color:#aebbc6;font-size:.62rem;font-weight:900;transition:transform var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.lite-toggle[aria-pressed="true"],.focus-toggle[aria-pressed="true"]{border-color:rgba(98,212,203,.42);background:rgba(98,212,203,.08);color:#dffaf5}
.lite-mode .page-grid,.lite-mode .scene-grid-plane,.lite-mode .scene-ring,.lite-mode .scene-math,.lite-mode .scene-orb,.lite-mode .portrait-math-layer .math-chip,.lite-mode .hero-interaction-hud{display:none!important}.lite-mode .scene-3d canvas{opacity:.28}.lite-mode [data-physics],.lite-mode [data-magnetic]{transform:none!important;transition:none!important}
.focus-mode .scene-3d,.focus-mode .scene-math,.focus-mode .scene-orb,.focus-mode .portrait-math-layer .math-chip,.focus-mode .page-grid{opacity:.0!important}.focus-mode .scene-3d canvas{opacity:0!important}.focus-mode .hero-interaction-hud{opacity:0!important}.focus-mode [data-physics],.focus-mode [data-magnetic]{transform:none!important;transition:none!important}
.lab-challenge{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 13px;border:1px solid rgba(154,120,53,.16);border-radius:15px;background:linear-gradient(135deg,rgba(154,120,53,.06),rgba(98,212,203,.035))}.lab-challenge small{display:block;color:#8f7a4b;font-weight:900;font-size:.55rem}.lab-challenge strong{display:block;margin-top:3px;color:#202d38;font-size:.73rem}.lab-challenge span{display:block;margin-top:3px;color:#7a8792;font-size:.60rem;line-height:1.6}.challenge-state{display:inline-flex!important;align-items:center;justify-content:center;padding:7px 9px;border-radius:10px;background:rgba(16,23,34,.06);color:#6c7783!important;white-space:nowrap;min-width:78px}.lab-challenge.is-success{border-color:rgba(45,174,163,.34);background:linear-gradient(135deg,rgba(45,174,163,.09),rgba(205,169,91,.07))}.lab-challenge.is-success .challenge-state{background:rgba(45,174,163,.12);color:#19776e!important}.lab-tools{display:flex;gap:8px;flex-wrap:wrap}.lab-tool{min-height:40px;padding:0 11px;border:1px solid rgba(16,23,34,.10);border-radius:11px;background:rgba(255,255,255,.58);color:#465361;font-size:.63rem;font-weight:900}.lab-tool:hover{transform:translateY(-1px);background:#fff}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.math-lab-toolbar{scrollbar-width:none}.math-lab-toolbar::-webkit-scrollbar{display:none}
@media(max-width:1100px){.lite-toggle{display:none}.math-lab-toolbar{overflow:auto;flex-wrap:nowrap}.lab-tab{flex:0 0 auto}}@media(max-width:740px){.lab-challenge{grid-template-columns:1fr}.challenge-state{justify-self:start}.lab-tools{display:grid;grid-template-columns:1fr 1fr}.lab-tool{width:100%}.lab-tab{min-height:44px}.hero-lab-link{font-size:.68rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-lab-link,.lab-tool,.lite-toggle,.focus-toggle{transition:none!important}}

.mobile-bar .mobile-tool{min-height:49px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mobile-bar .mobile-tool:active{transform:translateY(1px)}
.lite-mode .mobile-bar .mobile-tool[data-utility="lite"]{border-color:rgba(205,169,91,.55);background:rgba(205,169,91,.09)}
.focus-mode .mobile-bar .mobile-tool[data-utility="focus"]{border-color:rgba(121,174,240,.55);background:rgba(121,174,240,.08)}
@media(min-width:741px){.mobile-bar .mobile-tool{display:none}}
@media(max-width:740px){.mobile-bar{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* V16 root fixes */
.pwa-update[hidden]{display:none!important}.pwa-update{min-height:40px;padding:0 10px;border:1px solid rgba(98,212,203,.35);border-radius:11px;background:rgba(98,212,203,.07);color:#dffaf5;font-size:.62rem;font-weight:900;cursor:pointer}.pwa-update:hover{background:rgba(98,212,203,.12)}
@media(max-width:980px){.pwa-update{display:none}}
@media(prefers-reduced-motion:reduce){.pwa-update{transition:none!important}}

#pwaUpdateMobile[hidden]{display:none!important}.mobile-bar .mobile-tool[data-utility="update"]{border-color:rgba(98,212,203,.42);background:rgba(98,212,203,.08);color:#dffaf5}@media(min-width:741px){#pwaUpdateMobile{display:none!important}}@media(max-width:740px){.mobile-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-bar .mobile-tool[data-utility="update"]{font-size:.66rem}}