@font-face{font-family:Rubik;src:url('assets/fonts/rubik-1.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;src:url('assets/fonts/rubik-2.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Rubik;src:url('assets/fonts/rubik-5.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;src:url('assets/fonts/rubik-6.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Rubik;src:url('assets/fonts/rubik-7.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;src:url('assets/fonts/rubik-8.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Alef;src:url('assets/fonts/alef-1.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Alef;src:url('assets/fonts/alef-2.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Alef;src:url('assets/fonts/alef-3.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Alef;src:url('assets/fonts/alef-4.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--orange:#e67e17;--orange-2:#f38420;--cream:#fcf9f2;--paper:#f4eedf;--ink:#29304b;--navy:#080d2f;--blue:#1f72a8;--soft-blue:#dceaf4;--amber:#f6a13a;--white:#fff;--shadow:0 24px 70px rgba(41,48,75,.12);--radius:28px;--shell:min(1180px,calc(100% - 48px));--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Alef,Arial,sans-serif;font-size:18px;line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit}
h1,h2,h3,p{margin-block-start:0}
h1,h2,h3{font-family:Rubik,Alef,sans-serif;line-height:.98}
h2{font-size:clamp(2.55rem,5vw,5rem);letter-spacing:-.045em;margin-block-end:28px}
h3{letter-spacing:-.025em}
.shell{width:var(--shell);margin-inline:auto}
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:100;background:var(--ink);color:#fff;padding:8px 14px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--orange);font-family:Rubik,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin-block-end:22px}
.eyebrow:before{content:"";inline-size:28px;block-size:2px;background:currentColor}
.topbar{position:fixed;z-index:30;inset-block-start:18px;inset-inline:24px;display:flex;align-items:center;gap:26px;min-block-size:64px;padding:9px 14px 9px 22px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:rgba(252,249,242,.86);box-shadow:0 10px 34px rgba(8,13,47,.12);backdrop-filter:blur(18px);transition:background .45s var(--ease),color .45s var(--ease)}
.brand-lockup{display:flex;align-items:center;min-block-size:44px;margin-inline-end:auto}
.brand-lockup img{inline-size:132px;block-size:46px;object-fit:contain}
.nav{display:flex;gap:24px;font-size:.88rem;font-weight:700}
.nav a{text-decoration:none;position:relative}
.nav a:after{content:"";position:absolute;inset-inline:0;inset-block-end:-7px;block-size:2px;background:var(--orange);transform:scaleX(0);transition:transform .25s var(--ease)}
.nav a:hover:after,.nav a:focus-visible:after{transform:scaleX(1)}
.mode-switch{display:flex;padding:4px;border:1px solid rgba(41,48,75,.13);border-radius:13px;background:rgba(255,255,255,.55)}
.mode-button{border:0;background:transparent;color:var(--ink);border-radius:10px;padding:8px 11px;cursor:pointer;font-family:Rubik,sans-serif;font-weight:700;font-size:.73rem;display:flex;align-items:center;gap:7px;transition:.25s}
.mode-button.is-active{background:#fff;box-shadow:0 4px 15px rgba(41,48,75,.11)}
.mode-dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--orange)}
.mode-dot-stage{background:var(--navy);box-shadow:0 0 0 2px var(--amber)}
.hero{position:relative;min-block-size:96svh;overflow:hidden;background:var(--navy);isolation:isolate}
.hero-image{position:absolute;inset:0;background-image:linear-gradient(270deg,rgba(252,249,242,.98) 0%,rgba(252,249,242,.88) 30%,rgba(252,249,242,.08) 61%),url('assets/existing/arye-portrait-classroom.webp');background-size:cover;background-position:center;transform:scale(1.015);transition:background-image .7s var(--ease),transform 1.4s var(--ease)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,47,.12),transparent 35%,rgba(8,13,47,.3))}
.hero-copy{position:absolute;z-index:2;inset-inline-start:7vw;inset-block-start:25svh;inline-size:min(560px,48vw);color:var(--ink);transition:color .45s var(--ease),transform .55s var(--ease)}
.hero h1{font-size:clamp(4.8rem,9.5vw,9.5rem);letter-spacing:-.075em;margin:0 0 32px}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero-lede{font-size:clamp(1.15rem,1.65vw,1.52rem);line-height:1.55;max-inline-size:520px;margin-block-end:38px}
.hero-signature{display:flex;align-items:center;gap:14px;font-family:Rubik,sans-serif;font-weight:800}
.hero-signature p{margin:0;line-height:1.2}
.hero-signature small{font-family:Alef,sans-serif;font-size:.8rem;font-weight:400;color:rgba(41,48,75,.72)}
.signature-line{inline-size:54px;block-size:3px;background:var(--orange);border-radius:3px}
.hero-index{position:absolute;z-index:2;inset-block-end:2vh;inset-inline-start:2.5vw;color:rgba(255,255,255,.72);font-family:Rubik,sans-serif;font-size:clamp(4.5rem,9vw,10rem);font-weight:900;line-height:1}
.hero-caption{position:absolute;z-index:3;left:1.8vw;bottom:2.2vw;display:inline-flex;align-items:center;padding:12px 7px;border-radius:999px;background:rgba(252,249,242,.86);backdrop-filter:blur(8px);color:var(--ink);font:800 .74rem Rubik,sans-serif;letter-spacing:.12em;writing-mode:vertical-rl;transition:background .45s var(--ease),color .45s var(--ease)}
body[data-mode="stage"] .hero-image{background-image:linear-gradient(270deg,rgba(8,13,47,.95) 0%,rgba(8,13,47,.78) 30%,rgba(8,13,47,.1) 63%),url('assets/existing/arye-stage-audience.png');background-position:30% center;transform:scale(1.03)}
body[data-mode="stage"] .hero-copy{inset-inline-end:auto;inset-inline-start:7vw}
body[data-mode="stage"] .hero-caption{background:rgba(8,13,47,.78);color:#fff}
body[data-mode="stage"] .hero-index{color:rgba(255,255,255,.3)}
body[data-mode="stage"] .hero-copy{color:#fff;transform:translateY(4px)}
body[data-mode="stage"] .hero-signature small{color:rgba(255,255,255,.7)}
body[data-mode="stage"] .topbar{background:rgba(8,13,47,.86);color:#fff;border-color:rgba(255,255,255,.18)}
body[data-mode="stage"] .brand-lockup img{filter:brightness(0) invert(1)}
body[data-mode="stage"] .mode-switch{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
body[data-mode="stage"] .mode-button{color:#fff}
body[data-mode="stage"] .mode-button.is-active{background:rgba(255,255,255,.14)}
.thesis{padding-block:150px;display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:start}
.section-heading h2{max-inline-size:760px}
.thesis-body{padding-block-start:80px}
.lead{font-size:1.33rem;line-height:1.7;margin-block-end:44px}
.quote-card{position:relative;background:var(--ink);color:#fff;padding:40px 42px 34px;border-radius:0 var(--radius) var(--radius) var(--radius);overflow:hidden}
.quote-card:after{content:"";position:absolute;inline-size:220px;block-size:70px;inset-inline-start:-80px;inset-block-end:-36px;border:10px solid var(--orange);border-radius:50%;transform:rotate(-8deg)}
.quote-mark{position:absolute;inset-inline-start:24px;inset-block-start:4px;color:var(--orange);font:900 4.5rem Rubik,sans-serif}
.quote-card blockquote{font:800 3rem Rubik,sans-serif;margin:0 0 14px}
.quote-card p{margin:0;color:rgba(255,255,255,.72)}
.system-section{padding-block-end:160px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:stretch}
.system-intro{padding-inline-end:30px}
.system-intro h2{font-size:clamp(2.5rem,4.2vw,4.7rem)}
.system-intro>p:last-child{max-inline-size:360px}
.mode-card{min-block-size:500px;border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);overflow:hidden;position:relative}
.mode-card:after{content:"";position:absolute;inline-size:330px;block-size:90px;border:14px solid currentColor;border-radius:50%;inset-inline-start:-140px;inset-block-end:-58px;opacity:.26;transform:rotate(-9deg)}
.mode-percentage{font:900 5.5rem Rubik,sans-serif;letter-spacing:-.08em;line-height:1}
.mode-card h3{font-size:2.5rem;margin-block:8px 20px}
.mode-card p{max-inline-size:330px}
.micro-label{font:800 .72rem Rubik,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.mode-card-day{background:var(--paper);color:var(--ink)}
.mode-card-day .mode-percentage,.mode-card-day .micro-label{color:var(--orange)}
.mode-card-stage{background:var(--navy);color:#fff;background-image:linear-gradient(145deg,rgba(31,114,168,.25),transparent 55%),url('assets/generated/orange-light-thread-overlay.webp');background-size:cover,130% auto;background-position:center,bottom left;background-repeat:no-repeat}
.mode-card-stage .mode-percentage,.mode-card-stage .micro-label{color:var(--amber)}
.palette-section{padding-block:130px;background:var(--paper);border-block:1px solid rgba(41,48,75,.08)}
.palette-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:end}
.compact h2{font-size:clamp(2.4rem,4.4vw,4.6rem)}
.swatches{display:grid;grid-template-columns:repeat(5,1fr);min-block-size:300px;align-items:stretch}
.swatch{padding:18px 16px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s var(--ease);direction:rtl}
.swatch span{direction:ltr;unicode-bidi:isolate;text-align:start}
.swatch:hover{transform:translateY(-10px)}
.swatch span{font:500 .66rem Rubik,sans-serif;opacity:.72;direction:ltr;text-align:left}
.swatch strong{font-family:Rubik,sans-serif;font-size:.86rem}
.swatch-orange{background:var(--orange);color:var(--ink)}
.swatch-paper{background:var(--cream);color:var(--ink);border:1px solid rgba(41,48,75,.1)}
.swatch-ink{background:var(--ink);color:#fff}
.swatch-navy{background:var(--navy);color:#fff}
.swatch-blue{background:var(--blue);color:#fff}
.palette-note{grid-column:2;font-size:1.05rem;max-inline-size:720px;margin:0}
.assets-section{padding-block:150px}
.split-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-block-end:60px}
.split-heading>p{max-inline-size:420px;margin-block-end:28px}
.asset-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:18px}
.asset-card{position:relative;display:block;min-inline-size:0;padding:0;border:0;border-radius:24px;overflow:hidden;background:var(--ink);color:#fff;text-align:start;cursor:zoom-in;box-shadow:0 10px 40px rgba(41,48,75,.1)}
.asset-card img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .7s var(--ease)}
.asset-card:hover img,.asset-card:focus-visible img{transform:scale(1.035)}
.asset-meta{position:absolute;z-index:2;inset-inline:18px;inset-block-end:18px;display:flex;justify-content:space-between;align-items:end;gap:16px;padding:14px 16px;border-radius:14px;background:rgba(8,13,47,.73);backdrop-filter:blur(15px)}
.asset-meta strong{font:800 1rem Rubik,sans-serif}
.asset-meta small{font:500 .62rem Rubik,sans-serif;letter-spacing:.08em;direction:ltr}
.asset-wide{aspect-ratio:16/9}
.asset-tall{grid-row:span 2;aspect-ratio:4/5}
.asset-overlay{min-block-size:240px;grid-column:1}
.overlay-demo{position:absolute;inset:0;background:linear-gradient(135deg,var(--navy),#163e67)}
.overlay-demo img{object-fit:contain}
.motif-section{padding-block:140px;background:var(--ink);color:#fff;overflow:hidden}
.motif-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center}
.logo-stage{position:relative;min-block-size:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(246,161,58,.14),transparent 38%);isolation:isolate}
.logo-stage:before{content:"";position:absolute;z-index:-1;inline-size:360px;block-size:86px;border:12px solid var(--orange);border-radius:50%;inset-block-start:53%;transform:rotate(-9deg);filter:drop-shadow(0 0 26px rgba(230,126,23,.3))}
.logo-stage img{inline-size:min(320px,72%);filter:brightness(0) invert(1);position:relative;z-index:2}
.logo-stage p{text-align:center;margin-block-start:50px;color:rgba(255,255,255,.65)}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform:rotate(-11deg)}
.orbit-one{inline-size:520px;block-size:160px}
.orbit-two{inline-size:650px;block-size:230px}
.motif-copy h2{font-size:clamp(2.7rem,4.8vw,5.1rem)}
.motif-copy>p:not(.eyebrow){font-size:1.16rem;max-inline-size:590px;color:rgba(255,255,255,.72)}
.motif-rules{margin-block-start:46px;border-block-start:1px solid rgba(255,255,255,.18)}
.motif-rules span{display:flex;gap:18px;padding-block:15px;border-block-end:1px solid rgba(255,255,255,.18)}
.motif-rules b{color:var(--orange);font-family:Rubik,sans-serif}
.icons-section{padding-block:140px}
.icons-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.icons-grid figure{margin:0;padding:24px 12px 18px;background:#fff;border:1px solid rgba(41,48,75,.08);border-radius:18px;text-align:center;transition:.3s var(--ease)}
.icons-grid figure:hover{transform:translateY(-7px);box-shadow:0 18px 38px rgba(41,48,75,.09)}
.icons-grid img{inline-size:54px;block-size:54px;object-fit:contain;margin-inline:auto;margin-block-end:14px}
.icons-grid figcaption{font:700 .8rem Rubik,sans-serif}
.applications{padding-block:150px;background:var(--navy);color:#fff}
.light-heading>p{color:rgba(255,255,255,.7)}
.application-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.browser-mockup{border-radius:22px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 35px 100px rgba(0,0,0,.24)}
.browser-bar{height:44px;background:#edeef1;display:flex;align-items:center;gap:7px;padding-inline:15px;color:#7c7f8c;font:700 .64rem Rubik,sans-serif;direction:ltr}
.browser-bar i{inline-size:8px;block-size:8px;border-radius:50%;background:#c1c4cb}
.browser-bar span{margin-inline-start:auto;margin-inline-end:auto;direction:rtl}
.sales-mockup{grid-column:1/-1}
.sales-hero{position:relative;min-block-size:500px;overflow:hidden}
.sales-image{position:absolute;inset:0;background-image:linear-gradient(270deg,rgba(252,249,242,.99),rgba(252,249,242,.95) 44%,rgba(252,249,242,0) 74%),url('assets/existing/arye-portrait-classroom.webp');background-size:cover;background-position:center}
.sales-copy{position:relative;z-index:2;inline-size:46%;margin-inline-end:auto;margin-inline-start:6%;padding-block:58px}
.sales-copy img{inline-size:115px;margin-block-end:42px}
.sales-copy h3{font-size:clamp(2.4rem,4.2vw,4.3rem);margin-block:12px 20px}
.sales-copy p{max-inline-size:440px}
.mock-button{display:inline-block;margin-block-start:14px;background:var(--orange);color:var(--ink);border-radius:11px;padding:12px 24px;font:800 .8rem Rubik,sans-serif}
.social-mockup{background:var(--cream);border-radius:22px;overflow:hidden;color:var(--ink)}
.social-art{position:relative;aspect-ratio:4/5;overflow:hidden}
.social-art>img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.social-copy{position:absolute;inset:0;padding:9% 10%;display:flex;flex-direction:column;align-items:flex-start}
.social-copy span{font:800 .7rem Rubik,sans-serif;color:var(--orange)}
.social-copy h3{font-size:clamp(2.3rem,4vw,4.3rem);margin-block:20% auto;max-inline-size:560px}
.social-copy p{font:800 .9rem Rubik,sans-serif}
.social-notes{display:flex;gap:6px;flex-wrap:wrap;padding:14px}
.social-notes span{padding:5px 9px;border-radius:999px;background:var(--paper);font-size:.66rem}
.portal-mockup{margin-block-start:90px}
.portal-shell{display:grid;grid-template-columns:110px 1fr;min-block-size:500px;background:var(--cream)}
.portal-shell aside{background:var(--ink);color:#fff;padding:22px 12px;display:flex;flex-direction:column;gap:12px}
.portal-shell aside img{inline-size:66px;filter:brightness(0) invert(1);margin:0 auto 34px}
.portal-shell aside span{font-size:.67rem;padding:8px;border-radius:8px}
.portal-nav-active{background:var(--orange);color:var(--ink);font-weight:700}
.portal-content{padding:28px}
.portal-welcome{padding:24px;border-radius:18px;background:linear-gradient(120deg,var(--paper),var(--soft-blue))}
.portal-welcome p{color:var(--orange);font-weight:700;margin-block-end:4px}
.portal-welcome h3{font-size:1.7rem;margin:0}
.lesson-card{display:grid;grid-template-columns:115px 1fr;gap:18px;margin-block:18px;padding:12px;background:#fff;border-radius:16px;box-shadow:0 12px 30px rgba(41,48,75,.08)}
.lesson-card img{inline-size:115px;block-size:105px;object-fit:cover;border-radius:11px}
.lesson-card div{display:flex;flex-direction:column;justify-content:center}
.lesson-card small{color:var(--orange);font-weight:700}.lesson-card strong{font-family:Rubik,sans-serif;line-height:1.25}
.progress{display:block;block-size:5px;background:#e9e8e4;border-radius:5px;margin-block-start:16px;overflow:hidden}.progress i{display:block;inline-size:64%;block-size:100%;background:var(--orange)}
.portal-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.portal-tools span{padding:15px 6px;background:#fff;border:1px solid rgba(41,48,75,.08);border-radius:12px;text-align:center;font-size:.7rem;font-weight:700}
.dekla-section{padding-block:150px;display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}
.dekla-copy{order:1}
.dekla-visual{order:2;position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.dekla-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.35);border-radius:inherit;box-shadow:inset 0 0 0 9px rgba(252,249,242,.14)}
.dekla-copy h2{font-size:clamp(2.7rem,4.6vw,5rem)}
.dekla-copy>p:last-of-type{font-size:1.13rem;max-inline-size:560px}
.pair-rule{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin-block-start:38px;font:700 .72rem Rubik,sans-serif}
.pair-rule i{block-size:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent)}
.roadmap{padding-block:140px}
.roadmap .section-heading{max-inline-size:760px;margin-block-end:60px}
.roadmap-list{list-style:none;padding:0;margin:0;border-block-start:1px solid rgba(41,48,75,.14)}
.roadmap-list li{display:grid;grid-template-columns:72px 1fr auto;gap:25px;align-items:center;padding-block:26px;border-block-end:1px solid rgba(41,48,75,.14);opacity:.55}
.roadmap-list li>span{font:900 1.8rem Rubik,sans-serif;color:var(--orange)}
.roadmap-list strong{font:800 1.35rem Rubik,sans-serif}
.roadmap-list p{margin:4px 0 0}.roadmap-list small{font:800 .64rem Rubik,sans-serif;letter-spacing:.08em;border:1px solid currentColor;border-radius:999px;padding:5px 10px}
.roadmap-list .is-now{opacity:1}.roadmap-list .is-now small{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.animation-wishlist{padding-block:130px;background:var(--orange);color:var(--ink);overflow:hidden;position:relative}
.animation-wishlist:before{content:"";position:absolute;inline-size:80vw;block-size:19vw;border:2px solid rgba(41,48,75,.22);border-radius:50%;inset-inline-start:-25vw;inset-block-end:-12vw;transform:rotate(-8deg)}
.animation-inner{position:relative}.animation-inner h2{font-size:clamp(3rem,6vw,6.5rem)}
.animation-inner .eyebrow{color:var(--ink)}
.animation-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-block-start:50px}
.animation-cards article{padding:28px;border-block-start:2px solid var(--ink);background:rgba(252,249,242,.22)}
.animation-cards span{font:900 .9rem Rubik,sans-serif}.animation-cards h3{font-size:2rem;margin-block:44px 14px}.animation-cards p{margin:0}
.footer{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:60px max(24px,calc((100vw - 1180px)/2));background:var(--cream);font-size:.8rem}
.footer img{inline-size:130px;margin-block-end:12px}.footer p{margin:0;max-inline-size:460px}
.footer-links{display:flex;gap:10px 16px;flex-wrap:wrap}.footer-links a{display:inline-flex;align-items:center;min-block-size:44px;text-underline-offset:4px;font-weight:700}
.preview-dialog{inline-size:min(1080px,92vw);max-inline-size:none;padding:0;border:0;border-radius:22px;overflow:hidden;background:var(--navy);color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.45)}
.preview-dialog::backdrop{background:rgba(8,13,47,.8);backdrop-filter:blur(10px)}
.preview-dialog>img{inline-size:100%;max-block-size:72vh;object-fit:contain;background:var(--navy)}
.preview-dialog>div{display:flex;justify-content:space-between;align-items:center;padding:18px 22px}.preview-dialog h2{font-size:1.35rem;margin:0}.preview-dialog a{color:var(--amber);font-weight:700}
.dialog-close{position:absolute;z-index:3;inset-inline-start:14px;inset-block-start:14px;inline-size:42px;block-size:42px;border:0;border-radius:50%;background:rgba(8,13,47,.72);color:#fff;font-size:1.6rem;cursor:pointer}
@media (max-width:980px){:root{--shell:min(100% - 32px,760px)}.nav{display:none}.topbar{inset-inline:14px;inset-block-start:12px}.hero{min-block-size:860px}.hero-image{background-position:62% center}.hero-copy{inset-inline-end:5vw;inset-block-start:220px;inline-size:60vw}.hero h1{font-size:6.5rem}.thesis,.palette-grid,.motif-layout,.dekla-section{grid-template-columns:1fr;gap:45px}.thesis-body{padding-block-start:0}.system-section{grid-template-columns:1fr 1fr}.system-intro{grid-column:1/-1}.mode-card{min-block-size:420px}.palette-note{grid-column:1}.icons-grid{grid-template-columns:repeat(4,1fr)}.application-grid{grid-template-columns:1fr}.sales-mockup{grid-column:auto}.portal-mockup{margin-block-start:0}.logo-stage{min-block-size:440px}.split-heading{align-items:start}}
@media (max-width:640px){:root{--shell:calc(100% - 28px);--radius:22px}.topbar{min-block-size:58px;padding:7px 9px}.brand-lockup img{inline-size:92px;block-size:38px}.mode-button{padding:7px 8px;font-size:.65rem}.mode-button .mode-dot{display:none}.hero{min-block-size:790px}.hero-image{background-image:linear-gradient(180deg,rgba(252,249,242,.02) 0%,rgba(252,249,242,.18) 46%,rgba(252,249,242,.98) 70%),url('assets/generated/arye-master-hero.webp');background-position:58% top;background-size:auto 66%,auto 66%;background-repeat:no-repeat;background-color:var(--cream)}.hero-copy{inset-inline:24px;inset-block-start:auto;inset-block-end:50px;inline-size:auto}.hero .eyebrow{margin-block-end:12px}.hero h1{font-size:4.5rem;margin-block-end:18px}.hero-lede{font-size:1rem;line-height:1.45;margin-block-end:22px}.hero-index{display:none}.hero-caption{display:none}body[data-mode="stage"] .hero-image{background-image:linear-gradient(180deg,rgba(8,13,47,.05),rgba(8,13,47,.24) 44%,rgba(8,13,47,.98) 68%),url('assets/generated/arye-dekla-joint-hero.webp');background-size:auto 66%;background-repeat:no-repeat;background-color:var(--navy);background-position:4% top}
  body[data-mode="stage"] .hero-copy{inset-inline:24px}h2{font-size:2.75rem}.thesis,.assets-section,.icons-section,.dekla-section,.roadmap{padding-block:95px}.thesis{gap:22px}.quote-card{padding:30px 24px}.quote-card blockquote{font-size:2.25rem}.system-section{grid-template-columns:1fr;padding-block-end:95px}.system-intro{grid-column:auto}.mode-card{min-block-size:350px}.palette-section,.motif-section,.applications,.animation-wishlist{padding-block:95px}.palette-grid{gap:20px}.swatches{grid-template-columns:repeat(5,1fr);min-block-size:230px}.swatch{padding:10px 7px}.swatch span{font-size:.5rem}.swatch strong{font-size:.62rem;writing-mode:vertical-rl}.split-heading{display:block;margin-block-end:38px}.split-heading>p{margin-block-start:22px}.asset-grid{grid-template-columns:1fr}.asset-card,.asset-overlay{grid-column:auto;min-block-size:0}.asset-overlay{min-block-size:190px}.asset-tall{grid-row:auto}.motif-layout{gap:25px}.logo-stage{min-block-size:350px}.orbit-two{inline-size:420px}.orbit-one{inline-size:330px}.logo-stage:before{inline-size:250px}.icons-grid{grid-template-columns:repeat(3,1fr);gap:8px}.icons-grid figure{padding:16px 8px 12px}.application-grid{gap:14px}.sales-hero{min-block-size:570px}.sales-image{background-image:linear-gradient(180deg,rgba(252,249,242,0),rgba(252,249,242,.98) 58%),url('assets/generated/arye-master-hero.webp');background-position:58% top;background-size:auto 65%;background-repeat:no-repeat}.sales-copy{inline-size:auto;margin-inline:22px;padding-block-start:310px}.sales-copy img{display:none}.sales-copy h3{font-size:2.6rem}.portal-shell{grid-template-columns:74px 1fr}.portal-content{padding:14px}.portal-shell aside{padding-inline:7px}.lesson-card{grid-template-columns:1fr}.lesson-card img{inline-size:100%;block-size:125px}.portal-tools{grid-template-columns:1fr}.dekla-section{gap:38px}.roadmap-list li{grid-template-columns:48px 1fr;gap:12px}.roadmap-list small{grid-column:2;justify-self:start}.animation-cards{grid-template-columns:1fr}.animation-cards h3{margin-block-start:18px}.footer{display:block;padding-block:42px}.footer>p{margin-block-start:26px}.preview-dialog>div{align-items:start;gap:15px}.preview-dialog h2{font-size:1rem}}
/* UX upgrade: the page now behaves like a decision room, not a long moodboard. */
:where(a,button):focus-visible{outline:3px solid var(--orange);outline-offset:4px}
section[id]{scroll-margin-block-start:105px}
.scroll-progress{position:fixed;z-index:45;inset-block-start:0;inset-inline:0;block-size:4px;background:rgba(41,48,75,.08);pointer-events:none}
.scroll-progress i{display:block;inline-size:100%;block-size:100%;background:linear-gradient(90deg,var(--orange),var(--amber));transform:scaleX(0);transform-origin:right center;will-change:transform}
.nav a.is-active:after{transform:scaleX(1)}
.nav a.is-active{color:var(--orange)}
.mode-button{min-block-size:44px;padding-inline:14px}
.mobile-dock{display:none}

.review-gate{padding-block:118px;background:linear-gradient(120deg,var(--cream),#fff 58%,var(--paper));border-block-end:1px solid rgba(41,48,75,.08)}
.review-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}
.review-heading{position:sticky;inset-block-start:120px;padding-inline-start:34px}
.review-heading:before{content:"";position:absolute;inset-inline-start:0;inset-block:4px 0;inline-size:7px;border-radius:10px;background:linear-gradient(var(--orange) 0 72%,var(--blue) 72%)}
.review-heading h2{font-size:clamp(2.7rem,4.7vw,5rem)}
.review-heading>p:not(.eyebrow){font-size:1.08rem;max-inline-size:480px}
.text-link{display:inline-flex;align-items:center;gap:10px;min-block-size:44px;margin-block-start:16px;color:var(--orange);font:800 .9rem Rubik,sans-serif;text-underline-offset:5px}
.approval-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:approval}
.approval-grid li{position:relative;min-block-size:245px;padding:26px;border:1px solid rgba(41,48,75,.1);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 16px 45px rgba(41,48,75,.065);overflow:hidden}
.approval-grid li:after{content:"";position:absolute;inline-size:160px;block-size:42px;border:6px solid var(--orange);border-radius:50%;inset-inline-start:-90px;inset-block-end:-26px;transform:rotate(-8deg);opacity:.35}
.approval-grid li>span{display:block;color:var(--orange);font:900 2.8rem/1 Rubik,sans-serif;letter-spacing:-.08em;margin-block-end:42px}
.approval-grid strong{display:block;font:800 1.28rem/1.12 Rubik,sans-serif;letter-spacing:-.02em}
.approval-grid p{margin:12px 0 0;color:rgba(41,48,75,.74);font-size:.94rem}

.big-picture{padding-block:125px;background:var(--navy);color:#fff;overflow:hidden;position:relative}
.big-picture:before{content:"";position:absolute;inline-size:70vw;block-size:20vw;border:1px solid rgba(246,161,58,.25);border-radius:50%;inset-inline-start:-24vw;inset-block-end:-12vw;transform:rotate(-8deg)}
.big-picture .shell{position:relative}
.big-picture-heading{display:grid;grid-template-columns:1.05fr .75fr;gap:90px;align-items:end;margin-block-end:54px}
.big-picture-heading h2{font-size:clamp(3rem,5.5vw,5.8rem);margin-block-end:0}
.big-picture-heading>p{color:rgba(255,255,255,.7);font-size:1.08rem;margin-block-end:10px}
.brand-map{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;direction:rtl}
.brand-map li{display:grid;grid-template-columns:46px 1fr auto;grid-template-rows:1fr auto;gap:12px 16px;min-block-size:190px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:19px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}
.brand-map .map-number{font:900 1.4rem Rubik,sans-serif;color:var(--amber)}
.brand-map strong{display:block;font:800 1.12rem Rubik,sans-serif;margin-block-end:8px}
.brand-map p{font-size:.82rem;line-height:1.45;color:rgba(255,255,255,.64);margin:0}
.brand-map b{font:900 1.4rem Rubik,sans-serif;direction:ltr}
.brand-map small{grid-column:2/-1;justify-self:start;padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.1);font:800 .58rem Rubik,sans-serif;letter-spacing:.05em}
.brand-map .is-complete{background:var(--orange);color:var(--ink);border-color:var(--orange)}
.brand-map .is-complete .map-number,.brand-map .is-complete p{color:var(--ink)}
.brand-map .is-complete small{background:var(--ink);color:#fff}
.brand-map .is-next{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
.brand-map .is-next small{background:var(--amber);color:var(--ink)}
.map-total{display:grid;grid-template-columns:auto minmax(80px,1fr) auto auto;align-items:center;gap:18px;margin-block-start:28px;font-family:Rubik,sans-serif}
.map-total span,.map-total strong{font-size:1.15rem}
.map-total i{block-size:3px;background:linear-gradient(90deg,var(--orange),rgba(255,255,255,.24));border-radius:10px}
.map-total p{margin:0;color:rgba(255,255,255,.66);font:400 .8rem Alef,sans-serif}

.thesis,.assets-section,.icons-section,.dekla-section{padding-block:112px}
.system-section{padding-block-end:125px}
.palette-section,.motif-section{padding-block:112px}
.assets-section .split-heading{margin-block-end:42px}
.asset-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.asset-card{aspect-ratio:auto!important;min-block-size:0}
.asset-grid .asset-card:nth-child(1){grid-column:span 7;block-size:390px}
.asset-grid .asset-card:nth-child(2){grid-column:span 5;block-size:390px}
.asset-grid .asset-card:nth-child(3),.asset-grid .asset-card:nth-child(4),.asset-grid .asset-card:nth-child(5){grid-column:span 4;grid-row:auto;block-size:285px}
.asset-grid .asset-card:nth-child(3) img{object-position:center 40%}
.asset-meta{inset-inline:14px;inset-block-end:14px}

.applications{padding-block:115px}
.applications .split-heading{margin-block-end:45px}
.application-swipe-hint{display:none}
.application-grid{grid-template-columns:.82fr 1.18fr;gap:18px}
.sales-hero{min-block-size:450px}
.social-mockup{grid-column:1}
.portal-mockup{grid-column:2;margin-block-start:0;align-self:stretch}
.portal-shell{min-block-size:100%;block-size:100%}

.stage-two{padding-block:128px;background:var(--paper);position:relative;overflow:hidden}
.stage-two:after{content:"02";position:absolute;inset-inline-start:-2vw;inset-block-end:-8vw;color:rgba(230,126,23,.08);font:900 clamp(15rem,32vw,34rem)/1 Rubik,sans-serif;letter-spacing:-.12em;pointer-events:none}
.stage-two-layout{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px 80px;align-items:start}
.stage-two-heading{position:relative}
.stage-two-heading h2{font-size:clamp(3.7rem,6vw,6.5rem)}
.stage-two-heading>p:not(.eyebrow){max-inline-size:480px;font-size:1.08rem}
.stage-two-number{display:inline-flex;align-items:center;justify-content:center;inline-size:58px;block-size:58px;margin-block-end:28px;border-radius:50%;background:var(--orange);color:var(--ink);font:900 1.25rem Rubik,sans-serif}
.moment-library{border-block-start:1px solid rgba(41,48,75,.16)}
.moment-library article{display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;padding-block:24px;border-block-end:1px solid rgba(41,48,75,.16)}
.moment-library article>span{color:var(--orange);font:900 1.25rem Rubik,sans-serif}
.moment-library h3{font-size:1.35rem;margin:0 0 6px}
.moment-library p{margin:0;color:rgba(41,48,75,.7);font-size:.9rem}
.moment-library small{padding:6px 10px;border:1px solid rgba(41,48,75,.24);border-radius:999px;font:800 .6rem Rubik,sans-serif}
.stage-two-output{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr;gap:28px;align-items:center;padding:24px 28px;border-radius:20px;background:var(--ink);color:#fff}
.stage-two-output div{display:flex;align-items:baseline;gap:10px;padding-inline-end:28px;border-inline-end:1px solid rgba(255,255,255,.2)}
.stage-two-output span{color:var(--amber);font:900 2.6rem/1 Rubik,sans-serif;direction:ltr}
.stage-two-output strong{font:800 .82rem Rubik,sans-serif}
.stage-two-output p{margin:0;color:rgba(255,255,255,.7);font-size:.85rem}
.stage-two-scope{grid-column:1/-1;margin:22px 0 0;padding:20px 24px;border:1px dashed rgba(41,48,75,.28);border-radius:18px;color:rgba(41,48,75,.82);font-size:.94rem;line-height:1.6}
.stage-two-scope b{color:var(--orange);font-family:Rubik,sans-serif;font-weight:800}

.preview-dialog{overflow:visible}
.preview-dialog>img{border-radius:22px 22px 0 0}
.preview-dialog .dialog-meta{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-radius:0 0 22px 22px;background:var(--navy)}
.dialog-meta>div{display:block;padding:0}
.dialog-meta h2{margin:2px 0 4px}
.dialog-count{margin:0;color:var(--amber);font:800 .62rem Rubik,sans-serif;letter-spacing:.08em}
.dialog-use{margin:0;color:rgba(255,255,255,.64);font-size:.78rem}
.dialog-meta>a{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:9px 15px;border:1px solid rgba(246,161,58,.45);border-radius:11px;text-decoration:none}
.dialog-close{inline-size:46px;block-size:46px}
.dialog-nav{position:absolute;z-index:4;inset-block-start:42%;inline-size:48px;block-size:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(8,13,47,.76);color:#fff;cursor:pointer;font-size:1.35rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.dialog-prev{inset-inline-start:-24px}.dialog-next{inset-inline-end:-24px}

@media (max-width:980px){
  .review-layout,.big-picture-heading,.stage-two-layout{grid-template-columns:1fr}
  .review-heading{position:relative;inset-block-start:auto;max-inline-size:700px}
  .brand-map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .asset-grid .asset-card:nth-child(1),.asset-grid .asset-card:nth-child(2){grid-column:span 6;block-size:330px}
  .asset-grid .asset-card:nth-child(3),.asset-grid .asset-card:nth-child(4),.asset-grid .asset-card:nth-child(5){grid-column:span 4;block-size:240px}
  .application-grid{grid-template-columns:1fr}
  .sales-mockup,.social-mockup,.portal-mockup{grid-column:auto}
}

@media (max-width:640px){
  body{padding-block-end:76px}
  section[id]{scroll-margin-block-start:82px}
  .topbar{inset-inline:10px;inset-block-start:9px;gap:6px;min-block-size:58px}
  .brand-lockup{margin-inline-end:auto}
  .mode-switch{padding:3px}
  .mode-button{min-block-size:44px;min-inline-size:58px;padding:7px 9px;justify-content:center}
  .mobile-dock{position:fixed;z-index:38;display:grid;grid-template-columns:repeat(3,1fr);inset-inline:10px;inset-block-end:9px;min-block-size:60px;padding:6px;border:1px solid rgba(255,255,255,.6);border-radius:18px;background:rgba(252,249,242,.92);box-shadow:0 12px 35px rgba(8,13,47,.2);backdrop-filter:blur(18px)}
  .mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:48px;border-radius:12px;text-decoration:none;font:800 .64rem Rubik,sans-serif}
  .mobile-dock a span{color:var(--orange);font-size:.56rem;line-height:1.2}
  .mobile-dock a.is-active{background:var(--ink);color:#fff}
  .review-gate,.big-picture,.stage-two{padding-block:88px}
  .review-layout{gap:38px}
  .review-heading{padding-inline-start:24px}
  .review-heading h2,.big-picture-heading h2{font-size:2.8rem}
  .approval-grid{grid-template-columns:1fr;gap:10px}
  .approval-grid li{min-block-size:0;padding:21px;display:grid;grid-template-columns:42px 1fr;gap:0 10px}
  .approval-grid li>span{grid-row:1/3;margin:0;font-size:1.55rem}
  .approval-grid strong{font-size:1.04rem}
  .approval-grid p{font-size:.82rem;margin-block-start:7px}
  .big-picture-heading{gap:18px;margin-block-end:34px}
  .brand-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .brand-map li{display:flex;flex-direction:column;min-block-size:208px;padding:16px;gap:8px}
  .brand-map .map-number{font-size:1rem}
  .brand-map strong{font-size:.95rem}
  .brand-map p{font-size:.72rem}
  .brand-map b{margin-block-start:auto;font-size:1.15rem}
  .brand-map small{align-self:flex-start}
  .map-total{grid-template-columns:auto 1fr auto;gap:10px}
  .map-total p{grid-column:1/-1}
  .thesis,.assets-section,.icons-section,.dekla-section{padding-block:82px}
  .palette-section,.motif-section,.applications{padding-block:82px}
  .asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .asset-grid .asset-card:nth-child(1),.asset-grid .asset-card:nth-child(2){grid-column:1/-1;block-size:235px}
  .asset-grid .asset-card:nth-child(3),.asset-grid .asset-card:nth-child(4){grid-column:span 1;block-size:230px}
  .asset-grid .asset-card:nth-child(5){grid-column:1/-1;block-size:175px}
  .asset-meta{inset-inline:8px;inset-block-end:8px;padding:10px;display:block}
  .asset-meta strong{font-size:.82rem}.asset-meta small{display:block;margin-block-start:2px;font-size:.52rem}
  .sales-hero{min-block-size:520px}
  .application-swipe-hint{display:flex;align-items:center;gap:10px;margin:-8px 0 18px;color:var(--amber);font:800 .68rem Rubik,sans-serif}
  .application-swipe-hint:after{content:"↔";font-size:1rem}
  .application-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:12px;align-items:start;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;padding-block-end:10px}
  .application-grid::-webkit-scrollbar{display:none}
  .application-grid>article{scroll-snap-align:start;scroll-snap-stop:always}
  .social-art{min-block-size:520px}
  .portal-shell{min-block-size:520px;block-size:auto}
  .stage-two-layout{gap:34px}
  .stage-two-heading h2{font-size:3.75rem}
  .moment-library article{grid-template-columns:35px 1fr;padding-block:19px}
  .moment-library small{grid-column:2;justify-self:start}
  .stage-two-output{grid-template-columns:1fr 1fr;gap:18px;padding:22px}
  .stage-two-output div{display:block;padding-inline-end:12px}
  .stage-two-output span{display:block;font-size:2rem;margin-block-end:7px}
  .stage-two-output p{grid-column:1/-1}
  .preview-dialog{inline-size:calc(100vw - 24px)}
  .preview-dialog .dialog-meta{align-items:flex-start;gap:14px}
  .dialog-use{max-inline-size:220px}
  .dialog-nav{inset-block-start:35%;inline-size:44px;block-size:44px}
  .dialog-prev{inset-inline-start:8px}.dialog-next{inset-inline-end:8px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Closure pass: approval controls and production decisions. */
.hero-provenance{position:absolute;z-index:4;inset-inline-end:2.5vw;inset-block-end:15vh;max-inline-size:260px;margin:0;padding:8px 12px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(252,249,242,.82);color:var(--ink);font:700 .62rem/1.35 Rubik,sans-serif;backdrop-filter:blur(10px)}
body[data-mode="stage"] .hero-provenance{background:rgba(8,13,47,.75);color:#fff;border-color:rgba(255,255,255,.2)}
.review-launch{position:fixed;z-index:39;inset-inline-start:22px;inset-block-end:22px;display:flex;align-items:center;gap:10px;min-block-size:52px;padding:7px 15px 7px 8px;border:1px solid rgba(255,255,255,.58);border-radius:16px;background:rgba(41,48,75,.94);color:#fff;box-shadow:0 16px 42px rgba(8,13,47,.25);backdrop-filter:blur(14px);cursor:pointer}
.review-launch span{display:grid;place-items:center;min-inline-size:38px;block-size:38px;border-radius:11px;background:var(--orange);color:var(--ink);font:900 .7rem Rubik,sans-serif;direction:ltr}
.review-launch strong{font:800 .76rem Rubik,sans-serif}

.approval-grid li{min-block-size:365px;display:flex;flex-direction:column}
.approval-grid li>*{position:relative;z-index:1}
.approval-grid li>span{margin-block-end:28px}
.approval-grid li[data-status="approved"]{border-color:rgba(230,126,23,.52);box-shadow:0 16px 45px rgba(230,126,23,.12)}
.approval-grid li[data-status="refine"]{border-color:rgba(31,114,168,.5);box-shadow:0 16px 45px rgba(31,114,168,.1)}
.decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-block-start:auto;padding-block-start:22px}
.decision-actions button,.production-options button{min-block-size:44px;border:1px solid rgba(41,48,75,.16);border-radius:12px;background:#fff;color:var(--ink);font:800 .76rem Rubik,sans-serif;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.decision-actions button:hover,.production-options button:hover{transform:translateY(-2px);border-color:var(--orange)}
.decision-actions button[aria-pressed="true"][data-decision-value="approved"]{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.decision-actions button[aria-pressed="true"][data-decision-value="refine"]{background:var(--blue);border-color:var(--blue);color:#fff}
.decision-note{margin-block-start:8px}
.decision-note summary{display:inline-flex;align-items:center;min-block-size:44px;color:rgba(41,48,75,.7);font:700 .72rem Rubik,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.decision-note label{display:block;color:rgba(41,48,75,.72);font-size:.7rem}
.decision-note textarea,.general-note textarea{display:block;inline-size:100%;margin-block-start:6px;padding:11px 12px;border:1px solid rgba(41,48,75,.2);border-radius:11px;background:rgba(252,249,242,.72);color:var(--ink);font:400 .86rem/1.45 Alef,sans-serif;resize:vertical}
.decision-status{align-self:flex-start;margin-block-start:8px;padding:4px 9px;border-radius:999px;background:rgba(41,48,75,.08);color:rgba(41,48,75,.72);font:800 .57rem Rubik,sans-serif}
[data-status="approved"]>.decision-status{background:rgba(230,126,23,.14);color:#a64e00}
[data-status="refine"]>.decision-status{background:rgba(31,114,168,.12);color:#185b87}

.production-decisions{padding-block:122px;background:linear-gradient(145deg,#fff 0%,var(--paper) 55%,#f8dfbf 130%);border-block:1px solid rgba(41,48,75,.08)}
.production-heading{display:grid;grid-template-columns:1.05fr .72fr;gap:90px;align-items:end;margin-block-end:48px}
.production-heading h2{margin:0;font-size:clamp(3rem,5.2vw,5.5rem)}
.production-heading>p{max-inline-size:470px;margin:0 0 8px;font-size:1.07rem}
.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.production-card{position:relative;padding:28px;border:1px solid rgba(41,48,75,.12);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(41,48,75,.08)}
.production-card[data-status]{border-color:rgba(230,126,23,.52)}
.production-card-head{display:flex;align-items:center;gap:18px;margin-block-end:22px}
.production-card-head>span{display:grid;place-items:center;flex:0 0 55px;block-size:55px;border-radius:50%;background:var(--ink);color:var(--amber);font:900 1rem Rubik,sans-serif}
.production-card-head small{display:block;margin-block-end:5px;color:var(--orange);font:800 .62rem Rubik,sans-serif;letter-spacing:.06em}
.production-card h3{font-size:1.75rem;margin:0}
.production-card>p{min-block-size:58px;color:rgba(41,48,75,.74);font-size:.92rem}
.production-options{display:grid;gap:8px;margin-block-start:22px}
.production-options button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-block-size:66px;padding:12px 15px;text-align:start}
.production-options button b{font:800 .86rem Rubik,sans-serif}
.production-options button small{max-inline-size:250px;color:rgba(41,48,75,.62);font-size:.7rem}
.production-options button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.production-options button[aria-pressed="true"] small{color:rgba(255,255,255,.68)}
.review-strip{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:13px 24px;align-items:center;margin-block-start:18px;padding:22px 24px;border-radius:20px;background:var(--ink);color:#fff}
.review-meter{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.review-meter span{font:800 .78rem Rubik,sans-serif}
.review-meter span b{color:var(--amber);font-size:1.15rem}
.review-meter i,.review-dialog-progress i{display:block;block-size:6px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.review-meter em,.review-dialog-progress em{display:block;inline-size:100%;block-size:100%;background:linear-gradient(90deg,var(--orange),var(--amber));transform:scaleX(0);transform-origin:right center;transition:transform .35s var(--ease)}
.review-meter small{color:rgba(255,255,255,.62);font-size:.65rem}
.review-strip>button{min-block-size:48px;padding:9px 16px;border:0;border-radius:12px;background:var(--orange);color:var(--ink);font:800 .76rem Rubik,sans-serif;cursor:pointer}
.review-strip>p{grid-column:1/-1;margin:0;color:rgba(255,255,255,.58);font-size:.68rem}

.review-dialog{inline-size:min(760px,calc(100vw - 32px));max-inline-size:none;max-block-size:90vh;padding:0;border:0;border-radius:24px;background:var(--cream);color:var(--ink);box-shadow:0 42px 130px rgba(0,0,0,.42);direction:rtl;overflow:auto}
.review-dialog::backdrop{background:rgba(8,13,47,.78);backdrop-filter:blur(10px)}
.review-dialog-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:30px 30px 22px;background:var(--ink);color:#fff}
.review-dialog-head h2{margin:0;font-size:3rem}
.review-dialog-head .eyebrow{margin-block-end:12px}
.review-dialog-close{display:grid;place-items:center;flex:0 0 46px;block-size:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.5rem;cursor:pointer}
.review-dialog-progress{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:18px 30px;background:var(--ink);color:#fff;border-block-start:1px solid rgba(255,255,255,.1)}
.review-dialog-progress span{font:800 .76rem Rubik,sans-serif}
.review-summary-list{list-style:none;margin:0;padding:12px 30px 4px}
.review-summary-list li{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding-block:14px;border-block-end:1px solid rgba(41,48,75,.12)}
.review-summary-list strong{font:800 .9rem Rubik,sans-serif}
.review-summary-list span{align-self:start;padding:4px 8px;border-radius:999px;background:rgba(41,48,75,.08);font:800 .58rem Rubik,sans-serif}
.review-summary-list span.is-approved{background:rgba(230,126,23,.15);color:#a64e00}
.review-summary-list span.is-refine{background:rgba(31,114,168,.13);color:#185b87}
.review-summary-list p{grid-column:1/-1;margin:0;color:rgba(41,48,75,.66);font-size:.77rem}
.general-note{display:block;padding:20px 30px 8px;font:800 .78rem Rubik,sans-serif}
.general-note textarea{min-block-size:110px;background:#fff}
.review-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 30px 28px}
.review-dialog-actions button{min-block-size:48px;padding:10px 20px;border:0;border-radius:12px;background:var(--orange);color:var(--ink);font:800 .8rem Rubik,sans-serif;cursor:pointer}
.review-dialog-actions small{color:rgba(41,48,75,.58)}
.toast{position:fixed;z-index:120;inset-inline-start:50%;inset-block-end:28px;max-inline-size:calc(100vw - 30px);padding:11px 16px;border-radius:12px;background:var(--ink);color:#fff;font:700 .76rem Rubik,sans-serif;box-shadow:0 12px 35px rgba(8,13,47,.28);opacity:0;pointer-events:none;transform:translate(50%,14px);transition:.25s var(--ease)}
.toast.is-visible{opacity:1;transform:translate(50%,0)}

@media (max-width:980px){
  .production-heading{grid-template-columns:1fr;gap:18px}
  .production-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
  .hero-image{background-image:linear-gradient(180deg,rgba(252,249,242,.02) 0%,rgba(252,249,242,.18) 46%,rgba(252,249,242,.98) 70%),url('assets/generated/arye-master-hero-v2.webp');background-position:10% top;background-size:auto 66%,auto 66%;background-repeat:no-repeat;background-color:var(--cream)}
  .hero-copy{inset-inline:24px}
  .hero-provenance{inset-inline-end:14px;inset-block-end:390px;max-inline-size:210px;font-size:.55rem}
  .review-launch{inset-inline-start:auto;inset-inline-end:12px;inset-block-end:78px;min-block-size:46px;padding:5px 11px 5px 6px}
  .review-launch span{min-inline-size:34px;block-size:34px}
  .review-launch strong{display:none}
  .approval-grid li{min-block-size:0;display:grid;grid-template-columns:42px 1fr;gap:0 10px;padding:20px}
  .approval-grid li>span{grid-row:1/3;margin:0}
  .approval-grid li>p,.approval-grid .decision-actions,.approval-grid .decision-note,.approval-grid .decision-status{grid-column:2}
  .decision-actions{margin-block-start:15px;padding-block-start:0}
  .production-decisions{padding-block:82px}
  .production-heading{margin-block-end:30px}
  .production-heading h2{font-size:3rem}
  .production-card{padding:22px 18px}
  .production-card>p{min-block-size:0}
  .production-card h3{font-size:1.45rem}
  .production-options button{display:block;min-block-size:70px}
  .production-options button small{display:block;margin-block-start:4px;max-inline-size:none}
  .review-strip{grid-template-columns:1fr;padding:20px}
  .review-meter{grid-template-columns:auto 1fr}
  .review-meter small{grid-column:1/-1}
  .review-strip>button{inline-size:100%}
  .review-dialog{inline-size:calc(100vw - 20px);max-block-size:94vh;border-radius:20px}
  .review-dialog-head{padding:23px 20px 17px}
  .review-dialog-head h2{font-size:2.35rem}
  .review-dialog-progress{padding:15px 20px}
  .review-summary-list{padding-inline:20px}
  .general-note{padding-inline:20px}
  .review-dialog-actions{padding:16px 20px 22px;align-items:flex-start}
  .sales-image{background-image:linear-gradient(180deg,rgba(252,249,242,0),rgba(252,249,242,.98) 58%),url('assets/generated/arye-master-hero-v2.webp');background-position:10% top;background-size:auto 65%;background-repeat:no-repeat}
  .sales-copy{margin-inline:22px}
  body[data-mode="stage"] .hero-image{background-size:auto 59%;background-position:4% 58px}
}

@media (prefers-reduced-motion:reduce){
  .decision-actions button,.production-options button,.review-meter em,.review-dialog-progress em,.toast{transition:none!important}
}

/* 02.09.2026 - חדר החלטות. הכתום הוא חתימה, לא משטח שמכסה מסך.
   Review-room redesign: real photography, quieter hierarchy, one decision per asset. */
:root{--review-red:#8f3440;--review-gold:#b58a3b;--warm-gray:#ece8df;--soft-ink:#657083}
body{background:#f8f5ef;scrollbar-gutter:stable}
.topbar{padding:8px 12px 8px 18px;border-radius:16px;background:rgba(248,245,239,.94);box-shadow:0 8px 28px rgba(18,26,43,.09)}
.brand-lockup img{inline-size:116px;block-size:40px}
.nav{gap:20px;font-size:.8rem}

.hero{min-block-size:88svh;background:#f8f5ef}
.hero-image{background-color:#f8f5ef;background-image:linear-gradient(to left,#f8f5ef 0%,rgba(248,245,239,.98) 42%,rgba(248,245,239,.2) 68%,rgba(248,245,239,0) 100%),url('assets/existing/arye-portrait-classroom.webp');background-size:cover,auto 92%;background-position:center,left bottom;background-repeat:no-repeat;transform:none}
.hero-image:after{background:linear-gradient(to top,rgba(17,26,43,.12),transparent 24%)}
.hero-copy{inset-inline-start:8vw;inset-block-start:26svh;inline-size:min(560px,45vw)}
.hero h1{font-size:clamp(4rem,7.2vw,7.2rem);line-height:.92;letter-spacing:-.065em;margin-block-end:26px}
.hero-lede{font-size:clamp(1.05rem,1.35vw,1.28rem);max-inline-size:500px}
.hero-index{display:none}
.hero-caption{inset-inline-start:24px;left:auto;bottom:24px;writing-mode:horizontal-tb;letter-spacing:.03em;padding:8px 13px;border:1px solid rgba(41,48,75,.12)}
.hero-provenance{inset-inline-end:auto;inset-inline-start:24px;inset-block-end:72px;background:rgba(248,245,239,.93);border-color:rgba(41,48,75,.12)}
body[data-mode="stage"] .hero{background:#111a2b}
body[data-mode="stage"] .hero-image{background-color:#111a2b;background-image:linear-gradient(to left,#111a2b 0%,rgba(17,26,43,.97) 40%,rgba(17,26,43,.22) 67%,rgba(17,26,43,0) 100%),url('assets/existing/arye-stage-audience.png');background-size:cover,auto 100%;background-position:center,left bottom;transform:none}
body[data-mode="stage"] .hero-provenance{background:rgba(17,26,43,.9)}

.review-gate{padding-block:126px;background:#f8f5ef;border-block:1px solid rgba(41,48,75,.08)}
.decision-room{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:72px;align-items:start}
.decision-intro{position:sticky;inset-block-start:120px;padding-inline-start:26px;border-inline-start:3px solid var(--orange)}
.decision-intro h2{font-size:clamp(2.8rem,4.4vw,4.8rem)}
.decision-intro>p{max-inline-size:420px;color:rgba(41,48,75,.72)}
.decision-ledger{list-style:none;margin:0;padding:0;border-block-start:1px solid rgba(41,48,75,.14)}
.decision-ledger li{display:grid;grid-template-columns:44px 1fr auto;gap:18px;align-items:start;padding-block:24px;border-block-end:1px solid rgba(41,48,75,.14)}
.decision-ledger li>span{color:var(--orange);font:900 1.05rem Rubik,sans-serif}
.decision-ledger strong{display:block;margin-block-end:7px;font:800 1.06rem/1.25 Rubik,sans-serif}
.decision-ledger p{margin:0;color:rgba(41,48,75,.68);font-size:.88rem}
.decision-ledger small{padding:5px 9px;border-radius:999px;background:rgba(230,126,23,.1);color:#9a4d08;font:800 .58rem Rubik,sans-serif;white-space:nowrap}

.big-picture{padding-block:118px;background:#ebe7de;color:var(--ink)}
.big-picture:before{display:none}
.big-picture-heading{margin-block-end:42px}
.big-picture-heading h2{font-size:clamp(2.8rem,4.8vw,5rem)}
.big-picture-heading>p{color:rgba(41,48,75,.68)}
.brand-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.brand-map li{display:flex;flex-direction:column;min-block-size:235px;padding:24px;border:1px solid rgba(41,48,75,.12);border-radius:18px;background:rgba(255,255,255,.54);color:var(--ink);backdrop-filter:none}
.brand-map .map-number{margin-block-end:28px;color:var(--orange)}
.brand-map strong{font-size:1rem}
.brand-map p{color:rgba(41,48,75,.65);font-size:.78rem}
.brand-map small{align-self:flex-start;margin-block-start:auto;background:rgba(41,48,75,.08);color:var(--ink)}
.brand-map .is-complete{background:#fff;color:var(--ink);border-color:rgba(230,126,23,.5);box-shadow:inset 0 3px 0 var(--orange)}
.brand-map .is-complete .map-number,.brand-map .is-complete p{color:inherit}
.brand-map .is-complete small{background:var(--ink);color:#fff}
.brand-map .is-next{border-color:rgba(181,138,59,.66);box-shadow:inset 0 3px 0 var(--review-gold)}
.brand-map .is-next small{background:var(--review-gold);color:#fff}
.roadmap-note{margin:24px 0 0;color:rgba(41,48,75,.66);font-size:.88rem}

.dekla-section{padding-block:130px;grid-template-columns:1fr 1fr;gap:84px}
.professional-map{display:grid;grid-template-columns:1fr;gap:16px;padding:28px;border:1px solid rgba(41,48,75,.12);border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(41,48,75,.07)}
.professional-map article{padding:24px;border-radius:17px;background:#f3f0e9;border-inline-start:4px solid var(--orange)}
.professional-map article.dekla-role{background:#f8f1e9;border-inline-start-color:var(--review-red)}
.professional-map small,.professional-map span{display:block;color:rgba(41,48,75,.62);font-size:.72rem}
.professional-map strong{display:block;margin-block:7px;font:800 1.55rem Rubik,sans-serif}
.professional-map>i{display:block;inline-size:1px;block-size:26px;margin-inline-start:32px;background:rgba(41,48,75,.2)}
.dekla-copy{order:initial}
.joint-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-block-start:28px}
.joint-palette span{padding:18px;border-radius:13px;color:#fff;font:800 .82rem Rubik,sans-serif}
.joint-palette span:first-child{background:var(--review-red)}
.joint-palette span:nth-child(2){background:var(--review-gold)}
.joint-palette small{grid-column:1/-1;color:rgba(41,48,75,.58);font-size:.68rem}

.assets-section{padding-block:126px;background:#121a29;color:#fff}
.asset-room-heading{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end;margin-block-end:42px}
.asset-room-heading h2{margin:0;font-size:clamp(3rem,5.2vw,5.6rem)}
.asset-room-explainer>p{max-inline-size:500px;color:rgba(255,255,255,.7)}
.asset-room-explainer .asset-warning{padding:15px 17px;border-inline-start:3px solid var(--review-gold);background:rgba(255,255,255,.06);color:#fff;font-size:.82rem}
.asset-toolbar{position:sticky;z-index:8;inset-block-start:98px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-block-end:24px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(18,26,41,.92);backdrop-filter:blur(15px)}
.asset-statuses{display:flex;flex-wrap:wrap;gap:6px}
.asset-statuses button,.asset-summary-button{min-block-size:42px;padding:8px 13px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:transparent;color:#fff;font:800 .68rem Rubik,sans-serif;cursor:pointer}
.asset-statuses button span{display:inline-grid;place-items:center;min-inline-size:22px;block-size:22px;margin-inline-start:5px;border-radius:7px;background:rgba(255,255,255,.1);font-size:.58rem}
.asset-statuses button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.asset-statuses button[aria-pressed="true"] span{background:var(--orange);color:var(--ink)}
.asset-summary-button{background:var(--orange);border-color:var(--orange);color:var(--ink);white-space:nowrap}
.asset-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.asset-review-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#1a2435;box-shadow:0 18px 55px rgba(0,0,0,.14)}
.asset-review-card[data-status="approved"]{border-color:rgba(230,126,23,.7)}
.asset-review-card[data-status="revise"]{border-color:rgba(181,138,59,.75)}
.asset-review-card[data-status="rejected"]{border-color:rgba(143,52,64,.82);opacity:.82}
.asset-review-visual{position:relative;display:block;inline-size:100%;block-size:300px;padding:0;border:0;background:#e9e4d9;cursor:zoom-in;overflow:hidden}
.asset-review-visual img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .45s var(--ease)}
[data-asset-id="stage-real"] .asset-review-visual img{object-position:center 24%}
.asset-review-visual:hover img,.asset-review-visual:focus-visible img{transform:scale(1.025)}
[data-asset-id^="icon-"] .asset-review-visual img,[data-asset-id^="logo-"] .asset-review-visual img{object-fit:contain;padding:56px}
.asset-kind,.asset-position{position:absolute;inset-block-start:12px;padding:6px 9px;border-radius:8px;background:rgba(18,26,41,.84);color:#fff;font:800 .58rem Rubik,sans-serif;backdrop-filter:blur(8px)}
.asset-kind{inset-inline-start:12px}.asset-position{inset-inline-end:12px;direction:ltr}
.asset-review-copy{padding:22px}
.asset-review-title{display:flex;justify-content:space-between;gap:20px;align-items:start}
.asset-review-title small{display:block;margin-block-end:4px;color:var(--review-gold);font:800 .6rem Rubik,sans-serif}
.asset-review-title h3{margin:0;font-size:1.28rem;line-height:1.16}
.asset-state{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72);font:800 .56rem Rubik,sans-serif}
[data-status="approved"] .asset-state{background:rgba(230,126,23,.2);color:#ffb768}
[data-status="revise"] .asset-state{background:rgba(181,138,59,.22);color:#e5c47f}
[data-status="rejected"] .asset-state{background:rgba(143,52,64,.35);color:#f4b7c0}
.asset-review-copy>p{min-block-size:48px;margin:14px 0 18px;color:rgba(255,255,255,.63);font-size:.78rem}
.asset-review-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.asset-review-actions button{min-block-size:44px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04);color:#fff;font:800 .68rem Rubik,sans-serif;cursor:pointer}
.asset-review-actions button:hover{border-color:rgba(255,255,255,.42)}
.asset-review-actions [data-asset-value="approved"][aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.asset-review-actions [data-asset-value="revise"][aria-pressed="true"]{background:var(--review-gold);border-color:var(--review-gold);color:#fff}
.asset-review-actions [data-asset-value="rejected"][aria-pressed="true"]{background:var(--review-red);border-color:var(--review-red);color:#fff}
.asset-note{display:block;margin-block-start:13px;color:rgba(255,255,255,.58);font:700 .62rem Rubik,sans-serif}
.asset-note textarea{display:block;inline-size:100%;min-block-size:68px;margin-block-start:6px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(0,0,0,.12);color:#fff;font:400 .78rem/1.45 Alef,sans-serif;resize:vertical}
.asset-note textarea:focus{outline:2px solid var(--orange);outline-offset:1px}
.asset-local-note{margin:20px 0 0;color:rgba(255,255,255,.48);font-size:.7rem}
.empty-assets{grid-column:1/-1;padding:60px 20px;text-align:center;color:rgba(255,255,255,.6)}

.stage-two:after{display:none}
.stage-two{background:#f8f5ef}
.stage-two-output{background:#1a2435}
.stage-two-output span{color:var(--review-gold)}
.sales-image{background-image:linear-gradient(to left,rgba(252,249,242,.99),rgba(252,249,242,.94) 46%,rgba(252,249,242,.05) 76%),url('assets/existing/arye-portrait-classroom.webp');background-size:cover,auto 100%;background-position:center,left center;background-repeat:no-repeat}

.review-summary-list span.is-pending{color:rgba(41,48,75,.58)}
.review-summary-list span.is-approved{background:rgba(230,126,23,.15);color:#9a4d08}
.review-summary-list span.is-revise{background:rgba(181,138,59,.18);color:#795714}
.review-summary-list span.is-rejected{background:rgba(143,52,64,.14);color:var(--review-red)}
.review-dialog-actions{flex-wrap:wrap}
.review-dialog-actions .quiet-button{background:transparent;border:1px solid rgba(41,48,75,.18);color:var(--ink)}

@media (max-width:980px){
  .decision-room,.asset-room-heading{grid-template-columns:1fr}
  .decision-intro{position:relative;inset-block-start:auto}
  .brand-map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .asset-review-grid{grid-template-columns:1fr}
  .asset-review-visual{block-size:390px}
}

@media (max-width:640px){
  :root{--shell:min(100% - 30px,1180px)}
  .topbar{inset-inline:8px;inset-block-start:8px;padding-inline:8px}
  .brand-lockup img{inline-size:82px;block-size:34px}
  .hero{min-block-size:820px}
  .hero-image{background-image:linear-gradient(to top,#f8f5ef 0%,rgba(248,245,239,.98) 39%,rgba(248,245,239,.08) 63%),url('assets/existing/arye-portrait-classroom.webp');background-size:cover,auto 62%;background-position:center,center top}
  .hero-copy{inset-inline:22px;inset-block-start:470px;inline-size:auto}
  .hero h1{font-size:3.65rem;margin-block-end:18px}
  .hero-lede{font-size:1rem;line-height:1.48;margin-block-end:24px}
  .hero-caption{display:none}
  .hero-provenance{inset-inline-start:14px;inset-block-end:auto;inset-block-start:420px;max-inline-size:230px}
  body[data-mode="stage"] .hero-image{background-image:linear-gradient(to top,#111a2b 0%,rgba(17,26,43,.96) 38%,rgba(17,26,43,.08) 62%),url('assets/existing/arye-stage-audience.png');background-size:cover,auto 63%;background-position:center,center top}
  .review-gate,.big-picture,.assets-section,.stage-two{padding-block:86px}
  .decision-room{gap:38px}
  .decision-ledger li{grid-template-columns:32px 1fr;gap:11px}
  .decision-ledger li>small{grid-column:2;justify-self:start}
  .brand-map{grid-template-columns:1fr}
  .brand-map li{min-block-size:185px}
  .dekla-section{grid-template-columns:1fr;gap:42px}
  .professional-map{padding:16px}
  .asset-room-heading{gap:20px}
  .asset-room-heading h2{font-size:3.35rem}
  .asset-toolbar{inset-block-start:76px;display:block;padding:9px}
  .asset-statuses{display:grid;grid-template-columns:repeat(3,1fr)}
  .asset-statuses button{padding-inline:6px}
  .asset-statuses button:first-child,.asset-summary-button{grid-column:span 3}
  .asset-summary-button{inline-size:100%;margin-block-start:7px}
  .asset-review-visual{block-size:250px}
  [data-asset-id^="icon-"] .asset-review-visual img,[data-asset-id^="logo-"] .asset-review-visual img{padding:42px}
  .asset-review-copy{padding:18px}
  .asset-review-title h3{font-size:1.1rem}
  .asset-review-copy>p{min-block-size:0}
  .review-launch{inset-inline-end:12px}
  .stage-two-output{grid-template-columns:1fr}
  .stage-two-output p{grid-column:auto}
  .sales-image{background-image:linear-gradient(to top,rgba(252,249,242,.99),rgba(252,249,242,.93) 52%,rgba(252,249,242,.04) 76%),url('assets/existing/arye-portrait-classroom.webp');background-position:center,center top;background-size:cover,auto 64%}
}