@font-face{font-family:Geist;src:url(/assets/fonts/Geist-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-arabic-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-arabic-600.woff2) format("woff2");font-weight:600 700;font-display:swap}

:root{
  --paper:#F6F7F9;
  --white:#FFFFFF;
  --surface:#FFFFFF;
  --ink:#0F2140;
  --on-ink:#FFFFFF;
  --muted:#52607A;
  --line:#D9DFE8;
  --field:#B3BDCC;
  --field-hover:#8E9AAE;
  --chrome:#E9EDF3;
  --tint:#ECEFF5;
  --top-bg:rgba(246,247,249,.82);
  --top-line:rgba(217,223,232,.8);
  --frame:#0F2140;
  --cobalt:#2743B8;
  --deep:#13256B;
  --deep-2:#0E1C55;
  --turq:#12817A;
  --on-deep:#C8D2F0;
  --noise-blend:multiply;
  --wrap:1240px;
  --pad:clamp(20px,4.5vw,56px);
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-io:cubic-bezier(.77,0,.175,1);
  --shadow-deep:0 30px 60px -24px rgba(19,37,107,.45),0 12px 24px -12px rgba(19,37,107,.3);
  --z-overlay:1;--z-header:20;--z-menu:30;--z-skip:40;
  --font:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
:root[data-theme=dark]{
  --paper:#0A1120;
  --surface:#111A2E;
  --ink:#E6ECF7;
  --on-ink:#0A1120;
  --muted:#9AA7C0;
  --line:#22304A;
  --field:#33425F;
  --field-hover:#4A5B7C;
  --chrome:#18233B;
  --tint:#0D1527;
  --top-bg:rgba(10,17,32,.8);
  --top-line:rgba(34,48,74,.9);
  --frame:#1B2740;
  --cobalt:#8EA2FF;
  --deep:#15276E;
  --turq:#3CC9BC;
  --noise-blend:screen;
  --shadow-deep:0 30px 60px -24px rgba(0,0,0,.7),0 12px 24px -12px rgba(0,0,0,.5);
  color-scheme:dark;
}
:lang(ar){--font:"Plex Arabic",Geist,system-ui,"Geeza Pro",Tahoma,sans-serif}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1.0625rem;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;position:relative}
body::after{content:"";position:fixed;inset:0;z-index:var(--z-overlay);pointer-events:none;background:url(/assets/noise.svg);opacity:.05;mix-blend-mode:var(--noise-blend)}
body:lang(ar){line-height:1.85}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1em;text-wrap:pretty}
h1,h2,h3{margin:0;font-weight:640;letter-spacing:-.028em;line-height:1.06;text-wrap:balance}
:lang(ar) :is(h1,h2,h3){letter-spacing:0;line-height:1.35;font-weight:600}
h2{font-size:clamp(2rem,3.8vw,3.25rem)}
h3{font-size:1.3rem;letter-spacing:-.012em;line-height:1.25}
ul,ol{margin:0;padding:0}
::selection{background:var(--cobalt);color:var(--on-ink)}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:6px}
.on-dark :focus-visible{outline-color:var(--white)}
.skip{position:absolute;inset-inline-start:-9999px;z-index:var(--z-skip)}
.skip:focus{inset-inline-start:16px;top:16px;background:var(--surface);padding:8px 14px;border-radius:8px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.lede{font-size:clamp(1.12rem,1.5vw,1.3rem);color:var(--muted);max-width:36em;line-height:1.55}
.measure{max-width:38em}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:.8em 1.5em;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;border:2px solid var(--ink);cursor:pointer;font-family:inherit;transition:transform 160ms var(--ease-out),background-color 200ms ease,color 200ms ease,border-color 200ms ease}
.btn:active{transform:scale(.97)}
.btn-solid{background:var(--ink);color:var(--on-ink)}
.btn-line{background:transparent;color:var(--ink)}
.btn-quiet{border-color:transparent;background:transparent;padding-inline:.4em;color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px;text-decoration-color:var(--line)}
@media (hover:hover) and (pointer:fine){
  .btn-solid:hover{background:var(--cobalt);border-color:var(--cobalt)}
  .btn-line:hover{background:var(--ink);color:var(--on-ink)}
  .btn-quiet:hover{text-decoration-color:var(--cobalt);color:var(--cobalt)}
  .on-dark .btn-solid:hover{background:transparent;color:var(--white)}
}
.on-dark .btn{border-color:var(--white)}
.on-dark .btn-solid{background:var(--white);color:var(--deep)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:32px}

/* header */
.top{position:sticky;top:0;z-index:var(--z-header);background:var(--top-bg);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--top-line)}
.top .wrap{display:flex;align-items:center;gap:28px;min-height:70px}
.brand{font-weight:720;font-size:1.22rem;text-decoration:none;letter-spacing:-.03em;margin-inline-end:auto}
.brand{display:inline-flex;align-items:center}
.brand span{color:var(--cobalt)}
.brand-mark{width:1.15em;height:1.15em;margin-inline-end:.5rem;fill:var(--cobalt);flex:none}
:root[data-theme=dark] .brand-mark{fill:#F4F6FB}
.nav{display:flex;align-items:center;gap:26px}
.nav a:not(.btn){text-decoration:none;font-size:.97rem;color:var(--muted);transition:color 200ms ease}
.nav a:not(.btn):hover,.nav a[aria-current=page]{color:var(--ink)}
.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px;text-decoration-color:var(--cobalt)}
.nav .btn{min-height:42px;padding:.45em 1.1em;font-size:.94rem}
.tools{display:flex;align-items:center;gap:6px;margin-inline-start:-12px}
.lang-pick{position:relative}
.lang-pick summary,.theme-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:999px;color:var(--muted);font:inherit;font-size:.86rem;font-weight:600;letter-spacing:.02em;cursor:pointer;list-style:none;background:transparent;border:1px solid transparent;transition:color 200ms ease,border-color 200ms ease,background-color 200ms ease}
.lang-pick summary::-webkit-details-marker{display:none}
.lang-pick .ico,.theme-btn .ico{width:18px;height:18px}
.theme-btn{width:40px;justify-content:center;padding:0}
.lang-pick summary:hover,.lang-pick[open] summary,.theme-btn:hover{color:var(--ink);border-color:var(--line);background:var(--surface)}
.lang-list{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:var(--z-menu);display:grid;min-width:168px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 40px -20px rgba(15,33,64,.35);transform-origin:top;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out)}
@starting-style{.lang-pick[open] .lang-list{opacity:0;transform:translateY(-4px)}}
.lang-list a{padding:9px 12px;border-radius:9px;text-decoration:none;font-size:.97rem}
.lang-list a:hover{background:var(--tint)}
.lang-list a[aria-current=true]{font-weight:600;color:var(--cobalt)}
.theme-btn .sun{display:none}
:root[data-theme=dark] .theme-btn .sun{display:block}
:root[data-theme=dark] .theme-btn .moon{display:none}
.menu{display:none}
@media (max-width:920px){
  .top .wrap{gap:12px}
  .top .nav{display:none}
  .tools{margin:0}
  .menu{display:block}
  .menu summary{list-style:none;cursor:pointer;font-weight:600;padding:8px 16px;border:2px solid var(--ink);border-radius:999px;transition:transform 160ms var(--ease-out)}
  .menu summary:active{transform:scale(.97)}
  .menu summary::-webkit-details-marker{display:none}
  .sheet{position:absolute;inset-inline:0;top:70px;z-index:var(--z-menu);display:flex;flex-direction:column;gap:2px;background:var(--surface);border-bottom:1px solid var(--line);padding:16px var(--pad) 28px;box-shadow:0 24px 40px -24px rgba(15,33,64,.25);transform-origin:top;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}
  @starting-style{.menu[open] .sheet{opacity:0;transform:translateY(-6px)}}
  .sheet a{padding:10px 0;font-size:1.2rem;text-decoration:none;border-bottom:1px solid var(--line)}
}

/* sections: optical padding, bottom a little heavier */
.section{padding-block:clamp(72px,9vw,128px) clamp(80px,10vw,144px)}
.section-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px 48px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.section-head p{color:var(--muted);margin:0;max-width:30em}
@media (max-width:860px){.section-head{grid-template-columns:1fr}}

/* hero */
.hero{position:relative;padding-block:clamp(48px,7vw,104px) clamp(48px,6vw,80px);overflow:hidden}
.hero::before{content:"";position:absolute;inset-block-start:-10%;inset-inline-end:-12%;width:min(780px,70vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(39,67,184,.16),rgba(39,67,184,.05) 55%,transparent);pointer-events:none}
:root[data-theme=dark] .hero::before{background:radial-gradient(closest-side,rgba(90,120,255,.22),rgba(90,120,255,.06) 55%,transparent)}
.hero .wrap{position:relative}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,5vw,80px);align-items:center}
.hero h1{font-size:clamp(2.75rem,6.4vw,5.75rem);letter-spacing:-.05em;line-height:.96;font-weight:660}
:lang(ar) .hero h1{letter-spacing:0;line-height:1.28;font-size:clamp(2.35rem,5vw,4.3rem)}
.hero .lede{margin-top:30px}
.phones{position:relative;aspect-ratio:1/1.1;max-width:470px;justify-self:end;width:100%}
.phones img{position:absolute;width:55%;border-radius:26px;border:7px solid var(--frame);background:var(--frame);box-shadow:var(--shadow-deep)}
.phones img:first-child{inset-inline-start:2%;top:0;transform:rotate(-4deg)}
.phones img:last-child{inset-inline-end:0;bottom:0;transform:rotate(3deg)}
@media (max-width:920px){.hero-grid{grid-template-columns:1fr}.phones{justify-self:start;max-width:380px}}

/* the one orchestrated moment: hero entrance */
@media (prefers-reduced-motion:no-preference){
  .in{animation:rise 700ms var(--ease-out) both}
  .in-2{animation-delay:70ms}.in-3{animation-delay:140ms}.in-4{animation-delay:200ms;animation-duration:900ms}.in-5{animation-delay:280ms}
}
@keyframes rise{from{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}

/* ledger: the signature element */
.ledger{margin-top:clamp(56px,7vw,96px);border-top:2px solid var(--ink);font-variant-numeric:tabular-nums}
.ledger-title{display:flex;justify-content:space-between;gap:16px;padding-block:14px;font-size:.93rem;color:var(--muted)}
.ledger-row{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,2.4fr) minmax(0,4.6fr) minmax(110px,auto);gap:8px 28px;align-items:baseline;padding:20px 12px;margin-inline:-12px;border-top:1px solid var(--line);border-radius:10px;text-decoration:none;transition:background-color 200ms ease}
.ledger-row:last-child{border-bottom:1px solid var(--line)}
@media (hover:hover) and (pointer:fine){.ledger-row:hover{background:rgba(39,67,184,.05)}.ledger-row:hover .ledger-name{color:var(--cobalt)}}
.ledger-name{font-weight:660;font-size:1.3rem;letter-spacing:-.02em;transition:color 200ms ease}
.ledger-url{color:var(--muted);font-size:.95rem}
.ledger-what{font-size:1rem;max-width:34em}
.status{display:inline-flex;align-items:center;justify-self:end;gap:9px;font-size:.9rem;font-weight:600;color:var(--turq);white-space:nowrap}
.status::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--turq);box-shadow:0 0 0 4px rgba(18,129,122,.16)}
@media (prefers-reduced-motion:no-preference){.status::before{animation:pulse 2.6s ease-in-out infinite}}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(18,129,122,.04)}}
@media (max-width:760px){.ledger-title span+span{display:none}.ledger-row{grid-template-columns:1fr auto;border-radius:0}.ledger-row .status{grid-row:1;grid-column:2}.ledger-what{grid-column:1/-1}.ledger-url{grid-column:1/-1}}
.section.plain+.section.plain{padding-top:0}

