/* Reference-led direction: technical editorial layout, neutral surfaces, one brand accent. */
:root{--bg:#080c0d;--bg-raised:#0d1214;--panel:#141a1d;--line:#ffffff17;--ink:#edf1ef;--muted:#a4aead;--accent:#bda6fa;--sky:#bda6fa;--violet:#9473d9}
html[data-theme=light]{--bg:#eeedeb;--bg-raised:#e1dfe7;--panel:#f8f7f5;--line:#c4bfcc;--ink:#24202d;--muted:#514b5c;--accent:#6237ad;--sky:#6237ad;--violet:#7649ba}
body{font-size:16px}.container{width:min(1280px,calc(100% - 96px))}.section-space{padding-block:112px}
.header{height:78px;background:var(--bg);color:var(--ink);border-color:var(--line)}
.nav-inner{gap:32px}.brand{gap:8px}.brand strong{font-size:25px;letter-spacing:-1.1px}.brand img{width:32px;height:36px}
.main-nav{gap:30px}.main-nav a,.language{color:var(--muted);font-size:12px}.main-nav a:hover{color:var(--ink)}
.nav-cta{border-radius:3px;background:transparent;border:1px solid var(--line);color:var(--ink);min-height:37px;font-size:11px;padding:8px 17px;box-shadow:none}
.button{border-radius:3px;box-shadow:none;min-height:48px;font-size:13px;font-weight:500;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.button.primary{background:#bda6fa;border-color:#bda6fa;color:#1b1428;box-shadow:none}.button.primary:hover{background:#d0bfff;border-color:#d0bfff}.button:active{transform:translateY(1px)}
.button .icon{width:16px;height:16px}.nav-tools{gap:12px}.eyebrow{font-size:11px;font-weight:400;letter-spacing:.15px;color:var(--muted)}.eyebrow>span{height:5px;width:5px;border-radius:0;box-shadow:none;background:var(--accent)}
.neo-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line)}
.neo-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 75% at 40% 15%,#8471b00b,transparent 80%);z-index:-1}
.hero-shell{position:relative;height:clamp(470px,calc(100svh - 150px),730px);isolation:isolate}
.hero-field{position:absolute;top:0;left:15%;height:100%;width:70%;z-index:-1;pointer-events:none;mask-image:linear-gradient(180deg,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent)}
.hero-field canvas{width:100%;height:100%;display:block}
.hero-copy{position:absolute;left:0;bottom:58px;padding:0;max-width:560px;z-index:2}
.hero-copy>.eyebrow{font-size:11px;margin:0 0 22px;color:var(--muted)}
.neo-hero h1{font-size:clamp(62px,min(6.35vw,12svh),98px);font-weight:400;line-height:1.03;letter-spacing:-4px;margin:0;color:var(--ink);text-wrap:initial}
.neo-hero h1 span{color:var(--accent);display:block}
html[lang=he] .neo-hero h1{font-weight:400;letter-spacing:-2.6px;line-height:1.08}
.hero-side{position:absolute;right:0;top:68px;max-width:250px;z-index:2}.hero-side p{font-size:14px;color:var(--muted);line-height:1.75;font-weight:400}
.hero-actions{position:absolute;right:0;bottom:63px;display:flex;align-items:center;gap:0;z-index:2;margin:0}
.hero-actions .button{padding-inline:23px}.hero-demo-link{display:flex;gap:15px;align-items:center;min-height:48px;border:1px solid var(--line);padding:10px 22px;font-size:12px;color:var(--ink);margin-inline-start:9px;transition:background .18s}.hero-demo-link:hover{background:var(--panel)}.hero-demo-link .icon{width:13px;height:13px}
.hero-field-caption{position:absolute;left:50%;bottom:16px;color:var(--muted);font-size:9px;opacity:.8;transform:translateX(-50%);white-space:nowrap}
.hero-base{min-height:64px;display:flex;gap:28px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.hero-base>span:nth-child(2){font-family:Manrope,Arial,sans-serif;font-size:12px;letter-spacing:.2px}.hero-base a{display:grid;place-items:center;height:35px;width:35px;border:0}.hero-base .icon{height:15px;width:15px}
[dir=rtl] .hero-copy{left:auto;right:0}[dir=rtl] .hero-side{left:0;right:auto}[dir=rtl] .hero-actions{left:0;right:auto}
.field-tag{position:absolute;font-family:var(--font);font-size:10px;letter-spacing:.1px;color:var(--accent);white-space:nowrap;display:flex;align-items:center;gap:8px;padding:5px 7px;background:color-mix(in srgb,var(--bg) 70%,transparent)}.field-tag>i{height:7px;width:7px;background:var(--accent)}.tag-message{top:27%;left:31%}.tag-link{top:60%;left:63%}.tag-file{top:79%;left:34%}
.source-strip{background:var(--bg);border-color:var(--line)}.source-strip>.container{padding-block:26px;gap:60px}.source-copy{min-width:260px}.source-copy strong{font-size:14px;font-weight:400;line-height:1.5}.source-copy small{font-size:9px;color:var(--muted)}.source-logos img{filter:none;opacity:.65;width:27px;height:27px}.source-logos span:hover img{filter:grayscale(0);opacity:1}
.editorial-heading{grid-template-columns:1fr .6fr;gap:100px;align-items:end}.section-heading h2,.editorial-heading h2,.demo-heading h2,.understand-copy h2,.faq-layout h2{font-size:clamp(34px,4vw,56px);font-weight:400;line-height:1.15;letter-spacing:-1.5px}.section-heading h2 span,.editorial-heading h2 span,.demo-heading h2 span,.understand-copy h2 span,.faq-layout h2 span{color:var(--muted)}
.editorial-heading>p,.demo-heading>p{font-size:15px;line-height:1.85;color:var(--muted)}.section-heading .eyebrow,.editorial-heading .eyebrow,.demo-heading .eyebrow,.understand-copy>.eyebrow,.faq-layout .eyebrow{margin-bottom:23px}
.architecture{position:relative;display:grid;grid-template-columns:1fr .8fr 1.2fr;align-items:center;gap:60px;min-height:350px;margin-top:65px;direction:ltr;isolation:isolate}
.architecture-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.architecture-lines path{stroke:var(--accent);stroke-width:1;stroke-opacity:.27}.architecture-lines circle{stroke:var(--accent);fill:var(--bg);stroke-width:1}
.architecture-sources{display:grid;gap:18px}.architecture-sources>a,.architecture-sources>button{display:flex;gap:13px;align-items:center;background:var(--bg-raised);border:1px solid var(--line);border-radius:5px;padding:14px 17px;min-height:57px;color:var(--ink);font-size:13px;text-align:start;transition:background .18s,border-color .18s;width:100%}.architecture-sources>a:hover,.architecture-sources>button:hover{background:var(--panel);border-color:var(--accent)}.architecture-sources .icon{width:18px;height:18px;color:var(--muted)}.architecture-sources .icon:last-child{margin-inline-start:auto;width:14px;height:14px}
.architecture-core{height:148px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;background:var(--panel);border:1px solid #bda6fa33;border-radius:9px;box-shadow:0 0 65px #a47ad710}.architecture-core .brand strong{font-size:22px}.architecture-core .brand img{width:35px;height:41px}.architecture-core>span:last-child{font-size:10px;color:var(--muted)}
.architecture-result{background:var(--bg);padding:26px 25px;border-inline-start:1px solid var(--line)}.architecture-kicker{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--accent)}.architecture-kicker .icon{height:15px;width:15px}.architecture-result h3{font-weight:400;font-size:25px;line-height:1.35;margin-top:17px;letter-spacing:-.4px}.architecture-result p{font-size:12px;line-height:1.75;color:var(--muted);margin-top:14px}.architecture-result small{display:block;font-size:9px;margin-top:20px;color:var(--muted)}
html[dir=rtl] .architecture>div{direction:rtl}
.platform-section{background:var(--bg-raised);border-block:1px solid var(--line)}.section-heading.centered{text-align:start;max-width:800px;margin:0}.section-heading.centered .eyebrow{justify-content:flex-start}.section-heading>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:22px}.platform-layout{margin-top:60px;grid-template-columns:.7fr 1.3fr;gap:90px}.platform-option{border-radius:0;background:none;padding:24px 0;border-top:1px solid var(--line);border-bottom:0}.platform-option:last-child{border-bottom:1px solid var(--line)}.platform-option[aria-pressed=true]{background:transparent;border-color:var(--line)}.platform-option[aria-pressed=true] strong,.platform-option[aria-pressed=true] .platform-option-icon{color:var(--accent)}.platform-option strong{font-size:19px;font-weight:500}.platform-option small{font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}.platform-option em{font-size:10px;color:var(--muted);margin-top:13px;font-style:normal}.platform-option .option-arrow{color:var(--muted)}.platform-light{background:none}.platform-canvas,.product-stage{min-height:600px}.product-stage{--ink:#f6f5ff;--muted:#b6b5cd;--accent:#c4b7ff;--line:#ffffff16;color:#f6f5ff}.product-phone{border-width:3px;box-shadow:0 28px 75px #00000030}.product-desktop,.browser-shell,.product-browser{transform:none;box-shadow:0 28px 75px #00000025}.example-label{font-size:10px;margin-top:30px;color:var(--muted)}
.demo-section{background:var(--bg)}.demo-heading{margin-bottom:65px;align-items:end;gap:100px}.demo-composition{grid-template-columns:.7fr 1.3fr;gap:90px}.demo-window{border-radius:8px;border-color:#5c62644d;box-shadow:none;background:#111619}.browser-chrome{border-bottom-color:#ffffff13;background:#1a2023;height:38px}.browser-url{background:#111619;border-radius:3px}.demo-context-icon{width:42px;height:42px;border-radius:3px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.demo-context h3{font-weight:400;font-size:34px;letter-spacing:-.7px;margin-top:24px}.demo-context>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.85}.demo-context .eyebrow{font-size:10px}.demo-switch button{border-radius:0;font-size:12px;color:var(--muted);font-weight:400}.demo-switch button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.demo-context>.demo-caption{font-size:10px!important;line-height:1.8;color:var(--muted);opacity:1}.demo-stage,.warning-embed{height:690px}
.message-bubble,.checking-scene{background:#252b2e;border-color:#ffffff16;border-radius:8px}.message-app small{border-radius:3px}.example-link{border-radius:4px;background:#bda6fa19}.sender>.icon{border-radius:5px}.message-result{background:#252b2e;border-color:#ffffff20;border-radius:8px}.result-body h3{font-weight:500}.checking-content h3{font-weight:400}
.understand-section{background:var(--bg-raised);border-color:var(--line)}.understand-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.principles h3{font-weight:500;font-size:15px}.principles p{font-size:12px;line-height:1.8}.understand-art{border-block:1px solid var(--line);padding-block:60px}.quiet-flow-brand{border-radius:7px;background:var(--panel);width:140px;height:120px}.quiet-flow-brand .brand img{width:45px;height:53px}.quiet-flow-node{border-radius:4px}.quiet-flow-caption{font-size:10px}.quiet-flow-line{background:var(--accent);height:1px;opacity:.25}
.faq-section{background:var(--bg)}.faq-list summary{font-weight:400;font-size:15px}.faq-list details p{font-size:13px;line-height:1.9}.faq-layout>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.download-strip{padding:45px 0;background:var(--bg-raised);border-top:1px solid var(--line)}.download-strip>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}.download-strip h2{font-weight:400;font-size:28px;letter-spacing:-.6px}.download-strip p{font-size:13px;color:var(--muted);margin-top:10px}
.footer{background:var(--bg);color:var(--ink);border-color:var(--line)}.footer nav a,.motion-label,.footer-bottom{color:var(--muted)}.footer-top,.footer-bottom{border-color:var(--line)}.footer nav a{font-size:12px}.footer-bottom{font-size:10px}.footer-bottom>span:last-child{font-size:8px;letter-spacing:.7px}.motion-label{font-size:10px}.motion-label input{accent-color:var(--accent)}.mobile-nav{background:var(--bg-raised);border-color:var(--line);color:var(--ink)}.mobile-nav .button{background:var(--accent);color:#1b1428;border-radius:3px}
dialog{border-radius:8px;background:var(--panel);border-color:var(--line)}dialog h2{font-weight:400}.download-options>button{font-size:14px}.download-options>button:hover{background:var(--bg-raised)}
/* Light mode has its own ink, paper, and action hierarchy; dark colors stay untouched. */
html[data-theme=light] .button.primary{background:#6237ad;border-color:#6237ad;color:#fff}
html[data-theme=light] .button.primary:hover{background:#4e278f;border-color:#4e278f}
html[data-theme=light] .hero-demo-link{border-color:#aba4b7}
html[data-theme=light] .hero-demo-link:hover{background:#e1dce9;border-color:#78648f}
html[data-theme=light] .main-nav a,html[data-theme=light] .language{color:#494251}
html[data-theme=light] .hero-copy>.eyebrow{color:#514264}
html[data-theme=light] .platform-option[aria-pressed=true]{border-color:var(--line)}
html[data-theme=light] .platform-light{opacity:0}
html[data-theme=light] .source-logos img{opacity:.65}
html[data-theme=light] .message-app small{color:#bdc4c2}
html[data-theme=light] .architecture-core{box-shadow:none;border-color:#afa1c3}
html[data-theme=light] ::selection{background:#d7c4f3;color:#2e174c}
@media(min-width:1650px){.container{width:min(1420px,calc(100% - 140px))}.hero-field{left:14%;width:72%}}
@media(max-width:1150px){.container{width:calc(100% - 70px)}.main-nav{gap:23px}.hero-copy{max-width:460px}.neo-hero h1{font-size:clamp(60px,6.8vw,80px)}.hero-side{max-width:200px;top:54px}.hero-actions .button,.hero-demo-link{padding-inline:18px}.hero-field{left:9%;width:82%}.editorial-heading{gap:60px}.architecture{gap:35px}.architecture-result{padding-inline:18px}.architecture-result h3{font-size:22px}.architecture-sources>a,.architecture-sources>button{font-size:11px;padding-inline:13px;gap:10px}.platform-layout,.demo-composition{gap:50px;grid-template-columns:.65fr 1.35fr}.platform-option strong{font-size:18px}.demo-context h3{font-size:29px}}
@media(max-width:900px){.main-nav{display:none}.menu-toggle{display:inline-grid}.nav-tools{margin-inline-start:auto}.hero-side{max-width:180px}.hero-side p{font-size:12px}.hero-actions{gap:8px;flex-direction:column;align-items:stretch}.hero-demo-link{margin-inline-start:0;justify-content:center}.neo-hero h1{font-size:62px}.hero-copy{bottom:58px}.architecture{gap:25px;grid-template-columns:1fr .8fr 1.15fr}.architecture-core .brand strong{font-size:17px}.architecture-core .brand img{width:26px;height:31px}.architecture-result h3{font-size:19px}.architecture-result p{font-size:11px}.architecture-sources .icon:last-child{display:none}.platform-layout,.demo-composition{gap:35px}.section-space{padding-block:90px}.source-copy{min-width:215px}.source-strip>.container{gap:25px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header{height:70px}.nav-inner{gap:15px}.nav-cta{display:none}.brand strong{font-size:24px}.brand img{width:31px;height:35px}.nav-tools{gap:8px}.hero-shell{height:clamp(460px,calc(100svh - 140px),650px);min-height:0}.hero-copy,[dir=rtl] .hero-copy{left:0;right:auto;top:48px;bottom:auto;text-align:start;width:100%;max-width:none}.hero-copy>.eyebrow{justify-content:flex-start;margin-bottom:18px;font-size:10px}.neo-hero h1{font-size:62px;line-height:1.02;letter-spacing:-2.5px}html[lang=he] .neo-hero h1{font-size:62px;line-height:1.05;letter-spacing:-1.8px}.hero-field{left:17%;top:9%;width:100%;height:85%;mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}.hero-side,[dir=rtl] .hero-side{left:0;right:auto;top:auto;bottom:105px;max-width:290px}.hero-side p{font-size:13px;line-height:1.7}.hero-actions,[dir=rtl] .hero-actions{left:0;right:auto;bottom:35px;flex-direction:row;gap:0;align-items:center}.hero-actions .button{min-height:45px;font-size:11px;padding-inline:18px}.hero-demo-link{font-size:11px;min-height:45px;padding-inline:15px;margin-inline-start:8px;gap:10px}.hero-field-caption{bottom:7px;font-size:7px;left:auto;right:0;transform:none}.hero-base{min-height:70px;flex-wrap:wrap;gap:6px 15px;padding-block:14px;justify-content:flex-start;font-size:10px}.hero-base>span:nth-child(2){font-size:7px;order:3;flex-basis:100%}.hero-base a{margin-inline-start:auto;border:0;height:27px;width:27px}.tag-message{top:38%;left:26%}.tag-link{top:62%;left:64%}.tag-file{display:none}.field-tag{font-size:8px}.field-tag>i{width:5px;height:5px}.source-strip>.container{padding-block:24px;gap:18px}.source-copy{min-width:0}.source-copy strong{font-size:14px}.source-copy small{font-size:9px}.source-logos{gap:14px}.source-logos span{min-width:20px}.source-logos img{width:23px;height:23px}.section-space{padding-block:70px}.section-heading h2,.editorial-heading h2,.demo-heading h2,.understand-copy h2,.faq-layout h2{font-size:37px;line-height:1.15;letter-spacing:-1px}.editorial-heading{grid-template-columns:1fr;gap:24px}.editorial-heading>p,.demo-heading>p{font-size:14px;max-width:460px}.architecture{grid-template-columns:1fr;gap:30px;margin-top:40px;padding:0 0 0;max-width:480px;margin-inline:auto}.architecture-lines{display:none}.architecture-sources{gap:9px}.architecture-sources>a,.architecture-sources>button{font-size:13px;min-height:52px;padding-inline:17px}.architecture-sources .icon:last-child{display:inline-block}.architecture-core{height:110px;max-width:230px;width:100%;margin:auto;position:relative}.architecture-core:before,.architecture-core:after{content:'';position:absolute;width:1px;height:30px;background:var(--accent);opacity:.4;left:50%}.architecture-core:before{bottom:100%}.architecture-core:after{top:100%}.architecture-core .brand strong{font-size:23px}.architecture-core .brand img{width:32px;height:38px}.architecture-result{border-inline-start:0;border-block:1px solid var(--line);padding:27px 0}.architecture-result h3{font-size:25px}.architecture-result p{font-size:13px}.architecture-result small{font-size:9px}.platform-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.platform-picker{display:flex;gap:0;flex-wrap:nowrap;justify-content:space-between;border-bottom:1px solid var(--line)}.platform-option{min-width:0;padding:14px 4px;border:0;flex:1;gap:9px;min-height:84px}.platform-option:last-child{border-bottom:0}.platform-option[aria-pressed=true]{border-bottom:2px solid var(--accent)}.platform-option strong{font-size:11px}.platform-option small,.platform-option em{display:none}.platform-option-icon .icon{width:20px;height:20px}.platform-option .option-arrow{display:none}.platform-canvas,.product-stage{min-height:550px}.demo-heading{margin-bottom:35px;display:block}.demo-heading>p{margin-top:23px}.demo-composition{grid-template-columns:1fr;gap:24px}.demo-context .demo-switch{gap:24px}.demo-switch button{font-size:11px}.demo-context>.demo-caption{font-size:9px!important}.demo-stage,.warning-embed{height:710px}.message-bubble,.checking-scene{border-radius:7px}.message-result{border-radius:7px}.example-link{font-size:11px}.checking-content h3{font-size:25px}.understand-layout{gap:35px}.understand-art{padding-block:30px;min-height:220px}.quiet-flow-brand{width:120px;height:105px}.principles{gap:24px}.understand-copy>p:not(.eyebrow){font-size:14px}.principles h3{font-size:15px}.principles p{font-size:12px}.faq-layout{gap:30px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.download-strip{padding:34px 0}.download-strip>.container{flex-direction:column;align-items:flex-start;gap:23px}.download-strip h2{font-size:28px}.footer-top{padding-block:30px;gap:25px}.footer nav{gap:20px}.footer nav a{font-size:10px}.motion-label{font-size:9px}.footer-bottom{font-size:8px}.footer-bottom>span:last-child{font-size:7px}.footer-bottom>span:first-child{font-size:8px}dialog{padding:24px}dialog h2{font-size:30px}.dialog-intro{font-size:13px}}
@media(max-width:420px){.hero-shell{height:clamp(460px,calc(100svh - 140px),615px)}.neo-hero h1,html[lang=he] .neo-hero h1{font-size:57px}.hero-copy,[dir=rtl] .hero-copy{top:43px}.hero-field{left:10%;top:13%;width:120%;height:75%}.hero-side,[dir=rtl] .hero-side{bottom:105px;max-width:275px}.hero-side p{font-size:12px}.hero-actions .button,.hero-demo-link{font-size:10px}.hero-actions .button{padding-inline:17px}.hero-demo-link{padding-inline:14px}.field-tag{font-size:7px}.tag-message{top:36%;left:19%}.tag-link{top:66%;left:63%}.section-heading h2,.editorial-heading h2,.demo-heading h2,.understand-copy h2,.faq-layout h2{font-size:33px}.architecture-result h3{font-size:24px}.product-stage,.platform-canvas{min-height:535px}.platform-option strong{font-size:10px}.example-link{font-size:9px}.demo-context .demo-switch button{font-size:10px}.demo-context .demo-switch{gap:22px}}
@media(max-width:350px){.container{width:calc(100% - 34px)}.hero-shell{height:clamp(450px,calc(100svh - 140px),600px)}.neo-hero h1,html[lang=he] .neo-hero h1{font-size:51px}.hero-side,[dir=rtl] .hero-side{max-width:250px;bottom:100px}.hero-side p{font-size:11px}.hero-actions .button,.hero-demo-link{font-size:9px;padding-inline:12px}.hero-actions .button .icon,.hero-demo-link .icon{width:12px;height:12px}.hero-base{font-size:9px}.hero-base>span:nth-child(2){font-size:6px}.source-copy strong{font-size:13px}.source-logos{gap:10px}.source-logos img{width:21px;height:21px}.section-heading h2,.editorial-heading h2,.demo-heading h2,.understand-copy h2,.faq-layout h2{font-size:30px}.architecture-sources>a,.architecture-sources>button{font-size:12px}.platform-option strong{font-size:9px}.platform-option{padding-inline:2px}.quiet-flow-brand{width:95px;height:90px}.quiet-flow-node{width:30px;height:30px}.quiet-flow-caption{font-size:9px}.download-strip h2{font-size:25px}}
@media(max-height:680px) and (min-width:761px){.hero-shell{height:470px}.hero-copy{bottom:52px}.neo-hero h1,html[lang=he] .neo-hero h1{font-size:68px}.hero-copy>.eyebrow{margin-bottom:18px}.hero-actions{bottom:58px}.hero-side{top:47px}.hero-field{top:0;height:100%}.hero-base{min-height:54px}}

@media(max-width:760px){html[lang=en] .neo-hero h1{font-size:clamp(43px,11.9vw,57px);letter-spacing:-2px}}
/* Final reading pass: product proof precedes platform browsing; mobile art has its own space. */
.main-nav a{font-size:13px}.hero-actions .button{font-size:14px}.hero-demo-link{font-size:13px}.platform-option small{font-size:13px}.architecture-sources>a,.architecture-sources>button{font-size:14px}.architecture-result p{font-size:13px}
html[data-theme=light] .hero-field{opacity:1}html[data-theme=light] .field-tag{color:#4c2780;background:#f8f7f5f5}
@media(max-width:760px){.hero-copy,[dir=rtl] .hero-copy{top:37px}.neo-hero h1,html[lang=he] .neo-hero h1{font-size:clamp(42px,13.1vw,52px);line-height:1.1;letter-spacing:-1.6px}.neo-hero h1 span{display:inline}html[lang=en] .neo-hero h1{font-size:clamp(32px,9.1vw,38px);line-height:1.12;letter-spacing:-1.1px}.hero-field{left:0;top:186px;width:100%;height:240px;mask-image:none;-webkit-mask-image:none}.hero-side,[dir=rtl] .hero-side{max-width:315px;bottom:105px}.hero-side p{font-size:14px;line-height:1.6}.hero-actions .button{font-size:14px;padding-inline:12px;min-height:46px}.hero-demo-link{font-size:14px;border:0;padding-inline:6px;gap:8px;margin-inline-start:8px;min-height:46px}.hero-demo-link .icon{width:13px;height:13px}.tag-message{top:29%;left:15%}.tag-link{top:69%;left:64%}.architecture-sources>a,.architecture-sources>button{font-size:14px}.field-tag{font-size:9px}.hero-base{font-size:11px}}
@media(max-height:680px) and (max-width:760px){.hero-shell{height:500px}.hero-copy,[dir=rtl] .hero-copy{top:25px}.hero-copy>.eyebrow{margin-bottom:14px}.hero-field{top:166px;height:164px}.hero-side,[dir=rtl] .hero-side{bottom:86px;max-width:315px}.hero-side p{font-size:14px;line-height:1.5}.hero-actions,[dir=rtl] .hero-actions{bottom:23px}.hero-field-caption{bottom:5px}.tag-message{top:30%;left:27%}.tag-link{top:67%;left:59%}.field-tag{font-size:8px}}

/* Projected dot folds borrow the globe's material; the center remains open for reading. */
@media(max-width:760px){.hero-base{font-size:12px}.hero-base>span:nth-child(2){font-size:10px}}

/* Slightly enlarge the hero's introductory headline. */
.neo-hero .hero-copy>.eyebrow{font-size:14px}

/* Give the main message an earlier reading position beside the globe. */
@media(min-width:761px){.neo-hero .hero-copy{top:clamp(56px,10svh,100px);bottom:auto}}

/* A wider point-cloud city replaces the contained spherical field. */
@media(min-width:761px){.neo-hero .hero-field{left:-8%;width:116%;top:14%;height:86%}.neo-hero .tag-message{top:47%;left:34%}.neo-hero .tag-link{top:65%;left:68%}.neo-hero .tag-file{top:78%;left:48%}}

/* Full-bleed geographic field with a soft viewport-edge vignette. */
.neo-hero .hero-shell .hero-field{
  --map-bleed:100px;
  width:calc(100vw + var(--map-bleed) * 2);
  left:calc((100% - 100vw) / 2 - var(--map-bleed));
  mask-image:linear-gradient(90deg,#0006 var(--map-bleed),#000 calc(var(--map-bleed) + 18vw),#000 calc(100% - var(--map-bleed) - 18vw),#0006 calc(100% - var(--map-bleed))),linear-gradient(transparent,#000 14%,#000 76%,transparent);
  -webkit-mask-image:linear-gradient(90deg,#0006 var(--map-bleed),#000 calc(var(--map-bleed) + 18vw),#000 calc(100% - var(--map-bleed) - 18vw),#0006 calc(100% - var(--map-bleed))),linear-gradient(transparent,#000 14%,#000 76%,transparent);
  mask-composite:intersect;-webkit-mask-composite:source-in;
}
@media(max-width:760px){
 .neo-hero .hero-shell .hero-field{--map-bleed:60px;left:auto;height:clamp(260px,80vw,340px);margin-inline:calc((100% - 100vw) / 2 - var(--map-bleed));margin-top:0}
 .neo-hero .hero-shell .tag-message{left:29%;top:35%}
 .neo-hero .hero-shell .tag-link{left:65%;top:66%}
 .neo-hero .hero-shell .tag-file{left:40%;top:77%}
}

/* Center the device summary independently of its navigation arrow. */
.neo-hero .hero-base.container{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;padding-block:17px;min-height:0;text-align:center}
.neo-hero .hero-base.container>span:first-child{grid-column:1;grid-row:1;text-align:center;padding-inline:32px}
.neo-hero .hero-base.container>span:nth-child(2){grid-column:1;grid-row:2;text-align:center}
.neo-hero .hero-base.container>a{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;grid-column:auto;grid-row:auto}

/* Keep the product explanation action visible beside the purple download CTA. */
.neo-hero .hero-demo-link{background:#edf1ef;color:#182024;border:1px solid #edf1ef;border-radius:3px;transition:background .18s ease,border-color .18s ease}
.neo-hero .hero-demo-link:hover{background:#d9e0dd;border-color:#d9e0dd}
.neo-hero .hero-demo-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
html[data-theme=light] .neo-hero .hero-demo-link{background:#24202d;border-color:#24202d;color:#f8f7f5}
html[data-theme=light] .neo-hero .hero-demo-link:hover{background:#40384e;border-color:#40384e}
@media(max-width:760px){.neo-hero .hero-demo-link{padding-inline:14px}}

/* Compact coverage statement, without a platform picker or interface preview. */
#platforms.devices-summary{padding-block:64px;background:var(--bg);--mesh-width:1100px;--mesh-height:540px;--mesh-bottom:-300px;--mesh-end:-250px}
#platforms.devices-summary h2{font-size:clamp(28px,3.2vw,42px);font-weight:400;letter-spacing:-.035em;text-align:center;margin:0 0 30px}
.devices-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 28px;padding:0;margin:0;list-style:none}
.devices-list li{display:flex;align-items:center;gap:9px;min-height:38px;color:var(--ink);font-size:17px}
.devices-list .icon{width:21px;height:21px;color:var(--accent);flex:none}
@media(max-width:760px){#platforms.devices-summary{padding-block:38px;--mesh-end:-400px}.devices-list{gap:12px 20px}.devices-list li{font-size:15px}.devices-list .icon{width:18px;height:18px}#platforms.devices-summary h2{margin-bottom:22px}}

/* Rounded action family: purple download, quiet high-contrast explanation. */
.button.primary{border-radius:999px;background:#bda6fa;border-color:#bda6fa;color:#1b1428;padding-inline:24px;gap:18px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.button.primary:hover{background:#d0bfff;border-color:#d0bfff}
.button.primary:focus-visible{outline:2px solid #d6c4ff;outline-offset:4px}
.button.primary>.icon{width:16px;height:16px;padding:0;border:0;border-radius:0;color:#000;flex:none}
.neo-hero .hero-actions .button.primary{min-height:52px;padding-inline:24px}
.neo-hero .hero-demo-link{border-radius:999px;min-height:52px;padding-inline:24px}
.header .nav-cta{min-height:44px;padding-inline:20px;gap:16px}
@media(max-width:760px){
 .neo-hero .hero-actions{gap:10px}
 .neo-hero .hero-actions .button.primary{padding-inline:16px;gap:10px;font-size:13px;min-height:48px}
 .neo-hero .hero-demo-link{padding-inline:16px;gap:8px;font-size:13px;min-height:48px;margin-inline-start:0}
}

.neo-hero .hero-demo-link{justify-content:center;flex-shrink:0}.neo-hero .hero-demo-link .icon{flex-shrink:0}

/* Larger device coverage copy beneath the overhead map. */
.neo-hero .hero-base.container{padding-block:22px;gap:10px}
.neo-hero .hero-base.container>span:first-child{font-size:clamp(20px,1.8vw,28px);line-height:1.5}
.neo-hero .hero-base.container>span:nth-child(2){font-size:clamp(16px,1.5vw,22px);line-height:1.6;letter-spacing:0}
@media(max-width:760px){
 .neo-hero .hero-base.container{padding-block:18px;gap:8px}
 .neo-hero .hero-base.container>span:first-child{font-size:18px;padding-inline:28px}
 .neo-hero .hero-base.container>span:nth-child(2){font-size:14px;max-width:100%;text-wrap:balance}
}

/* Eight apps retain even spacing through intermediate desktop widths. */
@media(min-width:761px) and (max-width:1150px){.source-logos{gap:14px}.source-logos span{min-width:28px}}

/* Keep the app row close to its label instead of reserving an empty text column. */
@media(min-width:761px){
 .source-strip>.container{gap:32px}
 .source-copy{min-width:0;flex:0 0 auto}
}

/* Header download retains its original lavender without lifting or shifting. */
.header .nav-cta.button{transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.header .nav-cta.button:hover{background:#bda6fa;border-color:#bda6fa;color:#1b1428;transform:none}
html[data-theme=light] .header .nav-cta.button:hover{background:#bda6fa;border-color:#bda6fa;color:#1b1428;transform:none}

/* Supporting copy follows the audience headline in the same reading column. */
.neo-hero .hero-copy .hero-side{position:static;inset:auto;max-width:44ch;width:100%;margin:24px 0 0;text-align:start}
.neo-hero .hero-copy .hero-side p{font-size:16px;line-height:1.8}
@media(max-width:760px){
 .neo-hero .hero-copy .hero-side{max-width:34ch;margin:18px auto 0;text-align:center}
 .neo-hero .hero-copy .hero-side p{font-size:14px;line-height:1.65}
}