:root{
  --bg:#060403;--bg-2:#0d0805;--panel:rgba(18,12,8,.78);--panel-2:rgba(24,16,10,.9);
  --line:rgba(246,194,94,.16);--line-strong:rgba(246,194,94,.34);
  --gold:#f6c25e;--gold-2:#ff9f35;--cream:#f8ead3;--muted:#b7a895;
  --text:#f6f0e8;--brown:#3b1c0d;--green:#65d8a6;--danger:#ff806e;
  --shadow:0 30px 70px rgba(0,0,0,.48);--radius:24px;--max:1220px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 75% 12%,rgba(181,91,18,.11),transparent 30%),
radial-gradient(circle at 15% 25%,rgba(84,43,14,.13),transparent 28%),var(--bg);
color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.7;overflow-x:hidden}
a{color:inherit}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.skip-link{position:fixed;top:14px;inset-inline-start:14px;z-index:9999;transform:translateY(-180%);background:#fff;color:#111;padding:10px 14px;border-radius:10px;text-decoration:none}.skip-link:focus{transform:none}
.site-noise{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.container,.topbar,.mobile-nav,main,footer{position:relative;z-index:2}
.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:12px 28px;background:rgba(5,3,2,.74);border-bottom:1px solid rgba(246,194,94,.11);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;overflow:hidden;border:1px solid rgba(246,194,94,.28);background:linear-gradient(145deg,#201208,#090604);box-shadow:0 0 28px rgba(247,157,43,.12)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy strong{display:block;font-size:18px;letter-spacing:.05em}.brand-copy small{display:block;color:#9c8975;font-size:8px;letter-spacing:.12em;direction:ltr}
.main-nav{display:flex;justify-content:center;gap:6px}.nav-link{padding:8px 12px;border-radius:12px;color:#bcae9c;text-decoration:none;font-size:12px}.nav-link:hover,.nav-link.is-active{color:#fff4df;background:rgba(246,194,94,.08)}
.top-actions{display:flex;align-items:center;gap:8px}.lang-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;font-size:11px}.lang-switch>*{padding:5px 8px;border-radius:999px;text-decoration:none}.lang-active{background:rgba(246,194,94,.12);color:#ffe5ad}.icon-btn,.mobile-toggle{border:1px solid var(--line);background:rgba(255,255,255,.02);color:#f5dec0;border-radius:11px;width:38px;height:38px;cursor:pointer}.mobile-toggle{display:none}.top-cta{padding:9px 15px;border-radius:12px;text-decoration:none;background:linear-gradient(135deg,#f6c25e,#da7827);color:#1a0c04;font-weight:800;font-size:12px;box-shadow:0 10px 26px rgba(230,123,34,.18)}
.mobile-nav{display:none}
.hero{position:relative;min-height:calc(100svh - 70px);display:grid;align-items:center;overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.62}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(246,194,94,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(246,194,94,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at 50% 44%,black 0 45%,transparent 83%)}
.hero-content{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center;padding:88px 0 54px}.hero-copy{max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#edc279;font-size:11px;letter-spacing:.12em;margin-bottom:16px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#ffae48;box-shadow:0 0 16px #ff9d2e}
h1{font-size:clamp(42px,5.5vw,82px);line-height:1.03;margin:0;letter-spacing:-.03em}.hero-title-en{display:block;color:#f2b55d;font-size:.35em;letter-spacing:.19em;margin-top:16px;direction:ltr}.hero-lede{font-size:18px;color:#c7b9a5;max-width:620px;margin:25px 0}.hero-lede strong{color:#fff2d8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 17px;border-radius:14px;text-decoration:none;border:1px solid var(--line);font-size:12px;font-weight:800;cursor:pointer}.btn-primary{color:#1b0c03;background:linear-gradient(135deg,#ffd77e,#e38327);box-shadow:0 18px 36px rgba(232,126,38,.2)}.btn-secondary{color:#f4dec0;background:rgba(255,255,255,.035)}.hero-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.hero-trust span{font-size:11px;color:#9e8f7d}.hero-trust b{color:#efbf70;margin-inline-end:4px}
.hero-visual{min-height:650px;position:relative;display:grid;place-items:center;perspective:1400px}.stage-backdrop{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(255,157,47,.17),rgba(80,31,9,.08) 45%,transparent 70%);filter:blur(12px)}.stage-floor{position:absolute;bottom:3%;width:72%;height:12%;background:radial-gradient(ellipse,rgba(255,163,54,.28),transparent 68%);filter:blur(18px)}
.logo-3d{position:relative;width:min(620px,92vw);aspect-ratio:1/1;transform-style:preserve-3d;transition:transform .22s ease-out}.logo-halo{position:absolute;inset:12%;border:1px solid rgba(255,165,52,.28);border-radius:50%;box-shadow:0 0 35px rgba(255,152,44,.16),inset 0 0 55px rgba(255,152,44,.06);animation:pulse 5.2s ease-in-out infinite}.logo-orbit{position:absolute;inset:7%;border:1px solid rgba(255,191,92,.16);border-radius:50%;transform:rotateX(72deg) rotateZ(18deg);box-shadow:0 0 30px rgba(255,159,53,.09);animation:spin 19s linear infinite}.logo-orbit::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#ffe1a2;box-shadow:0 0 18px 4px #ff9d2e;left:8%;top:50%}
.logo-layer{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}.logo-layer img{width:96%;height:96%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(246,194,94,.18))}.logo-depth-4{transform:translate3d(-24px,20px,-50px);opacity:.21;filter:blur(1px)}.logo-depth-3{transform:translate3d(-16px,13px,-33px);opacity:.38}.logo-depth-2{transform:translate3d(-9px,8px,-18px);opacity:.64}.logo-depth-1{transform:translate3d(-4px,4px,-7px);opacity:.86}.logo-core{transform:translateZ(10px);filter:drop-shadow(0 30px 38px rgba(0,0,0,.48))}.logo-core img{filter:drop-shadow(0 0 8px rgba(255,164,54,.56)) drop-shadow(0 0 34px rgba(255,128,25,.19))}
.logo-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffe9b4;box-shadow:0 0 16px 5px rgba(255,155,42,.7);z-index:7}.s1{top:14%;right:8%}.s2{top:35%;left:4%}.s3{bottom:22%;right:7%}.s4{bottom:11%;left:18%}.float-bean{position:absolute;width:34px;height:22px;border-radius:70% 35% 70% 35%;border:1px solid rgba(246,194,94,.4);background:linear-gradient(145deg,#a25b21,#2a1007);box-shadow:0 0 18px rgba(255,137,37,.18);z-index:7}.b1{top:8%;left:9%;transform:rotate(-26deg)}.b2{bottom:17%;right:8%;transform:rotate(28deg) scale(.8)}.b3{top:39%;right:0;transform:rotate(9deg) scale(.66)}
.stage-label{position:absolute;z-index:10;padding:9px 12px;border:1px solid rgba(246,194,94,.18);background:rgba(7,5,3,.72);backdrop-filter:blur(12px);border-radius:999px;font-size:9px;letter-spacing:.16em;color:#e5c280}.stage-label.top{top:8%;left:5%}.stage-label.bottom{bottom:4%;right:5%;direction:ltr}.hero-bottomline{display:flex;justify-content:space-between;gap:16px;color:#837262;font-size:9px;letter-spacing:.18em;direction:ltr;padding-bottom:24px}.hero-bottomline i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.section{padding:110px 0;border-top:1px solid rgba(246,194,94,.07)}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:40px}.section-kicker{font-size:10px;letter-spacing:.15em;color:#e4bd78}.section h2{font-size:clamp(30px,4vw,54px);line-height:1.1;margin:9px 0 0;max-width:780px}.section-lede{max-width:520px;color:#a99a88;font-size:15px}
.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.glass{background:linear-gradient(145deg,rgba(30,20,12,.72),rgba(11,8,5,.9));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.story-main{padding:34px}.story-main p{color:#c0b1a0}.highlight-grid{display:grid;gap:14px}.highlight{padding:23px}.highlight span{font-size:10px;color:#dca85b;letter-spacing:.1em}.highlight h3{margin:7px 0 4px}.highlight p{margin:0;color:#9f9181;font-size:13px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;overflow:hidden;padding:25px;min-height:240px;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.service-card:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:0 30px 60px rgba(0,0,0,.36)}.service-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:rgba(246,194,94,.08);border:1px solid rgba(246,194,94,.14);color:#f4c46e;font-size:24px}.service-card h3{margin:19px 0 7px}.service-card p{color:#9d8e7d;font-size:13px}.service-card small{position:absolute;inset-inline-end:20px;bottom:18px;color:#c9944d;direction:ltr}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.process-card{padding:22px}.process-card b{font-size:11px;color:#e9bd71;letter-spacing:.12em}.process-card h3{margin:12px 0 6px}.process-card p{margin:0;color:#9f9283;font-size:12px}
.audience{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.audience-card{padding:22px;border-radius:18px;border:1px solid rgba(246,194,94,.11);background:rgba(255,255,255,.02)}.audience-card h3{margin:0 0 7px;font-size:15px}.audience-card p{margin:0;color:#9d9183;font-size:12px}
.content-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.article-card{padding:30px}.article-card h3{font-size:21px}.article-card p{color:#a79a89}.quote{padding:22px;border-inline-start:3px solid #e09a3d;background:rgba(246,194,94,.045);color:#dac6a9}
.faq{display:grid;gap:10px}.faq details{border:1px solid rgba(246,194,94,.11);border-radius:15px;padding:16px 18px;background:rgba(255,255,255,.018)}.faq summary{cursor:pointer;font-weight:800}.faq p{color:#a39889;font-size:13px;margin:12px 0 2px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.contact-card{padding:28px}.contact-card h3{margin-top:0}.contact-meta{display:grid;gap:10px;margin-top:20px}.meta-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:13px;color:#c1b2a0;font-size:12px}.meta-item b{color:#efc277}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#d9c4a7}.field input,.field textarea,.field select{width:100%;background:#0b0704;color:#f4ebdf;border:1px solid rgba(246,194,94,.14);border-radius:12px;padding:12px 13px;outline:none}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(246,194,94,.42);box-shadow:0 0 0 3px rgba(246,194,94,.06)}.form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.form-note{font-size:10px;color:#7e7265;margin:12px 0 0}.output{white-space:pre-wrap;display:none;margin-top:15px;padding:15px;border-radius:12px;border:1px solid rgba(101,216,166,.16);background:rgba(101,216,166,.04);color:#d8e8dc;font-size:12px}.output.is-visible{display:block}
footer{border-top:1px solid rgba(246,194,94,.08);padding:35px 0 55px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:30px}.footer-brand{font-size:18px}.footer p{color:#817668;font-size:12px;max-width:510px}.footer-links{display:grid;gap:8px}.footer-links a{color:#a59684;text-decoration:none;font-size:12px}.footer-links a:hover{color:#f2c477}.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:34px;color:#6f6459;font-size:10px;direction:ltr}
.inner-hero{padding:100px 0 65px;background:radial-gradient(circle at 65% 30%,rgba(255,148,42,.13),transparent 33%)}.breadcrumbs{display:flex;gap:7px;flex-wrap:wrap;color:#8b7e70;font-size:11px}.breadcrumbs a{color:#cfaa6c;text-decoration:none}.inner-hero h1{font-size:clamp(34px,5vw,66px);max-width:900px;margin-top:20px}.inner-hero p{max-width:760px;color:#aca091;font-size:16px}.article-body{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding-bottom:110px}.article-body .glass{padding:30px}.article-body h2{font-size:28px}.article-body li{margin-bottom:8px;color:#b2a393}.side-stack{display:grid;gap:14px;align-content:start}.side-stack .glass{padding:23px}.side-stack ul{padding-inline-start:20px;color:#a99a88;font-size:13px}.related-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(246,194,94,.1);border-radius:13px;text-decoration:none;color:#cfb07b}.related-link:hover{background:rgba(246,194,94,.05)}
.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.66);backdrop-filter:blur(12px);z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}.modal.is-open{opacity:1;pointer-events:auto}.modal-card{width:min(760px,100%);max-height:min(85svh,780px);overflow:auto;padding:28px;border-radius:22px;border:1px solid var(--line-strong);background:#0b0704;box-shadow:0 40px 100px rgba(0,0,0,.62)}.modal-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.modal-close{width:38px;height:38px;border:1px solid var(--line);background:transparent;color:#e8d6bc;border-radius:10px;cursor:pointer}.modal-output{white-space:pre-wrap;padding:18px;background:#070503;border-radius:14px;margin-top:18px;color:#eadfce;border:1px solid rgba(246,194,94,.11);font-size:12px}.modal-field{margin-top:18px}.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
@keyframes pulse{0%,100%{transform:scale(.98);opacity:.7}50%{transform:scale(1.02);opacity:1}}@keyframes spin{to{transform:rotateX(72deg) rotateZ(378deg)}}
@media(max-width:1000px){.topbar{grid-template-columns:auto 1fr auto}.main-nav{display:none}.mobile-toggle{display:inline-grid;place-items:center}.hero-content,.story-grid,.content-layout,.article-body,.contact-grid{grid-template-columns:1fr}.hero-content{padding-top:58px}.hero-copy{order:1}.hero-visual{order:2;min-height:570px}.cards{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.audience{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;inset-inline:16px;top:76px;padding:14px;display:grid;gap:6px;background:rgba(10,7,4,.96);border:1px solid rgba(246,194,94,.18);border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.4);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s;z-index:60}.mobile-nav.is-open{opacity:1;pointer-events:auto;transform:none}.mobile-nav a{padding:11px 12px;text-decoration:none;color:#d0c1ae;border-radius:11px}.mobile-nav a:hover{background:rgba(246,194,94,.06)}.mobile-nav .mobile-cta{background:linear-gradient(135deg,#f6c25e,#da7827);color:#1c0c03;text-align:center;font-weight:800}.mobile-lang{display:flex;gap:6px;padding:6px;border-top:1px solid rgba(246,194,94,.08);margin-top:4px}.mobile-lang>*{font-size:11px}.mobile-lang a{padding:6px 8px}}
@media(max-width:680px){.container{width:min(calc(100% - 24px),var(--max))}.topbar{padding:10px 12px}.brand-copy small{display:none}.top-actions .lang-switch,.top-actions .icon-btn{display:none}.top-cta{padding:8px 10px}.hero{min-height:auto}.hero-content{gap:10px;padding:52px 0 30px}.hero-copy{max-width:none}.hero-lede{font-size:15px}.hero-trust{gap:10px}.hero-visual{min-height:430px}.logo-3d{width:106vw}.stage-label{font-size:7px}.hero-bottomline{font-size:7px}.section{padding:80px 0}.section-head{display:block;margin-bottom:25px}.section-lede{margin-top:15px}.cards{grid-template-columns:1fr}.process,.audience{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:6px}.article-body{padding-bottom:80px}.article-body .glass,.story-main{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-3d,.logo-halo,.logo-orbit{transition:none;animation:none!important}.service-card,.modal{transition:none}}

/* SMSM V2 positioning layer — retained foundation */
.audience-wide{grid-template-columns:repeat(4,1fr);gap:13px}.audience-card span{display:inline-block;color:#efbd69;font-size:10px;letter-spacing:.12em;margin-bottom:8px}.master-note{margin-top:18px;padding:26px;display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;border-color:rgba(246,194,94,.18)}.master-note span{font-size:10px;letter-spacing:.16em;color:#e8bd77}.master-note h3{margin:8px 0 0;font-size:22px;line-height:1.25}.master-note p{margin:0;color:#b6a696}.process{grid-template-columns:repeat(5,1fr)}
@media (max-width:980px){.audience-wide{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.master-note{grid-template-columns:1fr}}
@media (max-width:620px){.audience-wide{grid-template-columns:1fr}.process{grid-template-columns:1fr}}


/* SMSM V3 Master Authority layer — retained foundation */
.enhanced-card{min-height:255px}.enhanced-card .service-icon{font-size:22px}.manifesto-card{grid-column:1/-1;margin-top:16px;padding:24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10px 25px;border-color:rgba(246,194,94,.18)}.manifesto-card .section-kicker{grid-row:1/-1;align-self:center}.manifesto-card p{margin:0;padding:11px 0;color:#d8c6ae;border-bottom:1px solid rgba(246,194,94,.07)}
.layer-map{display:grid;grid-template-columns:repeat(11,1fr);align-items:center;gap:8px}.layer-node{min-width:0;padding:18px 12px;border:1px solid rgba(246,194,94,.16);border-radius:18px;background:linear-gradient(145deg,rgba(30,20,12,.78),rgba(10,7,4,.95));box-shadow:0 20px 45px rgba(0,0,0,.22)}.layer-node span{display:block;color:#dfab59;font-size:9px;letter-spacing:.12em}.layer-node b{display:block;font-size:13px;margin:8px 0 2px}.layer-node small{display:block;color:#8e8070;font-size:10px}.layer-map>i{font-style:normal;text-align:center;color:#e6b567;font-size:18px}.authority-strip{margin-top:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.authority-strip>div{padding:17px;border:1px solid rgba(246,194,94,.1);background:rgba(255,255,255,.018);border-radius:15px}.authority-strip span{display:block;color:#c28d42;font-size:9px;letter-spacing:.12em}.authority-strip b{display:block;margin-top:6px;color:#dfd0bc;font-size:13px}
.academy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.academy-card{padding:23px;min-height:190px}.academy-card>span{font-size:9px;letter-spacing:.14em;color:#e3b76a}.academy-card h3{margin:10px 0 7px}.academy-card p{margin:0;color:#9e9180;font-size:13px}.inline-cta{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;border:1px solid rgba(246,194,94,.11);border-radius:15px;background:rgba(246,194,94,.025);color:#ac9a87;font-size:12px}.inline-cta .btn{flex:none}
.assessment-shell{padding:28px;display:grid;grid-template-columns:.65fr 1.35fr;gap:28px}.assessment-intro h3{font-size:25px;line-height:1.25}.assessment-intro p{color:#9e9182;font-size:13px}.assessment-form{display:grid;gap:13px}.assessment-question{padding:18px;border:1px solid rgba(246,194,94,.10);border-radius:16px;background:rgba(255,255,255,.015)}.assessment-question>b{display:block;font-size:13px;margin-bottom:12px}.assessment-question>span{display:inline-block;color:#dfac5c;font-size:9px;letter-spacing:.12em;margin-bottom:7px}.assessment-question label{display:flex;gap:9px;align-items:flex-start;color:#b9aa99;font-size:12px;margin:7px 0}.assessment-question input{margin-top:4px;accent-color:#e3a34e}.assessment-actions{display:flex;gap:9px;flex-wrap:wrap}.assessment-result{display:none;padding:18px;border-radius:15px;border:1px solid rgba(101,216,166,.16);background:rgba(101,216,166,.035)}.assessment-result.is-visible{display:block}.result-kicker{font-size:9px;letter-spacing:.14em;color:#74d8ab}.assessment-result strong{display:block;font-size:20px;margin:7px 0}.assessment-result p{color:#c0b3a3;font-size:13px}.result-note{display:block;color:#7f7468;font-size:10px;margin-top:10px}
.standard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.standard-card{padding:22px}.standard-card>span{font-size:9px;color:#dfa958;letter-spacing:.12em}.standard-card h3{margin:9px 0 7px}.standard-card p{font-size:12px;color:#9c8f7f}.standard-card ul{padding-inline-start:18px;color:#a79a89;font-size:11px}.standard-rule{margin-top:16px;padding:18px;border:1px solid rgba(246,194,94,.11);border-radius:15px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:rgba(246,194,94,.025)}.standard-rule b{color:#ebbf77;font-size:12px}.standard-rule span{flex:1;color:#a99a8a;font-size:12px;min-width:220px}.standard-rule .btn{flex:none}
.lab-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.lab-panel,.lab-result{padding:24px}.lab-panel h3{margin-top:5px}.lab-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.lab-btn{border:1px solid rgba(246,194,94,.11);background:rgba(255,255,255,.018);color:#c9baa8;border-radius:12px;padding:12px;cursor:pointer;text-align:start}.lab-btn:hover,.lab-btn.is-active{border-color:rgba(246,194,94,.3);background:rgba(246,194,94,.06);color:#fff0d1}.lab-result h3{margin:8px 0 12px}.lab-result ol{padding-inline-start:20px;color:#b4a596;font-size:13px}.lab-result li{margin-bottom:8px}.lab-result .quote{margin-top:15px}
.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ops-card{padding:22px;min-height:155px}.ops-card>span{font-size:10px;color:#e0ad5b}.ops-card h3{margin:9px 0 6px}.ops-card p{margin:0;color:#9f9181;font-size:12px}.knowledge-card{text-decoration:none;position:relative;min-height:195px}.knowledge-card small{display:block;margin-top:18px;color:#c18d43;direction:ltr}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-card{padding:24px}.case-card>span{font-size:9px;letter-spacing:.13em;color:#dfa957}.case-card h3{margin:9px 0}.case-card p{color:#a69988;font-size:12px}.case-card small{color:#756a60;font-size:9px}.level-code{display:block;color:#7f7263;font-size:8px;letter-spacing:.15em;direction:ltr;margin-bottom:6px}
@media(max-width:1050px){.layer-map{grid-template-columns:repeat(3,1fr)}.layer-map>i{display:none}.assessment-shell,.lab-grid{grid-template-columns:1fr}.standard-grid{grid-template-columns:repeat(2,1fr)}.ops-grid,.case-grid,.academy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.manifesto-card{grid-template-columns:1fr}.layer-map{grid-template-columns:repeat(2,1fr)}.authority-strip{grid-template-columns:1fr 1fr}.academy-grid,.ops-grid,.case-grid,.standard-grid{grid-template-columns:1fr}.lab-buttons{grid-template-columns:1fr}.inline-cta{display:block}.inline-cta .btn{margin-top:10px}.assessment-shell{padding:20px}.assessment-actions .btn{width:100%}.standard-rule{display:block}.standard-rule span{display:block;margin:8px 0 12px}}

/* =========================================================
   SMSM V4 — CINEMATIC SIGNATURE VISUAL SYSTEM
   ========================================================= */
:root{
  --neon:#ff9a2e; --neon-soft:#ffc56d; --ink:#030201;
  --glass-hi:rgba(255,213,142,.08); --glass-lo:rgba(12,7,3,.82);
}
body{background:
  radial-gradient(900px 620px at 82% 6%,rgba(255,135,35,.10),transparent 62%),
  radial-gradient(760px 500px at 6% 20%,rgba(118,48,9,.12),transparent 64%),
  linear-gradient(180deg,#040201,#080402 38%,#030201 100%);}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(circle at 50% 0%,rgba(255,184,76,.055),transparent 32%),
  linear-gradient(115deg,transparent 0 36%,rgba(255,163,65,.028) 50%,transparent 64%);}
body::after{content:"";position:fixed;inset:0;z-index:55;pointer-events:none;opacity:.028;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1px),radial-gradient(circle at 80% 70%,#fff 0 1px,transparent 1px);background-size:19px 19px,31px 31px;}
.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);z-index:100;background:linear-gradient(90deg,#9d4c10,var(--gold),#fff1c8,var(--neon));box-shadow:0 0 18px rgba(255,161,61,.65);}
.pointer-glow{position:fixed;left:0;top:0;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:0;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(255,160,56,.085),transparent 64%);filter:blur(8px);opacity:0;transition:opacity .3s ease;mix-blend-mode:screen;}
.topbar{background:linear-gradient(180deg,rgba(7,4,2,.78),rgba(7,4,2,.58));border-color:rgba(246,194,94,.12);box-shadow:0 20px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.025);}
.brand-mark{position:relative;overflow:hidden;background:radial-gradient(circle at 40% 25%,rgba(255,194,88,.12),transparent 50%),linear-gradient(180deg,rgba(39,20,7,.72),rgba(8,5,3,.95));}
.brand-mark::after{content:"";position:absolute;inset:-70%;background:linear-gradient(115deg,transparent 45%,rgba(255,242,208,.30) 50%,transparent 55%);transform:rotate(12deg);animation:brandGlint 7s linear infinite;}
@keyframes brandGlint{0%,58%{transform:translateX(-40%) rotate(12deg)}76%,100%{transform:translateX(42%) rotate(12deg)}}

.hero{min-height:1040px;isolation:isolate;background:
  radial-gradient(ellipse at 78% 32%,rgba(255,151,48,.13),transparent 35%),
  linear-gradient(180deg,rgba(0,0,0,.15),rgba(4,2,1,.42) 68%,#030201 100%);}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(3,2,1,.98) 0%,rgba(3,2,1,.80) 16%,transparent 42%,transparent 76%,rgba(3,2,1,.48) 100%),
  radial-gradient(circle at 72% 52%,rgba(255,151,46,.12),transparent 28%);}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:
  linear-gradient(rgba(246,194,94,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(246,194,94,.045) 1px,transparent 1px);
  background-size:82px 82px;mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 72%,transparent 100%);opacity:.22;}
.hero-canvas{opacity:.95;mix-blend-mode:screen;filter:saturate(1.15) blur(.1px);}
.hero-grid{background:radial-gradient(circle at 74% 46%,rgba(255,180,82,.09),transparent 26%),linear-gradient(180deg,transparent 30%,rgba(3,2,1,.10) 55%,rgba(3,2,1,.92));}
.hero-content{padding-top:108px;gap:22px;position:relative;z-index:4;}
.hero-copy{position:relative;z-index:5;padding-inline:4px;}
.eyebrow{font-size:12px;color:#f2c678;text-shadow:0 0 18px rgba(255,165,56,.15);}
.hero h1{font-size:clamp(62px,8vw,118px);letter-spacing:-.055em;text-shadow:0 14px 45px rgba(0,0,0,.55);}
.hero h1::after{content:"";display:block;width:min(240px,40%);height:2px;margin-top:14px;background:linear-gradient(90deg,var(--gold),transparent);box-shadow:0 0 18px rgba(246,194,94,.35);}
.hero h1 .hero-title-en{display:block;margin-top:10px;max-width:620px;line-height:1.28;letter-spacing:.06em;color:#cdbb9f;text-shadow:none;}
.hero-lede{font-size:18px;line-height:1.95;max-width:680px;color:#cdbfae;text-shadow:0 1px 20px rgba(0,0,0,.45);}
.hero-actions .btn{min-height:52px;padding-inline:20px;border-radius:15px;position:relative;overflow:hidden;}
.hero-actions .btn::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(110deg,transparent 42%,rgba(255,249,226,.35) 50%,transparent 58%);transition:transform .55s ease;}
.hero-actions .btn:hover::after{transform:translateX(120%)}
.btn-primary{box-shadow:0 18px 42px rgba(182,109,20,.24),0 0 0 1px rgba(255,227,167,.10) inset;}
.hero-trust{gap:9px;margin-top:24px;}
.hero-trust span{padding:8px 11px;border:1px solid rgba(246,194,94,.09);background:rgba(9,5,2,.38);backdrop-filter:blur(12px);border-radius:999px;color:#a99a87;}
.hero-trust b{color:#ffcf83;}

.hero-visual{min-height:730px;transform-style:preserve-3d;position:relative;}
.stage-backdrop{width:88%;height:88%;background:
  radial-gradient(circle at 50% 46%,rgba(255,190,93,.25),rgba(124,53,11,.15) 35%,transparent 69%),
  radial-gradient(circle at 32% 62%,rgba(255,107,21,.12),transparent 28%);filter:blur(18px);}
.stage-backdrop::before{content:"";position:absolute;inset:10%;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(255,202,122,.10),transparent 22%,rgba(255,128,30,.12),transparent 48%);filter:blur(3px);animation:backdropSpin 18s linear infinite;}
@keyframes backdropSpin{to{transform:rotate(360deg)}}
.stage-backdrop::after{content:"";position:absolute;inset:18%;border-radius:50%;box-shadow:0 0 120px rgba(255,147,43,.18),inset 0 0 100px rgba(255,194,87,.08);}
.logo-halo{inset:11%;border-width:2px;border-color:rgba(255,178,73,.27);box-shadow:0 0 45px rgba(255,147,42,.23),inset 0 0 90px rgba(255,148,43,.11);animation:pulse 4.8s ease-in-out infinite,haloDrift 11s ease-in-out infinite;}
@keyframes haloDrift{0%,100%{transform:rotateX(60deg) rotateZ(-8deg) scale(1)}50%{transform:rotateX(60deg) rotateZ(4deg) scale(1.035)}}
.logo-orbit{inset:4%;border-color:rgba(255,197,107,.20);border-width:1px;box-shadow:0 0 40px rgba(255,144,36,.12),inset 0 0 50px rgba(255,180,75,.04);}
.logo-orbit::after{content:"";position:absolute;inset:16%;border:1px dashed rgba(255,191,92,.13);border-radius:50%;transform:rotateY(24deg);animation:orbitInner 11s linear infinite reverse;}
@keyframes orbitInner{to{transform:rotateY(24deg) rotate(360deg)}}
.logo-layer img{filter:drop-shadow(0 0 18px rgba(255,194,94,.28)) drop-shadow(0 12px 35px rgba(0,0,0,.35));}
.logo-depth-4{transform:translate3d(-30px,25px,-65px) scale(.995);opacity:.16;filter:blur(2px)}
.logo-depth-3{transform:translate3d(-20px,17px,-42px);opacity:.31}
.logo-depth-2{transform:translate3d(-11px,9px,-24px);opacity:.51}
.logo-depth-1{transform:translate3d(-5px,5px,-10px);opacity:.74}
.logo-core{transform:translateZ(14px) scale(1.005);filter:drop-shadow(0 30px 55px rgba(0,0,0,.62)) drop-shadow(0 0 55px rgba(255,123,20,.22));}
.logo-core::before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,169,67,.14),transparent 66%);z-index:-1;filter:blur(15px);}
.stage-floor{bottom:0;width:88%;height:19%;background:radial-gradient(ellipse at 50% 40%,rgba(255,187,86,.32),rgba(133,51,13,.12) 32%,transparent 70%);filter:blur(22px);}
.stage-label{border-color:rgba(255,193,92,.22);box-shadow:0 12px 40px rgba(0,0,0,.25),inset 0 0 24px rgba(255,187,80,.025);}
.stage-label.top{top:5%;left:1%}.stage-label.bottom{bottom:2%;right:0;}
.floating-spec{position:absolute;z-index:12;min-width:138px;padding:12px 14px;border:1px solid rgba(255,192,93,.16);background:linear-gradient(145deg,rgba(26,14,5,.76),rgba(6,3,2,.64));backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,235,194,.05);direction:ltr;transition:transform .35s ease,border-color .35s ease;}
.floating-spec small{display:block;color:#b77a32;font-size:8px;letter-spacing:.16em}.floating-spec b{display:block;color:#f2d297;font-size:11px;letter-spacing:.12em;margin-top:4px}.floating-spec span{display:block;color:#897763;font-size:10px;margin-top:3px;direction:rtl;text-align:right}.floating-spec:hover{border-color:rgba(255,199,110,.36);}
.spec-a{top:16%;right:1%;animation:specFloat 6.5s ease-in-out infinite}.spec-b{bottom:18%;left:0;animation:specFloat 7.2s ease-in-out infinite reverse}.spec-c{top:48%;right:-4px;animation:specFloat 8.1s ease-in-out infinite 1.2s}
@keyframes specFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
.hero-cinematic-overlay{position:absolute;inset:0;z-index:11;pointer-events:none;overflow:hidden;border-radius:18px;}
.hero-cinematic-overlay .scanline{position:absolute;left:4%;right:4%;top:24%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,211,141,.42),transparent);box-shadow:0 0 24px rgba(255,172,60,.38);animation:scanline 7s ease-in-out infinite;opacity:.55;}
@keyframes scanline{0%,100%{transform:translateY(0);opacity:.15}45%{transform:translateY(230px);opacity:.7}70%{transform:translateY(390px);opacity:.15}}
.beam{position:absolute;height:180%;width:80px;top:-35%;background:linear-gradient(180deg,transparent,rgba(255,184,83,.05),transparent);filter:blur(15px);transform:rotate(24deg);}
.beam-a{left:10%;animation:beamSweep 9s ease-in-out infinite}.beam-b{right:18%;transform:rotate(-18deg);animation:beamSweep 12s ease-in-out infinite reverse;}
@keyframes beamSweep{0%,100%{opacity:.08;transform:translateX(-60px) rotate(24deg)}50%{opacity:.42;transform:translateX(90px) rotate(24deg)}}
.float-bean{box-shadow:0 0 22px rgba(255,151,48,.28),0 0 0 1px rgba(255,194,94,.08) inset;}
.logo-spark{animation:sparkPulse 2.7s ease-in-out infinite}.s2{animation-delay:.6s}.s3{animation-delay:1.1s}.s4{animation-delay:1.7s}
@keyframes sparkPulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}
.hero-bottomline{padding-bottom:18px;color:#8f7a63;position:relative;z-index:5}
.hero-bottomline i{background:linear-gradient(90deg,transparent,rgba(246,194,94,.4),transparent);box-shadow:0 0 12px rgba(246,194,94,.15)}

/* Richer section transitions */
.section{padding:125px 0;position:relative;}
.section::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(246,194,94,.11),transparent);}
.section-head{position:relative}.section-head::after{content:"";display:block;width:56px;height:2px;margin-top:18px;background:linear-gradient(90deg,var(--gold),transparent);box-shadow:0 0 16px rgba(246,194,94,.24)}
.glass{background:linear-gradient(145deg,rgba(31,18,8,.66),rgba(7,4,2,.90));border-color:rgba(246,194,94,.11);box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,240,202,.035);overflow:hidden;}
.glass::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,216,151,.035) 50%,transparent 60%);transform:translateX(-110%);transition:transform .8s ease;}
.glass:hover::after{transform:translateX(110%)}
.reveal-item{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal-item.is-revealed{opacity:1;transform:none;}
.cards .service-card{transform-style:preserve-3d;will-change:transform;}
.cards .service-card:hover{border-color:rgba(246,194,94,.28);box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 0 1px rgba(255,199,113,.03) inset;}
.service-card .service-icon{position:relative;box-shadow:inset 0 0 24px rgba(255,162,48,.05),0 12px 24px rgba(0,0,0,.18);transition:transform .35s ease,box-shadow .35s ease;}
.service-card:hover .service-icon{transform:translateZ(18px) rotate(-4deg) scale(1.06);box-shadow:0 12px 32px rgba(0,0,0,.28),0 0 30px rgba(255,159,49,.12);}

/* Visual hierarchy blocks */
.layer-node,.academy-card,.standard-card,.ops-card,.case-card,.audience-card{position:relative;overflow:hidden;}
.layer-node::before,.academy-card::before,.standard-card::before,.ops-card::before,.case-card::before,.audience-card::before{content:"";position:absolute;inset:auto -25% -60%;height:150px;background:radial-gradient(circle,rgba(255,155,48,.10),transparent 65%);filter:blur(12px);transition:transform .5s ease;}
.layer-node:hover::before,.academy-card:hover::before,.standard-card:hover::before,.ops-card:hover::before,.case-card:hover::before,.audience-card:hover::before{transform:translateY(-28px)}
.authority-strip>div{position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease}.authority-strip>div:hover{transform:translateY(-4px);border-color:rgba(246,194,94,.22);background:rgba(246,194,94,.035)}

/* Premium form / result motion */
.assessment-result.is-visible{animation:resultIn .55s cubic-bezier(.2,.8,.2,1)}
@keyframes resultIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.lab-result{background:radial-gradient(circle at 100% 0,rgba(255,161,54,.06),transparent 34%),linear-gradient(145deg,rgba(29,16,8,.75),rgba(7,4,2,.95));}

@media(max-width:1050px){.hero{min-height:980px}.hero-visual{min-height:640px}.floating-spec{transform:scale(.92)}.spec-c{right:0}.hero h1{font-size:clamp(54px,8vw,92px)}}
@media(max-width:680px){
  .pointer-glow{display:none}.hero{min-height:auto}.hero::after{background-size:58px 58px;opacity:.14}.hero-content{padding-top:78px}.hero h1{font-size:clamp(48px,15vw,74px)}.hero-lede{font-size:15px}.hero-trust{display:grid;grid-template-columns:1fr 1fr}.hero-trust span{font-size:10px}.hero-visual{min-height:485px;margin-top:10px}.stage-backdrop{width:102%;height:96%}.logo-halo{inset:4%}.logo-orbit{inset:1%}.floating-spec{min-width:118px;padding:9px 10px}.floating-spec b{font-size:9px}.floating-spec span{font-size:8px}.spec-a{top:11%;right:-2%}.spec-b{bottom:15%;left:0}.spec-c{top:auto;bottom:31%;right:-3%}.stage-label{font-size:7px;padding:7px 9px}.hero-bottomline{font-size:6px}.section{padding:92px 0}.section::before{left:4%;right:4%}
}
@media(prefers-reduced-motion:reduce){body::after,.brand-mark::after,.stage-backdrop::before,.logo-halo,.logo-orbit,.logo-spark,.floating-spec,.scanline,.beam-a,.beam-b{animation:none!important}.reveal-item{opacity:1;transform:none;transition:none}.glass::after{display:none}.pointer-glow{display:none}}
.hero .hero-grid{transform:translateY(calc(var(--hero-p,0) * 12px));}.hero .hero-content{transform:translateY(calc(var(--hero-p,0) * 10px));}.hero-visual{translate:0 var(--hero-shift,0);transition:translate .2s linear;}.btn.focus-glow{outline:2px solid rgba(255,210,137,.75);outline-offset:3px;box-shadow:0 0 0 6px rgba(255,171,61,.08),0 20px 48px rgba(182,109,20,.26)!important;}@media(prefers-reduced-motion:reduce){.hero .hero-grid,.hero .hero-content,.hero-visual{transform:none!important;translate:none!important;}}

/* ===== SMSM V5 / COMMAND-LEVEL CRAFT CINEMA ===== */
:root{
  --v5-gold:#f6c25e;
  --v5-amber:#ff8b2b;
  --v5-hot:#ff5d13;
  --v5-cream:#fff0c7;
  --v5-ink:#050302;
  --scene-progress:0;
  --light-x:50vw;
  --light-y:35vh;
}
html{scroll-behavior:smooth}
body{background-color:#040201;}
body::before{background:
 radial-gradient(900px 520px at var(--light-x) var(--light-y),rgba(255,146,43,.075),transparent 55%),
 radial-gradient(700px 460px at 14% 80%,rgba(255,195,91,.035),transparent 62%),
 #040201;transition:background-position .22s linear;}

/* Hero — scene architecture */
.hero{--scene-y:0;--hero-scale:1;min-height:1080px;overflow:clip;}
.hero::before{background:
 linear-gradient(90deg,rgba(3,2,1,.985) 0%,rgba(3,2,1,.86) 15%,rgba(3,2,1,.35) 40%,transparent 61%,rgba(3,2,1,.43) 100%),
 radial-gradient(circle at 72% 48%,rgba(255,151,46,.16),transparent 31%),
 radial-gradient(circle at 84% 18%,rgba(255,212,131,.055),transparent 22%);}
.hero::after{opacity:.19;transform:translateY(calc(var(--scene-progress) * -24px));transition:transform .2s linear;}
.hero-content{grid-template-columns:minmax(0,1fr) minmax(520px,.94fr);gap:28px;padding-top:126px;}
.hero-copy{max-width:710px;}
.hero-copy>*{opacity:0;transform:translateY(24px);}
.hero.hero-ready .hero-copy>*{animation:heroCopyIn .72s cubic-bezier(.16,.72,.18,1) forwards;}
.hero.hero-ready .hero-copy .eyebrow{animation-delay:.08s}
.hero.hero-ready .hero-copy h1{animation-delay:.16s}
.hero.hero-ready .hero-copy .hero-lede{animation-delay:.24s}
.hero.hero-ready .hero-copy .hero-actions{animation-delay:.33s}
.hero.hero-ready .hero-copy .hero-trust{animation-delay:.42s}
@keyframes heroCopyIn{to{opacity:1;transform:none}}
.hero h1{font-size:clamp(70px,8.6vw,132px);line-height:.82;letter-spacing:-.065em;}
.hero h1 .hero-title-en{max-width:700px;font-size:clamp(12px,1.25vw,16px);letter-spacing:.17em;line-height:1.6;color:#d9c29b;text-transform:uppercase;}
.hero h1::after{width:min(320px,55%);height:3px;margin-top:22px;background:linear-gradient(90deg,var(--v5-gold),var(--v5-hot),transparent);box-shadow:0 0 25px rgba(255,139,43,.32)}
.hero-lede{font-size:19px;max-width:720px;}
.hero-trust{display:grid;grid-template-columns:repeat(5,1fr);max-width:760px;}
.hero-trust span{min-height:48px;display:grid;place-items:center;align-content:center;text-align:center;}

/* Vertical scene navigator */
.hero-scene-rail{position:absolute;right:clamp(12px,2vw,32px);top:50%;transform:translateY(-50%);z-index:26;display:grid;gap:8px;}
.hero-scene-rail::before{content:"";position:absolute;right:7px;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent,rgba(246,194,94,.24),transparent);}
.hero-scene-rail a{position:relative;z-index:1;display:grid;grid-template-columns:12px auto;gap:8px;align-items:center;text-decoration:none;color:#6f5b48;padding:8px 0 8px 10px;min-width:106px;transition:color .25s ease,transform .25s ease;direction:ltr;}
.hero-scene-rail a::before{content:"";position:absolute;right:3px;width:8px;height:8px;border-radius:50%;border:1px solid rgba(246,194,94,.25);background:#050302;box-shadow:0 0 0 0 rgba(255,140,45,0);transition:.3s ease;}
.hero-scene-rail a span{font-size:8px;letter-spacing:.16em;opacity:.65;}
.hero-scene-rail a b{font-size:9px;letter-spacing:.15em;font-weight:700;}
.hero-scene-rail a.is-active,.hero-scene-rail a:hover{color:#f1d092;transform:translateX(-4px);}
.hero-scene-rail a.is-active::before{background:var(--v5-gold);box-shadow:0 0 0 4px rgba(255,150,45,.08),0 0 18px rgba(255,145,40,.75);}

/* Motion mode control */
.motion-pulse{position:absolute;left:clamp(12px,2vw,32px);bottom:34px;z-index:28;border:1px solid rgba(246,194,94,.14);border-radius:999px;background:rgba(8,5,2,.62);backdrop-filter:blur(12px);padding:8px 11px;color:#9e8871;font-size:8px;letter-spacing:.18em;cursor:pointer;transition:.25s ease;}
.motion-pulse:hover,.motion-pulse:focus-visible{border-color:rgba(246,194,94,.38);color:#f3d49d;box-shadow:0 0 24px rgba(255,148,44,.10);outline:none;}
.motion-pulse span{color:var(--v5-gold);}
body.motion-calm .motion-pulse span{color:#8f8070;}

/* 3D logo actor — independent layer motion */
.hero-visual{min-height:760px;transform-style:preserve-3d;isolation:isolate;}
.hero-visual::before{content:"";position:absolute;inset:2%;border-radius:34px;background:radial-gradient(circle at 50% 42%,rgba(255,198,106,.055),transparent 51%);border:1px solid rgba(246,194,94,.035);mask-image:linear-gradient(180deg,black,transparent 92%);z-index:0;}
.hero-visual::after{content:"";position:absolute;inset:5%;border-radius:50%;background:conic-gradient(from calc(140deg + var(--scene-progress)*120deg),transparent,rgba(255,195,91,.10),transparent 13%,rgba(255,117,26,.08),transparent 31%,rgba(255,218,149,.06),transparent 50%);filter:blur(10px);animation:sceneHalo 16s linear infinite;z-index:0;}
@keyframes sceneHalo{to{transform:rotate(360deg)}}
.logo-3d{z-index:3;transform-style:preserve-3d;will-change:transform;}
.logo-layer{will-change:transform,opacity,filter;transition:filter .35s ease;}
.logo-depth-4{opacity:0;transform:translate3d(-46px,36px,-90px) scale(.92);}
.logo-depth-3{opacity:0;transform:translate3d(-31px,25px,-58px) scale(.95);}
.logo-depth-2{opacity:0;transform:translate3d(-18px,14px,-34px) scale(.975);}
.logo-depth-1{opacity:0;transform:translate3d(-8px,7px,-16px) scale(.99);}
.logo-core{opacity:0;transform:translate3d(0,0,18px) scale(.96);}
.hero.hero-ready .logo-depth-4{animation:logoLayerIn .85s cubic-bezier(.14,.78,.18,1) .05s forwards}
.hero.hero-ready .logo-depth-3{animation:logoLayerIn .78s cubic-bezier(.14,.78,.18,1) .12s forwards}
.hero.hero-ready .logo-depth-2{animation:logoLayerIn .72s cubic-bezier(.14,.78,.18,1) .19s forwards}
.hero.hero-ready .logo-depth-1{animation:logoLayerIn .66s cubic-bezier(.14,.78,.18,1) .26s forwards}
.hero.hero-ready .logo-core{animation:logoCoreIn 1s cubic-bezier(.12,.8,.18,1) .31s forwards}
@keyframes logoLayerIn{0%{opacity:0}65%{opacity:.92}100%{opacity:var(--layer-opacity,1);transform:var(--layer-rest)}}
@keyframes logoCoreIn{0%{opacity:0;transform:translate3d(0,0,38px) scale(.88);filter:blur(6px) brightness(1.18)}60%{opacity:1;filter:blur(0) brightness(1.06)}100%{opacity:1;transform:translate3d(0,0,18px) scale(1);filter:drop-shadow(0 30px 55px rgba(0,0,0,.62)) drop-shadow(0 0 55px rgba(255,123,20,.22))}}
.logo-depth-4{--layer-opacity:.18;--layer-rest:translate3d(-46px,36px,-90px) scale(.92)}
.logo-depth-3{--layer-opacity:.34;--layer-rest:translate3d(-31px,25px,-58px) scale(.95)}
.logo-depth-2{--layer-opacity:.56;--layer-rest:translate3d(-18px,14px,-34px) scale(.975)}
.logo-depth-1{--layer-opacity:.8;--layer-rest:translate3d(-8px,7px,-16px) scale(.99)}
.logo-core::after{content:"";position:absolute;inset:5%;background:linear-gradient(115deg,transparent 40%,rgba(255,245,215,.0) 46%,rgba(255,245,215,.32) 50%,rgba(255,245,215,.0) 54%,transparent 60%);mix-blend-mode:screen;transform:translateX(-120%) rotate(3deg);animation:logoSweep 5.8s cubic-bezier(.45,.05,.55,.95) 1.15s infinite;pointer-events:none;}
@keyframes logoSweep{0%,68%{transform:translateX(-120%) rotate(3deg)}84%,100%{transform:translateX(120%) rotate(3deg)}}
.logo-core img{transform:translateZ(18px);}
.logo-halo{animation:pulse 4.8s ease-in-out infinite,haloDrift 10s ease-in-out infinite,haloBreath 6s ease-in-out infinite;}
@keyframes haloBreath{0%,100%{filter:brightness(.92)}50%{filter:brightness(1.28)}}
.logo-orbit{animation:spin 19s linear infinite,orbitThrob 4.5s ease-in-out infinite;}
@keyframes orbitThrob{0%,100%{opacity:.55}50%{opacity:1}}
.float-bean{animation:beanDrift 7s ease-in-out infinite;}
.b2{animation-delay:-2.2s}.b3{animation-delay:-4.4s}
@keyframes beanDrift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -16px;rotate:9deg}}
.stage-label{opacity:0;transform:translateY(10px);}
.hero.hero-ready .stage-label{animation:labelIn .7s ease 1.35s forwards}
@keyframes labelIn{to{opacity:1;transform:none}}
.stage-floor{opacity:.7;transform:scaleX(.86);animation:floorPulse 4s ease-in-out infinite;}
@keyframes floorPulse{0%,100%{opacity:.55;transform:scaleX(.86)}50%{opacity:.95;transform:scaleX(1)}}

/* Hero beams now behave like light sources around the mark */
.hero-cinematic-overlay .scanline{animation:scanline 6.4s cubic-bezier(.45,0,.55,1) infinite;}
.beam-a{animation:beamSweepA 10s ease-in-out infinite}.beam-b{animation:beamSweepB 13s ease-in-out infinite}
@keyframes beamSweepA{0%,100%{opacity:.05;transform:translate3d(-90px,0,0) rotate(24deg)}50%{opacity:.5;transform:translate3d(140px,0,0) rotate(24deg)}}
@keyframes beamSweepB{0%,100%{opacity:.04;transform:translate3d(100px,0,0) rotate(-18deg)}50%{opacity:.38;transform:translate3d(-110px,0,0) rotate(-18deg)}}

/* Dynamic section atmosphere */
.section{isolation:isolate;overflow:clip;}
.section::after{content:"";position:absolute;inset:10% -10% auto;height:46%;background:radial-gradient(circle at var(--section-x,70%) 35%,rgba(255,162,52,.055),transparent 45%);filter:blur(35px);opacity:.8;z-index:-1;pointer-events:none;}
.section .section-head h2{transform:translateZ(0);}
.scene-marker{position:absolute;top:26px;inset-inline-end:5%;font:700 8px/1 "Arial",sans-serif;letter-spacing:.2em;color:#795f45;opacity:.65;}

/* Deep interactive cards */
.cards .service-card,.academy-card,.standard-card,.ops-card,.case-card,.audience-card,.layer-node,.floating-spec{transform-style:preserve-3d;will-change:transform;}
.cards .service-card::before,.academy-card::before,.standard-card::before,.ops-card::before,.case-card::before,.audience-card::before,.layer-node::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,228,170,.035),transparent 32%,transparent 66%,rgba(255,148,39,.025));opacity:0;transition:opacity .4s ease;pointer-events:none;}
.cards .service-card:hover::before,.academy-card:hover::before,.standard-card:hover::before,.ops-card:hover::before,.case-card:hover::before,.audience-card:hover::before,.layer-node:hover::before{opacity:1;}

/* Calm mode / reduced motion */
body.motion-calm .hero-scene-rail,body.motion-calm .motion-pulse{opacity:.75;}
body.motion-calm .stage-backdrop::before,body.motion-calm .logo-halo,body.motion-calm .logo-orbit,body.motion-calm .logo-sweep,body.motion-calm .logo-spark,body.motion-calm .float-bean,body.motion-calm .stage-floor,body.motion-calm .scanline,body.motion-calm .beam-a,body.motion-calm .beam-b,body.motion-calm .logo-core::after{animation-play-state:paused!important;}
body.motion-calm .hero-copy>*{animation:none!important;opacity:1;transform:none;}

@media(max-width:1180px){
 .hero-content{grid-template-columns:1fr minmax(440px,.84fr)}
 .hero-scene-rail{display:none}
 .hero-trust{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1000px){
 .hero-content{grid-template-columns:1fr}
 .hero-copy{order:1}
 .hero-visual{order:2;min-height:650px}
 .hero-scene-rail{display:none}
}
@media(max-width:680px){
 .hero{min-height:auto}
 .hero-content{padding-top:88px}
 .hero h1{font-size:clamp(52px,16vw,82px)}
 .hero h1 .hero-title-en{letter-spacing:.08em;font-size:10px}
 .hero-trust{grid-template-columns:1fr 1fr}
 .hero-visual{min-height:500px}
 .logo-3d{width:112vw}
 .motion-pulse{bottom:18px;left:12px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 .hero-copy>*,.logo-depth-4,.logo-depth-3,.logo-depth-2,.logo-depth-1,.logo-core,.stage-label{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;}
 .logo-core::after,.hero-visual::after{animation:none!important}
 .float-bean{animation:none!important}
 .hero::after,.hero-grid{transform:none!important}
}

/* Brand mark micro-motion */
.brand-mark{transform-style:preserve-3d;perspective:400px;will-change:transform;}
.brand-mark img{will-change:transform,filter;animation:brandFloat 4.8s ease-in-out infinite;}
.brand:hover .brand-mark{transform:rotateY(-8deg) rotateX(3deg) translateY(-1px);box-shadow:0 0 24px rgba(255,156,47,.12),inset 0 0 22px rgba(246,194,94,.05);}
@keyframes brandFloat{0%,100%{transform:translateZ(0) scale(1);filter:drop-shadow(0 0 0 rgba(255,155,43,0))}50%{transform:translateZ(7px) scale(1.035);filter:drop-shadow(0 0 10px rgba(255,155,43,.22))}}
body.motion-calm .brand-mark img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.brand-mark img{animation:none!important}.brand:hover .brand-mark{transform:none}}


/* SMSM V9 — Typography + Brand Presence */
:root{
  --font-ar:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --font-latin:Inter,"Inter Display","Segoe UI",Arial,sans-serif;
  --font-display:Inter,"Inter Display","Segoe UI",Arial,sans-serif;
}
html{font-family:var(--font-ar);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-ar);font-weight:400;line-height:1.82;letter-spacing:0}
html[lang^="en"] body{font-family:var(--font-latin);letter-spacing:.005em}
.brand-copy{display:grid;grid-template-columns:auto;gap:1px;align-content:center;line-height:1}
.brand-copy strong{font-family:var(--font-display);font-size:23px;line-height:1;font-weight:800;letter-spacing:.17em;color:#fff3dc;text-shadow:0 0 18px rgba(255,166,58,.12);direction:ltr}
.brand-copy small{font-family:var(--font-latin);font-size:8px;line-height:1.2;letter-spacing:.18em;color:#f0c477;font-weight:700;direction:ltr}
.brand-copy em{font-family:var(--font-latin);font-style:normal;font-size:7px;line-height:1.2;letter-spacing:.12em;color:#806a54;direction:ltr;white-space:nowrap}
.brand-mark{width:51px;height:51px;border:1px solid rgba(246,194,94,.22);border-radius:16px;background:linear-gradient(145deg,rgba(40,22,9,.82),rgba(8,5,3,.74));box-shadow:0 0 30px rgba(255,145,37,.10),inset 0 0 24px rgba(255,204,120,.03)}
.brand-mark img{object-fit:contain;padding:3px}
.main-nav,.top-actions,.nav-link,.lang-switch,.icon-btn,.mobile-toggle,.top-cta,.stage-label,.section-kicker,.hero-title-en,.hero-bottomline,.hero-scene-rail,.motion-pulse,.floating-spec small,.floating-spec b,.floating-spec span,.copyright span:last-child{font-family:var(--font-latin)}
.nav-link{font-weight:600;letter-spacing:.015em}
.top-cta,.btn{font-family:var(--font-ar);font-weight:800}
h1,h2,h3,h4{font-family:var(--font-ar);font-weight:700;text-rendering:optimizeLegibility}
html[lang^="en"] h1,html[lang^="en"] h2,html[lang^="en"] h3,html[lang^="en"] h4{font-family:var(--font-display)}
.hero h1{font-family:var(--font-display);font-size:clamp(56px,7.1vw,104px);font-weight:800;line-height:.92;letter-spacing:.10em;text-transform:uppercase;text-shadow:0 10px 42px rgba(0,0,0,.38),0 0 34px rgba(255,152,43,.11);direction:ltr}
.hero-title-en{font-weight:700;letter-spacing:.24em;line-height:1.35}
.hero-lede{font-size:clamp(16px,1.45vw,19px);line-height:1.95;max-width:660px}
.section h2{font-weight:750;line-height:1.2}
.section-lede{line-height:1.95}
.inner-hero h1{font-weight:750;line-height:1.16}
.article-body,.story-main,.service-card,.process-card,.audience-card,.knowledge-card,.case-card,.contact-card,.faq{line-height:1.86}
.footer-brand{font-family:var(--font-display);font-weight:800;letter-spacing:.14em;font-size:27px;color:#f8dfb2;text-shadow:0 0 20px rgba(255,151,39,.14);direction:ltr}
.copyright{font-family:var(--font-latin)}
.brand:focus-visible .brand-mark,.brand:focus-visible .brand-copy{outline:2px solid #f6c25e;outline-offset:3px;border-radius:10px}
@media(max-width:680px){
  .brand-mark{width:46px;height:46px;border-radius:14px}
  .brand-copy strong{font-size:20px;letter-spacing:.15em}
  .brand-copy small{font-size:7px;letter-spacing:.15em}
  .brand-copy em{font-size:6px;letter-spacing:.10em}
  .hero h1{font-size:clamp(54px,17vw,88px);letter-spacing:.07em}
  .hero-title-en{font-size:9px;letter-spacing:.14em}
}
@media(prefers-reduced-motion:reduce){.brand-mark,.brand-copy strong{transition:none!important}}


/* V9.1 — brand hierarchy + mobile readability */
:root{--font-ar:"Noto Sans Arabic","Noto Sans Arabic UI",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;--font-latin:Inter,"Inter Display",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--font-display:Inter,"Inter Display",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.hero-wordmark{display:block;direction:ltr;white-space:nowrap}
.brand{position:relative}
.brand::after{content:"";position:absolute;inset:-7px -9px;border:1px solid rgba(246,194,94,.045);border-radius:19px;pointer-events:none}
@media(max-width:680px){.brand-copy small{display:block;font-size:6.5px;letter-spacing:.13em;color:#d9b06a}.brand-copy em{display:none}.brand-copy strong{font-size:20px;letter-spacing:.13em}.brand-mark{width:46px;height:46px}.brand::after{inset:-6px -7px;border-radius:17px}}

/* SMSM V10 — Brand casing + font system + mobile header refinement */
:root{
  --font-ar:"Noto Sans Arabic","Noto Sans Arabic UI",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
  --font-latin:"Manrope","Inter Display","Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-display:"Manrope","Inter Display","Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html{font-family:var(--font-ar)}
html[lang^="en"] body{font-family:var(--font-latin)}
.brand-copy strong,.footer-brand{
  font-family:var(--font-display)!important;
  text-transform:uppercase!important;
  font-variant-caps:normal!important;
  font-feature-settings:"case" 1,"kern" 1;
  direction:ltr;
}
.brand-copy strong{
  font-size:clamp(20px,2vw,24px)!important;
  line-height:.94!important;
  letter-spacing:.20em!important;
  font-weight:800!important;
  color:#fff7e8!important;
}
.brand-copy small,.brand-copy em{font-family:var(--font-latin)!important;text-transform:uppercase}
.brand-copy small{letter-spacing:.17em!important}
.brand-copy em{letter-spacing:.10em!important}
.footer-brand{letter-spacing:.16em!important}
@media(max-width:680px){
  .brand-copy strong{font-size:18px!important;letter-spacing:.16em!important}
  .brand-copy small{font-size:6.8px!important;letter-spacing:.12em!important}
  .topbar{padding-inline:10px!important}
  .brand{gap:8px!important}
  .brand-mark{width:44px!important;height:44px!important;border-radius:13px!important}
}

/* SMSM Brand Lock — V11: visible brand name must render uppercase everywhere except the protected 3D emblem asset. */
:where(.brand-copy > strong, .footer-brand, .brand-wordmark, .project-name, .site-name, [data-brand], [data-brand-name]) {
  text-transform: uppercase !important;
  font-variant: normal !important;
  letter-spacing: .075em;
  white-space: nowrap;
}

:where(.brand-copy > strong) {
  font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 800;
}

:where(.footer-brand, .brand-wordmark, .project-name, .site-name, [data-brand], [data-brand-name]) {
  font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 800;
}


/* V12 — Absolute Brand Lock: SMSM is a protected visual wordmark everywhere outside the 3D emblem artwork. */
:where(.brand-copy > strong, .footer-brand, .hero-wordmark, .brand-wordmark, .project-name, .site-name, [data-brand], [data-brand-name]){
  text-transform:uppercase!important;
  font-variant-caps:normal!important;
  font-feature-settings:"case" 1,"cpsp" 0!important;
  -webkit-text-transform:uppercase!important;
  unicode-bidi:plaintext;
}
:where(.brand-copy > strong, .footer-brand, .hero-wordmark){
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:800!important;
  direction:ltr!important;
  text-rendering:geometricPrecision;
}
.hero-wordmark{letter-spacing:.08em!important}
@media(max-width:680px){
  .brand-copy > strong{font-size:18px!important;letter-spacing:.16em!important}
  .hero-wordmark{font-size:clamp(46px,18vw,82px)!important;letter-spacing:.055em!important}
}


/* SMSM V13 — Absolute visual brand lock */
.brand-name,
.brand-name span,
.brand-copy > strong,
.footer-brand,
.hero-wordmark,
[data-brand],
[data-brand-name]{
  text-transform: uppercase !important;
  font-variant: normal !important;
  font-variant-caps: normal !important;
  font-synthesis: none !important;
  font-feature-settings: "case" 1, "cpsp" 0, "kern" 1 !important;
  unicode-bidi: isolate;
}
.brand-copy > strong.brand-name,
.footer-brand.brand-name{
  display: inline-flex !important;
  align-items: baseline;
  direction: ltr !important;
  white-space: nowrap;
  line-height: .95 !important;
}
.brand-name span{
  display:inline-block !important;
  min-width:.58em;
  text-align:center;
  transform-origin:50% 50%;
}
.brand-copy > strong.brand-name span{
  font-family: var(--font-display), Manrope, Arial, sans-serif !important;
  font-size:1em !important;
  font-weight:800 !important;
}
.footer-brand.brand-name{
  font-family: var(--font-display), Manrope, Arial, sans-serif !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
}
.hero-wordmark.brand-name{
  display:inline-flex !important;
  align-items:baseline;
  gap:0 !important;
  direction:ltr !important;
  white-space:nowrap;
  font-family: var(--font-display), Manrope, Arial, sans-serif !important;
  font-weight:800 !important;
  line-height:.88 !important;
  letter-spacing:.06em !important;
}
.hero-wordmark.brand-name span{
  font-size:1em !important;
  font-weight:800 !important;
}
@media(max-width:680px){
  .brand-copy > strong.brand-name{font-size:19px!important;letter-spacing:.12em!important}
  .hero-wordmark.brand-name{font-size:clamp(52px,18vw,86px)!important;letter-spacing:.035em!important}
}