@font-face{font-family:Satoshi;src:url('assets/satoshi-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/satoshi-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/satoshi-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:PlexArabic;src:url('assets/ibm-plex-sans-arabic-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PlexArabic;src:url('assets/ibm-plex-sans-arabic-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:PlexArabic;src:url('assets/ibm-plex-sans-arabic-600.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:Satoshi,Arial,sans-serif;color-scheme:dark;--bg:#030326;--surface:#0c0b2b;--surface-2:#141135;--ink:#f3f1fa;--muted:#aaa6be;--accent:#9291fc;--accent-light:#c8c0ef;--line:rgba(200,192,239,.19);--pad:clamp(1.4rem,4.5vw,5.5rem);--radius:3px;background:var(--bg);color:var(--ink);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:clip}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.06em}h2{font-size:clamp(2.4rem,4.3vw,4.75rem);line-height:1.07}h3{letter-spacing:-.035em}em{font-style:normal;color:var(--accent-light)}p{line-height:1.65;color:var(--muted);font-size:1.0625rem}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#9291fc;color:#030326}.icon{width:22px;height:22px;flex-shrink:0}.micro,.eyebrow{font-family:Satoshi,Arial,sans-serif;font-size:.75rem;letter-spacing:.11em;font-weight:500;line-height:1.5}.eyebrow{color:var(--accent-light);text-transform:uppercase}.micro{color:var(--muted)}.section-pad{padding:7rem var(--pad)}.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3.5rem}.section-title{margin-bottom:4rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:54px;padding:.9rem 1.4rem;border:1px solid var(--line);border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:background .25s,transform .25s,color .25s;line-height:1.35;text-align:start}.button:hover{transform:translateY(-2px);background:var(--accent);color:#030326}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.button.outline:hover{color:var(--bg);background:var(--ink)}.text-button{display:inline-flex;gap:.6rem;align-items:center;min-height:44px;padding:.4rem 0;font-size:.875rem}.text-button:hover{color:var(--accent-light)}.circle-button{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;transition:background .2s}.circle-button:hover{background:var(--surface-2)}.previous{transform:rotate(180deg)}.skip-link{position:fixed;top:-80px;left:1rem;background:var(--ink);color:var(--bg);padding:1rem;z-index:100}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.scroll-progress{position:fixed;top:0;inset-inline-start:0;height:2px;background:var(--accent);z-index:80;pointer-events:none}
.header{position:absolute;top:0;left:0;right:0;z-index:30;min-height:105px;display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--pad);border-bottom:1px solid var(--line);gap:1rem}.brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.brand>img{width:44px;height:38px;object-fit:contain}.brand>span{font-size:1.58rem;font-weight:500;letter-spacing:-.05em;line-height:1}.brand-ar{display:block;font-family:PlexArabic,sans-serif;font-size:.72rem;letter-spacing:.06em;margin-top:.4rem}.header nav{display:flex;align-items:center;gap:2.2rem;font-size:.875rem}.header nav a{position:relative;padding:.6rem 0}.header nav a::after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:0;height:1px;background:var(--accent-light);transition:width .25s}.header nav a:hover::after{width:100%}.header-actions{display:flex;align-items:center;gap:1.7rem}.language-button{font-family:PlexArabic,Satoshi,sans-serif;font-size:.875rem;min-height:44px;padding:.4rem}.header-cta{min-height:44px;padding:.7rem 1rem;gap:1.5rem}.header-cta .icon{width:17px;height:17px}.menu-button{display:none;width:44px;height:44px}.hero{position:relative;min-height:min(980px,100svh);padding:205px var(--pad) 100px;isolation:isolate;overflow:clip}.hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-art canvas{width:100%;height:100%;display:block}.art-grain{position:absolute;inset:0;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.09' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.24;mix-blend-mode:screen}.hero-eyebrow{margin-bottom:2.6rem;display:flex;gap:1rem;align-items:center}.small-cross{font-size:1.25rem;font-weight:400}.hero h1{font-size:clamp(4.2rem,7.4vw,8.7rem);line-height:.99;font-weight:500;max-width:1030px;letter-spacing:-.064em}.hero h1 em{color:var(--accent-light)}.hero-intro{max-width:430px;margin:2.5rem 0 1.7rem;font-size:1.125rem;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.hero-index{position:absolute;inset-inline-end:var(--pad);bottom:150px;width:33%;max-width:450px}.index-line{display:grid;grid-template-columns:25px 95px 1fr 20px;align-items:center;gap:1rem;padding:1.4rem 0;border-top:1px solid var(--line)}.index-line>span:first-child{font-size:.75rem;color:var(--muted)}.index-line button{text-align:start;padding:0;font-size:1rem}.index-line>span:nth-last-child(2){font-size:.68rem;letter-spacing:.04em;color:var(--muted)}.index-line .icon{width:18px}.index-line:hover{color:var(--accent-light)}.hero-footer{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:1rem}.motion-toggle{font-size:.75rem;color:var(--muted)}.motion-toggle .icon{width:13px;height:13px}.scroll-link{display:flex;align-items:center;gap:20px}.scroll-line{height:24px;width:1px;display:inline-block;background:var(--muted);position:relative}.scroll-line::after{content:'';position:absolute;bottom:0;left:-3px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);width:6px;height:6px;transform:rotate(45deg)}
.perspective{border-top:1px solid var(--line);background:var(--surface)}.statement-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:7vw;align-items:end}.statement-grid h2{font-size:clamp(2.4rem,5.2vw,5.6rem)}.statement-grid>p{max-width:420px;padding-bottom:.2rem}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin-top:5rem}.principles>div{border-top:1px solid var(--line);padding-top:1.7rem}.principle-number{font-size:.75rem;color:var(--accent);display:block;margin-bottom:1.7rem}.principles h3{font-size:1.3rem;margin-bottom:.5rem}.principles p{font-size:.9375rem}.solutions{padding-bottom:2rem}.product-block{display:grid;grid-template-columns:1fr 1fr;min-height:625px;border:1px solid var(--line);margin-bottom:2rem;overflow:hidden;background:var(--surface)}.product-copy{padding:3.5rem;display:flex;flex-direction:column;align-items:flex-start}.product-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:3rem}.wordmark{font-size:1.65rem;font-weight:700;letter-spacing:-.065em}.wordmark span{font-weight:400}.sukoon-wordmark{font-weight:400;letter-spacing:.15em;font-size:1.45rem}.product-copy>.eyebrow{font-size:.69rem;margin-bottom:1rem}.product-copy h3{font-size:clamp(2rem,3.4vw,3.7rem);line-height:1.08;margin-bottom:1.5rem}.product-copy>p:not(.eyebrow){max-width:440px;font-size:1rem}.feature-list{list-style:none;display:flex;flex-direction:column;gap:.7rem;padding:0;margin:1.7rem 0 2.2rem;font-size:.875rem;color:var(--muted)}.feature-list li{display:flex;align-items:center;gap:.65rem}.feature-list .icon{width:15px;height:15px;color:var(--accent-light)}.product-note{font-size:.75rem;color:var(--muted);display:block;margin-top:1rem;line-height:1.5}.device-scene{background:radial-gradient(ellipse at 50% 50%,#312964 0%,#141135 58%,#0c0b2b 100%);position:relative;display:flex;align-items:center;justify-content:center;min-height:540px;isolation:isolate;overflow:hidden}.zone-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(173,151,236,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(173,151,236,.055) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000 30%,transparent 80%)}.zone-ring{position:absolute;width:450px;height:450px;border:1px solid rgba(183,175,228,.13);border-radius:50%;animation:breathe 6s ease-in-out infinite}.ring-two{width:550px;height:550px;animation-delay:-3s}.phone-ui{width:205px;height:385px;background:linear-gradient(155deg,#24203e,#100c25);border:1px solid #777084;border-radius:34px;box-shadow:0 0 0 5px #1a172b,0 0 0 6px #4a445c,18px 30px 60px #050315a8;transform:rotate(-8deg);display:flex;align-items:center;flex-direction:column;position:relative;padding:22px 18px;z-index:2;animation:float 8s ease-in-out infinite;color:#f3f1fa}.phone-speaker{position:absolute;top:10px;left:calc(50% - 25px);width:50px;height:5px;border-radius:5px;background:#080614}.phone-top{font-size:8px;display:flex;justify-content:space-between;width:100%;color:#c8c0ef;margin-bottom:30px}.phone-ui>img{width:40px;height:35px;object-fit:contain;margin-bottom:8px}.phone-ui>.micro{font-size:10px;color:#c8c0ef;letter-spacing:.02em}.camera-disc{width:60px;height:60px;display:grid;place-items:center;background:#c8c0ef14;border:1px solid #c8c0ef55;border-radius:50%;margin:25px 0 14px}.camera-disc .icon{width:27px;height:27px;color:#c8c0ef}.phone-ui>strong{font-size:.83rem;font-weight:400}.policy-pill{font-size:.58rem;display:flex;align-items:center;gap:3px;color:#c8c0ef;margin-top:13px;border:1px solid #c8c0ef33;padding:5px 7px;border-radius:15px}.policy-pill .icon{width:11px;height:11px}.phone-foot{font-size:.5rem;margin-top:auto;color:#ada6bf}.phone-home{position:absolute;bottom:7px;width:65px;height:3px;border-radius:4px;background:#aaa3b8}.float-label{position:absolute;z-index:3;display:flex;align-items:center;gap:.7rem;padding:1rem;background:#171333cc;backdrop-filter:blur(15px);border:1px solid #a9a0db30;box-shadow:0 10px 40px #03032644;color:#c8c0ef}.float-label small{font-size:.5rem;display:block;letter-spacing:.06em;margin-bottom:4px}.float-label strong{font-size:.75rem;font-weight:500}.float-label>span{font-size:.68rem}.float-one{top:20%;inset-inline-end:8%}.float-two{bottom:20%;inset-inline-start:6%}.scene-note{position:absolute;bottom:20px;inset-inline-start:0;width:100%;text-align:center;font-size:.625rem;color:#aaa6be;letter-spacing:.08em}.status-badge{font-size:.59rem;border:1px solid currentColor;color:var(--accent-light);padding:5px 8px;letter-spacing:.07em;white-space:nowrap;line-height:1.5}.sukoon-block{background:#070720}.sukoon-block .product-copy{order:2}.sukoon-visual{position:relative;min-height:570px;background:#070720;overflow:hidden}.sukoon-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:68% center;opacity:.5;transition:transform 1.5s}.sukoon-visual:hover img{transform:scale(1.035)}.sukoon-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070720 0%,transparent 45%)}.sukoon-script{font-family:PlexArabic,sans-serif;font-size:7rem;color:#f3f1fa;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:1}.sukoon-visual .scene-note{z-index:2}.sound-line{position:absolute;left:10%;right:10%;top:64%;display:flex;align-items:center;justify-content:center;height:70px;gap:8px;z-index:2}.sound-line span{display:block;width:2px;height:20%;background:#a9a0db;animation:wave 2.2s ease-in-out infinite alternate}.sound-line span:nth-child(3n){height:65%;animation-delay:-.7s}.sound-line span:nth-child(4n){height:100%;animation-delay:-1.7s}.sound-line span:nth-child(2n){height:40%;animation-delay:-1.1s}
.journey{padding-top:6rem;border-bottom:1px solid var(--line)}.journey-intro{display:grid;grid-template-columns:1.5fr 1fr;column-gap:8vw;align-items:end;margin-bottom:3rem}.journey-intro>.eyebrow{grid-column:1/-1;margin-bottom:2rem}.journey-intro>p:last-child{max-width:470px}.journey-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-tabs button{min-height:78px;display:flex;align-items:center;gap:1.4rem;padding:1.2rem 1.5rem;position:relative;color:var(--muted);text-align:start;font-size:1rem}.journey-tabs button>span:first-child{font-size:.7rem}.journey-tabs button[aria-selected="true"]{background:var(--surface-2);color:var(--ink)}.journey-tabs button[aria-selected="true"]::after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}.step-dot{width:6px;height:6px;border:1px solid var(--accent);border-radius:50%;margin-inline-start:auto}.journey-tabs button[aria-selected="true"] .step-dot{background:var(--accent)}.journey-panel{display:grid;grid-template-columns:1.2fr 1fr;min-height:370px;border-bottom:1px solid var(--line)}.journey-diagram{position:relative;min-height:370px;overflow:hidden;background:radial-gradient(ellipse,#17133377,transparent 60%)}.diagram-zone{position:absolute;width:55%;height:65%;left:27%;top:17%;border:1px dashed #9291fc88;background:#9291fc06}.zone-name{position:absolute;top:10%;left:27%;color:var(--accent-light);font-size:.65rem;letter-spacing:.07em}.diagram-device{position:absolute;left:12%;top:32%;width:58px;height:102px;border:1px solid var(--accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--surface);color:var(--accent-light);gap:10px;transition:left .6s ease,background .6s;z-index:2}.diagram-device span{font-size:.48rem}.diagram-device::after{content:'';position:absolute;bottom:6px;width:18px;height:2px;background:var(--muted)}.diagram-console{position:absolute;right:22%;top:34%;width:75px;height:72px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);gap:7px;background:var(--surface)}.diagram-console span{font-size:.4rem;letter-spacing:.06em}.diagram-connector{position:absolute;top:44%;left:23%;width:43%;height:1px;background:linear-gradient(90deg,transparent,var(--accent));opacity:.5}.diagram-label{position:absolute;bottom:8%;width:100%;text-align:center;font-size:.75rem;color:var(--accent-light)}[data-stage="1"] .diagram-device,[data-stage="2"] .diagram-device{left:35%;background:#353063}[data-stage="2"] .diagram-console{border-color:var(--accent)}[data-stage="3"] .diagram-device{left:85%}.journey-detail{padding:3.2rem;align-self:center}.journey-detail h3{font-size:1.7rem;line-height:1.2;margin:1rem 0}.journey-detail p{font-size:1rem;min-height:80px}.journey-controls{display:flex;align-items:center;gap:.7rem;margin-top:1.7rem}.journey-controls>.micro{margin-inline-start:auto;font-size:.6rem;max-width:130px;text-align:end}
.sukoon-feature{background:#c8c0ef;color:#171333;--ink:#171333;--muted:#514b66;--accent-light:#62548c;--accent:#62548c;--line:#17133326;--bg:#c8c0ef;position:relative;overflow:hidden;min-height:690px;padding-bottom:8rem}.sukoon-watermark{position:absolute;bottom:-.2em;left:50%;transform:translateX(-50%);font-size:23vw;font-weight:700;letter-spacing:-.055em;color:#8172bc18;pointer-events:none;line-height:1}.sukoon-feature-top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:3.5rem}.sukoon-feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;position:relative}.sukoon-arabic{font-family:PlexArabic,sans-serif;font-size:7.5rem;line-height:1.2;display:block;margin-bottom:1.8rem}.sukoon-feature h2{font-size:clamp(2rem,3.3vw,3.6rem);max-width:480px;letter-spacing:-.045em}.sukoon-feature .button{margin-top:2rem}.room-tabs{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem;margin-bottom:2.5rem}.room-tabs button{border:1px solid var(--line);padding:.6rem .9rem;border-radius:30px;font-size:.75rem;color:#514b66;min-height:40px}.room-tabs button[aria-selected="true"]{background:#171333;color:#f3f1fa}.room-number{font-size:3.6rem;font-weight:400;letter-spacing:-.07em;color:#8172bc55;display:block;margin-bottom:.8rem}#room-panel{min-height:225px}#room-panel h3{font-size:1.6rem;margin-bottom:.8rem}#room-panel p{max-width:450px}.fine-print{font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:1.5rem}.room-explorer>.fine-print{padding-top:1.5rem;border-top:1px solid var(--line)}
.sectors{border-bottom:1px solid var(--line)}.sectors-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:3rem}.sector-list{border-top:1px solid var(--line)}.sector-list button{display:flex;align-items:center;width:100%;gap:1.5rem;padding:1.45rem .7rem;border-bottom:1px solid var(--line);text-align:start;font-size:1.125rem;color:var(--muted);transition:color .2s,background .2s}.sector-list button .icon{margin-inline-start:auto;width:17px}.sector-list button[aria-selected="true"]{color:var(--ink);background:var(--surface-2)}.sector-list button[aria-selected="true"] .icon{transform:rotate(45deg)}#sector-panel{padding:1.8rem .7rem 0;min-height:170px}#sector-panel h3{font-size:1.25rem;margin-bottom:.7rem}#sector-panel p{font-size:1rem;max-width:480px}.about{background:var(--surface)}.about-main{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:8vw}.about-copy>.eyebrow{margin-bottom:2rem}.about-copy h2{margin-bottom:2rem}.about-copy>p{max-width:560px}.about-copy .about-small{margin-top:1.3rem;font-size:.9rem;color:var(--accent-light)}.about-symbol{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;isolation:isolate}.about-symbol>img{width:180px;object-fit:contain;opacity:.85;transform:rotate(-8deg);filter:drop-shadow(0 0 35px #9291fc3b)}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:85%;height:60%;transform:rotate(-35deg);z-index:-1}.orbit-2{transform:rotate(25deg);width:90%;height:70%}.orbit-3{transform:rotate(85deg);width:85%;height:50%}.orbit-1::after{content:'';position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;top:30%;left:1%}.deployment{display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:5rem;padding-top:2.5rem;border-top:1px solid var(--line)}.deployment h3{font-size:1.5rem;margin-bottom:.5rem}.deployment p{max-width:570px;font-size:1rem}.deployment-options{display:flex;gap:2rem;flex-shrink:0}.deployment-options>span{display:flex;align-items:center;gap:.7rem;font-size:.875rem}.deployment-options .icon{color:var(--accent-light)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw}.faq h2{font-size:clamp(2.1rem,3.5vw,3.5rem)}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:1.5rem;padding:1.6rem 0;font-size:1.05rem}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{margin-inline-start:auto;width:18px}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{font-size:1rem;padding:0 2.6rem 1.7rem;max-width:660px}.contact-section{position:relative;border-top:1px solid var(--line);background:radial-gradient(ellipse at 90% 95%,#8172bc22,transparent 60%)}.contact-section>.eyebrow{margin-bottom:2.5rem}.contact-section h2{font-size:clamp(3rem,7vw,7.5rem)}.contact-bottom{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-top:3rem}.contact-bottom p{max-width:350px}.footer{padding-top:3rem;padding-bottom:7.5rem;border-top:1px solid var(--line);background:var(--surface)}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:2rem;padding-bottom:3rem}.footer-top>p{font-size:1.25rem;color:var(--accent-light)}.footer-contact{display:flex;flex-direction:column;gap:.65rem;align-items:flex-start;font-size:.9rem}.footer-contact span{font-size:.65rem;color:var(--muted);letter-spacing:.06em;margin-top:.4rem}.footer-bottom{display:flex;gap:2rem;align-items:center;border-top:1px solid var(--line);padding-top:1.7rem;font-size:.75rem;color:var(--muted)}.footer-bottom>span{margin-inline-end:auto}
.design-switcher{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:1rem;max-width:calc(100% - 24px);padding:6px 6px 6px 16px;background:#161329ed;color:#f3f1fa;border:1px solid #c8c0ef33;border-radius:9px;box-shadow:0 12px 50px #0005;backdrop-filter:blur(20px)}.compare-trigger{display:flex;align-items:center;gap:.6rem;padding:5px 0;color:#aaa6be;flex-shrink:0}.compare-symbol{font-size:1.4rem;line-height:1}.compare-trigger .micro{font-size:.55rem;white-space:nowrap;color:#aaa6be}.design-options{display:flex;gap:3px}.design-options>a{padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:5px;font-size:.75rem;white-space:nowrap;transition:background .2s}.design-options>a>span:first-child{font-size:.6rem;color:#9291fc}.design-options>a[aria-current="page"]{background:#c8c0ef;color:#171333}.design-options>a[aria-current="page"]>span:first-child{color:#514b66}.design-options>a:hover:not([aria-current]){background:#8172bc33}
dialog{--bg:#0c0b2b;--ink:#f3f1fa;--muted:#aaa6be;--accent:#9291fc;--accent-light:#c8c0ef;--line:#c8c0ef33;color:var(--ink);background:var(--bg);border:1px solid var(--line);padding:3.5rem;border-radius:8px;max-width:min(740px,calc(100% - 32px));width:100%;max-height:calc(100svh - 48px);overflow:auto;box-shadow:0 40px 120px #0008}dialog::backdrop{background:#030326b3;backdrop-filter:blur(12px)}body.dialog-open{overflow:hidden}.dialog-close{position:absolute;top:16px;inset-inline-end:16px;width:36px;height:36px}.dialog-close .icon{width:17px}.dialog-close:hover{background:#8172bc33}dialog h2{font-size:3rem;line-height:1.1;margin:1rem 0 1.5rem}dialog h3{font-size:1.1rem;margin-top:2rem}.dialog-intro{margin:1.8rem 0}.dialog-features{list-style:none;padding:0;margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem;color:var(--muted);font-size:1rem}.dialog-features li{display:flex;gap:.75rem;align-items:flex-start}.dialog-features .icon{width:17px;height:17px;color:var(--accent-light);margin-top:3px}.product-dialog .button{margin-top:2rem}.direct-email{display:block;margin-top:1rem;font-size:.875rem;color:var(--accent-light)}form{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}form label{font-size:.8125rem;display:flex;flex-direction:column;gap:.6rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}input,select,textarea{width:100%;border:1px solid var(--line);background:#171333;color:var(--ink);padding:.8rem .9rem;border-radius:3px;min-height:46px;font-size:1rem}textarea{resize:vertical}input[type="email"]{direction:ltr;text-align:start}form .fine-print{margin:0}form .button{align-self:start}#form-status{font-size:.875rem;color:var(--accent-light)}.comparison-dialog{max-width:min(1160px,calc(100% - 32px))}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.5rem}.comparison-card{border:1px solid var(--line);padding:12px;display:flex;flex-direction:column;transition:border-color .2s}.comparison-card:hover{border-color:var(--accent)}.comparison-art{height:210px;position:relative;overflow:hidden;background:#030326;color:#f3f1fa}.comparison-art img{height:100%;width:100%;object-fit:cover;opacity:.5}.comparison-art>span{position:absolute;top:1rem;left:1rem;font-size:.75rem}.comparison-art>strong{position:absolute;bottom:1rem;left:1rem;font-size:2.1rem;font-weight:500;letter-spacing:-.05em}.comparison-card h3{font-size:1.4rem;margin:1.3rem .5rem .8rem}.comparison-card p{font-size:.9375rem;margin:0 .5rem 1.5rem;flex:1}.comparison-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:1rem .5rem .25rem;font-size:.8125rem}.horizon-card .comparison-art{background:#f3f1fa;color:#171333}.horizon-card .comparison-art img{opacity:.7}.resonance-card .comparison-art{background:#6251ae}.resonance-card .comparison-art img{opacity:.25;object-position:90%}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .diagram-device{transition:none}@keyframes breathe{50%{transform:scale(1.07);opacity:.5}}@keyframes float{50%{transform:rotate(-5deg) translateY(-13px)}}@keyframes wave{to{transform:scaleY(.35);opacity:.3}}
/* 02 / Horizon: a light editorial composition with an architectural image. */
body[data-design="horizon"]{color-scheme:light;--bg:#f3f1fa;--surface:#fff;--surface-2:#eae5f6;--ink:#171333;--muted:#514b66;--accent:#65539c;--accent-light:#65539c;--line:#17133324;--radius:0px}.horizon-hero{min-height:900px;padding-top:190px}.horizon-hero .hero-art{left:45%;top:106px;opacity:1}.horizon-hero .horizon-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55%;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 20%)}.horizon-hero canvas{position:absolute;inset:0}.horizon-hero .hero-body{position:relative;z-index:2}.horizon-hero h1{font-size:clamp(4.2rem,7.5vw,8.5rem);letter-spacing:-.07em}.horizon-hero .hero-intro{max-width:380px}.horizon-hero .hero-index{position:relative;inset:auto;width:430px;max-width:43%;margin-top:3rem}.horizon-hero .index-line{padding:.95rem 0;grid-template-columns:20px 80px 1fr 18px;gap:.8rem}.horizon-hero .hero-footer{bottom:22px}.horizon-hero .hero-actions .text-button{display:none}body[data-design="horizon"] .header{background:#f3f1facc}body[data-design="horizon"] .perspective{background:#171333;--ink:#f3f1fa;--muted:#aaa6be;--accent-light:#c8c0ef;--line:#c8c0ef33;color:var(--ink)}body[data-design="horizon"] .principles{margin-top:3.5rem}body[data-design="horizon"] .product-block{border:0;border-top:1px solid var(--line);padding-top:2rem;gap:2rem;background:none}body[data-design="horizon"] .product-copy{padding:2rem 1rem 2rem 0}body[data-design="horizon"] .device-scene{border-radius:6px}body[data-design="horizon"] .sukoon-block .product-copy{padding-inline-start:1rem}body[data-design="horizon"] .sukoon-visual{border-radius:6px}body[data-design="horizon"] .sukoon-feature{background:#dcd8ef}body[data-design="horizon"] .diagram-device{background:#f3f1fa}body[data-design="horizon"] [data-stage="1"] .diagram-device,body[data-design="horizon"] [data-stage="2"] .diagram-device{background:#c8c0ef}body[data-design="horizon"] .contact-section{background:#dcd8ef}body[data-design="horizon"] .about-symbol>img{filter:none}body[data-design="horizon"] .footer{background:#f3f1fa}
/* 03 / Resonance: central violet stage, compact product cards and orbital motion. */
body[data-design="resonance"]{--bg:#0c0825;--surface:#181135;--surface-2:#261c46;--accent:#a9a0db;--accent-light:#c8c0ef;--line:#c8c0ef2b;--radius:28px}.resonance-hero{background:radial-gradient(ellipse at 50% 35%,#57408d88 0%,#34245755 42%,transparent 70%);min-height:920px;padding-top:200px;text-align:center}.resonance-hero .hero-body{max-width:1050px;margin:auto}.resonance-hero .hero-eyebrow{justify-content:center;margin-bottom:2rem}.resonance-hero h1{font-size:clamp(4.1rem,7.1vw,7.8rem);margin:auto}.resonance-hero .hero-intro{max-width:510px;margin:2rem auto 1.5rem}.resonance-hero .hero-actions{justify-content:center}.resonance-hero .hero-index{position:relative;bottom:auto;inset-inline-end:auto;width:650px;max-width:100%;margin:3.5rem auto 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;text-align:start}.resonance-hero .index-line{grid-template-columns:20px 1fr 20px;padding:1.25rem 1.5rem;border:1px solid var(--line);border-radius:6px;background:#17133366;backdrop-filter:blur(8px);gap:1rem}.resonance-hero .index-line>span:nth-last-child(2){display:none}body[data-design="resonance"] .header{border:1px solid var(--line);border-radius:60px;top:24px;left:var(--pad);right:var(--pad);min-height:72px;padding:.85rem 1.5rem;background:#17133366;backdrop-filter:blur(16px)}body[data-design="resonance"] .header .brand>img{width:36px;height:31px}body[data-design="resonance"] .header .brand>span{font-size:1.3rem}body[data-design="resonance"] .header .brand-ar{font-size:.6rem}body[data-design="resonance"] .solutions{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-top:4rem;padding-bottom:6rem}body[data-design="resonance"] .solutions .section-kicker,body[data-design="resonance"] .solutions .section-title{grid-column:1/-1}body[data-design="resonance"] .solutions .section-kicker{margin-bottom:0}body[data-design="resonance"] .solutions .section-title{margin-bottom:1.5rem}body[data-design="resonance"] .product-block{display:flex;flex-direction:column-reverse;min-height:0;margin:0;border-radius:10px}body[data-design="resonance"] .product-block .product-copy{order:0;padding:2.8rem}body[data-design="resonance"] .product-block .device-scene,body[data-design="resonance"] .product-block .sukoon-visual{order:1;min-height:330px;height:330px}body[data-design="resonance"] .product-heading{margin-bottom:1.7rem}body[data-design="resonance"] .product-copy h3{font-size:2.75rem}body[data-design="resonance"] .phone-ui{transform:scale(.68) rotate(-10deg);animation:none}body[data-design="resonance"] .float-one{top:13%;right:8%}body[data-design="resonance"] .float-two{bottom:13%;left:8%}body[data-design="resonance"] .sukoon-script{font-size:5rem}body[data-design="resonance"] .sukoon-visual .sound-line{height:40px;top:68%}body[data-design="resonance"] .perspective{background:#c8c0ef;--ink:#171333;--muted:#514b66;--accent-light:#62548c;--line:#17133333;color:var(--ink)}body[data-design="resonance"] .journey-tabs button[aria-selected="true"]{background:#9291fc;color:#171333}body[data-design="resonance"] .sukoon-feature{background:#342457;--ink:#f3f1fa;--muted:#c8c0ef;--accent-light:#c8c0ef;--accent:#a9a0db;--line:#c8c0ef33;--bg:#342457;color:var(--ink)}body[data-design="resonance"] .sukoon-feature .room-tabs button{color:#c8c0ef}body[data-design="resonance"] .sukoon-feature .room-tabs button[aria-selected="true"]{background:#c8c0ef;color:#171333}body[data-design="resonance"] .room-number{color:#c8c0ef55}body[data-design="resonance"] .sukoon-watermark{color:#c8c0ef0a}body[data-design="resonance"] .contact-section{text-align:center;background:radial-gradient(ellipse at 50% 100%,#57408d66,transparent 70%)}body[data-design="resonance"] .contact-bottom{flex-direction:column;align-items:center;gap:2rem}body[data-design="resonance"] .contact-bottom p{max-width:450px}
/* Arabic gets its own type rhythm and mirrored flow. */
[lang="ar"]{font-family:PlexArabic,Satoshi,sans-serif}[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3{letter-spacing:-.025em;line-height:1.35}[lang="ar"] p{line-height:1.85}[lang="ar"] .micro,[lang="ar"] .eyebrow{font-family:PlexArabic,Satoshi,sans-serif;letter-spacing:0}[lang="ar"] .hero h1{font-size:clamp(4rem,6.8vw,7.5rem);line-height:1.25}[lang="ar"] .hero-eyebrow{margin-bottom:1.4rem}[lang="ar"] .hero-intro{margin-top:1.3rem}[lang="ar"] .hero{padding-top:180px;min-height:940px}[lang="ar"] .index-line{grid-template-columns:25px 95px 1fr 20px}[lang="ar"] .index-line>span:nth-last-child(2){font-size:.7rem;letter-spacing:0}[lang="ar"] .button{font-size:.9rem}[lang="ar"] .brand{direction:ltr}[lang="ar"] .wordmark{font-family:Satoshi,sans-serif;direction:ltr}[lang="ar"] .status-badge{letter-spacing:0;font-size:.67rem}[lang="ar"] .product-copy h3{font-size:clamp(2rem,3vw,3.2rem)}[lang="ar"] .hero-footer .micro{font-size:.75rem}[lang="ar"] .comparison-art>strong{left:auto;right:1rem}[lang="ar"] .circle-button>.icon:not(.previous){transform:rotate(180deg)}[lang="ar"] .circle-button>.previous{transform:none}[lang="ar"] .dialog-close>.icon{transform:none}[lang="ar"] .horizon-hero .hero-art{left:0;right:45%}[lang="ar"] .horizon-hero .horizon-image{transform:scaleX(-1)}[lang="ar"] .horizon-hero .hero-index{margin-top:2rem}[lang="ar"] .resonance-hero .index-line{grid-template-columns:20px 1fr 20px}[lang="ar"] .design-options>a{font-size:.8rem}[lang="ar"] .sukoon-arabic{line-height:1.2}[lang="ar"] .journey-diagram{direction:ltr}[lang="ar"] .phone-ui{direction:rtl}[lang="ar"] .phone-top{direction:ltr}
@media(min-width:1700px){.hero{padding-top:240px}.section-pad{padding-left:max(var(--pad),calc((100vw - 1560px)/2));padding-right:max(var(--pad),calc((100vw - 1560px)/2))}.hero{min-height:1020px}.hero-index{bottom:180px}}
@media(max-width:1100px){.header nav{gap:1.3rem}.header-actions{gap:.9rem}.hero{padding-top:190px;min-height:860px}.hero h1{font-size:6.6rem}.hero-index{width:38%;bottom:125px}.index-line{grid-template-columns:20px 80px 1fr 15px;gap:.6rem}.index-line>span:nth-last-child(2){font-size:.55rem}.hero-intro{max-width:360px}.product-copy{padding:2.5rem}.product-copy h3{font-size:2.75rem}.product-heading{margin-bottom:2rem}.float-label{padding:.65rem}.float-one{right:4%;top:17%}.float-two{left:3%;bottom:15%}.statement-grid,.sectors-grid,.about-main{gap:5vw}.journey-detail{padding:2rem}.deployment-options{gap:1rem}.deployment{gap:2rem}.horizon-hero .hero-index{max-width:46%}.resonance-hero h1{font-size:6rem}body[data-design="resonance"] .product-copy h3{font-size:2.4rem}body[data-design="resonance"] .product-block .product-copy{padding:2rem}[lang="ar"] .hero{padding-top:180px;min-height:900px}}
@media(max-width:800px){:root{--pad:1.5rem}.section-pad{padding-top:4.5rem;padding-bottom:4.5rem}.header{min-height:90px;padding-top:1.1rem;padding-bottom:1.1rem}.header nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;background:var(--surface);padding:1.5rem;border-bottom:1px solid var(--line);align-items:stretch;gap:.5rem;box-shadow:0 20px 50px #0003}.header nav a{font-size:1rem;padding:.7rem .5rem}.header.menu-open nav{display:flex}.menu-button{display:inline-grid;place-items:center}.header-cta{display:none}.header-actions{gap:1rem}.hero{padding-top:165px;min-height:890px}.hero h1{font-size:clamp(4rem,10.5vw,6.2rem)}.hero-eyebrow{margin-bottom:2rem;font-size:.67rem}.hero-intro{max-width:360px;font-size:1rem}.hero-index{bottom:100px;width:45%;max-width:none}.index-line{grid-template-columns:22px 1fr 16px}.index-line>span:nth-last-child(2){display:none}.hero-footer>.micro{font-size:.58rem}.hero-footer .scroll-link{font-size:.6rem;gap:.7rem}.hero-footer .motion-toggle{font-size:.65rem}.hero-footer{gap:.7rem}.statement-grid{gap:2rem;grid-template-columns:1fr}.statement-grid>p{max-width:570px}.statement-grid h2{font-size:3.75rem}.principles{gap:1.5rem;margin-top:3rem}.principles h3{font-size:1.1rem}.principles p{font-size:.85rem}.product-block{grid-template-columns:1fr;min-height:0}.product-copy{padding:2.5rem;order:2}.device-scene{min-height:440px}.sukoon-block .product-copy{order:2}.sukoon-visual{min-height:410px}.product-copy h3{font-size:3.5rem}.product-copy>p:not(.eyebrow){max-width:540px}.float-one{right:20%;top:16%}.float-two{left:17%;bottom:16%}.sukoon-script{font-size:6rem}.journey-intro{grid-template-columns:1fr;gap:1.5rem}.journey-intro>.eyebrow{margin-bottom:.3rem}.journey-intro>p:last-child{max-width:570px}.journey-tabs button{padding:1rem;gap:.7rem;font-size:.9rem}.journey-panel{grid-template-columns:1fr}.journey-diagram{min-height:310px}.journey-detail{padding:1.5rem 1rem 2rem}.journey-detail p{min-height:0}.sukoon-feature-grid{gap:3rem;grid-template-columns:1fr 1fr}.sukoon-arabic{font-size:6rem}.sukoon-feature h2{font-size:2.5rem}.room-tabs{gap:.4rem}.room-tabs button{font-size:.68rem;padding:.5rem .7rem}.sukoon-feature-top{margin-bottom:2.5rem}.sectors-grid{grid-template-columns:1fr;gap:2.5rem}.about-main{grid-template-columns:1fr;gap:2rem}.about-symbol{min-height:320px;max-width:440px;width:100%;margin:auto}.about-copy h2{margin-bottom:1.5rem}.about-copy>p{max-width:600px}.deployment{flex-direction:column;align-items:flex-start;margin-top:3rem}.deployment-options{gap:2rem}.faq{grid-template-columns:1fr;gap:2rem}.contact-bottom{align-items:flex-start;flex-direction:column}.footer{padding-bottom:7rem}.footer-top{flex-wrap:wrap}.footer-top>.brand{width:calc(50% - 1rem)}.footer-top>p{width:calc(50% - 1rem);text-align:end}.footer-contact{margin-top:1rem}.footer-bottom{gap:1.3rem;flex-wrap:wrap}.footer-bottom>span{width:100%}.horizon-hero{min-height:900px}.horizon-hero h1{font-size:5.7rem}.horizon-hero .hero-art{left:30%;opacity:.65}.horizon-hero .hero-intro{max-width:340px}.horizon-hero .hero-index{max-width:360px;width:100%}.horizon-hero .index-line{grid-template-columns:20px 1fr 18px}.horizon-hero .hero-body,.horizon-hero .hero-index{position:relative;z-index:2}body[data-design="horizon"] .product-copy,body[data-design="horizon"] .sukoon-block .product-copy{padding:1rem 0 2rem}body[data-design="horizon"] .product-block{gap:1.5rem}.resonance-hero{padding-top:175px;min-height:860px}.resonance-hero h1{font-size:5.4rem}.resonance-hero .hero-index{gap:1rem;margin-top:3rem}body[data-design="resonance"] .header{top:16px;left:16px;right:16px;padding:.6rem 1rem}body[data-design="resonance"] .header.menu-open{border-radius:25px 25px 0 0}body[data-design="resonance"] .header nav{background:#181135;border-radius:0 0 20px 20px}body[data-design="resonance"] .solutions{gap:1rem}body[data-design="resonance"] .product-block .product-copy{padding:1.5rem}body[data-design="resonance"] .product-copy h3{font-size:2.2rem}body[data-design="resonance"] .product-heading{flex-wrap:wrap}body[data-design="resonance"] .product-copy .feature-list{font-size:.75rem}body[data-design="resonance"] .product-copy>p:not(.eyebrow){font-size:.9rem}body[data-design="resonance"] .float-label{display:none}body[data-design="resonance"] .product-copy>.eyebrow{font-size:.55rem}body[data-design="resonance"] .sukoon-visual .scene-note{font-size:.48rem}.comparison-grid{grid-template-columns:1fr}.comparison-card{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.comparison-art{grid-row:1/4;height:200px}.comparison-card h3{margin:1rem 0 0}.comparison-card p{margin:0;font-size:.85rem}.comparison-cta{font-size:.7rem;padding:.7rem 0}.comparison-dialog h2{font-size:2.5rem}[lang="ar"] .hero h1{font-size:5.6rem}[lang="ar"] .hero{min-height:960px}[lang="ar"] .horizon-hero .hero-art{right:30%}[lang="ar"] .hero-index{grid-template-columns:20px 1fr 18px}[lang="ar"] .index-line>span:nth-last-child(2){display:none}[lang="ar"] .product-copy h3{font-size:3rem}}
@media(max-width:540px){:root{--pad:1.2rem;scroll-padding-top:28px}h2{font-size:2.6rem}.section-pad{padding-top:3.75rem;padding-bottom:3.75rem}.header{min-height:85px}.brand>span{font-size:1.35rem}.brand>img{width:38px;height:32px}.header-actions{gap:.5rem}.hero{padding-top:145px;min-height:920px;padding-bottom:230px}.hero-eyebrow{font-size:.59rem;letter-spacing:.08em;margin-bottom:1.8rem;gap:.6rem}.hero h1{font-size:clamp(3.6rem,14.5vw,5.5rem);letter-spacing:-.06em;line-height:1.04}.hero-intro{max-width:320px;margin-top:1.7rem;font-size:1rem}.hero-actions{gap:1.2rem}.hero-actions .button{min-height:49px;padding:.8rem 1rem;gap:1.2rem;font-size:.8rem}.hero-actions>.text-button{font-size:.8rem}.hero-art{opacity:.58}.obsidian-hero .hero-art{top:160px}.hero-index{width:auto;max-width:none;left:var(--pad);right:var(--pad);bottom:122px}.index-line{padding:1.1rem 0;grid-template-columns:24px 1fr 20px}.hero-footer{bottom:72px;flex-wrap:wrap}.hero-footer>.micro{font-size:.56rem}.hero-footer .scroll-link{display:none}.hero-footer .motion-toggle{margin-inline-start:auto}.section-kicker{margin-bottom:2.5rem}.section-kicker>.micro{font-size:.6rem}.eyebrow{font-size:.65rem}.statement-grid h2{font-size:2.7rem}.statement-grid>p{font-size:1rem}.principles{grid-template-columns:1fr;gap:1.2rem;margin-top:2.5rem}.principles>div{display:grid;grid-template-columns:38px 1fr;gap:.3rem;padding-top:1.3rem}.principle-number{grid-row:1/3;margin:0;padding-top:.2rem}.principles h3{margin:0;font-size:1.2rem}.principles p{grid-column:2;font-size:.9375rem}.section-title{margin-bottom:2.5rem}.product-copy{padding:2rem 1.5rem}.product-copy h3{font-size:2.55rem}.product-heading{margin-bottom:2rem}.product-copy>.eyebrow{font-size:.6rem}.wordmark{font-size:1.5rem}.sukoon-wordmark{font-size:1.3rem}.product-heading .status-badge{font-size:.5rem}.product-copy>p:not(.eyebrow){font-size:.96rem}.feature-list{font-size:.8125rem;margin:1.5rem 0 1.8rem}.device-scene{min-height:370px}.phone-ui{transform:scale(.76) rotate(-8deg);animation:none}.float-one{top:12%;right:7%}.float-two{bottom:12%;left:5%}.float-label{padding:.7rem;gap:.5rem}.float-label>.icon{width:17px}.float-label small{font-size:.43rem}.float-label>span{font-size:.6rem}.sukoon-visual{min-height:340px}.sukoon-script{font-size:5rem}.sukoon-visual .sound-line{height:45px}.scene-note{font-size:.5rem;bottom:14px}.journey-tabs button{padding:.9rem .5rem;flex-direction:column;gap:.4rem;font-size:.83rem;align-items:flex-start;min-height:83px}.journey-tabs .step-dot{position:absolute;top:18px;right:12px}.journey-tabs button>span:first-child{font-size:.6rem}.journey-detail{padding:1.5rem .2rem 2rem}.journey-detail h3{font-size:1.65rem}.journey-controls>.micro{font-size:.56rem}.journey-diagram{min-height:270px}.diagram-device{width:43px;height:78px}.diagram-console{width:63px;height:60px;right:19%}.diagram-console span{font-size:.34rem}.zone-name{font-size:.55rem}.diagram-label{font-size:.7rem}.journey-controls .circle-button{width:40px;height:40px}.sukoon-feature-grid{grid-template-columns:1fr;gap:2.5rem}.sukoon-arabic{font-size:5.5rem;margin-bottom:1rem}.sukoon-feature h2{font-size:2.6rem;max-width:340px}.sukoon-feature .button{margin-top:1.6rem}.sukoon-feature-top{margin-bottom:1rem}.room-tabs{margin-top:0;margin-bottom:1.5rem}.room-tabs button{font-size:.73rem}.room-number{font-size:2.7rem}#room-panel{min-height:180px}#room-panel h3{font-size:1.4rem}#room-panel p{font-size:1rem}.fine-print{font-size:.75rem}.sukoon-watermark{font-size:27vw}.sector-list button{font-size:1rem;gap:1.1rem;padding:1.3rem .4rem}.sector-list .micro{font-size:.65rem}.about-symbol{min-height:280px}.about-symbol>img{width:145px}.deployment-options{gap:1.4rem;flex-wrap:wrap}.deployment h3{font-size:1.3rem}.faq summary{gap:1rem;font-size:.94rem;padding:1.4rem 0}.faq details p{padding-inline:2rem;font-size:.94rem}.contact-section h2{font-size:clamp(2.9rem,12vw,4rem)}.contact-bottom{margin-top:1.5rem}.contact-bottom .button{font-size:.81rem;gap:1rem;width:100%}.footer{padding-bottom:7rem}.footer-top{gap:1.5rem}.footer-top>.brand{width:auto}.footer-top>p{font-size:.88rem;width:auto;text-align:start}.footer-bottom{gap:1rem}.footer-bottom .motion-toggle{margin-inline-start:auto}.footer-bottom>span{font-size:.7rem}.design-switcher{gap:.45rem;bottom:12px;padding:5px 5px 5px 10px;width:max-content}.compare-trigger .micro{display:none}.compare-trigger{padding:4px}.design-options>a{padding:9px 8px;gap:4px;font-size:.7rem}.design-options>a>span:first-child{font-size:.5rem}.compare-symbol{font-size:1.2rem}dialog{padding:3rem 1.4rem 1.8rem;max-width:calc(100% - 24px);max-height:calc(100svh - 28px)}dialog h2{font-size:2.3rem}dialog p{font-size:1rem}.form-row{grid-template-columns:1fr}.dialog-features{font-size:.9375rem}.comparison-card{grid-template-columns:1fr;padding:10px;gap:0}.comparison-art{grid-row:auto;height:140px}.comparison-art>strong{font-size:2rem}.comparison-card h3{margin:1rem .4rem .5rem}.comparison-card p{margin:0 .4rem 1rem}.comparison-cta{font-size:.8rem;padding:.8rem .4rem}.comparison-dialog h2{font-size:2.1rem}.comparison-grid{gap:1rem;margin-top:1.5rem}.horizon-hero{padding-top:140px;min-height:940px;padding-bottom:190px}.horizon-hero h1{font-size:clamp(3.6rem,14vw,5rem)}.horizon-hero .hero-art{left:0;top:340px;opacity:.53}.horizon-hero .hero-art .horizon-image{mask-image:linear-gradient(0deg,transparent,#000 25%,#000 65%,transparent);object-position:70%}.horizon-hero .hero-intro{max-width:310px}.horizon-hero .hero-index{margin-top:3rem;width:100%;max-width:none}.horizon-hero .hero-footer{bottom:72px}.horizon-hero .index-line{padding:1.1rem 0}.resonance-hero{padding-top:155px;min-height:860px;padding-bottom:140px}.resonance-hero h1{font-size:clamp(3.4rem,13.3vw,5rem)}.resonance-hero .hero-eyebrow{font-size:.55rem;margin-bottom:1.5rem}.resonance-hero .hero-intro{font-size:1rem;max-width:315px}.resonance-hero .hero-actions{gap:1.1rem}.resonance-hero .hero-index{grid-template-columns:1fr;gap:.7rem;margin:2.5rem auto 0;left:auto;right:auto;bottom:auto;max-width:315px}.resonance-hero .index-line{padding:1rem 1.3rem}.resonance-hero .hero-footer>.micro{font-size:.5rem}body[data-design="resonance"] .header{left:12px;right:12px;top:12px;padding:.5rem 1rem}body[data-design="resonance"] .header .brand>img{width:32px;height:28px}body[data-design="resonance"] .header .brand>span{font-size:1.25rem}body[data-design="resonance"] .header-actions{gap:.3rem}body[data-design="resonance"] .solutions{grid-template-columns:1fr;gap:1.5rem;padding-top:3rem;padding-bottom:3.5rem}body[data-design="resonance"] .product-block .product-copy{padding:2rem 1.5rem}body[data-design="resonance"] .product-copy h3{font-size:2.6rem}body[data-design="resonance"] .product-copy>.eyebrow{font-size:.6rem}body[data-design="resonance"] .product-copy>p:not(.eyebrow){font-size:1rem}body[data-design="resonance"] .product-copy .feature-list{font-size:.85rem}body[data-design="resonance"] .product-block .device-scene,body[data-design="resonance"] .product-block .sukoon-visual{min-height:300px;height:300px}body[data-design="resonance"] .product-heading{flex-wrap:nowrap}body[data-design="resonance"] .sukoon-visual .scene-note{font-size:.5rem}[lang="ar"] .hero{padding-top:140px;min-height:990px}[lang="ar"] .hero h1{font-size:clamp(3.5rem,14vw,5.2rem);line-height:1.25}[lang="ar"] .hero-index{grid-template-columns:24px 1fr 20px}[lang="ar"] .product-copy h3{font-size:2.5rem}[lang="ar"] .hero-eyebrow{font-size:.65rem}[lang="ar"] .hero-intro{font-size:1rem}[lang="ar"] .hero-footer>.micro{font-size:.6rem}[lang="ar"] .hero-footer .motion-toggle{font-size:.65rem}[lang="ar"] .horizon-hero .hero-art{right:0}[lang="ar"] .horizon-hero .hero-index{margin-top:3rem}[lang="ar"] .resonance-hero{min-height:980px;padding-top:150px}[lang="ar"] .resonance-hero h1{font-size:3.7rem}[lang="ar"] .resonance-hero .hero-index{grid-template-columns:1fr}[lang="ar"] .design-options>a{font-size:.68rem}[lang="ar"] .design-options>a>span:first-child{font-family:Satoshi,sans-serif}[lang="ar"] .journey-tabs button{font-size:.8rem}[lang="ar"] .journey-tabs .step-dot{right:auto;left:10px}[lang="ar"] .phone-ui>strong{font-size:.75rem}[lang="ar"] .index-line{grid-template-columns:24px 1fr 20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Keep controls clear of the design tray and allow enlarged text to reflow. */
.journey-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.journey-tabs button{min-width:0;overflow-wrap:anywhere}.product-copy,.room-explorer,.journey-detail,.about-copy{min-width:0}
.comparison-card .comparison-art img{opacity:1;object-position:top}
@media(min-width:801px){.obsidian-hero{min-height:max(850px,min(980px,100svh))}.obsidian-hero .hero-footer{bottom:82px}}
@media(max-width:800px){.journey-tabs button{padding:1rem clamp(.4rem,1.5vw,1rem);flex-direction:column;align-items:flex-start;gap:.4rem}.journey-tabs .step-dot{position:absolute;top:18px;inset-inline-end:12px}}