/* Shared public storefront; Persian and international HTML remain independent. */
body.ksl {
  --ksl-bg:#faf9ff; --ksl-text:#191525; --ksl-muted:#686477;
  --ksl-accent:#7c3aed; --ksl-bright:#6d28d9; --ksl-blue:#5f7df2;
  --ksl-rgb:124,58,237; --ksl-line:rgba(73,47,109,.14);
  --ksl-panel:rgba(255,255,255,.72); --ksl-node:rgba(255,255,255,.95);
  --ksl-soft:rgba(124,58,237,.055); --ksl-shadow:0 20px 60px rgba(54,30,98,.06);
  background:var(--ksl-bg); color:var(--ksl-text); font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
html[data-theme="dark"] body.ksl {
  --ksl-bg:#020b14; --ksl-text:#f4f9fd; --ksl-muted:#91aabd;
  --ksl-accent:#168cff; --ksl-bright:#55adff; --ksl-blue:#75dcff;
  --ksl-rgb:22,140,255; --ksl-line:rgba(127,181,222,.16);
  --ksl-panel:rgba(7,17,28,.72); --ksl-node:rgba(6,16,27,.94);
  --ksl-soft:rgba(22,140,255,.065); --ksl-shadow:0 24px 70px rgba(0,0,0,.2);
}
.ksl *, .ksl *::before, .ksl *::after { box-sizing:border-box; }
.ksl .ks-main h1,.ksl .ks-main h2,.ksl .ks-main h3,.ksl .ks-main p { margin:0; color:inherit; }
.ksl .ks-main h1,.ksl .ks-main h2,.ksl .ks-main h3 { font-weight:500; }
.ksl .ks-main h2 { font-size:clamp(30px,3.15vw,46px); line-height:1.14; letter-spacing:-1.8px; }
.ksl .ks-main h3 { font-size:26px; line-height:1.28; letter-spacing:-.7px; }
.ksl .ks-main p { color:var(--ksl-muted); font-size:14px; line-height:1.8; }
.ksl .ks-main em { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-1.6px; }
.ksl a { text-decoration:none; }
.ksl button { font:inherit; }
.ksl a:focus-visible,.ksl button:focus-visible,.ksl summary:focus-visible,.ksl [tabindex]:focus-visible { outline:2px solid var(--ksl-bright); outline-offset:5px; }
.ks-container { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.ks-main { position:relative; isolation:isolate; }
.ks-main > section,.ks-domain-strip { position:relative; z-index:1; }
.ks-skip { position:fixed; top:8px; left:12px; z-index:9999; transform:translateY(-150%); padding:12px 20px; color:var(--ksl-bg); background:var(--ksl-text); border-radius:6px; }
.ks-skip:focus { transform:none; }
.ks-nav { position:sticky; top:0; z-index:100; height:82px; background:color-mix(in srgb,var(--ksl-bg) 83%,transparent); backdrop-filter:blur(20px); border-bottom:1px solid var(--ksl-line); }
.ks-nav-inner { display:flex; align-items:center; justify-content:space-between; height:100%; gap:26px; }
.ks-brand { display:inline-flex; align-items:center; gap:10px; font-size:18px; font-weight:600; letter-spacing:-.7px; color:var(--ksl-text) !important; white-space:nowrap; }
.ks-brand img { object-fit:contain; width:30px; height:30px; }
.ks-brand-period { color:var(--ksl-accent); }
.ks-nav-links { display:flex; gap:24px; }
.ks-nav-links a { color:var(--ksl-muted); font-size:12px; transition:color .2s; padding:12px 0; }
.ks-nav-links a:hover { color:var(--ksl-text); }
.ks-nav-actions { display:flex; align-items:center; gap:12px; }
.ksl .ks-nav .lang-switcher { gap:0; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:none !important; }
.ksl .ks-nav .lang-switcher::before { display:none; }
.ksl .ks-nav .lang-item { color:var(--ksl-muted) !important; background:none !important; box-shadow:none !important; border:0; font-size:12px; padding:12px 5px; }
.ksl .ks-nav .lang-item.lang-active { color:var(--ksl-text) !important; text-decoration:underline; text-underline-offset:5px; }
.ks-theme,.ks-menu { width:38px; height:38px; flex-shrink:0; border:1px solid var(--ksl-line); color:var(--ksl-text); background:var(--ksl-soft); border-radius:50%; cursor:pointer; }
.ks-theme .ks-sun { display:none; }
html[data-theme="dark"] .ks-theme .ks-sun { display:inline; }
html[data-theme="dark"] .ks-theme .ks-moon { display:none; }
.ks-menu,.ks-mobile-languages,.ks-account-mobile { display:none; }
.ksl .ks-button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:48px; padding:12px 23px; border:1px solid transparent; border-radius:999px; background:var(--ksl-accent); color:#fff; font-size:13px; font-weight:600; line-height:1.4; transition:transform .25s,box-shadow .25s,background .25s; white-space:normal; }
.ksl .ks-button:hover { transform:translateY(-3px); box-shadow:0 6px 28px rgba(var(--ksl-rgb),.32); background:var(--ksl-bright); }
.ks-button span:last-child { transition:transform .25s; }
.ks-button:hover span:last-child { transform:translate(2px,-2px); }
html[data-theme="dark"] .ksl .ks-button { background:var(--ksl-bright); color:#02101d; }
.ksl .ks-button-small { min-height:38px; padding:9px 16px; gap:14px; font-size:12px; }
.ksl .ks-button-quiet { background:var(--ksl-panel); border-color:var(--ksl-line); color:var(--ksl-text); font-weight:400; gap:10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.ksl .ks-button-quiet:hover { background:var(--ksl-soft); }
html[data-theme="dark"] .ksl .ks-button-quiet { background:var(--ksl-panel); color:var(--ksl-text); }
.ksl .ks-main [id] { scroll-margin-top:105px; }
.ks-actions { display:flex; flex-wrap:wrap; gap:12px; }
.ks-play { font-size:17px; }
.ks-eyebrow,.ks-mono,.ks-index,.ks-panel-caption { font-family:'Courier New',monospace; font-size:12px; letter-spacing:.025em; line-height:1.65; }
.ks-eyebrow { display:inline-flex; gap:9px; align-items:center; margin-bottom:24px; color:var(--ksl-muted); }
.ks-dot { display:inline-block; width:5px; height:5px; flex-shrink:0; border-radius:50%; background:var(--ksl-bright); box-shadow:0 0 10px rgba(var(--ksl-rgb),.55); }
.ks-hero { padding:100px 0 50px; }
.ks-hero-grid { display:grid; grid-template-columns:1fr 1.08fr; gap:72px; align-items:center; min-height:490px; }
.ks-hero-copy { position:relative; z-index:3; }
.ks-hero-badge { padding:5px 9px; border:1px solid var(--ksl-line); border-radius:4px; margin-bottom:30px; font-size:12px; }
.ksl .ks-hero h1 { font-size:clamp(44px,4.2vw,62px); line-height:1.055; letter-spacing:-2.8px; max-width:590px; }
.ks-hero h1 em { display:block; margin-top:6px; }
.ksl .ks-hero-copy > p { max-width:405px; margin:30px 0 29px; font-size:14px; }
.ks-hero-note { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; font:12px/1.6 'Courier New',monospace; color:var(--ksl-muted); }
.ks-flow-wrap { min-width:0; perspective:1400px; }
.ks-surface { position:relative; border:1px solid var(--ksl-line); border-radius:18px; background:var(--ksl-panel); box-shadow:var(--ksl-shadow),inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter:blur(22px); }
[data-ks-card] { --mx:50%; --my:50%; transition:border-color .3s,box-shadow .3s,transform .4s; }
[data-ks-card]::after { content:''; pointer-events:none; position:absolute; inset:0; border-radius:inherit; opacity:0; background:radial-gradient(420px circle at var(--mx) var(--my),rgba(var(--ksl-rgb),.12),transparent 65%); transition:opacity .3s; }
[data-ks-card]:hover { border-color:rgba(var(--ksl-rgb),.36); box-shadow:0 18px 70px rgba(var(--ksl-rgb),.07),inset 0 1px 0 rgba(255,255,255,.07); }
[data-ks-card]:hover::after { opacity:1; }
.ks-flow { padding:25px 22px 0; transform:rotateY(-5deg) rotateX(2deg); min-height:405px; }
.ks-flow-top { display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--ksl-muted); font-size:12px; }
.ks-flow-top .ks-mono { font-size:12px; display:flex; align-items:center; gap:8px; }
.ks-flow-switch { display:flex; width:fit-content; margin-top:20px; padding:3px; border:1px solid var(--ksl-line); border-radius:6px; gap:4px; }
.ks-flow-switch button { background:none; border:0; padding:9px 12px; color:var(--ksl-muted); border-radius:4px; font-size:12px; cursor:pointer; transition:color .25s,background .25s; }
.ks-flow-switch button[aria-pressed="true"] { background:var(--ksl-soft); color:var(--ksl-bright); box-shadow:0 0 0 1px var(--ksl-line); }
.ks-flow-diagram { position:relative; width:calc(100% + 36px); margin-left:-18px; height:210px; }
.ks-connectors { position:absolute; inset:0; width:100%; height:100%; overflow:visible; color:var(--ksl-bright); }
.ks-connectors path { fill:none; stroke:url(#ks-wire); stroke-width:1; }
.ks-connectors .ks-signal { stroke:var(--ksl-bright); stroke-width:1.8; stroke-dasharray:7 320; animation:ks-travel 5s linear infinite; filter:drop-shadow(0 0 4px var(--ksl-accent)); }
.ks-connectors .ks-signal-two { animation-delay:-2.5s; }
@keyframes ks-travel { to { stroke-dashoffset:-654; } }
.ks-node { position:absolute; width:26%; padding:14px 10px; border:1px solid var(--ksl-line); border-radius:9px; background:var(--ksl-node); box-shadow:0 10px 25px rgba(0,0,0,.04); font-size:12px; transition:transform .3s,border-color .3s; }
.ks-node:hover { transform:translateY(-5px); border-color:var(--ksl-accent); }
.ks-node strong { display:block; font-size:12px; line-height:1.5; font-weight:400; }
.ks-node small { display:block; margin-top:4px; font:12px/1.4 'Courier New',monospace; color:var(--ksl-muted); }
.ks-node > i { font-size:12px; color:var(--ksl-bright); margin-bottom:8px; }
.ks-node-start { left:-3%; top:37%; }
.ks-node-top { left:34%; top:7%; }
.ks-node-top > i { position:absolute; top:15px; right:9px; font-size:12px; }
.ks-node-bottom { left:34%; top:66%; }
.ks-node-end { right:-1%; top:36%; }
.ks-port { position:absolute; left:-3px; top:50%; width:4px; height:4px; background:var(--ksl-bright); border-radius:50%; box-shadow:0 0 5px var(--ksl-accent); }
.ks-node-start .ks-port,.ks-port-end { left:auto; right:-3px; }
.ks-flow-log { padding:6px 4px 20px; }
.ks-log-title { display:block; color:var(--ksl-muted); font-size:12px; margin-bottom:8px; }
.ks-flow-log > div { display:flex; align-items:center; gap:10px; font:12px/2.3 'Courier New',monospace; color:var(--ksl-muted); }
.ks-flow-log > div > span:last-child { margin-left:auto; }
.ks-flow-log .ks-dot { width:3px; height:3px; }
.ks-flow-footer { margin:0 -22px; border-top:1px solid var(--ksl-line); padding:13px 20px; display:flex; justify-content:space-between; gap:14px; color:var(--ksl-muted); font-size:12px; }
.ks-flow-footer i { color:var(--ksl-bright); }
.ks-connections { margin-top:108px; }
.ks-connections > .ks-mono { display:block; color:var(--ksl-muted); font-size:12px; margin-bottom:23px; }
.ks-connection-items { display:flex; justify-content:space-between; gap:28px; }
.ks-connection-items > span { display:flex; flex-direction:column; align-items:center; gap:14px; font:12px 'Courier New',monospace; color:var(--ksl-muted); }
.ks-connection-items i { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--ksl-line); border-radius:11px; font-size:15px; background:var(--ksl-panel); transition:transform .25s,color .25s,box-shadow .25s; }
.ks-connection-items > span:hover i { transform:translateY(-5px); color:var(--ksl-bright); box-shadow:0 0 35px rgba(var(--ksl-rgb),.18); }
.ks-connection-items .ks-connection-last { justify-content:center; font-size:12px; }
.ks-domain-strip { border-block:1px solid var(--ksl-line); padding:20px 0; }
.ks-domain-strip > div { display:flex; gap:40px; align-items:center; }
.ks-domain-strip .ks-mono { flex-shrink:0; color:var(--ksl-muted); font-size:12px; }
.ks-domains { display:flex; gap:35px; overflow:auto; scrollbar-width:none; font-size:12px; color:var(--ksl-muted); }
.ks-domains > span { white-space:nowrap; display:flex; align-items:center; gap:8px; }
.ks-section { padding:105px 0; }
.ks-section-heading { display:grid; grid-template-columns:1.35fr 1fr; gap:105px; align-items:end; margin-bottom:65px; }
.ks-section-heading h2 em { display:block; }
.ks-section-heading > p,.ks-section-heading > div > p { max-width:420px; padding-bottom:5px; }
.ks-section-heading .ks-text-link { margin-top:18px; }
.ks-story { display:grid; grid-template-columns:1fr 1.2fr; gap:100px; align-items:center; padding:48px 0; }
.ks-story-reverse .ks-story-copy { order:2; }
.ks-story-reverse { grid-template-columns:1.2fr 1fr; }
.ks-story-copy { max-width:380px; }
.ks-index { color:var(--ksl-muted); font-size:12px; display:block; margin-bottom:20px; }
.ksl .ks-story-copy p { margin-top:17px; font-size:13px; }
.ks-story .ks-text-link { margin-top:24px; }
.ks-text-link { display:inline-flex; align-items:center; gap:15px; font-size:12px; color:var(--ksl-text); }
.ks-text-link:hover { color:var(--ksl-bright); }
.ks-launch,.ks-message,.ks-growth { padding:25px; min-width:0; }
.ks-panel-caption { display:flex; justify-content:space-between; align-items:center; gap:20px; color:var(--ksl-muted); font-size:12px; }
.ks-timeline { margin:32px 0; }
.ks-timeline > div { display:grid; grid-template-columns:16px 1.1fr 1fr 16px; gap:12px; align-items:center; margin:24px 0; font:12px/1.5 'Courier New',monospace; }
.ks-step-check { color:var(--ksl-bright); }
.ks-timeline i { width:var(--bar); height:7px; background:var(--ksl-bright); border-radius:2px; transform-origin:left; transition:transform 1.4s cubic-bezier(.2,.7,.2,1) var(--delay); box-shadow:0 0 15px rgba(var(--ksl-rgb),.25); }
.ks-js .ks-reveal:not(.ks-visible) .ks-timeline i { transform:scaleX(0); }
.ks-timeline small { color:var(--ksl-muted); font-size:12px; }
.ks-panel-bottom { display:flex; justify-content:space-between; gap:16px; padding-top:18px; border-top:1px solid var(--ksl-line); font:12px/1.6 'Courier New',monospace; color:var(--ksl-muted); }
.ks-message-sender { display:flex; align-items:center; gap:12px; margin:28px 0; }
.ks-message-sender strong { font-size:12px; font-weight:500; display:block; }
.ks-message-sender small { display:block; font-size:12px; margin-top:7px; color:var(--ksl-muted); }
.ks-message-sender > .ks-mono { margin-left:auto; color:var(--ksl-bright); }
.ks-brand-tile { width:38px; height:38px; display:grid; place-content:center; grid-auto-flow:column; border-radius:9px; background:var(--ksl-accent); color:#fff; font-size:23px; font-weight:700; letter-spacing:-3px; }
.ks-message-lines { padding-left:50px; margin-bottom:25px; }
.ks-message-lines span { display:block; height:5px; border-radius:3px; background:var(--ksl-line); margin:12px 0; }
.ks-message-lines span:nth-child(2) { width:85%; }.ks-message-lines span:nth-child(3) { width:58%; }
.ks-message-pills { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
.ks-message-pills > span { display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:5px; background:var(--ksl-soft); border:1px solid var(--ksl-line); font-size:12px; }
.ks-status { color:var(--ksl-bright); }
.ks-towers { display:flex; align-items:flex-end; justify-content:space-evenly; gap:18px; height:222px; padding:25px 15px 20px; }
.ks-towers > span { width:40px; height:var(--height); position:relative; background:linear-gradient(90deg,rgba(136,154,176,.23) 50%,rgba(136,154,176,.1) 50%); transform:skewY(0deg); transition:height 1.2s,filter .3s,transform .3s; }
.ks-towers > span::before,.ks-towers > span i { content:''; position:absolute; left:0; top:-10px; width:40px; height:20px; background:color-mix(in srgb,var(--ksl-muted) 45%,var(--ksl-bg)); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.ks-towers > span i { top:-33px; background:color-mix(in srgb,var(--ksl-text) 65%,var(--ksl-bg)); animation:ks-float 4s ease-in-out infinite; animation-delay:calc(var(--i) * -.5s); }
.ks-towers > span:last-child { background:linear-gradient(90deg,rgba(var(--ksl-rgb),.55) 50%,rgba(var(--ksl-rgb),.25) 50%); }
.ks-towers > span:last-child i { background:var(--ksl-bright); filter:drop-shadow(0 0 8px var(--ksl-accent)); }
.ks-towers > span:hover { filter:brightness(1.35); transform:translateY(-10px); }
@keyframes ks-float { 50% { transform:translateY(-7px); } }
.ks-statement { padding:75px 0 65px; text-align:center; border-radius:25px; margin:24px 18px; background:var(--ksl-accent); color:#fff; background-image:radial-gradient(rgba(255,255,255,.16) .8px,transparent .8px); background-size:25px 25px; }
html[data-theme="dark"] .ks-statement { background-color:var(--ksl-bright); color:#03182c; background-image:radial-gradient(rgba(2,30,60,.14) .8px,transparent .8px); }
.ksl .ks-statement h2 { max-width:710px; margin:25px auto; font-size:clamp(30px,3vw,44px); }
.ks-statement-mark { display:inline-flex; padding:11px 20px; border-radius:18px; background:#071426; color:var(--ksl-bright); font-size:44px; font-weight:700; letter-spacing:-5px; margin:12px 0 25px; transform:rotate(-6deg); transition:transform .35s; }
.ks-statement:hover .ks-statement-mark { transform:rotate(6deg) scale(1.08); }
.ksl .ks-statement p { color:inherit; opacity:.8; font-size:12px; }
.ks-products { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 36px)/3); gap:18px; overflow-x:auto; padding:8px 1px 22px; scroll-snap-type:x mandatory; scrollbar-color:var(--ksl-line) transparent; scrollbar-width:thin; }
.ks-product { overflow:hidden; scroll-snap-align:start; }
.ks-product-art { display:block; height:230px; padding:26px 25px 0; position:relative; overflow:hidden; background:linear-gradient(130deg,rgba(var(--ksl-rgb),.08),rgba(var(--ksl-rgb),.025)); }
.ks-product-art > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .6s; }
.ks-product:hover .ks-product-art > img { transform:scale(1.05); }
.ks-preview-browser { height:230px; border:1px solid var(--ksl-line); border-radius:8px; background:var(--ksl-node); padding:12px; transform:rotate(-4deg) translateY(16px); transition:transform .4s; }
.ks-product:nth-child(2n) .ks-preview-browser { transform:rotate(4deg) translateY(16px); }
.ks-product:hover .ks-preview-browser { transform:rotate(0) translateY(5px); }
.ks-preview-browser > div { display:flex; gap:4px; border-bottom:1px solid var(--ksl-line); padding-bottom:10px; }
.ks-preview-browser > div i { width:4px; height:4px; border-radius:50%; background:var(--ksl-muted); }
.ks-preview-browser > span { display:block; width:60%; height:12px; background:var(--ksl-line); margin:25px 0 10px; }
.ks-preview-browser > b { display:block; width:85%; height:6px; background:var(--ksl-line); margin:0 0 15px; }
.ks-preview-browser > em { display:block; width:27%; height:13px; background:var(--ksl-accent); border-radius:3px; }
.ks-preview-browser > section { display:flex; gap:8px; margin-top:23px; }.ks-preview-browser > section i { flex:1; height:60px; background:var(--ksl-soft); border:1px solid var(--ksl-line); }
.ks-product-art-site .ks-preview-browser { background:linear-gradient(140deg,var(--ksl-node),var(--ksl-soft)); }
.ks-product-badge { position:absolute; left:14px; top:14px; border-radius:5px; background:var(--ksl-node); color:var(--ksl-bright); padding:6px 10px; font-size:12px; }
.ks-product-copy { padding:22px; }
.ks-product-label { display:flex; justify-content:space-between; font:12px 'Courier New',monospace; color:var(--ksl-muted); margin-bottom:14px; }
.ksl .ks-product h3 { font-size:19px; letter-spacing:-.4px; }.ks-product h3 a { color:var(--ksl-text); }
.ksl .ks-product p { font-size:12px; margin-top:12px; min-height:42px; }
.ks-product-meta { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:24px; padding-top:15px; border-top:1px solid var(--ksl-line); font-size:12px; color:var(--ksl-muted); }
.ks-product-meta a { color:var(--ksl-bright); }.ks-product-meta .ks-dot { margin-right:6px; }
.ks-second-shelf { margin-top:95px; }
.ks-empty { padding:45px; grid-column:1/-1; min-width:300px; display:flex; flex-direction:column; align-items:flex-start; gap:22px; }.ks-empty > i { color:var(--ksl-bright); font-size:25px; }
.ks-bento { display:grid; grid-template-columns:repeat(6,1fr); gap:18px; }
.ks-bento-city,.ks-bento-arcade { grid-column:span 3; overflow:hidden; }
.ks-card-heading { padding:28px 28px 0; }.ksl .ks-card-heading h3 { font-size:22px; }.ksl .ks-card-heading p { margin-top:12px; font-size:12px; }
.ks-bento-foot { display:flex; align-items:center; justify-content:space-between; padding:20px 28px; border-top:1px solid var(--ksl-line); font-size:12px; color:var(--ksl-muted); }
.ks-city-map { height:270px; position:relative; width:90%; margin:auto; perspective:600px; }
.ks-city-grid { position:absolute; inset:0; background-image:linear-gradient(var(--ksl-line) 1px,transparent 1px),linear-gradient(90deg,var(--ksl-line) 1px,transparent 1px); background-size:38px 38px; transform:rotateX(57deg) rotateZ(-25deg); mask-image:radial-gradient(ellipse,#000,transparent 70%); }
.ks-city-map > span:not(.ks-city-car) { position:absolute; bottom:calc(100% - var(--y) - 55px); left:var(--x); height:var(--h); width:36px; background:linear-gradient(90deg,rgba(var(--ksl-rgb),.2) 50%,rgba(var(--ksl-rgb),.08) 50%); border:1px solid rgba(var(--ksl-rgb),.16); transform:skewY(-15deg); }
.ks-city-map > span:not(.ks-city-car)::before { content:''; position:absolute; inset:10px 8px; background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(var(--ksl-rgb),.5) 10px 12px); }
.ks-city-map > i { position:absolute; left:60%; top:3%; font-size:33px; color:var(--ksl-bright); filter:drop-shadow(0 0 20px var(--ksl-accent)); animation:ks-float 4s ease-in-out infinite; }
.ks-arcade-visual { height:270px; position:relative; display:grid; place-items:center; }
.ks-orbit { position:absolute; width:240px; height:140px; border:1px solid rgba(var(--ksl-rgb),.5); border-radius:50%; transform:rotate(-28deg); box-shadow:0 0 16px rgba(var(--ksl-rgb),.09); }
.ks-orbit-two { transform:rotate(28deg); width:210px; height:180px; border-color:var(--ksl-line); }
.ks-game-token { display:grid; place-items:center; width:88px; height:88px; border-radius:24px; background:var(--ksl-accent); box-shadow:0 0 60px rgba(var(--ksl-rgb),.25),inset 0 1px 0 #ffffff55; color:white; font-size:38px; transform:rotate(-9deg); transition:transform .5s; }
.ks-bento-arcade:hover .ks-game-token { transform:rotate(9deg) translateY(-8px); }
.ks-orbit-star { position:absolute; color:var(--ksl-bright); font-size:26px; top:50px; right:22%; animation:ks-float 4s ease-in-out infinite; }
.ks-bento-small { grid-column:span 2; padding:28px; }.ks-feature-symbol { font-size:21px; color:var(--ksl-bright); margin-bottom:25px; }.ksl .ks-bento-small h3 { font-size:20px; }.ksl .ks-bento-small p { font-size:12px; margin-top:14px; }
.ks-ad-panel { padding:40px; display:grid; grid-template-columns:1fr auto; gap:50px; align-items:center; }.ks-ad-panel > div { min-width:0; }.ks-ad-panel .ks-mono { color:var(--ksl-muted); }
.ks-ad-route { display:flex; align-items:center; margin-top:30px; gap:18px; }.ks-ad-route > span { display:flex; flex-direction:column; gap:14px; align-items:center; font-size:12px; white-space:nowrap; }.ks-ad-route i { font-size:22px; color:var(--ksl-bright); }.ks-ad-route > b { height:1px; flex:1; background:linear-gradient(90deg,var(--ksl-line),var(--ksl-accent),var(--ksl-line)); }
.ks-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:65px; }.ks-stats .ks-mono { color:var(--ksl-muted); }.ks-stats strong { display:block; font-size:62px; letter-spacing:-3px; font-weight:400; line-height:1.6; }.ks-sparkline { height:40px; }.ks-sparkline svg { width:100%; height:40px; }.ks-sparkline path { fill:none; stroke:var(--ksl-bright); stroke-width:1.5; }.ks-ticks { display:flex; gap:5px; height:35px; }.ks-ticks i { flex:1; border-radius:3px; background:var(--ksl-bright); opacity:.9; }.ks-ticks i:nth-last-child(-n+4) { opacity:.15; }.ks-stat-line { height:8px; border-radius:20px; background:linear-gradient(90deg,var(--ksl-bright) 80%,var(--ksl-line) 80%); margin:16px 0; }
.ks-reviews { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; margin-top:50px; }.ks-reviews article { border-top:1px solid var(--ksl-line); padding-top:22px; }.ks-review-stars { color:var(--ksl-bright); font-size:12px; letter-spacing:3px; }.ks-reviews blockquote { font-size:13px; line-height:1.8; margin:16px 0 26px; }.ks-reviews strong { display:block; font-size:12px; font-weight:500; }.ks-reviews small { display:block; margin-top:7px; font:12px 'Courier New',monospace; color:var(--ksl-muted); }.ks-review-empty { grid-column:1/-1; display:flex; align-items:center; gap:18px; border-top:1px solid var(--ksl-line); padding-top:25px; }.ks-review-empty i { color:var(--ksl-bright); }.ksl .ks-review-empty p { font-size:12px; }
.ks-faq-grid { display:grid; grid-template-columns:1fr 1.25fr; gap:100px; }.ks-faq-grid h2 em { display:block; }.ks-faq details { border-top:1px solid var(--ksl-line); padding:22px 0; }.ks-faq details:last-child { border-bottom:1px solid var(--ksl-line); }.ks-faq summary { display:flex; align-items:center; justify-content:space-between; gap:22px; font-size:14px; list-style:none; cursor:pointer; }.ks-faq summary::-webkit-details-marker { display:none; }.ks-faq summary span { color:var(--ksl-muted); font-size:22px; transition:transform .3s; }.ks-faq details[open] summary span { transform:rotate(45deg); }.ksl .ks-faq details p { margin:18px 30px 0 0; font-size:12px; }
.ks-final { display:grid; grid-template-columns:1fr 1.45fr; gap:18px; padding-bottom:70px; }.ks-final-brand { padding:32px; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; min-height:310px; }.ks-final-monogram { position:absolute; right:18px; top:40px; font-size:170px; font-weight:900; line-height:1; color:var(--ksl-line); letter-spacing:-12px; transform:rotate(-12deg); pointer-events:none; }.ksl .ks-final-brand p { position:relative; max-width:245px; margin-top:55px; color:var(--ksl-text); font-size:14px; }.ks-final-brand > .ks-mono { position:relative; font-size:12px; color:var(--ksl-muted); padding-top:20px; margin-top:20px; border-top:1px solid var(--ksl-line); }
.ks-final-cta { border-radius:18px; background:var(--ksl-accent); color:#fff; padding:35px; display:flex; flex-direction:column; justify-content:space-between; }.ksl .ks-final-cta h2 { font-size:34px; line-height:1.17; margin:18px 0 28px; }.ks-final-cta h2 em { display:block; font-size:25px; margin-top:9px; letter-spacing:-.6px; }.ks-final-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; }.ks-final-actions > a:last-child { font-size:12px; color:inherit; }.ksl .ks-button-inverted { background:#071426; color:white; min-width:150px; }html[data-theme="dark"] .ks-final-cta { background:var(--ksl-bright); color:#02101d; }html[data-theme="dark"] .ksl .ks-button-inverted { background:#071426; color:white; }
body.ksl .footer-modern { background:var(--ksl-bg); border-top:1px solid var(--ksl-line); padding:48px 0 25px; }body.ksl .footer-modern .container { max-width:1280px; width:calc(100% - 96px); padding:0; }body.ksl .footer-modern p,body.ksl .footer-modern a,body.ksl .footer-modern .f-bottom { color:var(--ksl-muted); font-size:12px; }body.ksl .footer-modern h4 { color:var(--ksl-text); font-size:12px; }body.ksl .footer-modern .f-grid { gap:35px; }body.ksl .footer-modern .keystoneseller-wordmark { color:var(--ksl-text) !important; font-size:18px; }body.ksl .footer-modern .f-bottom { margin-top:35px; border-top-color:var(--ksl-line); font:12px 'Courier New',monospace; }body.ksl .footer-modern .f-social a { background:var(--ksl-panel); border-color:var(--ksl-line); }
.ks-light-field { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:clip; }
.ks-light-field canvas { position:sticky; top:0; display:block; width:100%; height:100vh; opacity:.85; }
html[data-theme="light"] .ks-light-field canvas { opacity:.6; }
.ks-light-fallback { position:absolute; inset:0; background:radial-gradient(ellipse 50% 6% at 75% 5%,rgba(var(--ksl-rgb),.12),transparent),radial-gradient(ellipse 40% 10% at 10% 24%,rgba(var(--ksl-rgb),.07),transparent),radial-gradient(ellipse 40% 6% at 70% 90%,rgba(var(--ksl-rgb),.12),transparent); }
.ks-js .ks-reveal { opacity:0; transform:translateY(24px); transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1); }.ks-js .ks-reveal.ks-visible { opacity:1; transform:none; }
@media(min-width:1600px) { .ks-hero { padding-top:125px; }.ks-hero-grid { min-height:560px; } }
@media(max-width:1180px) { .ks-container { width:calc(100% - 64px); }.ks-nav-links { gap:18px; }.ks-nav-inner { gap:18px; }.ks-brand { font-size:16px; }.ks-nav .lang-switcher { display:none; }.ks-hero-grid { gap:45px; }.ks-hero { padding-top:75px; }.ks-story { gap:65px; }.ks-section-heading { gap:65px; }.ksl .ks-hero h1 { font-size:51px; }.ks-flow-top .ks-mono { font-size:12px; }.ks-flow { padding-inline:18px; }.ks-flow-footer { margin-inline:-18px; }.ks-ad-panel { gap:30px; padding:30px; }.ks-products { grid-auto-columns:calc((100% - 18px)/2.5); } }
@media(max-width:900px) { .ks-nav-links { gap:14px; }.ks-nav-links a { font-size:12px; }.ks-nav-actions { gap:8px; }.ks-nav .ks-button { display:none; }.ks-hero-grid { grid-template-columns:1fr; gap:55px; }.ks-hero-copy { max-width:620px; }.ksl .ks-hero h1 { font-size:60px; }.ks-hero { padding-top:65px; }.ks-flow-wrap { width:min(640px,100%); margin:auto; }.ks-flow { transform:none; }.ks-flow-diagram { height:235px; }.ks-connections { margin-top:65px; }.ks-section { padding:75px 0; }.ks-section-heading { gap:40px; grid-template-columns:1.2fr 1fr; }.ks-story { gap:35px; }.ks-timeline > div { grid-template-columns:12px 1.2fr 1fr 12px; gap:7px; font-size:12px; }.ks-towers { gap:12px; padding-inline:0; }.ks-towers > span,.ks-towers > span::before,.ks-towers > span i { width:28px; }.ks-bento-small { padding:22px; }.ks-faq-grid { gap:45px; }.ks-ad-panel { grid-template-columns:1fr; }.ks-ad-panel > .ks-button { justify-self:start; }.ks-stats { gap:35px; }.ks-final { grid-template-columns:1fr 1.3fr; }.ks-final-brand,.ks-final-cta { padding:25px; }.ksl .ks-final-cta h2 { font-size:28px; } }
@media(max-width:640px) {
 .ks-container { width:calc(100% - 40px); }.ks-nav { height:70px; }.ks-brand { font-size:16px; gap:6px; }.ks-brand img { width:26px; height:26px; }.ks-nav-inner { gap:10px; }.ks-menu { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; border-radius:8px; }.ks-menu span { width:15px; height:1px; background:var(--ksl-text); transition:transform .2s; }.ks-menu[aria-expanded="true"] span:first-child { transform:translateY(3px) rotate(45deg); }.ks-menu[aria-expanded="true"] span:last-child { transform:translateY(-3px) rotate(-45deg); }
 .ks-nav-links { display:none; position:absolute; top:69px; left:0; right:0; background:var(--ksl-bg); border-bottom:1px solid var(--ksl-line); padding:20px; }.ks-nav-links.ks-open { display:flex; flex-direction:column; gap:2px; }.ks-nav-links a { padding:14px 0; font-size:14px; }.ks-mobile-login { display:block; }.ks-nav .lang-switcher { display:flex; }.ksl .ks-nav .lang-item { font-size:12px; padding-inline:4px; }.ks-theme,.ks-menu { width:33px; height:33px; }.ks-nav-actions { gap:5px; }
 .ks-hero { padding-top:56px; padding-bottom:35px; }.ks-hero-grid { gap:42px; }.ksl .ks-hero h1 { font-size:46px; letter-spacing:-2px; }.ks-hero-badge { max-width:100%; font-size:12px; margin-bottom:24px; }.ksl .ks-hero-copy > p { margin:24px 0; font-size:13px; }.ks-hero-note { font-size:12px; gap:8px; }.ks-flow { padding:18px 14px 0; border-radius:12px; min-height:0; }.ks-flow-top { font-size:12px; gap:7px; }.ks-flow-top .ks-mono { max-width:95px; font-size:12px; gap:4px; }.ks-flow-switch { margin-top:18px; }.ks-flow-switch button { min-height:39px; padding:8px 12px; font-size:12px; }.ks-flow-diagram { height:210px; width:100%; margin-left:0; }.ks-node { padding:10px 7px; width:29%; }.ks-node strong { font-size:12px; }.ks-node small { font-size:12px; }.ks-node-start { left:-2%; }.ks-node-top,.ks-node-bottom { left:35%; }.ks-node-end { right:-2%; }.ks-node-top > i { display:none; }.ks-flow-log { padding-bottom:15px; }.ks-flow-log > div { font-size:12px; }.ks-flow-footer { margin-inline:-14px; padding:12px 14px; font-size:12px; }.ks-connections { margin-top:50px; }.ks-connections > .ks-mono { font-size:12px; }.ks-connection-items { gap:10px; flex-wrap:wrap; }.ks-connection-items i { width:42px; height:42px; }.ks-connection-items > span { font-size:12px; gap:10px; }.ks-connection-items .ks-connection-last { display:none; }.ks-domain-strip > div { display:block; }.ks-domains { margin-top:13px; gap:25px; font-size:12px; }
 .ks-section { padding:60px 0; }.ks-section-heading { grid-template-columns:1fr; gap:23px; margin-bottom:35px; }.ks-eyebrow { margin-bottom:17px; font-size:12px; }.ksl .ks-main h2 { font-size:34px; letter-spacing:-1.4px; }.ksl .ks-main h3 { font-size:23px; }.ksl .ks-main p { font-size:13px; }.ks-story,.ks-story-reverse { grid-template-columns:1fr; gap:27px; padding:30px 0; }.ks-story-reverse .ks-story-copy { order:0; }.ks-story-copy { max-width:none; }.ks-story .ks-index { margin-bottom:13px; }.ks-story-copy .ks-text-link { margin-top:18px; }.ks-launch,.ks-message,.ks-growth { padding:20px; }.ks-panel-caption { font-size:12px; }.ks-timeline > div { font-size:12px; }.ks-panel-bottom { font-size:12px; }.ks-towers > span,.ks-towers > span::before,.ks-towers > span i { width:32px; }.ks-statement { margin:0 10px; padding:48px 0; border-radius:18px; }.ksl .ks-statement h2 { font-size:30px; }.ks-statement-mark { font-size:35px; }.ks-products { grid-auto-columns:86%; gap:14px; }.ks-product-art { height:205px; }.ks-product-copy { padding:19px; }.ksl .ks-product h3 { font-size:20px; }.ksl .ks-product p { font-size:12px; }.ks-second-shelf { margin-top:65px; }.ks-empty { min-width:0; padding:30px; }
 .ks-bento { grid-template-columns:1fr; gap:14px; }.ks-bento-city,.ks-bento-arcade,.ks-bento-small { grid-column:span 1; }.ks-card-heading { padding:23px 23px 0; }.ks-bento-small { padding:23px; }.ks-feature-symbol { margin-bottom:15px; }.ks-bento-foot { padding:18px 23px; }.ks-ad-panel { padding:24px; gap:28px; }.ks-ad-route { gap:12px; }.ks-ad-route > span { font-size:12px; }.ks-ad-panel > .ks-button { width:100%; gap:10px; font-size:12px; }.ks-stats { gap:18px; }.ks-stats strong { font-size:42px; letter-spacing:-2px; }.ks-stats .ks-mono { font-size:12px; display:block; min-height:30px; }.ks-ticks { gap:3px; height:25px; }.ks-ticks i:nth-child(n+11) { display:none; }.ks-reviews { grid-template-columns:1fr; gap:25px; margin-top:30px; }.ks-faq-grid { grid-template-columns:1fr; gap:28px; }.ks-faq summary { font-size:12px; }.ksl .ks-faq details p { font-size:12px; }.ks-final { grid-template-columns:1fr; padding-bottom:45px; }.ks-final-brand { min-height:245px; }.ks-final-cta { min-height:290px; }.ksl .ks-final-cta h2 { font-size:29px; }.ks-final-cta h2 em { font-size:23px; }.ks-final-actions { gap:15px; }.ks-final-actions > a:last-child { font-size:12px; }body.ksl .footer-modern .container { width:calc(100% - 40px); }body.ksl .footer-modern .f-grid { grid-template-columns:1fr 1fr; gap:30px; }body.ksl .footer-modern .f-grid > div:first-child { grid-column:1/-1; }body.ksl .footer-modern .f-bottom { line-height:1.8; gap:12px; }
}
@media(max-width:360px) { .ks-container { width:calc(100% - 28px); }.ks-brand { font-size:14px; }.ksl .ks-nav .lang-item { font-size:12px; padding-inline:3px; }.ks-nav-actions { gap:3px; }.ks-theme,.ks-menu { width:29px; height:33px; }.ks-brand img { width:23px; }.ksl .ks-hero h1 { font-size:40px; }.ks-hero-badge { font-size:12px; }.ks-flow-top { font-size:12px; }.ks-flow-top .ks-mono { max-width:85px; font-size:12px; }.ks-node strong { font-size:12px; }.ks-node small { font-size:12px; }.ksl .ks-button { padding:12px 17px; }.ksl .ks-button-small { padding:8px; }.ks-towers { gap:12px; }.ks-towers > span,.ks-towers > span::before,.ks-towers > span i { width:25px; } }
/* Keep language selection reachable in the mobile menu without crowding the brand. */
@media(max-width:1180px) { .ks-account-mobile { display:block; }.ks-nav-links { flex-wrap:wrap; column-gap:12px; row-gap:0; }.ks-nav-links a { padding-block:6px; } }
@media(min-width:641px) and (max-width:1180px) { .ks-nav .lang-switcher { display:flex; }.ks-nav-inner { gap:12px; }.ks-nav-links { gap:12px; }.ks-nav .ks-button-small { display:none; } }
@media(max-width:640px) { .ks-nav-actions > .lang-switcher { display:none; }.ks-mobile-languages { display:block; margin-top:10px; }.ksl .ks-mobile-languages .lang-item { min-width:44px; min-height:44px; font-size:12px; }.ks-theme,.ks-menu { width:44px; height:44px; }.ks-flow-switch button { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .ksl *, .ksl *::before, .ksl *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }.ks-js .ks-reveal { opacity:1; transform:none; }.ks-flow { transform:none; } }

/* Readability and service hierarchy; retain the reference's surfaces and motion. */
.ksl .ks-main :is(p,blockquote){font-size:16px;line-height:1.75}
.ksl .ks-main :is(h1,h2,h3){overflow-wrap:break-word}
.ksl .ks-main h1{letter-spacing:-2px}
.ks-hero{padding-top:64px}
.ks-hero-grid{gap:56px}
.ksl .ks-hero h1{font-size:clamp(44px,4.8vw,68px);line-height:1.06}
.ksl .ks-hero-copy>p{font-size:18px;line-height:1.7;max-width:560px}
.ks-hero-note{font-size:13px;line-height:1.6;gap:8px}
.ks-hero-badge{font-size:12px;line-height:1.5;white-space:normal}
.ks-nav-links a,.ks-text-link{font-size:14px}
.ksl .ks-button{font-size:14px;min-height:44px}
.ks-flow-top{font-size:14px;gap:12px;flex-wrap:wrap}
.ks-flow-top .ks-mono{font-size:12px;max-width:none}
.ks-flow-switch button{font-size:13px;min-height:44px}
.ks-flow-diagram{height:310px}
.ks-node{padding:14px 12px;width:28%}
.ks-node-start{left:0;top:36%}.ks-node-end{right:0;top:36%}
.ks-node-top{left:36%;top:4%}.ks-node-bottom{left:36%;top:64%}
.ks-node strong{font-size:14px;line-height:1.5;font-weight:500}
.ks-node small{font-size:12px;line-height:1.45}
.ks-node-top>i{top:9px}
.ks-flow-log>div{font-size:13px;line-height:1.9}
.ks-log-title,.ks-flow-footer,.ks-index,.ks-mono{font-size:12px;line-height:1.6}
.ks-connections{margin-top:52px}
.ks-connection-items>span{font-size:13px;line-height:1.5;text-align:center}
.ks-service-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:12px 48px}
.ks-service{display:flex;flex-direction:column;gap:16px;padding:26px;color:var(--ksl-text);transition:transform .2s,border-color .2s}
.ks-service:hover{transform:translateY(-4px);border-color:var(--ksl-accent);color:var(--ksl-text)}
.ks-service .ks-index{margin:0}
.ksl .ks-service h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;display:flex;justify-content:space-between;gap:12px}
.ks-service h2>span{color:var(--ksl-accent);font-size:18px}
.ks-service-label{margin-top:auto;padding-top:16px;border-top:1px solid var(--ksl-line);font-size:13px;color:var(--ksl-bright)}
.ks-product-label,.ks-product-meta,.ks-bento-foot,.ks-panel-caption,.ks-panel-bottom,.ks-message-pills>span{font-size:13px;line-height:1.5}
.ksl .ks-products{scroll-snap-type:x proximity}
.ks-product{scroll-snap-align:start}
.ksl .footer-modern :is(p,a,li){font-size:14px;line-height:1.7}
.ksl .footer-modern .copyright{font-size:13px}
.ksl :is(section,[id=how-it-works],[id=html-templates],[id=ready-websites]){scroll-margin-top:104px}
html[data-theme=dark] .ksl .ks-button:not(.ks-button-quiet):not(.ks-button-inverted){background:var(--ksl-gradient);color:#fff}
@media(max-width:1000px){
 .ks-nav-links{gap:12px}.ks-nav-links a{font-size:13px}
 .ks-service-overview{gap:14px}.ks-service{padding:20px}
}
@media(max-width:640px){
 .ks-container{width:calc(100% - 32px)}
 .ks-hero{padding-top:40px}.ks-hero-grid{gap:32px}
 .ksl .ks-hero h1{font-size:clamp(40px,10vw,54px);letter-spacing:-1.5px}
 .ksl .ks-hero-copy>p{font-size:17px}
 .ks-nav-links a{font-size:16px;min-height:44px;display:flex;align-items:center}
 .ksl .ks-button{font-size:14px;padding:13px 18px}
 .ks-actions{gap:10px;flex-wrap:wrap}
 .ks-hero-note{font-size:13px}
 .ks-flow{padding:18px;overflow:hidden}
 .ks-flow-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:auto;padding:20px 0}
 .ks-connectors{display:none}
 .ks-node{position:relative;inset:auto;width:100%;min-width:0;min-height:108px;box-shadow:none}
 .ks-node strong{font-size:13px}.ks-node small{font-size:12px}
 .ks-node-start{order:1}.ks-node-top{order:2}.ks-node-bottom{order:3}.ks-node-end{order:4}
 .ks-port{display:none}
 .ks-flow-top,.ks-flow-top .ks-mono{font-size:12px;max-width:none;line-height:1.5}
 .ks-flow-footer{margin-inline:-18px;font-size:12px}
 .ks-service-overview{grid-template-columns:1fr;margin-top:8px;margin-bottom:28px;gap:12px}
 .ks-service{padding:22px}.ksl .ks-service h2{font-size:23px}
 .ks-connections{margin-top:36px}.ks-connection-items{gap:18px;flex-wrap:wrap;justify-content:flex-start}
 .ks-connection-items>span{flex:1 1 25%;min-width:72px;font-size:13px}
 .ks-connection-last{flex-basis:100%!important}
 .ks-section{padding:56px 0}.ks-story{gap:24px;padding-block:30px}
 .ksl .ks-main h2{letter-spacing:-1px}
 .ks-flow-switch{display:flex;flex-wrap:wrap;gap:4px}
 .ks-flow-switch button{flex:1;white-space:normal}
 .ks-faq summary{font-size:16px;line-height:1.5;padding-block:20px}
 .ks-product-label,.ks-product-meta{gap:10px;flex-wrap:wrap}
}

.ks-hero-copy{order:1}.ks-flow-wrap{order:2}.ks-service-overview{grid-column:1/-1;order:3;margin-block:0;min-width:0}
@media(max-width:900px){.ks-service-overview{order:2}.ks-flow-wrap{order:3}}


/* Shared international public pages; the Persian storefront does not opt in. */
body.ksl #scroll-content{background:var(--ksl-bg);color:var(--ksl-text);min-height:60vh}
body.ksl #scroll-content :is(.catalog-page,.about-shell){--about-bg:var(--ksl-bg);--about-text:var(--ksl-text);--about-muted:var(--ksl-muted);--about-accent:var(--ksl-accent);--about-accent-2:var(--ksl-blue);--about-line:var(--ksl-line);background:transparent;color:var(--ksl-text)}
body.ksl #scroll-content :is(.catalog-hero,.about-hero){background:radial-gradient(ellipse at 85% 0,rgba(var(--ksl-rgb),.09),transparent 65%);border-bottom:1px solid var(--ksl-line);padding-block:64px}
body.ksl #scroll-content :is(.catalog-hero h1,.about-hero h1){color:var(--ksl-text);font-size:clamp(36px,4.2vw,60px);line-height:1.12;letter-spacing:-1.5px;font-weight:500}
body.ksl #scroll-content :is(.catalog-hero p,.about-hero p){font-size:18px;line-height:1.75;color:var(--ksl-muted)}
body.ksl #scroll-content :is(.catalog-card,.catalog-filter-card,.story-card,.member-card,.profile-card){background:var(--ksl-panel);border:1px solid var(--ksl-line);border-radius:20px;box-shadow:var(--ksl-shadow);backdrop-filter:blur(18px)}
body.ksl #scroll-content :is(.catalog-card-title,.catalog-card-body h2,.story-card h2){color:var(--ksl-text);font-weight:500}
body.ksl #scroll-content :is(.catalog-card-desc,.catalog-card-meta){color:var(--ksl-muted);font-size:14px}
body.ksl #scroll-content .catalog-card-media{background:var(--ksl-soft)}
body.ksl #scroll-content :is(.catalog-search,.catalog-category-trigger){background:var(--ksl-panel);border-color:var(--ksl-line);color:var(--ksl-text)}
body.ksl #scroll-content .catalog-card-action.primary{background:var(--ksl-accent);color:#fff}
.ks-nav{z-index:1100}.ks-nav-links{gap:18px}.ks-nav-inner{gap:18px}.ks-nav-links a{white-space:nowrap}
.ks-nav-links a[aria-current=page]{color:var(--ksl-text);text-decoration:underline;text-underline-offset:6px}
.ks-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:44px}
.ks-flow{transform:none;padding-top:20px;min-height:0}
.ks-flow-diagram{height:255px}
.ks-flow-log{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:14px}
.ks-flow-log .ks-log-title{grid-column:1/-1;margin-bottom:0}
.ks-flow-log>div{font-size:12px;line-height:1.4;align-items:flex-start}.ks-flow-log>div>span:last-child{display:none}
.ksl .ks-eyebrow,.ksl .ks-connections>.ks-mono{font-size:14px}
.ks-connection-items>span{font-size:14px}.ks-connection-last{font-size:15px!important}
.ks-light-field{opacity:var(--ks-light-opacity,1);transition:opacity .12s linear}
.ks-top-stats{padding:32px 0 45px}.ks-top-stats .ks-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-block:1px solid var(--ksl-line);padding-block:24px}
.ks-top-stats .ks-stats>div+div{border-left:1px solid var(--ksl-line);padding-left:24px}
.ks-top-stats .ks-stats strong{font-size:clamp(30px,3.6vw,52px);letter-spacing:-2px;font-weight:500;margin-top:8px}
.ks-top-stats .ks-mono{font:14px/1.6 Arial,Helvetica,sans-serif}
.ks-marquee{overflow:hidden;min-width:0;flex:1;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ks-domain-track{display:flex;width:max-content;animation:ks-marquee 40s linear infinite}
.ks-domain-group{display:flex;align-items:center;gap:36px;padding-right:36px;flex-shrink:0}
.ks-domain-group>span{display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--ksl-muted);font-size:15px}
.ks-marquee:hover .ks-domain-track{animation-play-state:running}
@keyframes ks-marquee{to{transform:translateX(-50%)}}
.ks-domain-strip .ks-mono{font-size:14px}
.ks-rail-controls{display:flex;justify-content:flex-end;gap:10px;margin-block:0 10px}
.ks-rail-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ksl-line);border-radius:50%;background:var(--ksl-panel);color:var(--ksl-text);font-size:21px;cursor:pointer}
.ks-rail-controls button:hover{background:var(--ksl-accent);color:#fff}.ks-rail-controls button:disabled{opacity:.35;cursor:default}
.ks-products{grid-auto-columns:calc((100% - 60px)/4);gap:20px;padding-top:18px}
.ks-product{border-radius:18px;background:linear-gradient(145deg,var(--ksl-panel),var(--ksl-soft));isolation:isolate}
.ks-product-art{height:170px}.ks-product-copy{padding:18px}.ksl .ks-product h3{font-size:21px}.ksl .ks-product p{font-size:14px;line-height:1.65}
.ks-statement-stage{position:relative;height:125vh;min-height:760px;z-index:2;padding:24px 0 0}
.ks-statement-stage .ks-statement{position:sticky;top:105px;height:440px;margin:0 auto;padding:0;width:min(1280px,calc(100% - 64px));overflow:hidden;transform-origin:right top;will-change:width,height,transform}
.ks-statement-stage .ks-statement>.ks-container{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.ks-statement-stage .ks-statement h2{margin:18px auto;max-width:800px}
.ks-statement-stage .ks-statement-mark{margin:0;flex-shrink:0;font-size:36px;line-height:1;padding:10px 15px;letter-spacing:-3px;transform:none}
.ks-statement-stage .ks-statement :is(h2,p,.ks-mono){opacity:var(--ks-statement-copy,1)}
.ks-statement-stage .ks-statement p{font-size:15px}

@media(max-width:1180px){
 .ks-nav-links{display:none;position:absolute;top:100%;left:16px;right:16px;padding:22px;flex-direction:column;gap:8px;border:1px solid var(--ksl-line);border-radius:18px;background:var(--ksl-node);box-shadow:var(--ksl-shadow);max-height:calc(100dvh - 100px);overflow-y:auto}
 .ks-nav-links.ks-open{display:flex}.ks-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.ks-menu span{width:17px;height:2px;background:currentColor}
 .ks-nav-links a{min-height:44px;display:flex;align-items:center;font-size:16px}.ks-account-mobile,.ks-mobile-languages{display:block}
 .ks-products{grid-auto-columns:calc((100% - 40px)/3)}
}
@media(max-width:900px){.ks-hero-grid{grid-template-columns:1fr;gap:32px}.ks-flow-wrap{max-width:760px;width:100%;margin-inline:auto}.ks-statement-stage{height:110vh;min-height:690px}}
@media(max-width:640px){
 .ks-flow-diagram{height:auto}.ks-flow-log{display:block}.ks-flow-log>div{margin-top:10px}.ks-flow-log>div>span:last-child{display:block}
 .ks-top-stats .ks-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ks-top-stats .ks-stats>div+div{border:0;padding-left:0}.ks-top-stats .ks-stats strong{font-size:38px}
 .ks-domain-strip>div{gap:20px;flex-direction:column;align-items:stretch}.ks-domain-group{gap:24px;padding-right:24px}
 .ks-products{grid-auto-columns:78%;gap:14px}.ks-product-art{height:175px}.ksl .ks-product h3{font-size:21px}
 .ks-statement-stage .ks-statement{height:400px;width:calc(100% - 32px);top:90px}.ks-statement-stage .ks-statement h2{font-size:29px}
 body.ksl #scroll-content :is(.catalog-hero,.about-hero){padding-block:40px}
 body.ksl #scroll-content :is(.catalog-hero p,.about-hero p){font-size:16px}
}
@media(prefers-reduced-motion:reduce){.ks-statement-stage{height:auto;min-height:0;padding:24px 0}.ks-statement-stage .ks-statement{position:relative;top:0;height:auto;padding:45px 0;will-change:auto}.ks-statement-stage .ks-statement>.ks-container{position:relative}.ks-domain-track{animation:none}.ks-marquee{overflow:auto}.ks-domain-group[aria-hidden]{display:none}}

@media(min-width:901px){.ksl .ks-hero h1{font-size:clamp(44px,4vw,60px)}}
.ks-catalog{padding-top:116px}

body.ksl #scroll-content .detail-hero{background:transparent;color:var(--ksl-text);padding-block:48px}
body.ksl #scroll-content :is(.detail-info,.download-panel,.plan-card,.preview-box,.review-panel){background:var(--ksl-panel);border-color:var(--ksl-line);border-radius:20px;box-shadow:var(--ksl-shadow)}
body.ksl #scroll-content .detail-info h1{font-weight:500;font-size:clamp(30px,3vw,44px);line-height:1.25;color:var(--ksl-text)}
body.ksl #scroll-content :is(.detail-desc,.creator-line){font-size:16px;line-height:1.8;color:var(--ksl-muted)}
body.ksl #scroll-content .back-link{color:var(--ksl-bright)}
body.ksl .ad-request-page{background:var(--ksl-bg);color:var(--ksl-text)}
body.ksl :is(.ad-request-head,.ad-channel,.ad-form-card){background:var(--ksl-panel);border-color:var(--ksl-line);box-shadow:var(--ksl-shadow)}
body.ksl .ad-request-page :is(input,select,textarea){color:var(--ksl-text);background:var(--ksl-node);border-color:var(--ksl-line)}

/* Reference refinement: open margins, floating diagram and a real left docking slot. */
.ks-container{width:min(1760px,calc(100% - 72px))}
.ks-flow-wrap{perspective:1400px;padding-inline:24px}
.ks-flow{transform:rotateY(-8deg) rotateX(3deg) rotateZ(-1.5deg);overflow:visible;transform-style:preserve-3d;box-shadow:0 32px 80px rgba(var(--ksl-rgb),.14),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .4s ease,box-shadow .4s}
.ks-flow-diagram{height:238px;overflow:visible}
.ks-node{box-shadow:0 14px 32px rgba(0,0,0,.16);transform:translateZ(32px);background:var(--ksl-node)}
.ks-node-start{left:-9%;top:36%;width:30%}.ks-node-end{right:-5%;top:36%;width:30%}
.ks-node-top{left:35%;top:0;width:32%}.ks-node-bottom{left:35%;top:66%;width:32%}
.ks-node:hover{transform:translateZ(48px) translateY(-5px)}
.ks-statement-stage{height:550px;min-height:0}
.ks-statement-stage .ks-statement{width:min(1760px,calc(100% - 72px))}
.ks-catalog{padding-top:48px}
.ks-catalog-intro{display:flex;align-items:center;gap:20px;min-width:0}
.ks-statement-home{width:72px;height:72px;flex:0 0 72px;position:relative;border-radius:28px;background:var(--ksl-soft);border:1px solid var(--ksl-line);box-shadow:inset 0 0 0 7px var(--ksl-bg),0 8px 28px rgba(var(--ksl-rgb),.12)}
.ks-statement-home::before{content:'';position:absolute;inset:11px;border:1px dashed rgba(var(--ksl-rgb),.5);border-radius:18px;transition:opacity .4s}
.ks-statement-home.ks-docked::before{opacity:0}
.ks-catalog-intro .ks-eyebrow{margin-bottom:12px}
.ksl .ks-catalog-intro h2{font-size:clamp(30px,2.8vw,44px)}
.ks-rail-controls i{font-size:16px}.ks-play i{font-size:13px}
.ks-review-stars i{font-size:14px}.ks-review-stars i+ i{margin-left:3px}
.ks-city-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--ksl-bright);transform:rotateX(28deg) rotateZ(-6deg);opacity:.65}
.ks-city-route path{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:6 5;filter:drop-shadow(0 0 5px var(--ksl-accent))}
.ks-city-map>.ks-city-car{position:absolute;left:12%;top:70%;color:var(--ksl-bright);font-size:21px;filter:drop-shadow(0 0 8px var(--ksl-accent));z-index:3}
.ks-city-map>span:not(.ks-city-car){transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s}
.ks-feature-icon{display:grid;place-items:center;position:relative;width:64px;height:64px;border-radius:20px;background:var(--ksl-soft);border:1px solid var(--ksl-line);margin-bottom:24px;isolation:isolate;transition:transform .5s,box-shadow .5s}
.ks-feature-icon>.ks-feature-symbol{font-size:25px;margin:0;z-index:1;transition:transform .5s}
.ks-feature-icon::after{content:'';position:absolute;inset:-7px;border-radius:26px;border:1px solid rgba(var(--ksl-rgb),.25);opacity:0;transform:scale(.8);transition:opacity .4s,transform .5s}
@media(min-width:1101px){.ks-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px}.ksl .ks-hero h1{font-size:clamp(38px,3vw,56px);letter-spacing:-1.5px}.ks-hero-copy{max-width:none}.ks-hero h1 em{display:block}}

@keyframes ks-city-pan{from{transform:rotateX(57deg) rotateZ(-25deg) translateY(0)}to{transform:rotateX(52deg) rotateZ(-19deg) translateY(-10px)}}
@keyframes ks-route-light{to{stroke-dashoffset:-44}}
@keyframes ks-city-drive{0%{left:12%;top:70%}30%{left:36%;top:70%}50%{left:36%;top:44%}75%{left:66%;top:44%}100%{left:66%;top:22%}}
@keyframes ks-orbit-spin{from{transform:rotate(-28deg) rotateY(0)}to{transform:rotate(332deg) rotateY(360deg)}}
@keyframes ks-orbit-spin-reverse{from{transform:rotate(28deg)}to{transform:rotate(-332deg)}}
@keyframes ks-game-lift{0%,100%{transform:rotate(-9deg) translateY(0) scale(1)}50%{transform:rotate(9deg) translateY(-16px) scale(1.07)}}
@keyframes ks-icon-pulse{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}
@keyframes ks-shield{50%{transform:scale(1.13);filter:drop-shadow(0 0 8px var(--ksl-accent))}}
@keyframes ks-power{50%{transform:translateY(-4px) scale(1.18);filter:drop-shadow(0 0 10px var(--ksl-accent))}}
@keyframes ks-support{0%,100%{transform:rotate(0)}35%{transform:rotate(-12deg)}65%{transform:rotate(12deg)}}
@media(max-width:1100px){.ks-flow-wrap{padding-inline:28px}.ksl .ks-hero h1{font-size:clamp(40px,4.5vw,55px)}}
@media(max-width:640px){.ks-container{width:calc(100% - 32px)}.ks-flow-wrap{padding-inline:0}.ks-flow{transform:none;overflow:hidden}.ks-flow-diagram{height:auto}.ks-node{transform:none;box-shadow:none;width:100%;inset:auto}.ks-node:hover{transform:none}.ks-statement-stage{height:500px}.ks-statement-stage .ks-statement{width:calc(100% - 32px)}.ks-catalog-intro{gap:14px}.ks-statement-home{width:56px;height:56px;flex-basis:56px;border-radius:21px}.ksl .ks-catalog-intro h2{font-size:28px}.ks-statement-home::before{inset:8px;border-radius:15px}.ksl .ks-hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.ks-flow,.ks-node{transform:none!important}.ks-statement-stage{height:auto;min-height:0}.ks-statement-home{display:none}.ks-city-car,.ks-orbit,.ks-feature-icon{animation:none!important}}

.ks-statement-home.ks-docked{box-shadow:0 0 0 6px var(--ksl-soft),0 12px 35px rgba(var(--ksl-rgb),.22)}
@media(max-width:640px){.ks-statement-stage .ks-statement-mark{font-size:27px;padding:8px 12px;border-radius:16px}}

/* Match the storefront violet/blue accents in both themes. */
body.ksl{--ksl-accent:#6d3ce5;--ksl-bright:#6534d6;--ksl-blue:#5f7df2;--ksl-rgb:109,60,229;--ksl-gradient:linear-gradient(135deg,#6d28d9 0%,#7045e6 65%,#5f7df2 100%)}
html[data-theme="dark"] body.ksl{--ksl-accent:#4289f5;--ksl-bright:#78adff;--ksl-blue:#8d72ef;--ksl-rgb:66,137,245;--ksl-gradient:linear-gradient(135deg,#258af2 0%,#4f8cff 65%,#7c6df2 100%)}
.ksl .ks-button:not(.ks-button-quiet),html[data-theme="dark"] .ksl .ks-button:not(.ks-button-quiet),.ksl :is(.ks-brand-tile,.ks-game-token),body.ksl #scroll-content .catalog-card-action.primary,body.ksl #scroll-content .catalog-search button{background:var(--ksl-gradient);color:#fff}
.ksl .ks-button:not(.ks-button-quiet):hover{background:var(--ksl-gradient);box-shadow:0 8px 30px rgba(var(--ksl-rgb),.35)}
.ksl .ks-statement,html[data-theme="dark"] .ksl .ks-statement{color:#fff;background-image:radial-gradient(rgba(255,255,255,.16) .8px,transparent .8px),var(--ksl-gradient);background-size:25px 25px,100% 100%}
.ksl .ks-rail-controls button:hover:not(:disabled){background:var(--ksl-gradient);color:#fff}
body.ksl #scroll-content .catalog-page{--catalog-accent:var(--ksl-accent);--catalog-accent-2:var(--ksl-blue)}

.ks-js .ks-reveal{opacity:1;transform:none;transition:none}

/* One gutter for every public section, navigation, listings and footer. */
body.ksl{--ks-page-gutter:54px}
body.ksl :is(.ks-container,.catalog-page .container,.about-shell>.container,.footer-modern .container){width:min(1760px,calc(100% - 2 * var(--ks-page-gutter)));margin-inline:auto}
.ks-statement-stage .ks-statement{width:min(1760px,calc(100% - 2 * var(--ks-page-gutter)))}
@media(max-width:640px){body.ksl{--ks-page-gutter:24px}}

.ksl .ks-statement-stage .ks-statement>.ks-container{width:100%;margin:0}

/* The same visual system across the international public storefront. */
body.ksl #scroll-content,body.ksl .ad-request-page{position:relative;isolation:isolate;overflow-x:clip}
body.ksl #scroll-content :is(.catalog-page,.about-shell,.profile-shell){--catalog-bg:var(--ksl-bg);--catalog-surface:var(--ksl-panel);--catalog-surface-2:var(--ksl-soft);--catalog-text:var(--ksl-text);--catalog-muted:var(--ksl-muted);--catalog-border:var(--ksl-line);--catalog-shadow:var(--ksl-shadow);--about-bg:var(--ksl-bg);--about-bg-soft:var(--ksl-soft);--about-text:var(--ksl-text);--about-muted:var(--ksl-muted);--about-line:var(--ksl-line);--about-glass:var(--ksl-panel);--about-glass-strong:var(--ksl-panel);--about-glass-soft:var(--ksl-soft);--about-shadow:var(--ksl-shadow);--about-shadow-soft:var(--ksl-shadow);--about-accent:var(--ksl-accent);--about-accent-2:var(--ksl-blue);background:transparent;color:var(--ksl-text);font-family:Arial,Helvetica,sans-serif}
body.ksl #scroll-content .catalog-page{padding-top:0}
body.ksl #scroll-content :is(.about-shell,.profile-shell,.detail-hero) .container,body.ksl .ad-request-page>.container{width:min(1760px,calc(100% - 2 * var(--ks-page-gutter)));max-width:none;margin-inline:auto}
body.ksl #scroll-content :is(.catalog-hero,.about-hero,.profile-hero){background:transparent;border-color:var(--ksl-line)}
body.ksl #scroll-content :is(.catalog-hero,.about-hero)::before,body.ksl #scroll-content :is(.catalog-hero,.about-hero)::after{display:none}
body.ksl #scroll-content :is(.catalog-kicker,.about-kicker,.profile-kicker){background:transparent!important;border:0;box-shadow:none;padding:0;color:var(--ksl-muted)!important;font:14px/1.65 'Courier New',monospace}
body.ksl #scroll-content :is(.catalog-hero h1,.about-hero h1,.profile-identity h1){font-size:clamp(36px,4.2vw,60px);line-height:1.12;letter-spacing:-1.5px;font-weight:500;color:var(--ksl-text)}
body.ksl #scroll-content .about-hero h1 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:var(--ksl-text)}
body.ksl #scroll-content :is(.story-copy h2,.team-stage-head h2,.profile-panel h2){font-weight:500;letter-spacing:-.7px;color:var(--ksl-text)}
body.ksl #scroll-content :is(.catalog-card,.catalog-filter-card,.story-card,.member-card,.profile-panel,.profile-contact,.about-mini-visual,.about-empty,.profile-social,.catalog-search,.catalog-category-trigger,.download-panel,.plan-card,.preview-box,.review-panel){background:var(--ksl-panel);border:1px solid var(--ksl-line);border-radius:18px;box-shadow:var(--ksl-shadow);backdrop-filter:blur(18px)}
body.ksl #scroll-content :is(.catalog-card-title,.catalog-card-body h2,.member-card h3){font-size:21px;font-weight:500;letter-spacing:-.5px;color:var(--ksl-text)}
body.ksl #scroll-content :is(.catalog-card-desc,.catalog-card-meta,.member-bio,.member-role,.profile-role,.profile-panel p,.story-copy p,.team-stage-head p){color:var(--ksl-muted);font-size:15px;line-height:1.75}
body.ksl #scroll-content :is(.catalog-card-action.primary,.member-monogram,.profile-monogram,.mini-visual-icon){background:var(--ksl-gradient)!important;color:#fff}
body.ksl #scroll-content :is(.catalog-card-action,.profile-back,.profile-social){font-family:Arial,Helvetica,sans-serif;border-radius:999px}
body.ksl #scroll-content :is(.catalog-card-action.primary,.catalog-search button){background:var(--ksl-gradient);color:#fff;font-weight:600}
body.ksl #scroll-content :is(.catalog-filter-card input,.catalog-filter-card select,.catalog-search input){background:var(--ksl-node);color:var(--ksl-text);border-color:var(--ksl-line)}
body.ksl .ad-request-page{background:var(--ksl-bg);font-family:Arial,Helvetica,sans-serif}
body.ksl .ad-request-page h1{font-size:clamp(36px,4.2vw,60px);font-weight:500;line-height:1.12;letter-spacing:-1.5px;color:var(--ksl-text)}
body.ksl .ad-request-page :is(.ad-request-head,.ad-channel,.ad-form-card){background:var(--ksl-panel);border-color:var(--ksl-line);border-radius:18px;box-shadow:var(--ksl-shadow)}
body.ksl .ad-request-page :is(button[type=submit],.btn-primary){background:var(--ksl-gradient);color:#fff;border:0;border-radius:999px}
.ksl .ks-flow-cinematic .ks-flow{background:var(--ksl-panel);color:var(--ksl-text);border-color:var(--ksl-line);box-shadow:var(--ksl-shadow)}
.ksl .ks-flow-cinematic :is(.ks-node,.ks-flow-switch){background:var(--ksl-node);border-color:var(--ksl-line);color:var(--ksl-text)}
.ksl .ks-flow-cinematic :is(.ks-node strong,.ks-flow-top>span:first-child){color:var(--ksl-text)}
.ksl .ks-flow-cinematic :is(.ks-node small,.ks-flow-top,.ks-log-title,.ks-flow-log>div,.ks-flow-footer,.ks-flow-switch button){color:var(--ksl-muted)}
.ksl .ks-flow-cinematic :is(.ks-node>i,.ks-connectors){color:var(--ksl-bright)}
.ksl .ks-flow-cinematic .ks-flow-switch button[aria-pressed=true]{background:var(--ksl-soft);color:var(--ksl-bright);box-shadow:inset 0 0 0 1px var(--ksl-line)}
@media(max-width:640px){body.ksl #scroll-content :is(.catalog-hero h1,.about-hero h1,.profile-identity h1),body.ksl .ad-request-page h1{font-size:36px}body.ksl #scroll-content :is(.catalog-hero,.about-hero){padding-block:40px}}

/* Quiet gallery backdrop for inner pages; the animated neon belongs to home. */
.ks-public-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 65% 450px at 90% 0,rgba(var(--ksl-rgb),.11),transparent 75%),radial-gradient(ellipse 45% 600px at 0 55%,rgba(var(--ksl-rgb),.055),transparent 80%),linear-gradient(180deg,var(--ksl-soft),transparent 500px)}
.ks-public-atmosphere::before,.ks-public-atmosphere::after{content:'';position:absolute;border:1px solid var(--ksl-line);border-radius:50%;opacity:.45;pointer-events:none}
.ks-public-atmosphere::before{width:560px;height:560px;top:-260px;right:-140px;box-shadow:0 0 0 55px rgba(var(--ksl-rgb),.015),0 0 0 115px rgba(var(--ksl-rgb),.01)}
.ks-public-atmosphere::after{width:340px;height:340px;left:-210px;top:800px;box-shadow:0 0 0 65px rgba(var(--ksl-rgb),.012)}
@media(max-width:640px){.ks-public-atmosphere::before{width:340px;height:340px;top:-200px;right:-190px}}

/* Compact glass workflow: one responsive layout, no competing inline theme. */
.ksl .ks-flow-cinematic{min-height:0;padding:20px 14px 20px 28px;background:none;border:0;box-shadow:none;overflow:visible;width:100%;max-width:none;margin:0}
.ksl .ks-flow-cinematic .ks-flow{width:100%;min-height:0;margin:0;padding:22px 20px 0;border-radius:18px;background:var(--ksl-panel);box-shadow:0 24px 64px rgba(0,0,0,.14),inset 0 1px 0 #ffffff14;backdrop-filter:blur(24px) saturate(120%);transform:rotateY(-5deg) rotateX(1.5deg) rotateZ(-.6deg)}
.ksl .ks-flow-cinematic .ks-flow-top{align-items:start;gap:16px;font-size:13px;line-height:1.5}
.ksl .ks-flow-cinematic .ks-flow-top>.ks-mono{flex-shrink:0;font-size:11px;max-width:none}
.ksl .ks-flow-cinematic .ks-flow-switch{margin-top:18px;max-width:100%;gap:4px;border-radius:8px}
.ksl .ks-flow-cinematic .ks-flow-switch button{font-size:12px;padding:9px 12px;min-height:40px;flex:1}
.ksl .ks-flow-cinematic .ks-flow-diagram{display:block;width:100%;height:254px;margin:12px 0 0;padding:0;overflow:visible}
.ksl .ks-flow-cinematic .ks-node{position:absolute;inset:auto;width:29%;min-height:80px;padding:12px 10px;border-radius:10px;font-size:12px;box-shadow:0 12px 32px #00000026;transform:none;translate:none;animation:none;z-index:1}
.ksl .ks-flow-cinematic .ks-node strong{font-size:13px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.ksl .ks-flow-cinematic .ks-node small{font-size:11px;line-height:1.5;margin-top:5px}
.ksl .ks-flow-cinematic .ks-node-start{left:-7%;top:36%}
.ksl .ks-flow-cinematic .ks-node-top{left:35.5%;top:4%}
.ksl .ks-flow-cinematic .ks-node-bottom{left:35.5%;top:64%}
.ksl .ks-flow-cinematic .ks-node-end{right:-5%;top:36%}
.ksl .ks-flow-cinematic .ks-flow-log{display:block;margin-top:6px;padding:0 0 18px}
.ksl .ks-flow-cinematic .ks-flow-log>div{font-size:11px;line-height:1.7;margin-top:7px;align-items:center}
.ksl .ks-flow-cinematic .ks-flow-log>div>span:last-child{display:block}
.ksl .ks-flow-cinematic .ks-log-title{display:block;margin-bottom:10px;font-size:11px}
.ksl .ks-flow-cinematic .ks-flow-footer{margin-inline:-20px;padding:13px 20px;font-size:11px;line-height:1.6}
html[data-theme=dark] .ksl .ks-flow-cinematic .ks-flow{background:linear-gradient(150deg,rgba(16,24,38,.84),rgba(6,13,24,.78));border-color:#ffffff20;box-shadow:0 28px 70px #00000045,inset 0 1px 0 #ffffff0c}
html[data-theme=dark] .ksl .ks-flow-cinematic .ks-node{background:linear-gradient(155deg,rgba(22,30,44,.95),rgba(10,16,28,.94));border-color:#ffffff16}
@media(max-width:1100px){.ksl .ks-flow-cinematic{padding-inline:28px 20px}.ksl .ks-flow-cinematic .ks-flow-top{flex-wrap:wrap}}
@media(max-width:640px){
 .ksl .ks-flow-cinematic{padding:0;width:100%;min-width:0}
 .ksl .ks-flow-cinematic .ks-flow{transform:none!important;padding:18px 16px 0;width:100%;overflow:hidden}
 .ksl .ks-flow-cinematic .ks-flow-top{gap:8px;flex-wrap:wrap;font-size:13px}
 .ksl .ks-flow-cinematic .ks-flow-switch{width:100%}
 .ksl .ks-flow-cinematic .ks-flow-switch button{white-space:normal;font-size:12px;padding:8px}
 .ksl .ks-flow-cinematic .ks-flow-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(76px,auto) minmax(88px,auto) minmax(76px,auto);gap:28px 14px;height:auto;min-height:296px;padding:16px 0;margin-top:12px}
 .ksl .ks-flow-cinematic .ks-connectors{display:block;position:absolute;inset:0;z-index:0;pointer-events:none}
 .ksl .ks-flow-cinematic .ks-node{position:relative;inset:auto!important;width:100%;min-width:0;min-height:0;padding:12px 9px;transform:none!important;box-shadow:0 8px 20px #00000012}
 .ksl .ks-flow-cinematic .ks-node-start{grid-column:1/-1;grid-row:1;width:min(160px,76%);justify-self:center}
 .ksl .ks-flow-cinematic .ks-node-top{grid-column:1;grid-row:2}
 .ksl .ks-flow-cinematic .ks-node-bottom{grid-column:2;grid-row:2}
 .ksl .ks-flow-cinematic .ks-node-end{grid-column:1/-1;grid-row:3;width:min(180px,85%);justify-self:center}
 .ksl .ks-flow-cinematic .ks-node strong{font-size:12px}.ksl .ks-flow-cinematic .ks-node small{font-size:11px}
 .ksl .ks-flow-cinematic .ks-flow-footer{margin-inline:-16px;padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.ksl .ks-flow-cinematic .ks-flow{transform:none}}

/* Preserve a readable workflow until there is truly too little horizontal room. */
@media(min-width:1001px){.ksl .ks-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(560px,1.4fr);gap:32px}.ksl .ks-flow-cinematic .ks-node strong{font-size:14px}.ksl .ks-flow-cinematic .ks-node small,.ksl .ks-flow-cinematic .ks-flow-log>div{font-size:12px}}
@media(max-width:1000px){.ksl .ks-hero-grid{grid-template-columns:1fr}.ksl .ks-flow-cinematic{width:100%;max-width:900px;margin-inline:auto}}

/* Keep the international landing's four KPIs in a 2x2 phone grid.
   The shared mobile brand stylesheet otherwise forces .ks-stats to one column. */
@media (max-width: 640px) {
  body.ksl.landing-home .ks-top-stats .ks-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ksl.landing-home .ks-top-stats .ks-stats > div {
    min-width: 0;
  }
}

/* Shared homepage presentation. Product visibility, content and navigation stay server-owned. */
@font-face { font-family: 'Estedad Landing'; src: url('../fonts/landing/Estedad-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope Landing'; src: url('../fonts/landing/Manrope-Variable.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; }
body.ksl.landing-unified {
  font-family: 'Manrope Landing', Arial, sans-serif;
  --ks-page-gutter: clamp(24px, 4vw, 76px);
  --landing-edge: rgba(98, 85, 155, .2);
  --landing-sheen: rgba(255, 255, 255, .88);
  --landing-wash: rgba(255, 255, 255, .5);
  --landing-shadow: 0 18px 52px rgba(49, 38, 102, .07);
}
html[data-theme=dark] body.landing-unified {
  --landing-edge: rgba(171, 201, 255, .22);
  --landing-sheen: rgba(211, 230, 255, .2);
  --landing-wash: rgba(15, 27, 48, .58);
  --landing-shadow: 0 20px 54px rgba(0, 0, 0, .22);
}
.landing-unified .ks-main :is(h1, h2, h3, p) { overflow-wrap: break-word; }
.landing-unified .ks-main h2 { font-size: clamp(30px, 3vw, 46px); line-height: 1.2; letter-spacing: -1.3px; }
.landing-unified .ks-main p { font-size: 16px; line-height: 1.85; }
.landing-unified :is(.ks-eyebrow, .ks-mono, .ks-index) { font-size: 14px; line-height: 1.7; }
.landing-unified :is(.ks-eyebrow, .ks-mono, .ks-index, .ks-reviews small, .ks-flow-log > div) { font-family: inherit; }
.landing-unified .ks-eyebrow { color: var(--ksl-bright); margin-bottom: 18px; }
.landing-unified .ks-section { padding-block: 76px; }
.landing-unified .ks-section-heading { gap: 48px; margin-bottom: 32px; align-items: center; }
.landing-unified .ks-section-heading > :is(p, div > p) { max-width: 540px; }
.landing-unified .ks-hero { padding-block: 68px 32px; }
.landing-unified .ks-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(540px, 1.16fr); gap: 52px; min-height: 530px; }
.landing-unified .ks-hero h1 { font-size: clamp(40px, 3.65vw, 64px); line-height: 1.12; max-width: 650px; letter-spacing: -2px; text-wrap: balance; }
.landing-unified .ks-hero h1 em { color: var(--ksl-bright); margin-top: 14px; font-size: .83em; }
.landing-unified .ks-hero-copy > p { max-width: 565px; margin-block: 26px; font-size: 17px; }
.landing-unified .ks-hero-badge { font: inherit; font-size: 13px; border-radius: 999px; padding: 7px 12px; color: var(--ksl-text); background: var(--landing-wash); border-color: var(--landing-edge); }
.landing-unified .ks-hero-note { gap: 8px 20px; margin-block: 20px 26px; font: inherit; font-size: 13px; line-height: 1.8; }
.landing-unified .ks-hero-note > span { display: inline-flex; align-items: center; gap: 7px; }
.landing-unified .ks-hero-note a { color: var(--ksl-bright); }
/* Reflected edges, translucent colour and background refraction match the existing Azma glass. */
.ksl.landing-unified .ks-button {
  position: relative; isolation: isolate; min-height: 52px; padding: 14px 22px; gap: 14px;
  border: 1px solid var(--landing-edge); border-radius: 17px; font-size: 15px; font-weight: 600;
  background: linear-gradient(145deg, rgba(255,255,255,.2), transparent 50%), linear-gradient(130deg, rgba(97,47,214,.9), rgba(76,104,222,.85));
  color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(255,255,255,.13), 0 8px 24px rgba(var(--ksl-rgb),.18);
  -webkit-backdrop-filter: blur(22px) saturate(170%); backdrop-filter: blur(22px) saturate(170%);
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
html[data-theme=dark] .landing-unified .ks-button:not(.ks-button-quiet) {
  background: linear-gradient(145deg, rgba(255,255,255,.14), transparent 48%), linear-gradient(130deg, rgba(29,104,214,.91), rgba(97,77,204,.85)); color: #fff;
}
.ksl.landing-unified .ks-button-quiet {
  background: linear-gradient(140deg, var(--landing-sheen), transparent 64%), var(--landing-wash);
  color: var(--ksl-text); box-shadow: inset 0 1px 0 var(--landing-sheen), inset 0 -1px 0 rgba(138,161,218,.12), 0 8px 24px rgba(var(--ksl-rgb),.08);
}
.ksl.landing-unified .ks-button:hover { border-color: var(--ksl-bright); box-shadow: inset 0 1px 0 var(--landing-sheen), 0 12px 32px rgba(var(--ksl-rgb),.23); }
.landing-unified .ks-hero-search { max-width: 470px; }
.landing-unified .ks-hero-search label { display: block; margin-bottom: 9px; font-size: 13px; color: var(--ksl-muted); }
.landing-unified .ks-hero-search > div { display: flex; align-items: center; gap: 10px; padding: 6px 7px 6px 16px; border: 1px solid var(--landing-edge); border-radius: 18px; background: linear-gradient(140deg, var(--landing-sheen), transparent 65%), var(--landing-wash); box-shadow: inset 0 1px 0 var(--landing-sheen), var(--landing-shadow); -webkit-backdrop-filter: blur(24px) saturate(155%); backdrop-filter: blur(24px) saturate(155%); }
.landing-unified .ks-hero-search > div > i { color: var(--ksl-bright); }
.landing-unified .ks-hero-search input { flex: 1; width: 0; min-width: 0; min-height: 42px; border: 0 !important; border-radius: 7px; background: transparent !important; color: var(--ksl-text) !important; font: inherit; font-size: 15px; box-shadow: none !important; }
.landing-unified .ks-hero-search input::placeholder { color: var(--ksl-muted); opacity: 1; }
.landing-unified .ks-hero-search input:focus-visible { outline: 2px solid var(--ksl-bright); outline-offset: 3px; }
.landing-unified .ks-hero-search button { flex: 0 0 44px; height: 44px; border: 1px solid var(--landing-edge); border-radius: 12px; color: var(--ksl-bright); background: var(--ksl-soft); cursor: pointer; }
.landing-unified .ks-flow-cinematic { padding: 22px 18px 22px 30px; }
.landing-unified .ks-flow-cinematic .ks-flow { border-radius: 24px; box-shadow: inset 0 1px 0 var(--landing-sheen), var(--landing-shadow); background: linear-gradient(140deg, var(--landing-wash), transparent 65%), var(--ksl-panel); }
.landing-unified .ks-flow-cinematic .ks-flow-top { font-size: 15px; }
.landing-unified .ks-flow-cinematic .ks-flow-switch button { font-size: 14px; min-height: 44px; }
.landing-unified .ks-flow-cinematic .ks-node strong { font-size: 15px; }
.landing-unified .ks-flow-cinematic .ks-node small { font-size: 12px; }
.landing-unified .ks-flow-cinematic .ks-flow-log > div { font-size: 13px; }
.landing-unified .ks-flow-cinematic .ks-flow-footer { font-size: 13px; }
.landing-unified .ks-connections { margin-top: 48px; }
.landing-unified .ks-connections > .ks-mono { font-size: 14px; margin-bottom: 18px; }
.landing-unified .ks-connection-items { gap: 26px; }
.landing-unified .ks-connection-items > span { font-size: 16px; }
.landing-unified .ks-top-stats { padding-block: 25px; }
.landing-unified .ks-top-stats .ks-stats { padding-block: 22px; gap: 26px; border-block: 1px solid var(--ksl-line); }
.landing-unified .ks-top-stats .ks-stats strong { font-size: clamp(32px, 3vw, 48px); font-weight: 500; letter-spacing: -1px; }
.landing-unified .ks-domain-strip { padding-block: 14px 26px; }
.landing-unified .ks-start-section { padding-block: 30px 38px; }
.landing-unified .ks-service-overview { margin-block: 0; gap: 18px; }
.landing-unified .ks-service { min-width: 0; padding: 28px; gap: 15px; border-radius: 22px; }
.landing-unified .ks-service:first-child { border-color: rgba(var(--ksl-rgb),.4); background-image: linear-gradient(145deg, rgba(var(--ksl-rgb),.1), transparent 70%); }
.landing-unified .ks-service h2 { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 25px; line-height: 1.4; letter-spacing: -.6px; }
.landing-unified .ks-service h2 > i { font-size: 21px; color: var(--ksl-bright); }
.landing-unified .ks-service p { font-size: 15px; }
.landing-unified .ks-service-label { font-size: 14px; line-height: 1.7; }
.landing-unified .ks-surface { border-color: var(--landing-edge); background-color: var(--landing-wash); box-shadow: inset 0 1px 0 var(--landing-sheen), var(--landing-shadow); -webkit-backdrop-filter: blur(22px) saturate(145%); backdrop-filter: blur(22px) saturate(145%); }
.landing-unified .ks-statement-stage { height: 505px; }
.landing-unified .ks-statement-stage .ks-statement h2 { font-size: clamp(30px, 3.2vw, 48px); max-width: 950px; }
.landing-unified .ks-statement-mark { letter-spacing: 0; }
.landing-unified .ks-catalog { padding-top: 28px; }
.landing-unified .ks-second-shelf { margin-top: 64px; }
.landing-unified .ks-products { grid-auto-columns: calc((100% - 54px)/4); gap: 18px; }
.landing-unified .ks-product { border-radius: 20px; }
.landing-unified .ks-product-art { height: auto; aspect-ratio: 16/10; }
.landing-unified .ks-product-copy { padding: 20px; }
.landing-unified .ks-product h3 { font-size: 21px; line-height: 1.45; }
.landing-unified .ks-product-copy p { font-size: 14px; }
.landing-unified .ks-product-art { position: relative; }
.landing-unified .ks-product-art .ks-gallery-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .35s; }
.landing-unified .ks-gallery-image:not(.active) { opacity: 0; }
.landing-unified .ks-product-details { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; color: var(--ksl-muted); font-size: 12px; margin-top: 14px; }
.landing-unified :is(.ks-product-label, .ks-product-meta) { font-size: 13px; gap: 10px; }
.landing-unified .ks-rail-controls button { width: 44px; height: 44px; }
.landing-unified .ks-benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.landing-unified .ks-benefit { padding: 30px; border-radius: 22px; }
.landing-unified .ks-benefit-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--landing-edge); border-radius: 15px; background: var(--ksl-soft); color: var(--ksl-bright); margin-bottom: 23px; font-size: 21px; }
.landing-unified .ks-benefit h3 { font-size: 23px; margin-bottom: 14px; }
.landing-unified .ks-benefit p { font-size: 15px; }
.landing-unified .ks-launch-steps { display: grid; grid-template-columns: 1fr 1.5fr; gap: 70px; align-items: start; padding-top: 72px; }
.landing-unified .ks-launch-steps > div > p { margin-top: 18px; }
.landing-unified .ks-launch-steps ol { list-style: none; padding: 0; margin: 0; }
.landing-unified .ks-launch-steps li { display: flex; gap: 22px; padding-block: 22px; border-top: 1px solid var(--ksl-line); }
.landing-unified .ks-launch-steps li > span { flex: 0 0 40px; height: 40px; display: grid; place-items: center; background: var(--ksl-soft); border: 1px solid var(--landing-edge); border-radius: 13px; color: var(--ksl-bright); font-size: 13px; }
.landing-unified .ks-launch-steps h4 { color: var(--ksl-text); font-size: 20px; line-height: 1.5; margin: 0 0 8px; }
.landing-unified .ks-launch-steps li p { font-size: 15px; }
.landing-unified .ks-bento-copy { padding: 28px; }
.landing-unified .ks-bento-copy p { font-size: 15px; }
.landing-unified .ks-card-heading p { font-size: 15px; }
.landing-unified .ks-experience-list { padding-inline-start: 20px; margin: 16px 0 0; color: var(--ksl-muted); font-size: 14px; line-height: 1.8; }
.landing-unified .ks-feature-list { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; font-size: 14px; color: var(--ksl-muted); }
.landing-unified .ks-feature-list li { display: flex; align-items: baseline; gap: 9px; }
.landing-unified .ks-feature-list i { color: var(--ksl-bright); font-size: 11px; }
.landing-unified .ks-bento-foot { font-size: 14px; }
.landing-unified .ks-bento-small p { font-size: 15px; }
.landing-unified .ks-ad-panel { padding: 32px; border-radius: 24px; gap: 30px; }
.landing-unified .ks-ad-route { font-size: 16px; }
.landing-unified .ks-reviews { gap: 22px; margin-top: 0; }
.landing-unified .ks-reviews article { padding: 26px; border: 1px solid var(--landing-edge); border-radius: 22px; background: var(--landing-wash); }
.landing-unified .ks-reviews blockquote { font-size: 16px; }
.landing-unified .ks-reviews strong { font-size: 15px; }
.landing-unified .ks-reviews small { font-size: 13px; line-height: 1.7; }
.landing-unified .ks-faq-grid { gap: 64px; }
.landing-unified .ks-faq summary { font-size: 17px; line-height: 1.6; padding-block: 2px; }
.landing-unified .ks-faq details p { font-size: 16px; margin-inline: 0 28px; }
.landing-unified .ks-final { display: block; padding-block: 22px 70px; }
.landing-unified .ks-final-cta { display: flex; flex-direction: row; align-items: center; padding: 40px; gap: 30px; background: linear-gradient(125deg, rgba(var(--ksl-rgb),.1), transparent 80%), var(--landing-wash); color: var(--ksl-text); }
.landing-unified .ks-final-cta h2 { margin-block: 0 14px; font-size: 34px; line-height: 1.3; }
.landing-unified .ks-final-actions { flex-wrap: wrap; justify-content: flex-start; }
.landing-unified .ks-final-actions > a:last-child { font-size: 15px; color: var(--ksl-bright); }
/* Persian uses the existing site's font and its original navigation/footer. */
html[lang=fa] body.landing-unified { font-family: 'Estedad Landing', Vazirmatn, Tahoma, sans-serif; }
html[lang=fa] .landing-unified .ks-hero { padding-top: 132px; }
html[lang=fa] .landing-unified :is(.ks-main em, .ks-eyebrow, .ks-mono, .ks-index, .ks-hero-note, .ks-flow-log > div, .ks-reviews small, .footer-modern) { font-family: inherit; font-style: normal; letter-spacing: 0; }
html[lang=fa] .landing-unified .ks-main :is(h1,h2,h3,h4) { letter-spacing: 0; font-weight: 700; }
html[lang=fa] .landing-unified .ks-hero h1 { line-height: 1.65; font-size: clamp(35px,3.2vw,54px); }
html[lang=fa] .landing-unified .ks-main h2 { line-height: 1.65; }
html[lang=fa] .landing-unified .ks-flow-diagram { direction: ltr; }
html[lang=fa] .landing-unified .ks-node { direction: rtl; }
html[lang=fa] .landing-unified .ks-flow-log > div > span:last-child { margin-left: 0; margin-right: auto; }
html[lang=fa] .landing-unified .ks-hero-search > div { padding-inline: 16px 7px; }
html[lang=fa] .landing-unified .ks-hero-search button i { transform: rotate(180deg); }
html[lang=fa] .landing-unified .ks-products { direction: rtl; }
html[lang=fa] .landing-unified .ks-domain-track { direction: ltr; }
html[lang=fa] .landing-unified .ks-rail-controls i { transform: rotate(180deg); }
html[lang=fa] .landing-unified .ks-top-stats .ks-stats > div { border-left: 0; padding-left: 0; }
@media(min-width:1600px) { .landing-unified .ks-products { grid-auto-columns: calc((100% - 72px)/5); } }
@media(max-width:1199px) {
  .landing-unified .ks-hero-grid { grid-template-columns: 1fr; gap: 32px; min-height: 0; }
  .landing-unified .ks-hero-copy { max-width: 820px; }
  .landing-unified .ks-hero h1 { max-width: 820px; font-size: 52px; }
  .landing-unified .ks-flow-cinematic { max-width: 900px; margin-inline: auto; }
  .landing-unified .ks-products { grid-auto-columns: calc((100% - 36px)/3); }
  .landing-unified .ks-section-heading { gap: 30px; }
  .landing-unified .ks-service, .landing-unified .ks-benefit { padding: 24px; }
}
@media(max-width:800px) {
  .landing-unified .ks-service-overview, .landing-unified .ks-benefits { grid-template-columns: 1fr; }
  .landing-unified .ks-service { gap: 12px; }
  .landing-unified .ks-service h2 { font-size: 24px; }
  .landing-unified .ks-service-label { padding-top: 12px; }
  .landing-unified .ks-section-heading, .landing-unified .ks-launch-steps, .landing-unified .ks-faq-grid { grid-template-columns: 1fr; gap: 26px; }
  .landing-unified .ks-launch-steps { padding-top: 44px; }
  .landing-unified .ks-reviews { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .landing-unified .ks-final-cta { flex-direction: column; align-items: stretch; padding: 30px; }
}
@media(max-width:640px) {
  body.ksl.landing-unified { --ks-page-gutter: 20px; }
  .landing-unified .ks-hero { padding-top: 34px; }
  .landing-unified .ks-hero h1 { font-size: clamp(34px,9vw,46px); letter-spacing: -1.2px; }
  .landing-unified .ks-hero-copy > p { font-size: 16px; margin-block: 20px; }
  .landing-unified .ks-hero-badge { font-size: 12px; margin-bottom: 20px; border-radius: 14px; }
  .landing-unified .ks-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .landing-unified .ks-actions .ks-button { min-height: 52px; font-size: 14px; padding-inline: 16px; }
  .landing-unified .ks-flow-cinematic { padding: 0; }
  .landing-unified .ks-flow-cinematic .ks-node strong { font-size: 14px; }
  .landing-unified .ks-flow-cinematic .ks-flow-top { font-size: 14px; }
  .landing-unified .ks-connections { margin-top: 30px; }
  .landing-unified .ks-connections .ks-connection-items { gap: 16px; }
  .landing-unified .ks-section { padding-block: 44px; }
  .landing-unified .ks-main h2 { font-size: 29px; letter-spacing: -.7px; }
  .landing-unified .ks-products { grid-auto-columns: 82%; gap: 14px; }
  .landing-unified .ks-start-section { padding-block: 22px 28px; }
  .landing-unified .ks-statement-stage { height: 450px; }
  .landing-unified .ks-statement-stage .ks-statement h2 { font-size: 28px; }
  .landing-unified .ks-second-shelf { margin-top: 42px; }
  .landing-unified .ks-bento { grid-template-columns: 1fr; }
  .landing-unified .ks-bento > article { grid-column: auto; }
  .landing-unified .ks-bento-copy, .landing-unified .ks-bento-small { padding: 24px; }
  .landing-unified .ks-reviews { grid-template-columns: 1fr; }
  .landing-unified .ks-ad-panel { padding: 24px; flex-direction: column; align-items: stretch; }
  .landing-unified .ks-ad-route { flex-wrap: wrap; gap: 12px; }
  .landing-unified .ks-final { padding-bottom: 44px; }
  html[lang=fa] .landing-unified .ks-hero h1 { font-size: clamp(30px,8vw,40px); }
  html[lang=fa] .landing-unified .ks-hero { padding-top: 102px; }
  html[lang=fa] .landing-unified .ks-flow-log > div { font-size: 12px; }
}
@supports not (backdrop-filter:blur(1px)) {
  .landing-unified :is(.ks-surface, .ks-button-quiet, .ks-hero-search > div) { background-color: var(--ksl-node); }
}
@media(prefers-reduced-motion:reduce) {
  .landing-unified .ks-statement-stage { height: auto; }
  .landing-unified :is(.ks-surface, .ks-button) { transition: none; transform: none; }
}

/* One public shell across domains, without importing the landing's neon into inner pages. */
body.ksl { font-family: 'Manrope Landing', Arial, sans-serif; }
html[lang=fa] body.ksl { font-family: 'Estedad Landing', Vazirmatn, Tahoma, sans-serif; }
html[lang=fa] body.ksl :is(.ks-mono,.ks-eyebrow,.ks-index,.ks-main em,.catalog-kicker,.about-kicker,.profile-kicker) { font-family: inherit; font-style: normal; letter-spacing: 0; }
html[lang=fa] body.ksl :is(h1,h2,h3,h4) { letter-spacing: 0 !important; line-height: 1.6; }
html[lang=fa] body.ksl #scroll-content :is(.catalog-page,.about-shell,.profile-shell) { font-family: inherit; }
html[lang=fa] body.ksl #scroll-content .about-hero h1 span { font-family: inherit; font-style: normal; }
html[lang=fa] body.ksl .ks-nav { direction: rtl; }
html[lang=fa] body.ksl.landing-home .ks-hero { padding-top: 68px; }
html[lang=fa] body.ksl .ks-nav-links a { font-family: inherit; font-size: 13px; }
body.ksl:not(:has(.about-shell,.profile-shell)) :is(.catalog-card,.ks-service,.ks-product,.ks-bento,.ks-ad-panel) { transform: none !important; }
body.ksl .ks-auth-card { transform: none !important; will-change: auto; }
html[lang=fa] body.ksl .ks-auth-card :is(h1,h2) { font-family: inherit; font-weight: 700; }
body.ksl .ks-domain-strip > .ks-container { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 28px; }
body.ksl .ks-marquee { direction: ltr; text-align: left; }
body.ksl .ks-domain-track { direction: ltr; margin: 0; min-width: 200%; }
body.ksl .ks-domain-group { min-width: 50%; justify-content: space-around; }
html[lang=fa] body.ksl .ks-auth-label-row { direction: rtl; }
@media(max-width:640px) {
  html[lang=fa] body.ksl.landing-home .ks-hero { padding-top: 34px; }
  body.ksl .ks-domain-strip > .ks-container { grid-template-columns: minmax(0,1fr); gap: 12px; }
}