/* deep band: the work and the closing call share one palette */
.band,.cta{position:relative;background:var(--deep);color:var(--white);isolation:isolate;overflow:hidden}
.band::before,.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 85% 0%,rgba(80,110,230,.35),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(9,18,60,.6),transparent 70%)}
.band .section-head p,.band .muted{color:var(--on-deep)}
.case{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}
.case+.case{margin-top:clamp(72px,9vw,120px)}
.case:nth-of-type(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.case:nth-of-type(even) .case-media{order:-1}
.case h2,.case h3{font-size:clamp(1.75rem,2.8vw,2.4rem);letter-spacing:-.03em;margin-bottom:16px}
.case .facts{list-style:none;margin:22px 0 28px;display:flex;flex-wrap:wrap;gap:8px}
.case .facts li{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);border-radius:6px;padding:4px 10px;font-size:.88rem}
.case-media{position:relative}
.case-media img{border-radius:14px;box-shadow:0 40px 80px -30px rgba(3,8,30,.7),0 0 0 1px rgba(255,255,255,.12)}
.textlink{font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;transition:text-decoration-color 200ms ease}
.on-dark .textlink{text-decoration-color:rgba(255,255,255,.4)}
@media (hover:hover) and (pointer:fine){.on-dark .textlink:hover{text-decoration-color:var(--white)}}
@media (max-width:860px){.case,.case:nth-of-type(even){grid-template-columns:1fr}.case:nth-of-type(even) .case-media{order:0}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .case-media img,.shot{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  }
}
@keyframes reveal{from{clip-path:inset(8% 4% 8% 4% round 14px);opacity:.4;transform:translateY(24px)}to{clip-path:inset(0 0 0 0 round 14px);opacity:1;transform:none}}

/* services: alternating text and real visuals */
.svc-list{border-top:2px solid var(--ink)}
.svc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px clamp(32px,5vw,72px);padding-block:clamp(40px,5vw,64px);border-bottom:1px solid var(--line);align-items:center}
.svc:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.svc:nth-child(even) .svc-visual{order:-1}
.svc h3{font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.03em;margin-bottom:12px}
.svc p{color:var(--muted);margin:0 0 18px;font-size:1.05rem}
@media (max-width:860px){.svc,.svc:nth-child(even){grid-template-columns:1fr}.svc:nth-child(even) .svc-visual{order:0}}
.svc-visual figure{margin:0}
.browser{border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-deep),0 0 0 1px rgba(15,33,64,.08)}
.browser-bar{display:flex;align-items:center;justify-content:center;height:38px;background:var(--chrome);border-bottom:1px solid var(--line)}
.browser-url{font-size:.8rem;color:var(--muted);background:var(--surface);border-radius:6px;padding:3px 14px;min-width:42%;text-align:center}
.flow{background:var(--deep);color:var(--white);border-radius:18px;padding:clamp(24px,4vw,40px);position:relative;overflow:hidden;isolation:isolate}
.flow::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 60% at 100% 0%,rgba(80,110,230,.4),transparent 70%)}
.flow ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
.flow ol::before{content:"";position:absolute;top:27px;inset-inline:12%;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 6px,transparent 6px 12px)}
.flow li{display:grid;justify-items:center;text-align:center;gap:12px;position:relative;font-size:.92rem;line-height:1.35;color:var(--on-deep)}
.flow .ico{width:56px;height:56px;padding:14px;border-radius:16px;background:var(--white);color:#13256B;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.flow li:last-child .ico{background:var(--turq);color:var(--white)}
@media (max-width:520px){.flow ol{grid-template-columns:1fr 1fr;row-gap:24px}.flow ol::before{display:none}}
.duo{display:flex;justify-content:center;gap:clamp(14px,3vw,28px);padding-block:12px}
.duo img{width:min(42%,230px);border-radius:24px;border:6px solid var(--frame);box-shadow:var(--shadow-deep)}
.duo img:first-child{transform:translateY(18px)}
.ico{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* languages: same page, two directions */
.langs-show{background:linear-gradient(180deg,var(--paper),var(--tint))}
.pair{display:flex;justify-content:center;gap:clamp(20px,5vw,64px)}
.pair figure{margin:0;width:min(44%,280px);text-align:center}
.pair img{border-radius:28px;border:7px solid var(--frame);box-shadow:var(--shadow-deep)}
.pair figure:last-child{transform:translateY(32px)}
.pair figcaption{margin-top:16px;font-weight:600}
.ticks{list-style:none;display:grid;gap:9px}
.ticks li{padding-inline-start:24px;position:relative}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.66em;width:12px;height:2px;border-radius:2px;background:var(--cobalt)}
.on-dark .ticks li::before{background:var(--white)}
.note{margin-top:40px;padding:22px 26px;border-inline-start:4px solid var(--cobalt);background:var(--surface);border-radius:0 12px 12px 0;max-width:46em;box-shadow:0 10px 30px -18px rgba(15,33,64,.25)}
[dir=rtl] .note{border-radius:12px 0 0 12px}
.note p{margin:0}

/* process: a real sequence, so numbered */
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;counter-reset:step;position:relative}
.steps li{counter-increment:step;position:relative;padding-top:22px;border-top:2px solid var(--line)}
.steps li:first-child{border-top-color:var(--cobalt)}
.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;top:22px;inset-inline-end:0;font-size:2.2rem;font-weight:250;line-height:1;color:var(--line);font-variant-numeric:tabular-nums}
.steps .ico{width:48px;height:48px;padding:11px;border-radius:14px;background:rgba(39,67,184,.1);color:var(--cobalt);margin-bottom:20px}
.steps h3{font-size:1.15rem;margin-bottom:8px}
.steps p{color:var(--muted);font-size:.98rem;margin:0}
@media (max-width:1100px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}}
@media (max-width:720px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* ownership statement */
.own{background:var(--surface);border-block:1px solid var(--line)}
.own p.big{font-size:clamp(1.85rem,3.6vw,3.1rem);line-height:1.14;letter-spacing:-.035em;font-weight:560;max-width:21em;margin:0;text-wrap:balance}
:lang(ar) .own p.big{letter-spacing:0;line-height:1.5}
.own p.small{color:var(--muted);margin-top:22px;max-width:40em}

/* cta */
.cta h2{font-size:clamp(2.4rem,5.4vw,4.4rem);letter-spacing:-.045em;max-width:12em}
:lang(ar) .cta h2{letter-spacing:0}
.cta p{color:var(--on-deep);max-width:34em;margin-top:20px}
.cta .mail{color:var(--white);font-weight:600;text-underline-offset:5px}

/* footer */
.foot{padding-block:56px 64px;font-size:.95rem;color:var(--muted)}
.foot .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px 48px}
.foot-main p{margin:8px 0 6px}
.foot-mail{color:var(--ink);font-weight:600;text-decoration:none}
.foot-links{display:flex;flex-wrap:wrap;gap:10px 24px;align-content:start}
.foot-links a,.social a{text-decoration:none}
.foot-links a:hover,.social a:hover,.foot-mail:hover{color:var(--cobalt)}
.foot-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--line)}
.social{display:flex;gap:20px}
@media (max-width:760px){.foot .wrap{grid-template-columns:1fr}}

/* inner pages */
.page-head{padding-block:clamp(56px,8vw,112px) clamp(32px,4vw,56px)}
.page-head h1{font-size:clamp(2.5rem,5.4vw,4.6rem);letter-spacing:-.045em;max-width:15em;line-height:1}
:lang(ar) .page-head h1{letter-spacing:0;line-height:1.3}
.page-head .lede{margin-top:24px}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,80px);padding-block:clamp(40px,6vw,72px);border-top:1px solid var(--line)}
.split h2{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.025em}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.shot{border-radius:14px;box-shadow:var(--shadow-deep)}
.screens{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px}
.screens figure{margin:0}
.screens img{border-radius:18px;border:5px solid var(--frame);box-shadow:0 18px 36px -20px rgba(19,37,107,.45)}
.screens figcaption{font-size:.88rem;color:var(--muted);margin-top:10px}
.facts-table{display:grid;grid-template-columns:auto 1fr;gap:12px 32px;margin:0}
.facts-table dt{color:var(--muted)}
.facts-table dd{margin:0;font-weight:560}
.qa{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;margin:0}
.qa dt{font-weight:620;font-size:1.12rem;margin-bottom:8px;letter-spacing:-.01em}
.qa dd{margin:0;color:var(--muted)}
@media (max-width:760px){.qa{grid-template-columns:1fr}}
.nf-code{font-size:clamp(6rem,18vw,14rem);font-weight:200;line-height:.9;letter-spacing:-.06em;color:var(--cobalt);margin:0 0 12px}

/* form */
.form{display:grid;gap:24px;max-width:700px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;align-items:end}
@media (max-width:620px){.row2{grid-template-columns:1fr}}
.field{display:grid;gap:8px}
.field label,.field legend{font-weight:600}
.field .hint{display:block;font-size:.92rem;color:var(--muted);font-weight:400;margin-top:2px}
.hint-inline{color:var(--muted);font-weight:400;font-size:.92rem}
.input{font:inherit;color:inherit;width:100%;padding:13px 15px;border:1.5px solid var(--field);border-radius:12px;background:var(--surface);transition:border-color 200ms ease,box-shadow 200ms ease}
.input:hover{border-color:var(--field-hover)}
.input:focus{border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(39,67,184,.16);outline:0}
.input:user-invalid{border-color:#B4372B;box-shadow:0 0 0 4px rgba(180,55,43,.12)}
.input::placeholder{color:var(--muted);opacity:.7}
select.input{appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:42px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
[dir=rtl] select.input{padding-inline:15px 42px;background-position:22px 50%,16px 50%}
select.input:has(option[value=""]:checked){color:var(--muted)}
textarea.input{min-height:160px;resize:vertical}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0;margin:0}
.choices legend{margin-bottom:12px}
.choice{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1.5px solid var(--field);border-radius:12px;background:var(--surface);cursor:pointer;font-weight:500;transition:border-color 200ms ease,box-shadow 200ms ease,transform 160ms var(--ease-out)}
.choice:active{transform:scale(.98)}
.choice:has(input:checked){border-color:var(--cobalt);box-shadow:inset 0 0 0 1px var(--cobalt),0 8px 20px -14px rgba(39,67,184,.6)}
.choice:has(input:focus-visible){outline:3px solid var(--cobalt);outline-offset:2px}
.choice input{accent-color:var(--cobalt);width:18px;height:18px}
@media (max-width:520px){.choices{grid-template-columns:1fr}}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:var(--muted)}
.consent input{margin-top:.3em;accent-color:var(--cobalt);width:18px;height:18px;flex:none}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.aside{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;position:sticky;top:96px;box-shadow:0 20px 40px -28px rgba(15,33,64,.3)}
.aside .h3{font-size:1.25rem;margin-bottom:16px}
.aside ol{padding-inline-start:20px;display:grid;gap:10px;color:var(--muted);margin-bottom:18px}
.aside p{margin:0}
.form-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,5vw,72px);align-items:start;padding-bottom:clamp(72px,9vw,136px)}
@media (max-width:860px){.form-grid{grid-template-columns:1fr}.aside{position:static}}

/* 2026-10-28 English home redesign (x- prefix): hero, work, services, automation */
.x-kicker{margin:0 0 14px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.section-head h2 em,.x-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--cobalt),var(--turq));-webkit-background-clip:text;background-clip:text;color:transparent}

