@font-face{font-family:Schibsted;src:url('/assets/SchibstedGrotesk-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Plex;src:url('/assets/IBMPlexMono-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:NotoArabic;src:url('/assets/NotoSansArabic-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--canvas:#eef6f2;--surface:#f8fcfa;--ink:#0c100e;--green:#035b46;--watermelon:#c8315a;--line:#d4e3dc;--muted:#4e625a;--mint:#5abfa2;--dark-surface:#161b19;color-scheme:light}
*{box-sizing:border-box}
html{direction:ltr;scroll-behavior:auto;overflow-anchor:none}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Schibsted,Arial,sans-serif;line-height:1.5;overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--green);outline-offset:5px;border-radius:2px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:600;line-height:1.12;letter-spacing:-.025em}
h1{font-size:4.25rem}h2{font-size:3rem}h3{font-size:1.75rem}
.copy{display:grid;min-width:0;max-width:100%}
.copy>[data-lang]{grid-area:1/1;min-width:0}
[data-lang]{visibility:hidden}
html[lang=en] [data-lang=en],html[lang=ar] [data-lang=ar]{visibility:visible}
[lang=ar]:not(html){font-family:NotoArabic,Arial,sans-serif;letter-spacing:normal;direction:rtl;text-align:right}
.inline{display:inline-grid;vertical-align:middle}
.wrap{width:calc(100% - 192px);max-width:1248px;margin:0 auto}
.skip{position:absolute;top:10px;left:16px;transform:translateY(-180%);z-index:10;padding:12px 18px;background:var(--surface)}
.skip:focus{transform:none;outline:3px solid var(--green)}
.masthead{min-height:96px;border-bottom:1px solid var(--line)}
.masthead>.wrap{min-height:95px;padding-top:12px;padding-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;flex:0 0 auto;line-height:0}
.brand img{width:100px;height:auto;filter:brightness(0)}
.nav{display:flex;align-items:center;gap:44px;font-size:.9375rem}
.nav a{display:grid;align-items:center;min-height:44px}
.language{min-width:64px}
.badge{display:inline-grid;border-radius:99px;background:#bee3d5;color:var(--green);padding:6px 24px;font-size:.6875rem;font-weight:600}
.eyebrow{font:500 .75rem/1.6 Plex,monospace;letter-spacing:.1em;color:var(--green);text-transform:uppercase}
.eyebrow [lang=ar]{font-size:.875rem}
.hero{min-height:734px;display:grid;grid-template-columns:566px 1fr;gap:32px;padding-top:84px;padding-bottom:32px}
.hero-copy{max-width:566px}
.hero h1{margin-top:26px;line-height:1.1}
.hero-intro{font-size:1.25rem;color:var(--muted);line-height:1.5;margin-top:26px}
.status-line{display:flex;align-items:center;gap:14px;margin-top:30px;font-size:.9375rem;color:var(--muted)}
.trust{max-width:440px;border-top:1px solid var(--line);margin-top:50px;padding-top:14px;color:var(--muted);font-size:.9375rem}
.hero-art{min-width:0;padding-top:6px;max-width:618px;width:100%}
.art-stage{position:relative;min-height:574px}
.mock-home{width:360px;min-height:544px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px}
.mock-logo{font-size:2rem;line-height:1.1;font-weight:700;letter-spacing:-.04em}
.mock-question{font-size:.875rem;margin-top:8px;color:#34483e}
.mock-meta{font:500 .6875rem/1.6 Plex,monospace;letter-spacing:.07em;margin:10px 0;color:var(--muted)}
.mock-gathering{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:12px}
.mock-gathering h3{font-size:1.375rem;letter-spacing:-.02em}
.mock-sub{font-size:.6875rem;color:var(--muted);margin-top:10px}
.presence{font-size:.75rem;margin-top:12px}
.coral-dot::before{content:"";display:inline-block;background:#ffa295;width:8px;height:8px;border-radius:50%;margin-right:8px}
.chips{display:flex;gap:10px;margin-top:12px}
.chip{padding:6px 18px;border-radius:99px;font-size:.625rem;color:var(--watermelon)}
.live{background:var(--green);color:#fff}
.mock-room{position:absolute;top:174px;right:0;width:300px;min-height:402px;border:1px solid #28342e;background:var(--ink);color:var(--canvas);border-radius:22px;padding:20px}
.mock-room h3{font-size:1.75rem;margin-top:12px}
.mock-room .mock-sub{color:#b6c8bf}
.mock-room .live{background:var(--mint);color:var(--ink)}
.mock-room .open{background:var(--dark-surface);color:var(--canvas)}
.mock-back{font-size:.75rem;color:#bdcdc5}
.mock-plan{display:flex;gap:18px;justify-content:space-between;background:var(--dark-surface);padding:16px 12px;border-radius:12px;margin-top:22px;font-size:.75rem}
.mock-plan strong{color:var(--mint);font-weight:500}
.mock-message{margin-top:14px;background:#222b26;padding:12px 14px;border-radius:12px;font-size:.75rem}
.mock-message .sender{color:#b6c8bf;font-size:.625rem;margin-bottom:6px}
.art-caption{font-size:.625rem;color:var(--muted);text-align:center;margin-top:20px}
.art-caption [lang=ar]{text-align:center}
.how{background:var(--surface);padding:88px 0 77px;min-height:810px}
.how h2{margin-top:26px;max-width:760px}
.desktop-heading{display:block}.mobile-heading{display:none}
.steps{list-style:none;padding:0;margin:24px 0 0}
.step{display:grid;grid-template-columns:80px 460px 1fr;gap:36px;min-height:155px;align-items:start;padding:46px 0;border-bottom:1px solid var(--line)}
.step-number{font:500 .875rem/1.5 Plex,monospace;color:var(--green)}
.step h3{font-size:1.75rem}
.step p{color:var(--muted);font-size:1rem}
.gatherings{background:var(--ink);color:var(--canvas);padding:110px 0 108px;min-height:520px}
.gatherings>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.gatherings .eyebrow{color:var(--mint)}
.gatherings h2{margin-top:28px}
.gatherings .explanation{color:#b5c7bd;font-size:1.1875rem;margin-top:24px}
.examples{display:grid;gap:14px}
.example{border:1px solid #2b3730;background:var(--dark-surface);border-radius:18px;padding:24px}
.example .eyebrow{font-size:.625rem;letter-spacing:.04em}
.example h3{font-size:1.5rem;margin:6px 0}
.example p:last-child{font-size:.875rem;color:#b5c7bd}
.footer{min-height:256px;padding:68px 0 48px}
.footer-top{border-top:1px solid var(--line);padding-top:36px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer .brand img{width:78px}
.footer nav{display:flex;gap:48px;font-size:.875rem}
.footer nav a{min-height:44px;display:grid;align-items:center}
.operator{font-size:.75rem;color:var(--muted);margin-top:28px}
.legal-hero{min-height:338px;padding:82px 0 64px}
.legal-width{width:calc(100% - 490px);max-width:950px;margin:auto}
.legal-hero h1{font-size:3.75rem;margin-top:20px}
.legal-summary{font-size:1.25rem;color:var(--muted);margin-top:18px}
.draft-note{font-size:.8125rem;color:var(--muted);margin-top:16px}
.legal-main{background:var(--surface);padding:78px 0 86px;min-height:924px}
.legal-grid{width:calc(100% - 350px);max-width:1090px;margin-left:max(24px,calc((100% - 950px)/2));display:grid;grid-template-columns:minmax(0,680px) 250px;gap:84px}
.article-section{border-bottom:1px solid var(--line);padding:0 0 30px;margin-bottom:28px}
.article-section:last-child{margin-bottom:0}
.article-section h2{font-size:1.625rem;margin-bottom:18px}
.article-section p{font-size:1rem;line-height:1.65;color:var(--muted)}
.support-aside{align-self:start;border:1px solid var(--line);border-radius:18px;padding:24px}
.support-aside h2{font-size:1.5rem;margin-bottom:16px}
.support-aside p{font-size:.875rem;color:var(--muted)}
.support-aside a{display:grid;min-height:44px;margin-top:18px;font-size:.875rem;text-decoration:underline;text-underline-offset:4px;color:var(--green)}
@media(max-width:1199px){
.wrap{width:calc(100% - 80px)}.nav{gap:22px}.hero{gap:24px;grid-template-columns:1fr 1fr}.hero h1{font-size:3.5rem}.mock-home{width:70%}.mock-room{width:62%;top:200px}.step{grid-template-columns:48px 1fr 1fr;gap:26px}.legal-width{width:calc(100% - 160px)}.legal-grid{width:calc(100% - 160px);margin:auto;grid-template-columns:minmax(0,1fr) 230px;gap:40px}.hero-art{align-self:center}
}
@media(max-width:800px){
.wrap{width:calc(100% - 44px)}.masthead{min-height:80px}.masthead>.wrap{gap:12px}.brand img{width:100px}.nav{gap:0}.nav>.desktop-nav,.nav>.badge{display:none}.language{min-width:66px;font-size:.875rem}
.hero{display:block;padding-top:56px;padding-bottom:34px;min-height:1062px}.hero-copy{max-width:none}
.hero .eyebrow{font-size:.625rem}.hero .eyebrow [lang=ar]{font-size:.75rem}
.hero h1{font-size:2.75rem;line-height:1.08;margin-top:24px}
.hero-intro{font-size:1.0625rem;line-height:1.5;margin-top:24px}
.status-line{margin-top:24px;gap:12px;font-size:.75rem;flex-wrap:wrap}
.badge{font-size:.5625rem;padding:6px 16px}
.trust{display:none}
.hero-art{padding:0;margin-top:42px}
.art-stage{min-height:548px}
.mock-home{width:calc(100% - 4px);min-height:392px;padding:20px;border-radius:22px}
.mock-logo{font-size:1.75rem}.mock-gathering{padding:12px;margin-top:10px}.mock-gathering h3{font-size:1.125rem}
.mock-meta{margin:8px 0}.mock-question{font-size:.75rem}
.mock-room{top:262px;right:0;width:calc(100% - 48px);min-height:284px;padding:18px;border-radius:20px}
.mock-room h3{font-size:1.5rem}.mock-plan{margin-top:16px;padding:12px}.mock-message{margin-top:12px;padding:10px 12px}
.art-caption{font-size:.5625rem;margin-top:18px}
.how{padding:58px 0 42px;min-height:686px}
.how .eyebrow{font-size:.625rem}.how h2{font-size:2rem;margin-top:22px}.desktop-heading{display:none}.mobile-heading{display:grid}
.steps{margin-top:26px}.step{display:block;min-height:148px;padding:18px 0}.step-number{font-size:.6875rem}.step h3{font-size:1.3125rem;margin-top:12px}.step p{font-size:.875rem;line-height:1.5;margin-top:10px}
.gatherings{padding:60px 0 56px;min-height:610px}.gatherings>.wrap{display:block}.gatherings .eyebrow{font-size:.625rem}.gatherings h2{font-size:2rem;margin-top:24px}.gatherings .explanation{font-size:1rem;margin-top:20px}
.examples{margin-top:32px;gap:12px}.example{padding:20px}.example h3{font-size:1.25rem}.example p:last-child{font-size:.75rem}
.footer{min-height:227px;padding:48px 0 32px}.footer-top{padding-top:24px;gap:20px}.footer .brand img{width:70px}.footer nav{gap:16px;font-size:.6875rem}.operator{font-size:.6875rem;line-height:1.7;margin-top:24px}
.legal-width{width:calc(100% - 44px)}.legal-hero{min-height:313px;padding:58px 0 42px}.legal-hero .eyebrow{font-size:.6875rem}.legal-hero h1{font-size:2.375rem;margin-top:20px}.legal-summary{font-size:1rem;margin-top:18px}.draft-note{font-size:.75rem;margin-top:18px}
.legal-main{padding:58px 0 34px;min-height:815px}.legal-grid{display:block;width:calc(100% - 44px);margin:auto}.support-aside{display:none}.article-section{padding-bottom:24px;margin-bottom:28px}.article-section h2{font-size:1.3125rem;margin-bottom:16px}.article-section p{font-size:.875rem;line-height:1.65}
}
@media(min-width:801px){.hero h1 [lang=ar]{font-size:3.9rem;line-height:1.2}}
@media(max-width:380px){.wrap,.legal-width,.legal-grid{width:calc(100% - 36px)}.hero h1{font-size:2.375rem}.footer-top{flex-wrap:wrap}.footer nav{gap:14px}.mock-room{width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(forced-colors:active){.badge,.chip,.example,.mock-home,.mock-room{border:1px solid CanvasText}.brand img{filter:none}}
@media print{.nav,.hero-art,.support-aside{display:none}.wrap,.legal-width,.legal-grid{width:100%;margin:0}.legal-grid{display:block}.footer{padding:24px 0}.draft-note{color:#000}}

/* Both overlapping product examples participate in intrinsic sizing at 200% text. */
.art-stage{display:grid}
.mock-home,.mock-room{grid-area:1/1;align-self:start}
.mock-room{position:relative;top:auto;right:auto;justify-self:end;margin-top:174px}
@media(max-width:800px){.mock-room{margin-top:262px}.mock-room .mock-back,.mock-room .mock-sub{display:none}}

.presence{display:flex;align-items:center;gap:8px}
.coral-dot::before{flex:0 0 8px;margin-right:0}
.footer nav{flex-wrap:wrap}
@media(max-width:800px){.hero-art{max-width:500px;margin-left:auto;margin-right:auto}.masthead>.wrap{min-height:79px}.footer nav{row-gap:0}}

/* The existing header remains available for real language switches at any scroll position. */
.masthead{position:sticky;top:0;z-index:5;background:var(--canvas)}
#how,#gatherings{scroll-margin-top:112px}

.mock-logo img{display:block;filter:brightness(0);width:90px;height:auto}

/* Desktop text slots and gathering columns follow the approved physical anchors. */
@media(min-width:801px){
.how h2{max-width:1040px}
.gatherings>.wrap{grid-template-columns:536fr 588fr;gap:80px;padding-right:44px}
.footer nav{margin-right:40px}
}

/* Keep the skip destination visible below the persistent header. */
#main{scroll-margin-top:112px}