.x-hero{position:relative;padding-block:clamp(44px,6vw,88px) clamp(40px,5vw,64px);overflow:clip}
.x-hero::before{content:"";position:absolute;inset-block-start:-10%;inset-inline-end:-10%;width:min(820px,75vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(39,67,184,.16),transparent);pointer-events:none}
:root[data-theme=dark] .x-hero::before{background:radial-gradient(closest-side,rgba(90,120,255,.24),transparent)}
.x-hero .wrap{position:relative}
.x-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.x-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border:1px solid var(--line);border-radius:999px;font-size:.86rem;color:var(--muted);background:var(--surface)}
.x-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--turq)}
.x-hero h1{font-size:clamp(2.6rem,5.6vw,4.9rem);line-height:.98;letter-spacing:-.045em;font-weight:660;margin:24px 0 22px;text-wrap:balance}
.x-sub{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;color:var(--muted);max-width:33em;margin:0}
.x-sub b{color:var(--ink);font-weight:500}
.x-hero .actions{margin-top:32px}
.x-built{display:flex;align-items:center;gap:12px 26px;flex-wrap:wrap;margin:24px 0 0;color:var(--muted);font-size:.92rem}
.x-built a{color:var(--ink);font-weight:600;text-decoration:none}
.x-built a::after{content:" ↗";color:var(--muted);font-weight:400}
.x-built a:hover{color:var(--cobalt)}
.x-stage-video{position:relative;margin:0;border-radius:28px;padding:1px;background:linear-gradient(160deg,rgba(142,162,255,.55),rgba(34,48,74,.4) 40%,rgba(60,201,188,.45));box-shadow:var(--shadow-deep)}
.x-stage-video video{display:block;width:100%;height:auto;border-radius:27px;background:#0A1120}
.x-stage-video figcaption{position:absolute;inset-inline-start:20px;bottom:-16px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.82rem;color:var(--muted)}
.x-stage-video figcaption b{color:var(--ink);font-weight:600}
.x-proof{margin-top:clamp(52px,6vw,80px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line)}
.x-proof div{padding:22px 22px 22px 0}
.x-proof div+div{padding-inline-start:22px;border-inline-start:1px solid var(--line)}
.x-proof strong{display:block;font-size:1.05rem;font-weight:600;margin-bottom:6px}
.x-proof span{font-size:.9rem;color:var(--muted);line-height:1.45}
@media (max-width:920px){
  .x-hero-grid{grid-template-columns:1fr}
  .x-proof{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x-proof div:nth-child(3){padding-inline-start:0;border-inline-start:0}
  .x-proof div:nth-child(n+3){border-top:1px solid var(--line)}
}

.x-project{border:1px solid var(--line);border-radius:32px;overflow:hidden;background:var(--surface);--glow:rgba(245,196,0,.16);--bg1:#0E0F12;--bg2:#17181D}
.x-project+.x-project{margin-top:32px}
.x-project.x-ts{--glow:rgba(39,67,184,.55);--bg1:#0C1A4A;--bg2:#13256B}
.x-p-top{display:flex;align-items:center;justify-content:space-between;gap:16px 20px;padding:26px 32px;flex-wrap:wrap}
.x-p-name{display:flex;align-items:baseline;gap:10px 16px;flex-wrap:wrap}
.x-p-name h3{margin:0;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.03em;font-weight:650}
.x-p-name a{color:var(--muted);font-size:.95rem;text-decoration:none;border-bottom:1px solid var(--line)}
.x-p-name a:hover{color:var(--ink)}
.x-live{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--turq)}
.x-live i{width:7px;height:7px;border-radius:50%;background:var(--turq)}
.x-tabs{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--paper);gap:2px}
.x-tabs button{font:inherit;font-size:.9rem;font-weight:600;color:var(--muted);background:none;border:0;padding:9px 16px;border-radius:999px;cursor:pointer;transition:color .2s,background-color .2s}
.x-tabs button[aria-selected=true]{background:var(--ink);color:var(--on-ink)}
.x-stage{position:relative;aspect-ratio:16/8.4;overflow:hidden;background:radial-gradient(60% 70% at 30% 20%,var(--glow),transparent 70%),linear-gradient(160deg,var(--bg2),var(--bg1))}
.x-view{position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out);pointer-events:none}
.x-view.on{opacity:1;transform:none;pointer-events:auto}
.x-browser{position:absolute;inset-inline-start:6%;top:9%;width:72%;border-radius:14px;overflow:hidden;background:#0B0C10;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.x-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#1A1C22}
.x-bar i{width:10px;height:10px;border-radius:50%;background:#3A3D46}
.x-bar span{margin:0 auto;font-size:.75rem;color:#9AA0AC;background:#0F1014;padding:4px 40px;border-radius:7px}
.x-browser img{display:block;width:100%;height:auto}
.x-phone{position:absolute;width:19%;aspect-ratio:600/1298;border-radius:clamp(18px,2.6vw,38px);padding:clamp(4px,.5vw,8px);background:#05060A;box-shadow:0 40px 70px -24px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.1)}
.x-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:clamp(14px,2.1vw,31px)}
.x-view-web .x-phone{inset-inline-end:6%;top:16%}
.x-view-app .x-phone{top:9%}
.x-view-app .x-phone:nth-child(1){left:19%;transform:rotate(-4deg) translateY(16px)}
.x-view-app .x-phone:nth-child(2){left:40.5%;z-index:1}
.x-view-app .x-phone:nth-child(3){left:62%;transform:rotate(4deg) translateY(16px)}
.x-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.x-facts>div{padding:26px 32px}
.x-facts>div+div{border-inline-start:1px solid var(--line)}
.x-facts h4,.x-pane-body h4{margin:0 0 10px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.x-facts p{margin:0;font-size:1rem;line-height:1.6}
.x-chips{display:flex;flex-wrap:wrap;gap:8px}
.x-chips span{font-size:.85rem;padding:6px 12px;border-radius:999px;border:1px solid var(--line)}
.x-case{display:block;padding:18px 32px;border-top:1px solid var(--line);font-weight:600;color:var(--ink);text-decoration:none}
.x-case::after{content:" →";color:var(--muted)}
.x-case:hover{color:var(--cobalt)}
@media (max-width:860px){
  .x-stage{aspect-ratio:4/5}
  .x-browser{inset-inline-start:5%;width:90%;top:6%}
  .x-phone{width:30%}
  .x-view-web .x-phone{width:36%;inset-inline-end:6%;top:auto;bottom:-8%}
  .x-view-app .x-phone{top:14%;width:30%}
  .x-view-app .x-phone:nth-child(1){left:4%}.x-view-app .x-phone:nth-child(2){left:35%}.x-view-app .x-phone:nth-child(3){left:66%}
  .x-facts{grid-template-columns:1fr}
  .x-facts>div+div{border-inline-start:0;border-top:1px solid var(--line)}
  .x-p-top,.x-facts>div,.x-case{padding-inline:22px}
}

.x-picker{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
.x-opts{display:flex;flex-direction:column;gap:10px}
.x-opt{font:inherit;color:inherit;text-align:start;cursor:pointer;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:border-color .25s,background-color .25s}
.x-opt:hover{border-color:var(--field)}
.x-opt[aria-selected=true]{border-color:var(--cobalt)}
.x-opt h3{margin:0;font-size:1.12rem;font-weight:600}
.x-opt-p{display:block;font-size:.92rem;color:var(--muted);margin-top:3px;line-height:1.45}
.x-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--cobalt);background:var(--tint)}
.x-ico svg,.x-k svg,.x-flow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.x-opt[aria-selected=true] .x-ico{background:var(--cobalt);color:var(--on-ink)}
.x-arrow{color:var(--muted);transition:transform .3s var(--ease-out)}
.x-opt[aria-selected=true] .x-arrow{color:var(--cobalt);transform:translateX(4px)}
.x-panel{border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden;scroll-margin-top:90px}
.x-pane{display:none}
.x-pane.on{display:block;animation:x-fade .5s var(--ease-out)}
@keyframes x-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.x-art{position:relative;height:300px;border-bottom:1px solid var(--line);overflow:hidden;background:radial-gradient(60% 80% at 50% 0%,rgba(39,67,184,.22),transparent 70%),var(--tint)}
.x-pane-body{padding:26px 30px 30px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.x-pane-body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.x-pane-body li{display:flex;gap:10px;font-size:.98rem;line-height:1.45}
.x-pane-body li::before{content:"";flex:0 0 6px;height:6px;margin-top:8px;border-radius:50%;background:var(--turq)}
.x-pane-body .ex li::before{background:var(--cobalt)}
.x-site{position:absolute;left:50%;top:34px;width:78%;transform:translateX(-50%);border-radius:12px;background:#F6F7F9;box-shadow:0 30px 60px -20px rgba(15,33,64,.45);overflow:hidden;color:#0F2140}
.x-site-bar{height:26px;background:#E3E7EE;display:flex;gap:6px;align-items:center;padding:0 10px}
.x-site-bar i{width:8px;height:8px;border-radius:50%;background:#C3CAD6}
.x-site-nav{display:flex;justify-content:space-between;padding:12px 22px 0;font-size:11px;color:#52607A;font-weight:600}
.x-site-in{padding:18px 22px;display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.x-site-h{font-weight:700;font-size:20px;letter-spacing:-.02em;line-height:1.1}
.x-ln{height:7px;border-radius:4px;background:#D9DFE8;margin-top:8px}
.x-ln.short{width:70%}
.x-site-cta{display:inline-block;margin-top:14px;background:#2743B8;color:#fff;font-size:11px;font-weight:600;padding:7px 12px;border-radius:999px}
.x-site-img{border-radius:10px;background:linear-gradient(135deg,#2743B8,#3CC9BC);min-height:110px}
.x-dash{--d-bg:#16213A;--d-line:#22304A;--d-ink:#E6ECF7;--d-mut:#9AA7C0;position:absolute;left:50%;top:30px;width:84%;transform:translateX(-50%);border-radius:12px;background:var(--d-bg);border:1px solid var(--d-line);display:grid;grid-template-columns:110px 1fr;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);color:var(--d-ink)}
.x-dash-side{padding:14px;border-inline-end:1px solid var(--d-line);display:flex;flex-direction:column;gap:9px}
.x-dash-side span{height:8px;border-radius:4px;background:var(--d-line)}
.x-dash-side span.on{background:#8EA2FF}
.x-dash-main{padding:14px 16px}
.x-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.x-kpis div{border:1px solid var(--d-line);border-radius:8px;padding:8px 10px;font-size:10px;color:var(--d-mut)}
.x-kpis b{display:block;color:var(--d-ink);font-size:15px;margin-top:2px}
.x-rows div{display:grid;grid-template-columns:1.4fr 1fr .8fr;font-size:11px;padding:7px 0;border-top:1px solid var(--d-line);color:var(--d-mut)}
.x-rows div span:first-child{color:var(--d-ink)}
.x-pill{justify-self:end;font-size:10px;padding:2px 8px;border-radius:999px;font-weight:600}
.x-pill.g{background:rgba(60,201,188,.15);color:#3CC9BC}
.x-pill.b{background:rgba(142,162,255,.15);color:#8EA2FF}
.x-pill.a{background:rgba(245,196,0,.14);color:#F5C400}
.x-rows div.new{animation:x-slide 3.2s var(--ease-out) infinite}
@keyframes x-slide{0%,15%{opacity:0;transform:translateY(-8px)}30%,100%{opacity:1;transform:none}}
.x-flow{list-style:none;margin:0;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 24px}
.x-flow li{display:flex;flex-direction:column;align-items:center;gap:10px;width:110px;text-align:center;font-size:12px;color:var(--muted);line-height:1.35}
.x-flow li>span{width:56px;height:56px;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);animation:x-lit 4s infinite}
.x-flow li:nth-child(3)>span{animation-delay:1s}.x-flow li:nth-child(5)>span{animation-delay:2s}.x-flow li:nth-child(7)>span{animation-delay:3s}
@keyframes x-lit{0%,20%{border-color:var(--cobalt);box-shadow:0 0 24px -4px rgba(142,162,255,.6);color:var(--cobalt)}30%,100%{border-color:var(--line);box-shadow:none;color:var(--ink)}}
.x-flow li.x-wire{flex:1;width:auto;min-width:16px;height:2px;margin-bottom:34px;background:linear-gradient(90deg,var(--field) 0 50%,transparent 50%) 0 0/10px 2px;position:relative;overflow:hidden}
.x-flow li.x-wire::after{content:"";position:absolute;top:-1px;height:4px;width:30%;border-radius:2px;background:var(--cobalt);animation:x-run 4s linear infinite}
.x-flow li.x-wire:nth-child(4)::after{animation-delay:1s}.x-flow li.x-wire:nth-child(6)::after{animation-delay:2s}
@keyframes x-run{0%{left:-30%}25%{left:100%}100%{left:100%}}
.x-mphones{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;gap:22px;padding-top:24px}
.x-mph{width:116px;height:218px;border-radius:24px;background:#05060A;padding:6px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1)}
.x-mph.lower{margin-top:14px}
.x-mph>div{height:100%;border-radius:19px;background:#16213A;padding:20px 10px 10px;display:flex;flex-direction:column;gap:7px;position:relative;overflow:hidden}
.x-mph>div.l{background:#F6F7F9}
.x-mph b{height:12px;width:60%;border-radius:4px;background:#8EA2FF}
.x-mph .l b{background:#2743B8}
.x-mph i{height:42px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid #22304A}
.x-mph i.short{height:28px}
.x-mph .l i{background:#fff;border-color:#D9DFE8}
.x-mph u{position:absolute;left:7px;right:7px;bottom:7px;height:22px;border-radius:9px;background:rgba(255,255,255,.06);display:flex;justify-content:space-around;align-items:center}
.x-mph .l u{background:#E9EDF3}
.x-mph s{width:10px;height:10px;border-radius:3px;background:#9AA7C0;opacity:.5}
.x-mph s.on{background:#F5C400;opacity:1}
.x-stores{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:10px}
.x-stores span{font-size:11px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.x-note{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;color:var(--muted);font-size:.98rem}
.x-note p{margin:0}
.x-note a{color:var(--ink);font-weight:600}
@media (max-width:900px){
  .x-picker{grid-template-columns:1fr}
  .x-pane-body{grid-template-columns:1fr}
  .x-art{height:250px}
  .x-site{width:90%}
  .x-site-in{grid-template-columns:1.4fr 1fr;gap:12px;padding:14px 16px}
  .x-site-h{font-size:15px}
  .x-site-img{min-height:80px}
  .x-flow{padding:0 10px}
  .x-flow li{width:72px;font-size:10.5px}.x-flow li>span{width:44px;height:44px}
  .x-mph{width:96px;height:180px}
  .x-note{grid-template-columns:1fr}
}

.x-auto{background:linear-gradient(var(--tint),var(--paper))}
.x-console{--c-bg1:#121D33;--c-bg2:#0D1526;--c-line:#1D2A44;--c-ink:#E6ECF7;--c-mut:#8A97B1;color:var(--c-ink);border:1px solid var(--c-line);border-radius:24px;background:linear-gradient(180deg,var(--c-bg1),var(--c-bg2));overflow:hidden;box-shadow:var(--shadow-deep)}
.x-c-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;border-bottom:1px solid var(--c-line);flex-wrap:wrap}
.x-c-t{font-weight:600;display:flex;align-items:center;gap:10px}
.x-dot{width:8px;height:8px;border-radius:50%;background:#3CC9BC}
.x-clock{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:.88rem;color:var(--c-mut)}
.x-clock b{color:var(--c-ink);font-weight:500}
.x-day{padding:30px 26px;border-bottom:1px solid var(--c-line)}
.x-track{position:relative;height:44px;border-radius:12px;background:rgba(142,162,255,.05);border:1px solid var(--c-line)}
.x-past{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:12px 0 0 12px;background:linear-gradient(90deg,rgba(142,162,255,.04),rgba(142,162,255,.14))}
.x-always{position:absolute;left:8px;right:8px;bottom:6px;height:2px;background:linear-gradient(90deg,#3CC9BC 0 40%,transparent 40%) 0 0/8px 2px;opacity:.7}
.x-mark{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid var(--c-bg2);background:#8EA2FF}
.x-mark.m1{left:25%}.x-mark.m2{left:27.6%}
.x-needle{position:absolute;top:-8px;bottom:-8px;left:0;width:2px;margin-left:-1px;background:var(--c-ink);border-radius:2px}
.x-needle span{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-family:ui-monospace,Menlo,monospace;font-size:.72rem;background:var(--c-ink);color:#0A1120;padding:2px 7px;border-radius:6px}
.x-lbl{display:flex;justify-content:space-between;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;color:var(--c-mut);margin-top:12px}
.x-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;font-size:.85rem;color:var(--c-mut)}
.x-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:7px}
.x-legend i.c{background:#8EA2FF}.x-legend i.t{background:#3CC9BC}
.x-job{display:grid;grid-template-columns:28px minmax(0,1.3fr) minmax(0,1.6fr) 150px 130px;gap:18px;align-items:center;padding:18px 26px;border-top:1px solid var(--c-line)}
.x-job:first-child{border-top:0}
.x-job h3{margin:0;font-size:1rem;font-weight:600}
.x-job p{margin:0;font-size:.92rem;color:var(--c-mut);line-height:1.45}
.x-k{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#0A1120}
.x-k svg{width:14px;height:14px;stroke-width:2.4}
.x-k.c{background:#8EA2FF}.x-k.a{background:#F5C400}.x-k.t{background:#3CC9BC}
.x-when{font-family:ui-monospace,Menlo,monospace;font-size:.82rem}
.x-next{font-family:ui-monospace,Menlo,monospace;font-size:.8rem;color:var(--c-mut);text-align:end}
.x-ai{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:6px;background:rgba(142,162,255,.15);color:#8EA2FF;margin-inline-start:8px;vertical-align:2px}
.x-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.x-rules div{border:1px solid var(--line);border-radius:18px;padding:22px 24px;background:var(--surface)}
.x-rules h3{margin:0 0 6px;font-size:1.02rem;font-weight:600}
.x-rules p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}
@media (max-width:900px){
  .x-job{grid-template-columns:28px minmax(0,1fr);gap:6px 14px}
  .x-job p,.x-job .x-when,.x-job .x-next{grid-column:2}
  .x-job .x-next{text-align:start}
  .x-rules{grid-template-columns:1fr}
}

/* 2026-10-28 concept B: services scenes, ownership kit, process road, aurora enquiry (y- prefix) */
.y-picker{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:28px;align-items:stretch}
.y-opts{display:flex;flex-direction:column;gap:6px}
.y-opt{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;padding:22px 24px;border-radius:20px;transition:background-color .3s}
.y-opt:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}
.y-n{grid-row:span 2;font-size:.95rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:4px}
.y-opt h3{margin:0;font-size:1.4rem;font-weight:620;letter-spacing:-.02em;color:var(--muted);transition:color .3s}
.y-opt p{margin:0;font-size:.95rem;line-height:1.55;color:var(--muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease-out),opacity .4s}
.y-opt[aria-selected=true]{background:var(--surface);box-shadow:0 20px 40px -24px rgba(15,33,64,.35),inset 0 0 0 1px var(--line)}
.y-opt[aria-selected=true] h3{color:var(--ink)}
.y-opt[aria-selected=true] .y-n{color:var(--cobalt)}
.y-opt[aria-selected=true] p{max-height:90px;opacity:1}
.y-bar{position:absolute;left:24px;right:24px;bottom:10px;height:2px;border-radius:2px;background:var(--line);overflow:hidden;opacity:0}
.y-opt[aria-selected=true] .y-bar{opacity:1}
.y-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cobalt),var(--turq))}
.y-opt[aria-selected=true] .y-bar i{animation:y-fill 7s linear forwards}
.y-svc.y-hold .y-bar i{animation:none;width:100%}
@keyframes y-fill{to{width:100%}}
.y-quote{margin:28px 0 0;color:var(--muted);font-size:.95rem}
.y-scene{position:relative;border-radius:32px;min-height:600px;overflow:hidden;isolation:isolate;color:#E6ECF7;
  background:radial-gradient(40% 50% at 15% 10%,rgba(39,67,184,.45),transparent 70%),radial-gradient(35% 45% at 90% 90%,rgba(18,129,122,.4),transparent 70%),#0B1426}
.y-scene::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(80% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(80% 70% at 50% 50%,#000,transparent)}
.y-layer{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease-out);pointer-events:none}
.y-layer.on{opacity:1}
.y-layer>*{transition:transform .9s var(--ease-out),opacity .7s var(--ease-out)}
.y-layer:not(.on)>*{transform:translateY(24px) scale(.97);opacity:0}
.y-layer.on>:nth-child(2){transition-delay:.08s}.y-layer.on>:nth-child(3){transition-delay:.16s}.y-layer.on>:nth-child(4){transition-delay:.24s}.y-layer.on>:nth-child(5){transition-delay:.32s}
.y-float{animation:y-float 6s ease-in-out infinite}
.y-float.b{animation-delay:-3s}
@keyframes y-float{50%{translate:0 -10px}}
.y-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(17,26,46,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#E6ECF7;font-size:.88rem;line-height:1.35;box-shadow:0 24px 40px -20px rgba(0,0,0,.7);white-space:nowrap}
.y-chip small,.y-node small{display:block;color:#9AA7C0;font-size:.76rem}
.y-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}
.y-ic.t{background:rgba(60,201,188,.16);color:#3CC9BC}.y-ic.c{background:rgba(142,162,255,.16);color:#8EA2FF}.y-ic.a{background:rgba(245,196,0,.16);color:#F5C400}
.y-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.y-p1{left:4%;bottom:12%}.y-p2{right:5%;top:7%}.y-p3{left:52%;top:48%}.y-p4{right:4%;top:14%}.y-p5{right:8%;bottom:10%}.y-p6{left:8%;bottom:9%}.y-p7{right:8%;bottom:9%}
.y-bw{position:absolute;left:7%;top:12%;width:70%;border-radius:16px;overflow:hidden;background:#FBF8F3;color:#2B1D12;line-height:1.4;box-shadow:0 50px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08)}
.y-bw-bar{height:30px;background:#ECE6DC;display:flex;align-items:center;gap:6px;padding:0 12px}
.y-bw-bar i{width:9px;height:9px;border-radius:50%;background:#D3C9BA}
.y-bw-bar span{margin:0 auto;font-size:11px;color:#8C7B66;background:#F6F1E9;padding:3px 30px;border-radius:6px}
.y-bw-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;font-size:12px;font-weight:600}
.y-bw-nav b{font-size:15px;letter-spacing:-.02em}
.y-bw-nav span{color:#8C7B66}
.y-bw-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:8px 22px 22px}
.y-bw h4{margin:0;font-size:26px;line-height:1.02;letter-spacing:-.035em;font-weight:700}
.y-bw p{font-size:11.5px;color:#7A6A57;margin:10px 0 0;line-height:1.5}
.y-bw-btn{display:inline-block;margin-top:14px;background:#2B1D12;color:#FBF8F3;font-size:11px;font-weight:600;padding:8px 14px;border-radius:999px}
.y-loaf{border-radius:14px;min-height:150px;position:relative;overflow:hidden;background:radial-gradient(60% 50% at 50% 60%,#E7A75B 0 40%,#C27A35 60%,transparent 62%),radial-gradient(70% 60% at 50% 70%,#F3D7A8,#E9C48C)}
.y-loaf::after{content:"";position:absolute;inset:36% 28% 30%;border-radius:50%;background:repeating-linear-gradient(115deg,transparent 0 14px,rgba(255,240,210,.55) 14px 17px)}
.y-bw-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 22px}
.y-bw-row div{height:54px;border-radius:10px;background:#F1EADF}
.y-ph{position:absolute;right:7%;bottom:7%;width:24%;aspect-ratio:9/19;border-radius:30px;padding:6px;background:#05060A;box-shadow:0 40px 70px -24px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12)}
.y-ph>div{height:100%;border-radius:24px;background:#FBF8F3;color:#2B1D12;padding:22px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.y-ph b{font-size:12px}
.y-ph .y-loaf{min-height:90px}
.y-l{height:7px;border-radius:4px;background:#E8DFD1}.y-l.s{width:70%}
.y-ph-cta{margin-top:auto;height:26px;border-radius:999px;background:#2B1D12}
.y-dash{position:absolute;left:6%;top:10%;width:76%;border-radius:16px;background:#121D33;border:1px solid #22304A;color:#E6ECF7;display:grid;grid-template-columns:120px 1fr;overflow:hidden;line-height:1.4;box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
.y-dash aside{padding:16px 12px;border-right:1px solid #22304A;display:flex;flex-direction:column;gap:6px;font-size:11px;color:#9AA7C0}
.y-dash aside b{color:#E6ECF7;font-size:13px;margin-bottom:8px}
.y-dash aside span{padding:6px 8px;border-radius:7px}
.y-dash aside span.on{background:rgba(142,162,255,.14);color:#C9D3FF}
.y-dash-main{padding:16px}
.y-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.y-kp div{border:1px solid #22304A;border-radius:10px;padding:10px 12px;font-size:10.5px;color:#9AA7C0}
.y-kp b{display:block;font-size:20px;color:#E6ECF7;letter-spacing:-.02em;margin-top:2px}
.y-chart{margin-top:12px;height:120px;border:1px solid #22304A;border-radius:10px;display:flex;align-items:flex-end;gap:7px;padding:12px}
.y-chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#8EA2FF,rgba(142,162,255,.25));transform-origin:bottom;animation:y-grow 1.2s var(--ease-out) both}
.y-chart i:nth-child(odd){background:linear-gradient(#3CC9BC,rgba(60,201,188,.2))}
.y-chart i:nth-child(1){height:40%}.y-chart i:nth-child(2){height:62%}.y-chart i:nth-child(3){height:48%}.y-chart i:nth-child(4){height:75%}.y-chart i:nth-child(5){height:58%}.y-chart i:nth-child(6){height:88%}.y-chart i:nth-child(7){height:70%}.y-chart i:nth-child(8){height:95%}
@keyframes y-grow{from{transform:scaleY(.1)}}
.y-tbl{margin-top:12px;font-size:11px}
.y-tbl div{display:grid;grid-template-columns:1.5fr 1fr auto;padding:8px 2px;border-top:1px solid #22304A;color:#9AA7C0}
.y-tbl div span:first-child{color:#E6ECF7}
.y-pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px}
.y-pill.b{background:rgba(142,162,255,.15);color:#8EA2FF}.y-pill.a{background:rgba(245,196,0,.14);color:#F5C400}
.y-graph{position:absolute;inset:0;width:100%;height:100%}
.y-node{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#121D33;border:1px solid #22304A;color:#E6ECF7;font-size:.88rem;line-height:1.35;box-shadow:0 30px 50px -24px rgba(0,0,0,.8)}
.y-node.ai{border-color:rgba(142,162,255,.5);box-shadow:0 0 0 6px rgba(142,162,255,.06),0 0 60px -10px rgba(142,162,255,.5)}
.y-node.n1{left:5%;top:14%}.y-node.n2{left:38%;top:42%}.y-node.n3{right:4%;top:14%}.y-node.n4{left:16%;bottom:12%}
.y-wire{fill:none;stroke:#2C3B5C;stroke-width:2;stroke-dasharray:4 7}
.y-flow{fill:none;stroke:url(#y-g);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:60 400;animation:y-dash 3.2s linear infinite}
.y-flow.d2{animation-delay:-1.6s}
@keyframes y-dash{from{stroke-dashoffset:460}to{stroke-dashoffset:0}}
.y-log{position:absolute;right:6%;bottom:7%;width:44%;border-radius:14px;background:rgba(6,11,22,.85);border:1px solid #1D2A44;padding:14px 16px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#8A97B1;line-height:1.9}
.y-log b{color:#3CC9BC;font-weight:500}.y-log i{color:#E6ECF7;font-style:normal}
.y-mp{position:absolute;width:30%;aspect-ratio:9/19;border-radius:34px;padding:7px;background:#05060A;box-shadow:0 50px 80px -30px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.12)}
.y-mp.m1{left:18%;top:13%}.y-mp.m2{left:52%;top:20%}
.y-mp>div{height:100%;border-radius:28px;overflow:hidden;padding:26px 14px 14px;display:flex;flex-direction:column;gap:10px;position:relative}
.y-mp.dk>div{background:#111A2E}
.y-mp.lt>div{background:#F6F7F9}
.y-mp .h{height:14px;width:55%;border-radius:4px;background:#8EA2FF}
.y-mp.lt .h{background:#2743B8}
.y-mp .card{height:70px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid #22304A}
.y-mp.lt .card{background:#fff;border-color:#D9DFE8}
.y-mp .card.img{height:110px;background:linear-gradient(135deg,#2743B8,#3CC9BC);border:0}
.y-mp .tabs{position:absolute;left:10px;right:10px;bottom:10px;height:34px;border-radius:12px;background:rgba(255,255,255,.06);display:flex;justify-content:space-around;align-items:center}
.y-mp.lt .tabs{background:#E9EDF3}
.y-mp .tabs i{width:14px;height:14px;border-radius:5px;background:#9AA7C0;opacity:.45}
.y-mp .tabs i.on{background:#F5C400;opacity:1}
.y-push{left:50%;top:9%;translate:-50% 0;width:62%;animation:y-drop 5s var(--ease-out) infinite}
@keyframes y-drop{0%,8%{transform:translateY(-30px);opacity:0}16%,70%{transform:none;opacity:1}80%,100%{transform:translateY(-14px);opacity:0}}

.y-own-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.y-own h2{margin:0;font-size:clamp(2.3rem,4.6vw,3.8rem);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.y-own h2 span{color:var(--muted)}
.y-lead{color:var(--muted);font-size:1.1rem;max-width:30em;margin:22px 0 0}
.y-own ul{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px}
.y-own li{display:flex;gap:14px;align-items:flex-start}
.y-own li i{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--tint);color:var(--turq);font-style:normal;font-weight:700;font-size:.8rem;margin-top:1px}
.y-kit{position:relative;height:520px}
.y-kc{position:absolute;width:74%;border-radius:22px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 40px 70px -40px rgba(15,33,64,.5);transition:transform .8s var(--ease-out)}
:root[data-theme=dark] .y-kc{box-shadow:0 40px 70px -30px rgba(0,0,0,.9)}
.y-kc h4{margin:0;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:10px}
.y-kc h4 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.y-mono{font-family:ui-monospace,Menlo,monospace;font-size:.82rem;color:var(--muted);margin-top:6px}
.y-owner{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:.82rem;font-weight:600;color:var(--turq);background:color-mix(in srgb,var(--turq) 12%,transparent);padding:5px 10px;border-radius:999px}
.y-kc.k1{left:0;top:0;transform:rotate(-5deg)}
.y-kc.k2{right:0;top:150px;transform:rotate(3deg);z-index:2}
.y-kc.k3{left:6%;top:300px;transform:rotate(-1.5deg);z-index:3}
.y-kit:hover .k1{transform:rotate(-7deg) translate(-10px,-8px)}
.y-kit:hover .k2{transform:rotate(5deg) translate(10px,0)}
.y-kit:hover .k3{transform:rotate(-.5deg) translate(0,10px)}
.y-files{margin-top:12px;display:grid;gap:6px}
.y-files div{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;padding:7px 10px;border-radius:9px;background:var(--tint)}
.y-files div span:last-child{color:var(--muted)}
.y-domain{font-size:1.6rem;font-weight:650;letter-spacing:-.03em;margin-top:10px}
.y-accs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.y-accs div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.84rem;padding:9px 11px;border-radius:10px;border:1px solid var(--line)}
.y-accs b{color:var(--turq);font-size:.78rem}
.y-key{position:absolute;right:4%;bottom:6px;z-index:4;width:92px;height:92px;border-radius:26px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#2743B8,#12817A);box-shadow:0 30px 50px -20px rgba(18,129,122,.7);transform:rotate(8deg)}
.y-key svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

.y-proc{background:var(--tint)}
.y-road{list-style:none;padding:0;margin:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.y-road::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:var(--line);border-radius:2px}
.y-prog{position:absolute;left:0;top:27px;height:2px;width:0;background:linear-gradient(90deg,var(--cobalt),var(--turq));border-radius:2px;transition:width 1.6s var(--ease-out)}
.y-road.run .y-prog{width:100%}
.y-st{position:relative;display:flex;flex-direction:column}
.y-dot{position:relative;z-index:1;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-weight:650;font-size:1.05rem;transition:background-color .4s,color .4s,border-color .4s}
.y-road.run .y-dot{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.y-road.run .y-st:nth-child(3) .y-dot{transition-delay:.3s}.y-road.run .y-st:nth-child(4) .y-dot{transition-delay:.6s}.y-road.run .y-st:nth-child(5) .y-dot{transition-delay:.9s}.y-road.run .y-st:nth-child(6) .y-dot{transition-delay:1.2s}
.y-st h3{margin:22px 0 0;font-size:1.12rem;font-weight:620;letter-spacing:-.01em}
.y-st p{color:var(--muted);font-size:.95rem;line-height:1.55;margin:6px 0 0}
.y-art{flex:1;margin-top:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);padding:14px;min-height:118px;font-size:.8rem;line-height:1.45}
.y-bub{padding:8px 11px;border-radius:12px 12px 12px 4px;background:var(--tint);max-width:90%}
.y-bub.me{margin:8px 0 0 auto;border-radius:12px 12px 4px 12px;background:var(--cobalt);color:var(--on-ink)}
.y-quote-art div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line);color:var(--muted)}
.y-quote-art div:last-child{border:0;color:var(--ink);font-weight:650;padding-top:8px}
.y-sw{display:flex;gap:6px;margin-bottom:10px}
.y-sw i{width:26px;height:26px;border-radius:8px;background:#2B1D12}
.y-sw i:nth-child(2){background:#E7A75B}.y-sw i:nth-child(3){background:#FBF8F3;border:1px solid var(--line)}
.y-wf{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.y-wf b{grid-column:span 2;height:10px;border-radius:4px;background:var(--line)}
.y-wf span{height:36px;border-radius:8px;background:var(--tint)}
.y-approve{margin-top:8px;font-weight:600;color:var(--turq)}
.y-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--tint);font-family:ui-monospace,Menlo,monospace;font-size:.74rem;color:var(--muted);overflow:hidden;white-space:nowrap}
.y-link i{width:8px;height:8px;border-radius:50%;background:var(--turq);flex:none}
.y-upd{margin-top:8px;color:var(--muted)}
.y-upd b{color:var(--ink);font-weight:600}
.y-golive{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--cobalt) 18%,transparent),color-mix(in srgb,var(--turq) 18%,transparent));font-weight:650}
.y-golive span{font-size:.75rem;color:var(--turq)}

.y-final{position:relative;overflow:hidden;isolation:isolate;background:#060B18;color:#E6ECF7;padding-block:clamp(90px,11vw,160px)}
.y-aur{position:absolute;inset:-20%;z-index:-2;filter:blur(70px);opacity:.9}
.y-aur i{position:absolute;border-radius:50%;animation:y-drift 18s ease-in-out infinite alternate}
.y-aur i:nth-child(1){width:46%;height:60%;left:5%;top:10%;background:#2743B8}
.y-aur i:nth-child(2){width:36%;height:48%;right:8%;top:30%;background:#12817A;animation-delay:-6s}
.y-aur i:nth-child(3){width:22%;height:30%;left:42%;bottom:4%;background:#7A5CFF;opacity:.55;animation-delay:-12s}
@keyframes y-drift{to{transform:translate(6%,-8%) scale(1.15)}}
.y-final::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
.y-fin-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,90px);align-items:center}
.y-final h2{margin:0;color:#E6ECF7;font-size:clamp(3rem,7vw,6rem);line-height:.92;letter-spacing:-.055em}
.y-final h2 span{display:block;background:linear-gradient(95deg,#B9C6FF,#3CC9BC);-webkit-background-clip:text;background-clip:text;color:transparent}
.y-final .y-lead{color:#AEB9D0;margin-top:26px}
.y-who{display:flex;align-items:center;gap:14px;margin-top:34px;line-height:1.4}
.y-av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(140deg,#8EA2FF,#3CC9BC);color:#060B18;position:relative;flex:none}
.y-av::after{content:"";position:absolute;right:1px;bottom:1px;width:13px;height:13px;border-radius:50%;background:#3CC9BC;border:3px solid #060B18}
.y-who b{display:block}
.y-who span span{color:#AEB9D0;font-size:.92rem}
.y-form{border-radius:28px;padding:28px;background:rgba(13,21,38,.62);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 60px 100px -50px rgba(0,0,0,.9)}
.y-form h3{margin:0;font-size:1.15rem;font-weight:620;color:#E6ECF7}
.y-q{margin:20px 0 0;padding:0;border:0;min-width:0}
.y-q legend,.y-q>label{display:block;padding:0;font-size:.88rem;color:#AEB9D0;margin-bottom:10px}
.y-pills{display:flex;flex-wrap:wrap;gap:8px}
.y-pills label{position:relative;cursor:pointer}
.y-pills input{position:absolute;opacity:0;width:1px;height:1px}
.y-pills span{display:block;font-size:.9rem;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#E6ECF7;transition:background-color .2s,border-color .2s,color .2s}
.y-pills label:hover span{border-color:rgba(255,255,255,.4)}
.y-pills input:checked+span{background:#E6ECF7;color:#060B18;border-color:#E6ECF7}
.y-pills input:focus-visible+span{outline:2px solid #8EA2FF;outline-offset:2px}
.y-field{box-sizing:border-box;width:100%;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);padding:0 14px;color:#E6ECF7;font:inherit;font-size:.95rem}
.y-field::placeholder{color:#7F8BA6}
.y-field:focus-visible{outline:2px solid #8EA2FF;outline-offset:1px}
.y-go{margin-top:24px;width:100%;height:56px;border-radius:999px;border:0;font:inherit;font-weight:650;font-size:1.02rem;cursor:pointer;color:#060B18;background:linear-gradient(95deg,#B9C6FF,#3CC9BC);transition:transform 160ms var(--ease-out)}
.y-go:active{transform:scale(.98)}
.y-go:focus-visible{outline:2px solid #fff;outline-offset:3px}
.y-alt{margin:14px 0 0;text-align:center;font-size:.9rem;color:#AEB9D0}
.y-alt a{color:#E6ECF7;font-weight:600}

@media (max-width:920px){
  .y-own-grid,.y-fin-grid,.y-picker{grid-template-columns:1fr}
  .y-scene{min-height:440px;order:-1}
  .y-ph{width:30%}
  .y-road{grid-template-columns:1fr;gap:34px}
  .y-road::before,.y-prog{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .y-prog{height:0}.y-road.run .y-prog{width:2px;height:100%}
  .y-st{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 20px}
  .y-dot{grid-row:span 3}
  .y-st h3{margin-top:12px}
  .y-kit{height:500px}.y-kc{width:92%;padding:18px}
  .y-kc.k2{top:165px}.y-kc.k3{top:320px;left:0}
  .y-bw{left:6%;width:88%;top:16%}
  .y-bw-hero{grid-template-columns:1.2fr 1fr}.y-bw h4{font-size:19px}.y-bw p{display:none}
  .y-layer[data-p=web] .y-ph,.y-hide-m{display:none}
  .y-chip{padding:9px 12px;font-size:.8rem}.y-ic{width:26px;height:26px}
  .y-dash{width:88%;grid-template-columns:1fr}.y-dash aside{display:none}
  .y-node{padding:10px 12px;font-size:.78rem}.y-log{width:70%}
  .y-mp{width:38%}
}

/* 2026-10-28 Lorixen: subpages and DE/AR pages share the home design (z- prefix) */
.x-hero-sub{padding-block:clamp(48px,6vw,96px) clamp(28px,4vw,48px)}
.x-hero-sub h1{font-size:clamp(2.4rem,5vw,4.3rem)}
.x-hero-grid.x-solo{grid-template-columns:minmax(0,1fr)}
.x-hero-sub .x-sub{max-width:36em}
.x-hero-sub+.wrap .x-proof,.x-hero-sub+.wrap .x-proof.in{margin-top:0}
:lang(ar) .x-hero h1{letter-spacing:0;line-height:1.3}
:lang(ar) .x-kicker,:lang(ar) .x-eyebrow{letter-spacing:0}
.x-hero-sub .phones{max-width:360px}
.z-grid{display:grid;gap:18px}
.z-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.z-mt{margin-top:24px}
.z-card{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:28px;transition:border-color .25s,transform .4s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.z-card:hover{border-color:var(--field)}}
.z-card h3{font-size:1.2rem;margin-bottom:10px;letter-spacing:-.015em}
.z-card p{color:var(--muted);margin:0}
.z-card .x-ico{margin-bottom:18px}
.z-card .z-n{margin-bottom:14px}
.z-ticks{list-style:none;display:grid;gap:9px;margin:16px 0 0;padding:0}
.z-ticks li{display:flex;gap:10px;line-height:1.45}
.z-ticks li::before{content:"";flex:0 0 6px;height:6px;margin-top:.55em;border-radius:50%;background:var(--turq)}
.z-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.z-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,80px);align-items:start}
.z-split h2{font-size:clamp(1.7rem,2.8vw,2.4rem);margin-bottom:16px}
.z-rules{grid-template-columns:1fr;margin-top:0}
.z-prose p{font-size:1.15rem;color:var(--muted)}
.z-n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-weight:650}
.z-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.z-step{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:24px}
.z-step .z-n{margin-bottom:18px}
.z-step h3{font-size:1.1rem;margin-bottom:8px}
.z-step p{color:var(--muted);font-size:.95rem;margin:0}
.z-own{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;border:1px solid var(--line);border-radius:32px;padding:clamp(28px,5vw,64px);background:radial-gradient(60% 90% at 100% 0%,rgba(39,67,184,.12),transparent 70%),var(--surface)}
.z-own ul{margin:0}
.z-screens{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.z-screens img{border-color:var(--frame)}
.z-next{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:28px;background:var(--surface);text-decoration:none;transition:border-color .25s}
.z-next span{color:var(--muted)}
.z-next strong{font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.03em}
.z-next::after{content:"→";font-size:1.6rem;color:var(--cobalt)}
[dir=rtl] .z-next::after{content:"←"}
@media (hover:hover) and (pointer:fine){.z-next:hover{border-color:var(--cobalt)}}
.z-formcard{max-width:none;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,3.5vw,40px)}
@media (max-width:1100px){.z-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){
  .z-grid-2,.z-two,.z-split,.z-own{grid-template-columns:1fr}
  .z-steps{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.z-steps{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-property:opacity,color,background-color,border-color!important}
}

/* 2026-11-02 motion: animated proof cards, ticker, scroll reveal (m- prefix) */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-out),transform .9s var(--ease-out)}
.js .rv.in-view{opacity:1;transform:none}
.m-grid{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.m-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:26px;background:var(--surface);padding:12px 12px 22px;overflow:hidden;transition:opacity .8s var(--ease-out),transform .9s var(--ease-out),border-color .3s,box-shadow .4s var(--ease-out),translate .4s var(--ease-out)}
.m-card:nth-child(2){transition-delay:.08s,.08s,0s,0s,0s}.m-card:nth-child(3){transition-delay:.16s,.16s,0s,0s,0s}.m-card:nth-child(4){transition-delay:.24s,.24s,0s,0s,0s}
@media (hover:hover) and (pointer:fine){.m-card:hover{border-color:var(--cobalt);translate:0 -6px;box-shadow:0 30px 50px -30px rgba(39,67,184,.5)}}
.m-card strong{display:block;font-size:1.12rem;font-weight:620;letter-spacing:-.015em;margin:18px 10px 6px}
.m-card>span{margin:0 10px;font-size:.92rem;color:var(--muted);line-height:1.5}
.m-num{font-variant-numeric:tabular-nums;font-size:1.9rem;letter-spacing:-.04em;margin-inline-end:.3em;background:linear-gradient(100deg,var(--cobalt),var(--turq));-webkit-background-clip:text;background-clip:text;color:transparent}
.m-art{position:relative;display:block;width:100%;height:124px;border-radius:18px;background:radial-gradient(70% 90% at 50% 0%,rgba(39,67,184,.2),transparent 75%),var(--tint);overflow:hidden}
:root[data-theme=dark] .m-art{background:radial-gradient(70% 90% at 50% 0%,rgba(110,140,255,.22),transparent 75%),var(--tint)}
.m-tile{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:.82rem;font-weight:620;box-shadow:0 14px 24px -14px rgba(15,33,64,.45);white-space:nowrap;direction:ltr}
.m-tile i{width:8px;height:8px;border-radius:50%;background:var(--turq);animation:m-ping 2.4s infinite}
.m-tile.t1{left:9%;top:20%;animation:m-bob 5s ease-in-out infinite}
.m-tile.t2{right:8%;bottom:16%;animation:m-bob 5s ease-in-out -2.5s infinite}
.m-tile.t2 i{background:var(--cobalt);animation-delay:-1.2s}
.m-ring{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px;border-radius:50%;border:1px dashed var(--field);animation:m-spin 18s linear infinite}
@keyframes m-bob{50%{transform:translateY(-8px)}}
@keyframes m-spin{to{transform:rotate(360deg)}}
@keyframes m-ping{0%{box-shadow:0 0 0 0 rgba(18,129,122,.5)}70%,100%{box-shadow:0 0 0 8px rgba(18,129,122,0)}}
.m-a2{fill:none;stroke:var(--ink);stroke-width:1.5;padding:6px}
.m-a2 .m-dev rect,.m-a2 .m-dev path{fill:var(--surface);stroke:var(--field)}
.m-a2 .m-dev path{fill:none}
.m-a2 .m-link path{stroke:var(--cobalt);stroke-width:2;stroke-linecap:round;stroke-dasharray:4 7;animation:m-flow 1.2s linear infinite}
.m-a2 .m-core{fill:var(--cobalt);stroke:none}
.m-a2 .m-pulse{fill:var(--cobalt);stroke:none;opacity:.25;transform-origin:110px 51px;animation:m-pulse 2.6s ease-out infinite}
@keyframes m-flow{to{stroke-dashoffset:-22}}
@keyframes m-pulse{0%{transform:scale(.8);opacity:.45}100%{transform:scale(2.1);opacity:0}}
.m-a3{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:11px}
.m-a3 .r{display:flex;align-items:center;gap:12px}
.m-a3 i{position:relative;flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--field);background:var(--turq);border-color:var(--turq);animation:m-done 6s infinite}
.m-a3 i::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);animation:m-tick 6s infinite}
.m-a3 u{height:8px;border-radius:4px;background:var(--line);flex:1;position:relative;overflow:hidden;text-decoration:none}
.m-a3 u::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cobalt),var(--turq));transform-origin:left;animation:m-fill 6s infinite}
.m-a3 .r:nth-child(2) :is(i,i::after,u::after){animation-delay:.9s}
.m-a3 .r:nth-child(3) :is(i,i::after,u::after){animation-delay:1.8s}
.m-a3 .r:nth-child(2) u{max-width:78%}.m-a3 .r:nth-child(3) u{max-width:58%}
[dir=rtl] .m-a3 u::after{transform-origin:right}
@keyframes m-done{0%,6%{background:transparent;border-color:var(--field)}18%,80%{background:var(--turq);border-color:var(--turq)}92%,100%{background:transparent;border-color:var(--field)}}
@keyframes m-tick{0%,10%{opacity:0}20%,80%{opacity:1}92%,100%{opacity:0}}
@keyframes m-fill{0%,4%{transform:scaleX(0)}22%,80%{transform:scaleX(1)}92%,100%{transform:scaleX(0)}}
.m-w{position:absolute;left:0;right:0;text-align:center;top:50%;margin-top:-.7em;font-size:2.1rem;font-weight:650;letter-spacing:-.04em;opacity:0;animation:m-word 6s infinite}
.m-w:first-of-type{opacity:1}
.m-w:nth-of-type(2){animation-delay:2s}.m-w:nth-of-type(3){animation-delay:4s}
.m-w[lang=ar]{font-family:"Plex Arabic",var(--font);letter-spacing:0}
@keyframes m-word{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}6%,30%{opacity:1;transform:none;filter:none}36%,100%{opacity:0;transform:translateY(-14px);filter:blur(6px)}}
.m-dir{position:absolute;left:18px;right:18px;bottom:14px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cobalt),var(--turq));transform-origin:left;animation:m-dirline 6s infinite}
@keyframes m-dirline{0%,32%{transform:scaleX(1);transform-origin:left}36%{transform:scaleX(0);transform-origin:left}37%,66%{transform:scaleX(0);transform-origin:right}69%,100%{transform:scaleX(1);transform-origin:right}}
.m-ticker{margin-top:28px;overflow:hidden;border-block:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.m-track{display:flex;width:max-content;animation:m-marq 38s linear infinite}
.m-track span{padding:16px 28px;font-size:.95rem;font-weight:600;color:var(--muted);white-space:nowrap}
.m-track span::before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:28px;border-radius:50%;background:var(--turq);vertical-align:middle;position:relative;top:-1px}
@keyframes m-marq{to{transform:translateX(-50%)}}
[dir=rtl] .m-track{animation-name:m-marq-r}
@keyframes m-marq-r{to{transform:translateX(50%)}}
.x-view-web .x-phone,.x-view-app .x-phone:nth-child(2){animation:m-float 6s ease-in-out infinite}
.x-view-app .x-phone:nth-child(1){animation:m-float-l 7s ease-in-out infinite}
.x-view-app .x-phone:nth-child(3){animation:m-float-r 7s ease-in-out -3s infinite}
@keyframes m-float{50%{transform:translateY(-10px)}}
@keyframes m-float-l{0%,100%{transform:rotate(-4deg) translateY(16px)}50%{transform:rotate(-4deg) translateY(6px)}}
@keyframes m-float-r{0%,100%{transform:rotate(4deg) translateY(16px)}50%{transform:rotate(4deg) translateY(6px)}}
@media (max-width:1000px){.m-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.m-grid{gap:12px}.m-art{height:104px}.m-card strong{margin-inline:6px}.m-card>span{margin-inline:6px}.m-tile{font-size:.7rem;padding:7px 9px}.m-w{font-size:1.7rem}.m-card{padding:8px 8px 18px}}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}}
.m-card strong{text-wrap:balance}
.z-card.rv:nth-child(2n){transition-delay:.08s}

/* 2026-11-02 design pass: sky frame hero, floating pill menu, dark statement section (n- prefix) */
:root{--lime:#D6FF3D;--sky1:#86B9F0;--sky2:#CFE4FB;--vio:#5B3DF5}
:root[data-theme=dark]{--sky1:#0A1330;--sky2:#142350}

/* floating pill header */
.top{position:sticky;top:12px;height:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}
.top .wrap{position:absolute;inset-inline:0;margin-inline:auto;top:0;width:min(1140px,calc(100% - 24px));max-width:none;min-height:60px;padding-inline:18px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border:1px solid var(--top-line);box-shadow:0 18px 40px -22px rgba(15,33,64,.45)}
.top .wrap{gap:22px}
.sheet{top:calc(100% + 10px);border:1px solid var(--line);border-radius:24px}
@media (max-width:920px){.top .wrap{padding-inline:14px 10px;min-height:56px}.menu summary{padding:6px 14px}}

/* sky frame */
.n-frame{position:relative;margin:12px clamp(8px,1.4vw,18px) 0;border-radius:clamp(26px,3vw,40px);overflow:hidden;isolation:isolate;padding-top:clamp(124px,13vw,168px);background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 55%,var(--paper) 100%)}
.n-short{padding-bottom:clamp(36px,5vw,72px)}
.n-sky{position:absolute;inset:0;z-index:-1;overflow:hidden}
.n-sky i{position:absolute;border-radius:50%;background:#fff;filter:blur(46px);opacity:.82;animation:n-drift 44s ease-in-out infinite alternate}
.n-sky i:nth-child(1){width:46%;height:26%;left:-8%;top:12%}
.n-sky i:nth-child(2){width:38%;height:22%;right:-6%;top:4%;animation-duration:56s;animation-delay:-14s}
.n-sky i:nth-child(3){width:56%;height:28%;left:22%;top:36%;opacity:.9;animation-duration:64s}
.n-sky i:nth-child(4){width:30%;height:20%;left:0;top:52%;animation-duration:48s;animation-delay:-8s}
.n-sky i:nth-child(5){width:34%;height:20%;right:0;top:46%;animation-duration:58s;animation-delay:-20s}
:root[data-theme=dark] .n-sky i{background:#4A66E0;opacity:.3}
@keyframes n-drift{to{transform:translateX(12%)}}
.n-center{text-align:center;position:relative}
.n-tag{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;background:var(--surface);border-radius:999px;box-shadow:0 10px 26px -12px rgba(15,33,64,.4);font-size:.9rem;font-weight:560;color:var(--ink)}
.n-tag .brand-mark{width:28px;height:28px;margin:0;padding:6px;border-radius:50%;background:var(--ink);fill:var(--paper)}
.n-frame h1{font-size:clamp(2.7rem,7vw,6rem);line-height:1.02;letter-spacing:-.05em;font-weight:680;margin:26px auto 22px;max-width:12.6em;text-wrap:balance;color:var(--ink)}
.n-short h1{font-size:clamp(2.4rem,5.6vw,4.8rem);max-width:14em}
:lang(ar) .n-frame h1{letter-spacing:0;line-height:1.3}
.n-frame h1 em{display:inline-block;font-style:normal;padding:.02em .24em .1em;margin-inline:.04em;border-radius:.34em;background:linear-gradient(100deg,#2743B8,var(--vio));color:#fff;-webkit-text-fill-color:#fff;transform:rotate(-1.2deg);box-shadow:0 18px 30px -16px rgba(60,50,220,.7)}
.n-bi{display:inline-grid;place-items:center;width:.8em;height:.8em;border-radius:50%;vertical-align:-.1em;margin-inline:.1em;background:var(--ink);box-shadow:0 0 0 .07em var(--lime)}
.n-bi .brand-mark{width:54%;height:54%;margin:0;fill:var(--paper);animation:m-spin 16s linear infinite}
.n-lede{max-width:34em;margin:0 auto;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.55;color:color-mix(in srgb,var(--ink) 74%,transparent)}
.n-lede b{color:var(--ink);font-weight:560}
.n-center .actions{justify-content:center}
.btn-dark{background:#0A0E1A;color:#fff;border-color:#0A0E1A;box-shadow:0 16px 32px -14px rgba(10,14,26,.7)}
.btn-dark::after{content:"→"}
[dir=rtl] .btn-dark::after{content:"←"}
:root[data-theme=dark] .btn-dark{background:#fff;color:#0A0E1A;border-color:#fff}
@media (hover:hover) and (pointer:fine){.btn-dark:hover{background:var(--vio);border-color:var(--vio);color:#fff}}
.n-built{display:flex;justify-content:center;align-items:center;gap:10px 22px;flex-wrap:wrap;margin:26px 0 0;color:var(--muted);font-size:.92rem}
.n-built a{color:var(--ink);font-weight:640;text-decoration:none;padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent)}
.n-built a::after{content:" ↗";color:var(--muted);font-weight:400}

/* cards that fade off the bottom of the hero */
.n-shelf{position:relative;margin-top:clamp(44px,6vw,80px);display:flex;justify-content:center;align-items:flex-start;gap:18px;height:clamp(230px,24vw,350px);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.15) 100%);mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.15) 100%)}
.n-sc{flex:none;height:100%;border-radius:22px;overflow:hidden;background:#0B0C10;border:1px solid rgba(255,255,255,.55);box-shadow:0 30px 60px -28px rgba(15,33,64,.6);animation:m-float 8s ease-in-out infinite}
.n-sc:nth-child(2){animation-delay:-2s;margin-top:34px}.n-sc:nth-child(3){animation-delay:-4s}.n-sc:nth-child(4){animation-delay:-6s;margin-top:34px}.n-sc:nth-child(5){animation-delay:-1s}
.n-sc.wide{aspect-ratio:1.55}.n-sc.phone{aspect-ratio:.5}.n-sc.vid{aspect-ratio:.96}
.n-sc img,.n-sc video{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}

/* dark statement section */
.n-dark{--surface:#1A1A26;--ink:#F2F4FA;--line:#2B2B3B;--field:#4B4B63;--tint:#1A1A26;--muted:#A9B1C9;--paper:#0B0B12;--cobalt:#8EA2FF;--turq:#3CC9BC;position:relative;isolation:isolate;overflow:hidden;margin:clamp(36px,5vw,64px) clamp(8px,1.4vw,18px) 0;border-radius:clamp(28px,4vw,48px);background:#0B0B12;color:var(--ink);padding-block:clamp(60px,8vw,112px)}
.n-dark::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 45% at 100% 0%,rgba(91,61,245,.45),transparent 70%),radial-gradient(45% 45% at 0% 100%,rgba(39,67,184,.4),transparent 70%)}
.n-dark-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;padding-bottom:28px;margin-bottom:34px;border-bottom:1px solid rgba(255,255,255,.14)}
.n-dark-head h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.n-dark-head p{margin:0;justify-self:end;max-width:30em;color:var(--muted)}
.n-dark .m-grid{margin-top:0}
.n-dark .m-card{background:#15151F;border-color:#262635}
.n-dark .m-card:nth-child(2){background:linear-gradient(160deg,#5B3DF5,#2B1BA6);border-color:#6F58FF}
.n-dark .m-card:nth-child(2)>span{color:#E6E2FF}
.n-dark .m-art{background:rgba(255,255,255,.05)}
.n-dark .m-card:nth-child(2) .m-art{background:rgba(255,255,255,.12)}
.n-dark .m-num{background:none;-webkit-text-fill-color:var(--lime);color:var(--lime)}
.n-dark .m-tile{background:#262636;border-color:#34344a;color:#fff}
.n-dark .m-a2 .m-dev rect,.n-dark .m-a2 .m-dev path{fill:#262636;stroke:#5a5a78}
.n-dark .m-a2 .m-dev path{fill:none}
.n-dark .m-a2 .m-link path{stroke:var(--lime)}
.n-dark .m-a2 .m-core,.n-dark .m-a2 .m-pulse{fill:var(--lime)}
.n-dark .m-a3 u{background:#2c2c40}
.n-dark .m-a3 u::after{background:linear-gradient(90deg,var(--lime),#3CC9BC)}
.n-dark .m-dir{background:linear-gradient(90deg,var(--lime),#3CC9BC)}
.n-dark .m-w{color:#fff}
.n-statement{margin-top:clamp(56px,7vw,100px);padding-top:clamp(40px,5vw,64px);border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,5vw,64px);align-items:center}
.n-big{margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:1;letter-spacing:-.035em;text-transform:uppercase;color:var(--lime);font-weight:700;text-wrap:balance}
:lang(ar) .n-big{letter-spacing:0;line-height:1.3;text-transform:none}
.n-badge{position:relative;width:clamp(150px,17vw,210px);aspect-ratio:1;border-radius:50%;background:var(--vio);display:grid;place-items:center;box-shadow:0 30px 60px -24px rgba(91,61,245,.8)}
.n-badge .n-spin{position:absolute;inset:0;width:100%;height:100%;animation:m-spin 24s linear infinite}
.n-badge text{fill:#fff;font-size:13px;font-weight:700;letter-spacing:.12em;font-family:Geist,sans-serif}
.n-badge .brand-mark{width:34%;height:34%;margin:0;fill:var(--lime)}
@media (max-width:860px){.n-dark-head,.n-statement{grid-template-columns:1fr}.n-dark-head p{justify-self:start}.n-badge{justify-self:start}}
@media (max-width:520px){.n-frame h1{font-size:clamp(2.3rem,11vw,3.2rem)}.n-sc{border-radius:16px}.n-shelf{gap:12px}}
.n-short h1 em{display:inline;transform:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.04em .22em .08em;line-height:1.45;border-radius:.3em}
.n-shelf{height:clamp(270px,30vw,440px);-webkit-mask-image:linear-gradient(180deg,#000 80%,rgba(0,0,0,.25) 100%);mask-image:linear-gradient(180deg,#000 80%,rgba(0,0,0,.25) 100%)}
.n-sc{background:#fff;border:6px solid rgba(255,255,255,.9);box-shadow:0 34px 70px -30px rgba(15,33,64,.55)}
.n-big{font-size:clamp(1.7rem,3.6vw,2.9rem);line-height:1.12;max-width:20em;text-transform:none;letter-spacing:-.02em}
.n-big::first-line{color:var(--lime)}
.n-statement{align-items:center}
.x-case{display:inline-flex;margin:0 32px 28px;padding:12px 22px;border:1px solid var(--line);border-radius:999px;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.x-case::after{color:inherit}
.x-case:hover{color:var(--paper);opacity:.88}
.n-dock{display:none}
@media (max-width:860px){
.n-dock{position:fixed;inset:auto 12px 12px 12px;z-index:50;display:flex;gap:8px;padding:8px;border-radius:999px;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px -12px rgba(10,14,26,.45);border:1px solid var(--line)}
.n-dock a{flex:1;text-align:center;padding:13px 16px;border-radius:999px;font-weight:650;text-decoration:none;font-size:.98rem}
.n-dock-go{background:var(--ink);color:var(--paper)}
.n-dock-wa{background:#25D366;color:#073B1E}
body{padding-bottom:84px}
.x-case{margin-inline:22px}
}
.m-plus::after{content:"+";margin-inline-start:.04em}
.m-plus{margin-inline-end:.3em}
.s-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:28px;border-block:1px solid var(--line)}
.s-item{padding:26px 22px;border-inline-start:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.s-item:first-child{border-inline-start:0;padding-inline-start:0}
.s-item b{font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.04em;font-weight:560;color:var(--ink)}
.s-item span{font-size:.95rem;color:var(--muted);max-width:16em}
@media (max-width:700px){.s-strip{grid-template-columns:1fr 1fr}.s-item{padding:20px 14px}.s-item:nth-child(3){border-inline-start:0;padding-inline-start:0}.s-item:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:700px){
.section{padding-block:56px 64px}
.n-shelf{height:auto;margin-top:26px;padding-bottom:30px;-webkit-mask-image:none;mask-image:none;justify-content:center}
.n-sc:not(.vid){display:none}
.n-sc.vid{width:min(84vw,340px);height:auto;aspect-ratio:1;margin:0;border-width:5px;border-radius:26px}
.x-stage{aspect-ratio:4/5.2}
.x-browser{display:none}
.x-view-web .x-phone{width:54%;inset-inline-end:auto;inset-inline-start:23%;top:6%;bottom:auto;transform:none}
.x-tabs button{min-height:44px}
.x-p-top{gap:14px}
.foot a{display:inline-block;padding-block:9px}
.n-dark{border-radius:26px}
.n-big{font-size:clamp(1.5rem,7vw,2rem)}
.s-item b{font-size:2.3rem}
.y-final h2{font-size:clamp(2.2rem,10vw,3rem)}
.btn{min-height:46px}
}
.s-item b{direction:ltr;unicode-bidi:isolate;display:inline-block}
[dir=rtl] .s-item b{align-self:flex-start}
@media (max-width:700px){.n-short h1 em{line-height:1.22;padding:.02em .2em .06em;border-radius:.26em}}

/* 2026-11-02 feedback pass: smoothness, three services, plain process, short form */

/* ---- performance: no full-screen blend layer, no live blur behind scrolling content ---- */
body::after{display:none}
.top .wrap{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--surface) 94%,transparent)}
.n-dock{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--paper) 96%,transparent)}
.y-form,.y-chip{-webkit-backdrop-filter:none;backdrop-filter:none}
.y-form{background:rgba(13,21,38,.9)}
.n-sky i{filter:none;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));opacity:.9}
:root[data-theme=dark] .n-sky i{background:radial-gradient(closest-side,rgba(74,102,224,.5),rgba(74,102,224,0));opacity:1}
.n-sky i:nth-child(n+3){animation:none}
.y-aur{filter:none;inset:0}
.y-aur i{filter:none;animation:none;background:radial-gradient(closest-side,var(--c),transparent)}
.y-aur i:nth-child(1){background:radial-gradient(closest-side,var(--c),transparent);--c:rgba(39,67,184,.75);width:70%;height:90%;left:-5%;top:-5%}
.y-aur i:nth-child(2){background:radial-gradient(closest-side,var(--c),transparent);--c:rgba(18,129,122,.6);width:60%;height:80%;right:-8%;top:20%}
.y-aur i:nth-child(3){display:none}
.off *,.off *::before,.off *::after{animation-play-state:paused!important}
@media (max-width:900px),(hover:none){
  .n-sky i{animation:none}
  .m-tile,.m-ring,.y-float,.x-view-web .x-phone,.x-view-app .x-phone,.m-track,.n-bi .brand-mark,.n-badge .n-spin{animation-duration:0s;animation:none}
  .m-a2 .m-pulse,.m-a2 .m-link path{animation:none}
  .y-final::before{display:none}
  .n-shelf{-webkit-mask-image:none;mask-image:none}
}

/* ---- what we build: three cards, calm hover ---- */
.m-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.m-card{transition:border-color .6s cubic-bezier(.22,1,.36,1),background-color .6s cubic-bezier(.22,1,.36,1),opacity .7s,transform .7s}
@media (hover:hover) and (pointer:fine){
  .m-card:hover{translate:none;box-shadow:none;border-color:color-mix(in srgb,var(--cobalt) 70%,transparent)}
  .m-card .m-art{transition:transform .9s cubic-bezier(.22,1,.36,1)}
  .m-card:hover .m-art{transform:scale(1.025)}
}
@media (max-width:1000px){.m-grid{grid-template-columns:1fr}}
.m-art{height:150px}
.m-web{--mw:var(--surface)}
.mw-win{position:absolute;left:8%;top:16%;width:62%;height:68%;border-radius:12px;background:var(--surface);border:1px solid var(--line);overflow:hidden;box-shadow:0 14px 28px -18px rgba(15,33,64,.5)}
.mw-bar{display:flex;gap:4px;padding:7px 9px;border-bottom:1px solid var(--line)}
.mw-bar i{width:6px;height:6px;border-radius:50%;background:var(--field)}
.mw-body{padding:10px 12px;display:grid;gap:6px}
.mw-body b{display:block;height:9px;width:70%;border-radius:4px;background:var(--ink);opacity:.85}
.mw-body u{display:block;height:6px;width:90%;border-radius:3px;background:var(--field);text-decoration:none}
.mw-body u.s{width:55%}
.mw-body span{display:block;height:14px;width:34%;border-radius:999px;background:var(--cobalt);margin-top:3px}
.mw-ph{position:absolute;right:9%;bottom:12%;width:19%;height:66%;border-radius:12px;background:var(--ink);padding:8px 6px;display:grid;align-content:start;gap:5px;box-shadow:0 14px 28px -14px rgba(15,33,64,.7)}
.mw-ph i{display:block;height:20px;border-radius:6px;background:rgba(255,255,255,.25)}
.mw-ph u{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.35);text-decoration:none}
.mw-ph u.s{width:60%}
.m-mob .mm-ph{position:absolute;top:14%;width:23%;height:74%;border-radius:14px;background:var(--ink);padding:9px 7px;display:grid;align-content:start;gap:6px;box-shadow:0 16px 30px -16px rgba(15,33,64,.7)}
.m-mob .mm-ph.a{left:14%;rotate:-5deg}
.m-mob .mm-ph.b{left:34%;top:20%;rotate:4deg;background:var(--cobalt)}
.mm-ph i{display:block;height:34px;border-radius:7px;background:rgba(255,255,255,.28)}
.mm-ph u{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.38);text-decoration:none}
.mm-st{position:absolute;right:7%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:.8rem;box-shadow:0 10px 20px -14px rgba(15,33,64,.5)}
.mm-st b{font-weight:620;color:var(--ink)}
.mm-st.s1{top:16%}
.mm-st.s2{top:52%}
.mm-st svg{width:18px;height:18px;flex:none}
.m-ap{fill:var(--ink)}
.n-dark .mm-st{background:#262636;border-color:#34344a}
.n-dark .mm-st b{color:#fff}
.n-dark .m-ap{fill:#fff}
.n-dark .mw-win{background:#262636;border-color:#34344a}
.n-dark .mw-bar{border-color:#34344a}
.n-dark .mw-body b{background:#fff}
.n-dark .mw-body u{background:#4a4a68}
.n-dark .mw-body span{background:var(--lime)}
.n-dark .mw-ph{background:#fff}
.n-dark .mw-ph i,.n-dark .mw-ph u{background:#c9c9de}
.n-dark .m-mob .mm-ph{background:#fff}
.n-dark .m-mob .mm-ph.b{background:var(--lime)}
.n-dark .mm-ph i,.n-dark .mm-ph u{background:rgba(10,10,20,.22)}
.n-dark .m-card:nth-child(2) .mm-st{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3)}

/* ---- how we work: four plain steps ---- */
.y-road.y4{grid-template-columns:repeat(4,minmax(0,1fr))}
.y-road.y4 .y-st p{max-width:30ch}
@media (max-width:900px){.y-road.y4{grid-template-columns:1fr}}

/* ---- form ---- */
.y-fin-grid{align-items:start}
.y-form h3{margin-bottom:2px}
.y-q small{color:#7F8BA6;font-weight:400}
.y-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.y-row .y-q{min-width:0}
.y-area{height:auto;min-height:92px;padding:12px 14px;resize:vertical;line-height:1.5}
.y-pills input:required{display:block}
.hp{position:absolute;inset:auto;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
.y-alt{font-size:.82rem}
.y-h3{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.05;letter-spacing:-.035em;margin:0 0 18px;color:#E6ECF7}
.y-next{margin:0 0 22px;padding-inline-start:1.2em;color:#AEB9D0;line-height:1.6}
.y-next li{margin:.5em 0}
.y-enq{padding-top:clamp(40px,5vw,64px)}
@media (max-width:700px){.y-row{grid-template-columns:1fr}.y-final h2{font-size:clamp(2.4rem,11vw,3.4rem)}.y-form{padding:20px}}

/* ---- work page automation terms ---- */
.s-terms{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.s-term{padding:22px 22px 24px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.s-term h3{margin:14px 0 6px;font-size:1.08rem;font-weight:620;letter-spacing:-.01em}
.s-term p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}
.s-tick{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--turq) 20%,transparent)}
.s-tick svg{width:18px;height:18px;fill:none;stroke:var(--turq);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.s-terms{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.s-terms{grid-template-columns:1fr}}

/* ---- services page ---- */
.sv{padding-block:clamp(56px,7vw,100px)}
.sv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.sv-grid.rev .sv-copy{order:2}
.sv-copy h2{margin:10px 0 16px;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.sv-copy .btn{margin-top:22px}
.sv-art{position:relative;min-height:300px;border-radius:30px;background:radial-gradient(70% 90% at 50% 0%,rgba(39,67,184,.18),transparent 75%),var(--tint);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;padding:24px}
.sv-art .m-art.sv-big{position:relative;width:100%;height:260px;background:none}
.sv-art .mw-win{height:78%}
.sv-art .m-mob .mm-ph{height:80%}
.sv-tiles{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.sv-tile{padding:20px 20px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.sv-tile h3{margin:0 0 6px;font-size:1.05rem;font-weight:620;letter-spacing:-.01em}
.sv-tile p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.5}
.sv-chat{width:min(100%,380px);display:grid;gap:10px;padding:16px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 50px -34px rgba(15,33,64,.5)}
.sv-chat-h{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--line)}
.sv-chat-h i{width:9px;height:9px;border-radius:50%;background:#25D366}
.sv-chat .b{display:flex;opacity:0;animation:sv-pop 12s infinite}
.sv-chat .b span{max-width:82%;padding:9px 13px;border-radius:16px;font-size:.9rem;line-height:1.4}
.sv-chat .b.in{justify-content:flex-start}
.sv-chat .b.in span{background:var(--tint);color:var(--ink);border-end-start-radius:4px}
.sv-chat .b.out{justify-content:flex-end}
.sv-chat .b.out span{background:var(--cobalt);color:#fff;border-end-end-radius:4px}
.sv-chat .b.ok span{background:#12817A}
.sv-chat .b:nth-of-type(1){animation-delay:0s}.sv-chat .b:nth-of-type(2){animation-delay:1.4s}.sv-chat .b:nth-of-type(3){animation-delay:2.8s}.sv-chat .b:nth-of-type(4){animation-delay:4.2s}
@keyframes sv-pop{0%{opacity:0;transform:translateY(8px)}4%,86%{opacity:1;transform:none}94%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.sv-chat .b{animation:none;opacity:1}}
.sv-more{padding-block:clamp(40px,5vw,72px)}
.sv-more h2{margin:0 0 20px;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.03em}
.sv-more-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sv-more-i{padding:20px;border-radius:20px;border:1px dashed var(--field)}
.sv-more-i h3{margin:0 0 6px;font-size:1.05rem}
.sv-more-i p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.5}
@media (max-width:900px){.sv-grid{grid-template-columns:1fr}.sv-grid.rev .sv-copy{order:0}.sv-more-g{grid-template-columns:1fr}.sv-art{min-height:240px}}
[dir=rtl] .sv-chat .b.in{justify-content:flex-end}
[dir=rtl] .sv-chat .b.out{justify-content:flex-start}