.hero{ position:relative; overflow:hidden; padding:clamp(110px, 9.2vw, 176px) 0 clamp(40px, 4vw, 76px); }
.hero__decor{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.hero__glow{ position:absolute; border-radius:50%; --blur:260px;  }
.hero__glow--signal{ right:-13%; top:-29%; width:52%; height:62%; --gc:rgba(233, 80, 6, 0.3); animation:dw-breathe 9s var(--ease-in-out) infinite alternate; }
.hero__glow--slate{ left:-20%; top:36%; width:57%; height:62%; --gc:rgba(52, 81, 99, 0.55); animation:dw-breathe 11s var(--ease-in-out) infinite alternate-reverse; }
@keyframes dw-breathe{ from{ transform:scale(0.92); opacity:0.75; } to{ transform:scale(1.08); opacity:1; } }
.hero__grid{ position:absolute; inset:0; left:50%; transform:translateX(-50%); display:flex; justify-content:space-between; }
.hero__grid i{ width:1px; height:100%; background:rgba(187, 205, 218, 0.07); }
.hero__grid i:nth-child(1){ margin-left:0; }
.hero__marks{ position:absolute; left:50%; transform:translateX(-50%); top:144px; height:13px; display:flex; justify-content:space-between; }
.hero__marks b{ position:relative; width:13px; height:13px; margin-left:-6px; }
.hero__marks b:nth-child(2){ margin-left:0; }
.hero__marks b:last-child{ margin-right:-6px; }
.hero__marks b::before, .hero__marks b::after{ content:""; position:absolute; background:rgba(187, 205, 218, 0.35); }
.hero__marks b::before{ left:0; right:0; top:6px; height:1px; }
.hero__marks b::after{ top:0; bottom:0; left:6px; width:1px; }
.hero__grid, .hero__marks{ width:min(100% - var(--gutter) * 2, var(--container)); padding:0; }

.hero__inner{ position:relative; z-index:1; }
.hero__top{ display:flex; justify-content:space-between; align-items:center; gap:20px; }
.hero__side{ font-size:15px; color:rgba(187, 205, 218, 0.7); }
.hero__h1{
  margin-top:clamp(18px, 0.95vw, 18px);
  font-size:var(--fs-h1); font-weight:600; line-height:1; letter-spacing:-0.04em; color:var(--white);
  display:grid;
}
.hero__l1{ margin-left:-0.05em; }
.hero__l2{ justify-self:end; display:inline-flex; align-items:center; gap:0.17em; margin-top:0.1em; }
.hero__mask{ display:inline-block; overflow:hidden; padding:0.1em 0 0.26em; margin:-0.1em 0 -0.26em; vertical-align:top; }
.hero__mask > span{ display:inline-block; }
.ai-chip{
  display:inline-flex; align-items:center; gap:0.11em;
  height:0.84em; padding:0.037em 0.183em 0.061em 0.159em; border-radius:0.17em;
  background:var(--signal); color:var(--ink);
}
.ai-chip__icon{ width:0.56em; height:0.56em; flex:none; animation:dw-rotate 20s linear infinite; }
.ai-chip__text{ font-family:var(--mono); font-weight:500; font-size:0.744em; line-height:1; letter-spacing:-0.04em; margin-left:0.15em; }
.ai-chip__cursor{ width:0.061em; height:0.66em; background:var(--ink); animation:dw-blink 1.05s steps(1) infinite; }
@keyframes dw-rotate{ to{ transform:rotate(360deg); } }
@keyframes dw-blink{ 50%{ opacity:0; } }

.hero__intro{
  max-width:min(500px, calc(100% - var(--fs-h1) * 5.95 - 26px));
  margin-top:calc(var(--fs-h1) * -1 + 10px);
  font-size:var(--fs-lead); line-height:1.5; color:rgba(187, 205, 218, 0.85);
}
.hero__actions{ display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:clamp(32px, 4.6vw, 88px); }
.hero__ctas{ display:flex; gap:14px; flex-wrap:wrap; }
.hero__trust{ display:flex; align-items:center; gap:28px; font-size:15px; font-weight:500; color:rgba(255, 255, 255, 0.8); }
.hero__trust li{ display:inline-flex; align-items:center; gap:10px; position:relative; }
.hero__trust li:first-child{ color:var(--white); }
.hero__trust li + li::before{ content:""; position:absolute; left:-14px; top:0; bottom:0; width:1px; background:rgba(255, 255, 255, 0.2); }

.hero__stage-wrap{ position:relative; margin-top:clamp(28px, 2.4vw, 46px); padding-bottom:clamp(30px, 2.6vw, 50px); }
.stack{ --k:1; --rx:58deg; --rz:-24deg; --px:0deg; --py:0deg; position:relative; aspect-ratio:1500 / 600; perspective:2600px; perspective-origin:50% 30%; }
.stack__scene{ position:absolute; inset:0; transform-style:preserve-3d; transform:rotateX(calc(var(--rx) + var(--py))) rotateZ(calc(var(--rz) + var(--px))); }
.plate{
  position:absolute; left:50%; top:58%; width:46%; aspect-ratio:760 / 420;
  --drop:0px; --tilt:0deg;
  transform:translate(-50%, -50%) translateZ(calc(var(--z) * var(--k) + var(--drop))) rotateX(var(--tilt));
  border-radius:14px; overflow:hidden; transform-style:preserve-3d; backface-visibility:hidden;
  background:#16222b; border:1px solid rgba(255, 255, 255, 0.12);
  box-shadow:0 30px 70px rgba(0, 0, 0, 0.4);
}
.plate--bp{ background:#1a2b37; }
.plate--code{ background:#0d1419; }
.plate--live{ background:var(--white); border-color:rgba(255, 255, 255, 0.5); }
.plate__bar{ position:absolute; left:0; right:0; top:0; z-index:2; display:flex; align-items:center; gap:6px; height:28px; padding:0 12px; background:rgba(255, 255, 255, 0.04); border-bottom:1px solid rgba(255, 255, 255, 0.08); }
.plate__bar span{ width:8px; height:8px; border-radius:50%; background:rgba(255, 255, 255, 0.18); }
.plate__bar span:first-child{ background:rgba(233, 80, 6, 0.9); }
.plate__bar i{ margin-left:8px; font-family:var(--mono); font-style:normal; font-size:11px; color:rgba(187, 205, 218, 0.75); white-space:nowrap; }
.plate__bar--light{ background:#f3f5f7; border-bottom-color:rgba(6, 10, 13, 0.08); }
.plate__bar--light span{ background:rgba(6, 10, 13, 0.14); }
.plate__bar--light i{ color:var(--muted); }
.plate__bp{ position:absolute; left:0; right:0; top:28px; bottom:0; width:100%; height:calc(100% - 28px); }
.plate__code{ position:absolute; left:0; right:0; top:28px; bottom:0; margin:0; padding:14px 18px; overflow:hidden; font-family:var(--mono); font-size:clamp(9px, 0.8vw, 13px); line-height:1.75; color:rgba(255, 255, 255, 0.85); white-space:pre; }
.code__line{ display:block; opacity:0; transform:translateX(6px); transition:opacity 320ms var(--ease-out), transform 420ms var(--ease-out); }
.code__line.is-on{ opacity:1; transform:none; }
.code__line b{ font-weight:500; }
.code__line .c-kw{ color:#ff8a4c; }
.code__line .c-tag{ color:#bbcdda; }
.code__line .c-attr{ color:#8fd3ff; }
.code__line .c-str{ color:#b8e986; }
.code__line .c-fn{ color:#ffd166; }
.code__line .c-var{ color:#ff8a4c; }
.code__line .c-cm{ color:rgba(187, 205, 218, 0.5); }
.code__caret{ display:inline-block; width:7px; height:1.1em; vertical-align:-0.2em; background:var(--signal); animation:dw-blink 1.05s steps(1) infinite; }
.plate__shot{ position:absolute; left:0; right:0; top:28px; bottom:0; overflow:hidden; }
.plate__shot img{ width:100%; height:auto; object-fit:cover; object-position:top; animation:dw-shot-pan 16s var(--ease-in-out) 2s infinite alternate; }
@keyframes dw-shot-pan{ from{ transform:translateY(0); } to{ transform:translateY(-28%); } }
.plate--live::after{ content:""; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.35) 48%, rgba(255, 255, 255, 0) 60%); transform:translateX(-120%); animation:dw-sheen 9s var(--ease-in-out) 3s infinite; }
@keyframes dw-sheen{ 0%, 70%{ transform:translateX(-120%); } 100%{ transform:translateX(120%); } }

.stack__labels{ position:absolute; left:0; top:0; bottom:0; z-index:3; margin:0; padding:0; list-style:none; pointer-events:none; }
.stack__label{ position:absolute; left:0; display:grid; gap:2px; padding-left:18px; white-space:nowrap; }
.stack__label::before{ content:""; position:absolute; left:0; top:0.7em; width:10px; height:10px; border-radius:50%; background:var(--signal); box-shadow:0 0 0 4px rgba(233, 80, 6, 0.2); }
.stack__label b{ font-family:var(--mono); font-weight:500; font-size:12px; color:var(--signal); }
.stack__label span{ font-size:15px; font-weight:500; color:var(--white); }
.stack__label--1{ top:72%; }
.stack__label--2{ top:47%; }
.stack__label--3{ top:22%; }
.stack__label::after{ content:""; position:absolute; left:4px; top:1.8em; height:5em; width:1px; background:linear-gradient(rgba(187, 205, 218, 0.35), rgba(187, 205, 218, 0)); }
.stack__label--1::after{ display:none; }
html.js:not(.reduced) .hero__mask > span{ transform:translateY(130%); }
html.js:not(.reduced) .hero:not(.is-in) [data-hero-in]{ opacity:0; transform:translateY(18px); }
html.js:not(.reduced) .hero:not(.is-in) [data-hero-card]{ opacity:0; transform:translateY(24px); }
html.js:not(.reduced) .hero:not(.is-in) .ai-chip{ opacity:0; }
html.js:not(.reduced) .plate{ opacity:0; }
html.js:not(.reduced) .stack__label{ opacity:0; }
html.js.reduced .code__line{ opacity:1; transform:none; }

.speed-card{
  position:absolute; z-index:4; right:calc(-1 * min(80px, var(--gutter) - 16px)); top:-44px;
  width:230px; padding:18px 20px 20px; border-radius:22px;
  background:rgba(14, 21, 27, 0.82); border:1px solid rgba(255, 255, 255, 0.12);
  box-shadow:0 24px 50px rgba(6, 10, 13, 0.35); color:var(--white);
}
.speed-card__label{ font-size:11px; color:rgba(187, 205, 218, 0.7); }
.speed-card__row{ display:flex; align-items:center; gap:16px; margin-top:16px; }
.speed-card__ring{ position:relative; width:104px; height:104px; flex:none; display:grid; place-items:center; }
.speed-card__ring svg{ position:absolute; inset:0; }
.speed-card__ring span{ position:relative; font-size:40px; font-weight:600; letter-spacing:-0.02em; }
.speed-card__metrics{ font-size:12px; line-height:1.6; color:rgba(255, 255, 255, 0.8); }

.ai-card{
  position:absolute; z-index:4; left:52.6%; bottom:0;
  width:379px; padding:18px 22px 18px 18px; border-radius:22px; background:var(--white); color:var(--ink);
  box-shadow:0 30px 60px rgba(6, 10, 13, 0.35);
  display:grid; gap:14px;
}
.ai-card__row{ display:flex; align-items:center; gap:12px; }
.ai-card__row strong{ display:block; font-size:15px; font-weight:500; line-height:1.3; }
.ai-card__row small{ display:block; margin-top:2px; font-size:12px; color:var(--muted); }
.ai-card__tile{ display:grid; place-items:center; width:40px; height:40px; flex:none; border-radius:12px; background:#faf0eb; }
.ai-card__tile svg{ width:24px; height:24px; }
.ai-card__avatar{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex:none; }
.ai-card__sep{ height:1px; background:rgba(6, 10, 13, 0.08); margin-right:39px; }
.ai-card__check{ margin-left:auto; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--signal); color:var(--white); flex:none; }
.ai-card__check svg{ width:12px; height:12px; }
.logos{ padding:74px 0; border-bottom:1px solid var(--line-light); }
.logos__inner{ display:grid; grid-template-columns:375px 1fr; align-items:center; }
.logos__title{ margin-top:8px; font-size:22px; font-weight:500; line-height:1.3; letter-spacing:-0.01em; }
.logos__marquee{ -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.logos__item{ flex:none; display:grid; place-items:center; width:156px; height:72px; margin-right:48px; }
.logos__item img{ width:156px; height:72px; object-fit:contain; filter:grayscale(1); opacity:0.6; transition:filter var(--dur-base), opacity var(--dur-base); }
.logos__item:hover img{ filter:none; opacity:1; }
.approach{ padding-top:clamp(56px, 7.3vw, 140px); }
.approach__manifest{ display:grid; grid-template-columns:1fr 3fr; }
.approach__manifest > .label{ padding-top:22px; }
.approach__text{ font-size:clamp(28px, 2.3vw + 16px, 60px); font-weight:500; line-height:1.12; letter-spacing:-0.025em; color:var(--ink); }
.approach__sign{ display:flex; align-items:center; gap:16px; margin-top:clamp(32px, 3.5vw, 67px); flex-wrap:wrap; }
.approach__avatar{ width:56px; height:56px; border-radius:50%; object-fit:cover; }
.approach__sign strong{ display:block; font-size:16px; font-weight:600; }
.approach__sign small{ display:block; margin-top:2px; font-size:14px; color:var(--muted); }
.approach__sign > i{ width:1px; height:40px; background:rgba(6, 10, 13, 0.12); margin:0 0 0 0; }
.approach__ai{ display:inline-flex; align-items:center; gap:14px; font-size:14px; font-weight:500; color:rgba(6, 10, 13, 0.55); }
.approach__claude{ width:121px; height:26px; }

.compare{ display:grid; grid-template-columns:1fr 3fr; margin-top:clamp(64px, 7.3vw, 138px); }
.compare__intro{ padding-top:24px; padding-right:40px; }
.compare__title{ font-size:clamp(28px, 1.3vw + 18px, 44px); line-height:1.05; letter-spacing:-0.025em; max-width:330px; }
.compare__intro p{ margin-top:30px; max-width:300px; font-size:17px; line-height:1.5; color:var(--muted); }
.compare__table{ position:relative; }
.compare__hl{ position:absolute; top:0; bottom:0; right:0; width:34.75%; border-radius:24px; background:var(--ink); box-shadow:0 0 0 rgba(6, 10, 13, 0); transition:box-shadow 600ms var(--ease-out), transform 600ms var(--ease-out); }
.compare__hl::after{ content:""; position:absolute; inset:0; border-radius:inherit; background-image:var(--noise); background-size:160px 160px; opacity:0.03; }
.compare__table.is-lifted .compare__hl{ transform:translateY(-8px); box-shadow:0 40px 80px rgba(6, 10, 13, 0.28); }
.compare__table.is-lifted .compare__row .is-us{ transform:translateY(-8px); }
.compare__row{ position:relative; display:grid; grid-template-columns:16% 23.55% 25.7% 34.75%; align-items:start; border-bottom:1px solid var(--line-light); }
.compare__row > *{ padding:30px 0 28px; }
.compare__row .is-us{ padding-left:28px; padding-right:28px; border-bottom:1px solid rgba(255, 255, 255, 0.1); margin-bottom:-1px; transition:transform 600ms var(--ease-out); }
.compare__row--head > *{ padding:34px 0 24px; font-size:22px; font-weight:600; letter-spacing:-0.01em; color:rgba(6, 10, 13, 0.55); }
.compare__row--head .is-us{ color:var(--white); padding-left:28px; }
.compare__row--foot{ border-bottom:0; }
.compare__row--foot > *{ padding:34px 0 30px; }
.compare__row--foot .is-us{ padding-left:28px; border-bottom:0; }
.compare__crit{ padding-top:34px !important; font-size:14px; font-weight:500; color:rgba(6, 10, 13, 0.5); }
.compare__no, .compare__yes{ display:flex; gap:12px; font-size:17px; line-height:1.4; }
.compare__no{ color:rgba(6, 10, 13, 0.62); padding-right:20px !important; }
.compare__no > svg{ width:20px; height:20px; flex:none; color:var(--mist); margin-top:1px; }
.compare__yes{ color:var(--white); font-weight:500; }
.compare__tick{ display:grid; place-items:center; width:20px; height:20px; flex:none; border-radius:50%; background:var(--signal); color:var(--white); margin-top:1px; }
.compare__tick svg{ width:11px; height:11px; }
.compare__mlabel{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.compare__hl{ overflow:hidden; }
.compare__hl-grid{ position:absolute; inset:0; display:flex; justify-content:space-evenly; pointer-events:none; }
.compare__hl-grid i{ width:1px; height:100%; background:rgba(187, 205, 218, 0.07); }
.compare__hl-spot{ position:absolute; left:var(--mx, 50%); top:var(--my, 20%); width:320px; height:320px; border-radius:50%; transform:translate(-50%, -50%); background:radial-gradient(closest-side, rgba(233, 80, 6, 0.28), transparent 70%); opacity:0; transition:opacity 0.5s; pointer-events:none; }
.compare__table.is-hover .compare__hl-spot{ opacity:1; }
.compare__hl-sheen{ position:absolute; inset:0; background:linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.08) 50%, transparent 65%); transform:translateX(-120%); }
.compare__table.is-lifted .compare__hl-sheen{ animation:compare-sheen 1.4s var(--ease-in-out) 0.6s forwards; }
@keyframes compare-sheen{ to{ transform:translateX(120%); } }
.compare__us-head{ display:flex; align-items:center; gap:12px; }
.compare__us-head > span:last-child{ display:flex; flex-direction:column; line-height:1.1; }
.compare__us-head small{ font-size:11px; font-weight:500; color:rgba(187, 205, 218, 0.7); margin-top:4px; }
.compare__team{ position:relative; display:inline-flex; flex:none; width:52px; height:32px; }
.compare__team img{ width:32px; height:32px; border-radius:50%; border:2px solid var(--ink); object-fit:cover; }
.compare__team i{ position:absolute; left:20px; top:0; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--signal); border:2px solid var(--ink); color:var(--ink); }
.compare__team i svg{ width:16px; height:16px; }
.compare__foot-us{ display:flex; flex-direction:column; gap:10px; align-items:flex-start; }
.compare__foot-us small{ font-size:12px; color:rgba(187, 205, 218, 0.6); }
html.js:not(.reduced) .compare__table:not(.is-lifted) .compare__tick{ transform:scale(0); }
.compare__tick{ transition:transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }
.compare__table.is-lifted .compare__tick{ transform:scale(1); }
.compare__row:not(.compare__row--head):not(.compare__row--foot){ transition:background-color 0.3s; }
.compare__row:not(.compare__row--head):not(.compare__row--foot):hover{ background:rgba(6, 10, 13, 0.025); }
.compare__row:hover .compare__crit{ color:var(--signal-text); }
.compare__row .is-us > span:last-child{ transition:transform 0.4s var(--ease-out); }
.compare__row:hover .is-us > span:last-child{ transform:translateX(4px); }
.compare-m{ display:none; }
.process{ overflow:hidden; }
.process__glow{ position:absolute; border-radius:50%; --blur:240px; pointer-events:none; z-index:0; }
.process__glow--a{ right:-32%; bottom:-15%; width:47%; height:56%; --gc:rgba(6, 10, 13, 0.55); }
.process__glow--b{ left:-10%; top:-24%; width:42%; height:48%; --gc:rgba(187, 205, 218, 0.18); }
.process .sec-head__label .label{ color:rgba(255, 255, 255, 0.85); }
.process .h2{ color:var(--white); }
.mono-acc{ font-family:var(--mono); font-weight:500; letter-spacing:-0.06em; font-size:0.9em; }
.process__line{ position:relative; height:130px; margin-top:-8px; }
.process__line svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.process__node{ position:absolute; width:22px; height:22px; margin:-11px 0 0 -11px; border-radius:50%; background:var(--signal); box-shadow:0 0 18px 2px rgba(233, 80, 6, 0.9); transform:scale(0.4); opacity:0.35; transition:transform 400ms var(--ease-out), opacity 400ms var(--ease-out); }
.process__node::after{ content:""; position:absolute; inset:-10px; border-radius:50%; border:1px solid rgba(233, 80, 6, 0.4); }
.process__node.is-lit{ transform:none; opacity:1; }
html.reduced .process__node, html:not(.js) .process__node{ transform:none; opacity:1; }
.process__steps{ display:grid; grid-template-columns:repeat(4, 1fr); gap:28px; margin-top:38px; }
.step{ display:flex; flex-direction:column; gap:22px; padding:28px 28px 30px; border-radius:24px; background:rgba(6, 10, 13, 0.32); border:1px solid rgba(255, 255, 255, 0.1); color:var(--white); }
.step__top{ display:flex; align-items:center; gap:10px; }
.step__num{ font-size:14px; font-weight:500; letter-spacing:0.04em; }
.step__when{ display:inline-flex; align-items:center; height:30px; padding:0 10px; border-radius:99px; border:1px solid rgba(255, 255, 255, 0.18); font-size:14px; font-weight:500; color:rgba(255, 255, 255, 0.75); }
.step__title{ font-size:clamp(22px, 0.5vw + 18px, 27px); font-weight:600; line-height:1.05; letter-spacing:-0.02em; }
.step__split{ display:grid; gap:8px; font-size:14px; font-weight:500; color:rgba(187, 205, 218, 0.85); }
.step__bar{ display:flex; gap:4px; height:8px; border-radius:4px; background:rgba(255, 255, 255, 0.08); overflow:hidden; }
.step__bar i{ height:100%; border-radius:4px; transform-origin:left; }
.step__bar i:first-child{ width:calc(var(--h) * 1% - 2px); background:var(--mist); }
.step__bar i:last-child{ flex:1; background:var(--signal); }
.step__sep{ height:1px; background:rgba(255, 255, 255, 0.1); }
.step__human, .step__ai{ display:grid; grid-template-columns:22px 1fr; gap:12px; font-size:16px; line-height:1.45; }
.step__human{ color:rgba(255, 255, 255, 0.92); }
.step__human svg{ width:22px; height:22px; color:var(--mist); }
.step__ai{ color:rgba(187, 205, 218, 0.85); }
.step__ai svg{ width:22px; height:22px; }
.process__foot{ display:grid; grid-template-columns:1fr 1.5fr 1.5fr; gap:0 40px; align-items:start; margin-top:clamp(48px, 6vw, 115px); padding-top:clamp(32px, 3vw, 60px); border-top:1px solid rgba(255, 255, 255, 0.1); }
.process__days{ display:flex; align-items:flex-end; gap:16px; margin-top:-30px; margin-left:-10px; color:var(--signal); }
.process__days span{ font-size:clamp(84px, 5vw + 30px, 140px); font-weight:600; line-height:1; letter-spacing:-0.05em; }
.process__days small{ font-size:clamp(28px, 1vw + 18px, 37px); font-weight:600; letter-spacing:-0.01em; color:var(--white); margin-bottom:0.3em; }
.process__foot p{ font-size:18px; line-height:1.5; color:rgba(255, 255, 255, 0.8); max-width:420px; }
.process__foot p.text-mist{ color:rgba(187, 205, 218, 0.85); }
.bento{ display:grid; grid-template-columns:repeat(12, 1fr); gap:24px; }
.bento__card{ position:relative; overflow:hidden; isolation:isolate; border-radius:28px; min-height:580px; padding:40px; color:var(--ink); transition:transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out); }
.bento--web{ grid-column:span 7; background:var(--white); display:grid; grid-template-columns:1fr 390px; gap:30px; min-height:580px; }
.bento--shop{ grid-column:span 5; background:var(--ink); color:var(--white); display:flex; flex-direction:column; }
.bento--video{ grid-column:span 4; min-height:600px; color:var(--white); display:flex; flex-direction:column; justify-content:flex-end; padding:40px; }
.bento--sub{ grid-column:span 4; min-height:600px; background:var(--signal); display:flex; flex-direction:column; }
.bento--audit{ grid-column:span 4; min-height:600px; background:var(--white); display:flex; flex-direction:column; align-items:flex-start; }
.bento__eyebrow{ display:block; font-size:14px; font-weight:500; color:var(--signal-text); }
.bento__title{ margin-top:22px; font-size:clamp(28px, 1vw + 20px, 42px); font-weight:600; line-height:1.04; letter-spacing:-0.025em; max-width:420px; }
.bento--video .bento__title, .bento--sub .bento__title, .bento--audit .bento__title{ font-size:clamp(28px, 0.9vw + 20px, 40px); }
.bento__text{ margin-top:26px; font-size:17px; line-height:1.5; color:var(--muted); max-width:400px; }
.bento__text--dark{ color:rgba(187, 205, 218, 0.85); margin-top:32px; }
.bento__text--light{ color:rgba(255, 255, 255, 0.82); font-size:16px; margin-top:24px; }
.bento__body{ position:relative; display:flex; flex-direction:column; }
.bento__price-wrap{ margin-top:auto; }
.bento__price{ display:flex; align-items:baseline; gap:10px; }
.bento__price small{ font-size:18px; font-weight:500; }
.bento__price strong{ font-size:clamp(40px, 1.4vw + 24px, 52px); font-weight:600; letter-spacing:-0.03em; line-height:1.3; }
.bento__price span{ font-size:14px; font-weight:500; color:var(--muted); }
.bento__sub{ font-size:14px; font-weight:500; color:var(--muted); }
.bento__arrow{ position:absolute; right:0; bottom:52px; display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:var(--paper); color:var(--ink); transition:background-color var(--dur-base), color var(--dur-base), transform var(--dur-base) var(--ease-out); }
.bento__arrow svg{ width:22px; height:22px; }
.bento__arrow--ink{ position:static; background:var(--ink); color:var(--white); }
.bento__browser{ position:relative; align-self:stretch; border-radius:18px; overflow:hidden; background:var(--ink); box-shadow:0 30px 60px rgba(6, 10, 13, 0.2); transition:transform var(--dur-slow) var(--ease-out); }
.bento__bar{ height:36px; display:flex; align-items:center; justify-content:center; background:#0e151b; }
.bento__bar span{ font-size:14px; font-weight:500; padding:4px 12px; border-radius:99px; background:rgba(255, 255, 255, 0.08); color:rgba(255, 255, 255, 0.7); }
.bento__shot{ position:absolute; inset:36px 0 0; overflow:hidden; container-type:size; }
.bento__shot img{ position:absolute; left:0; top:0; width:100%; max-width:none; height:auto; transition:transform 1.4s var(--ease-in-out); will-change:transform; }
.bento__glow{ position:absolute; right:-25%; top:-35%; width:87%; height:72%; border-radius:50%; --gc:rgba(233, 80, 6, 0.35); --blur:160px; z-index:-1; }
.orders{ display:grid; gap:10px; margin-top:48px; }
.orders__item{ display:flex; align-items:center; justify-content:space-between; gap:12px; height:50px; padding:0 18px 0 16px; border-radius:16px; border:1px solid rgba(255, 255, 255, 0.1); background:rgba(255, 255, 255, 0.09); font-size:15px; font-weight:500; }
.orders__item:nth-child(2){ width:94.4%; background:rgba(255, 255, 255, 0.07); opacity:0.75; }
.orders__item:nth-child(3){ width:88.7%; background:rgba(255, 255, 255, 0.05); opacity:0.5; }
.orders__item b{ font-size:14px; font-weight:500; color:var(--signal); }
.bento__packs{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:34px; }
.bento__packs span{ display:inline-flex; align-items:center; gap:8px; height:38px; padding:0 14px; border-radius:99px; border:1px solid rgba(255, 255, 255, 0.18); font-size:14px; font-weight:600; }
.bento__packs em{ font-style:normal; font-weight:500; color:rgba(187, 205, 218, 0.8); }
.bento__packs small{ margin-left:4px; font-size:14px; font-weight:500; color:rgba(187, 205, 218, 0.6); }
.bento__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform 800ms var(--ease-out); }
.bento--video::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(6, 10, 13, 0.62) 0%, rgba(6, 10, 13, 0.5) 32%, rgba(6, 10, 13, 0.78) 62%, rgba(6, 10, 13, 0.95) 100%); }
.bento__video{ background:var(--ink, #060a0d); pointer-events:none; }
.bento__rec{ position:absolute; left:40px; top:40px; display:inline-flex; align-items:center; gap:8px; height:30px; padding:0 12px; border-radius:99px; background:rgba(6, 10, 13, 0.6); font-size:12px; font-weight:500; letter-spacing:0.04em; }
.bento__rec i{ width:8px; height:8px; border-radius:50%; background:#ff3b30; animation:dw-blink 1.2s steps(1) infinite; }
.bento__play{ position:absolute; right:40px; top:40px; display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:rgba(255, 255, 255, 0.24); border:1px solid rgba(255, 255, 255, 0.4); box-shadow:0 0 0 0 rgba(233, 80, 6, 0); transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out); }
.bento__play svg{ width:22px; height:22px; display:block; }
.bento--video .bento__eyebrow{ color:var(--signal); }
.bento__rings{ position:absolute; left:50%; top:50%; width:0; height:0; z-index:-1; transform:translate(150px, 150px); }
.bento__rings i{ position:absolute; border-radius:50%; border:1px solid rgba(255, 255, 255, 0.13); left:50%; top:50%; transform:translate(-50%, -50%); }
.bento__rings i:nth-child(1){ width:300px; height:300px; }
.bento__rings i:nth-child(2){ width:440px; height:440px; }
.bento__rings i:nth-child(3){ width:580px; height:580px; }
.bento__rings i:nth-child(4){ width:720px; height:720px; }
.bento__rings i:nth-child(5){ width:860px; height:860px; }
.bento__rings i:nth-child(6){ width:1000px; height:1000px; }
.bento--sub:hover .bento__rings i{ animation:dw-ring 2.4s var(--ease-out) infinite; }
.bento--sub .bento__rings i:nth-child(2){ animation-delay:0.15s; }
.bento--sub .bento__rings i:nth-child(3){ animation-delay:0.3s; }
@keyframes dw-ring{ 0%{ opacity:1; } 50%{ opacity:0.35; } 100%{ opacity:1; } }
.bento__head{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.bento__head .chip{ height:30px; padding:0 10px; font-size:14px; }
.bento--sub .bento__title{ margin-top:22px; }
.bento__list{ display:grid; gap:12px; margin-top:56px; }
.bento__list li{ display:flex; align-items:center; gap:10px; font-size:16px; font-weight:500; }
.bento__tick{ display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--ink); color:var(--white); flex:none; }
.bento__tick svg{ width:11px; height:11px; }
.bento__foot{ display:flex; align-items:center; justify-content:space-between; margin-top:auto; }
.bento--sub .bento__price span{ color:rgba(6, 10, 13, 0.75); }
.audit{ display:flex; align-items:center; gap:36px; margin-top:44px; }
.audit__ring{ position:relative; width:150px; display:grid; justify-items:center; }
.audit__ring svg{ width:150px; height:150px; }
.audit__ring > span{ position:absolute; top:75px; transform:translateY(-50%); font-size:48px; font-weight:600; letter-spacing:-0.02em; }
.audit__ring small{ margin-top:16px; font-size:14px; font-weight:500; color:var(--muted); }
.audit__arrow{ color:var(--signal); margin-top:-34px; }
.audit__arrow svg{ width:32px; height:32px; }
.bento--audit .bento__text{ margin-top:18px; font-size:16px; }
.bento--audit .btn{ margin-top:10px; }
@media (hover: hover) and (pointer: fine){
  .bento__card:hover{ transform:scale(1.02); box-shadow:0 30px 60px rgba(6, 10, 13, 0.12); z-index:2; }
  .bento--video:hover .bento__bg{ transform:scale(1.06); }
  .bento--video:hover .bento__play{ background:var(--signal); border-color:var(--signal); box-shadow:0 0 0 8px rgba(233, 80, 6, 0.22); }
  .bento--web:hover .bento__shot img{ transform:translateY(calc(-100% + 100cqh)); transition-duration:9s; transition-timing-function:cubic-bezier(.45, 0, .25, 1); }
  .bento--web:hover .bento__arrow{ background:var(--ink); color:var(--white); transform:rotate(45deg); }
  .bento--sub:hover .bento__arrow--ink{ transform:rotate(45deg); }
}
.subs{ overflow:hidden; }
.subs__glow{ position:absolute; border-radius:50%; --blur:260px; pointer-events:none; z-index:0; }
.subs__glow--a{ right:-35%; top:50%; width:47%; height:50%; --gc:rgba(233, 80, 6, 0.22); }
.subs__glow--b{ left:-16%; top:-14%; width:47%; height:50%; --gc:rgba(52, 81, 99, 0.6); }
.subs .h2{ color:var(--white); }
.subs .sec-head__main{ align-items:flex-start; }
.subs .sec-head__main .h2{ max-width:760px; }
.subs .sec-head__aside{ font-size:18px; line-height:1.55; margin-top:14px; }
.subs .sec-head{ margin-bottom:clamp(40px, 9.8vw, 188px); }
.packages{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; align-items:start; }
.subs .ribbon{ margin-top:clamp(32px, 3vw, 59px); color:var(--white); }
.pf-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:40px 24px; }
.home-video{ overflow:hidden; padding-bottom:0; }
.home-video__glow{ position:absolute; left:31%; top:17%; width:47%; height:60%; border-radius:50%; --gc:rgba(233, 80, 6, 0.18); --blur:260px; pointer-events:none; z-index:0; }
.home-video__inner{ display:grid; grid-template-columns:420px 1fr; gap:90px; align-items:start; }
.home-video__title{ margin-top:28px; font-size:clamp(32px, 1.9vw + 18px, 54px); line-height:1.04; color:var(--white); }
.home-video__lead{ margin-top:36px; max-width:400px; font-size:18px; line-height:1.55; color:rgba(187, 205, 218, 0.85); }
.home-video__text .btn{ margin-top:40px; }
.home-video__formats{ display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.home-video__formats .chip{ height:34px; padding:0 12px; color:rgba(255, 255, 255, 0.75); border-color:rgba(255, 255, 255, 0.16); }
.home-video__rail{ min-width:0; margin-right:calc(-1 * (100vw - min(100vw, var(--container) + var(--gutter) * 2)) / 2 - var(--gutter)); }
.shorts{ align-items:center; gap:20px; padding:14px 0 34px; }
.home-video__ctrl{ display:flex; align-items:center; gap:10px; margin-top:16px; margin-right:calc((100vw - min(100vw, var(--container) + var(--gutter) * 2)) / 2 + var(--gutter)); }
.home-video__ctrl .icon-btn{ width:52px; height:52px; }
.home-video__ctrl .carousel-progress{ flex:1; margin-left:16px; }
.outline-marquee{ position:relative; margin-top:clamp(40px, 5.5vw, 108px); padding-bottom:clamp(40px, 4vw, 80px); overflow:hidden; pointer-events:none; }
.outline-marquee__track{ display:flex; width:max-content; will-change:transform; }
.outline-marquee__track span{ font-size:clamp(90px, 10.4vw, 200px); font-weight:600; line-height:1; letter-spacing:-0.04em; white-space:nowrap; color:rgba(255, 255, 255, 0.045); padding-right:0.3em; }
.stats{ display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--line-light); border-bottom:1px solid var(--line-light); }
.stat{ padding:36px 32px 26px; border-left:1px solid var(--line-light); }
.stat:first-child{ border-left:0; padding-left:0; }
.stat__num{ display:flex; align-items:flex-start; gap:14px; }
.stat__num > span:first-child{ font-size:clamp(64px, 3.6vw + 34px, 104px); font-weight:600; line-height:1; letter-spacing:-0.05em; }
.stat__num .stars{ margin-top:18px; }
.stat__num .stars svg{ width:18px; height:18px; }
.stat__label{ margin-top:18px; font-size:14px; font-weight:500; color:var(--signal-text); }
.stat__text{ margin-top:8px; font-size:15px; color:var(--muted); }
.reviews{ margin-top:clamp(48px, 4.7vw, 90px); }
.reviews__head{ display:flex; align-items:center; gap:16px; margin-bottom:46px; }
.reviews__title{ font-size:30px; font-weight:600; letter-spacing:-0.015em; }
.reviews__head .chip{ height:32px; padding:0 10px; color:rgba(6, 10, 13, 0.7); }
.reviews__nav{ margin-left:auto; display:flex; gap:10px; }
.reviews__nav .icon-btn{ width:52px; height:52px; }
.reviews__track{ gap:24px; margin-right:calc(-1 * (100vw - min(100vw, var(--container) + var(--gutter) * 2)) / 2 - var(--gutter)); padding-right:var(--gutter); }
.sec-head__main--stack{ flex-direction:column; align-items:stretch; gap:48px; }
.home-blog__bar{ display:flex; align-items:center; justify-content:space-between; gap:20px; }
.blog-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.home-blog .sec-head{ margin-bottom:68px; }
.services .sec-head .h2, .home-blog .sec-head .h2{ --hw:13.67em; }
.home-pf .sec-head .h2, .subs .sec-head .h2{ --hw:12.67em; }
.process .sec-head .h2{ --hw:18em; }
.results .sec-head .h2{ --hw:15em; }
@media (max-width: 1440px){
  .bento--web{ grid-template-columns:1fr 330px; }
}
@media (max-width: 1280px){
  .hero__actions{ flex-direction:column; align-items:flex-start; }
  .bento--web, .bento--shop{ grid-column:span 12; }
  .bento--video, .bento--sub, .bento--audit{ grid-column:span 6; }
  .bento--audit{ grid-column:span 12; }
  .process__steps{ grid-template-columns:repeat(2, 1fr); }
  .home-video__inner{ grid-template-columns:1fr; gap:40px; }
  .ai-card{ left:auto; right:8%; }
}
@media (max-width: 1024px){
  .hero{ padding-top:100px; }
  .hero__grid, .hero__marks{ display:none; }
  .hero__top{ flex-direction:column; align-items:flex-start; gap:14px; }
  .hero__side{ font-size:15px; }
  .hero__h1{ margin-top:16px; font-size:clamp(44px, 12.8vw, 96px); display:block; }
  .hero__l1, .hero__l2{ display:block; }
  .hero__l2{ display:flex; justify-content:flex-start; justify-self:start; margin-top:0; }
  .ai-chip{ font-size:0.42em; margin-left:0.25em; }
  .hero__intro{ max-width:none; margin-top:22px; font-size:18px; line-height:1.5; }
  .hero__actions{ margin-top:28px; gap:28px; }
  .hero__ctas{ flex-direction:column; align-items:flex-start; gap:14px; }
  .hero__trust{ flex-wrap:wrap; gap:14px 28px; }
  .hero__trust li:first-child{ flex-basis:100%; }
  .hero__trust li + li::before{ display:none; }
  .hero__stage-wrap{ display:flex; flex-direction:column; gap:24px; margin-top:28px; padding-bottom:0; }
  .speed-card{ position:relative; right:auto; top:auto; order:-1; width:230px; }
  .ai-card{ position:relative; left:auto; right:auto; bottom:auto; width:100%; }
  .ai-card__row:first-child{ flex-direction:column; align-items:flex-start; }
  .stack{ aspect-ratio:1 / 1.02; --rx:56deg; --rz:-26deg; perspective:1400px; }
  .plate{ width:82%; }
  .plate__bar{ height:22px; padding:0 9px; gap:4px; }
  .plate__bar span{ width:6px; height:6px; }
  .plate__bar i{ font-size:9px; margin-left:4px; }
  .plate__bp, .plate__code, .plate__shot{ top:22px; }
  .plate__bp{ height:calc(100% - 22px); }
  .plate__code{ padding:10px 12px; font-size:8px; line-height:1.7; }
  .plate--code{ --z:80px !important; }
  .plate--live{ --z:160px !important; }
  .stack__labels{ display:none; }
  .logos{ padding:40px 0; }
  .logos__inner{ grid-template-columns:1fr; gap:24px; }
  .logos__item{ width:110px; height:52px; margin-right:28px; }
  .logos__item img{ width:110px; height:52px; }
  .approach__manifest, .compare{ grid-template-columns:1fr; }
  .approach__manifest > .label{ padding:0 0 14px; }
  .approach__text{ font-size:30px; line-height:1.13; }
  .approach__sign{ flex-direction:column; align-items:flex-start; gap:12px; }
  .approach__sign > i{ display:none; }
  .compare{ margin-top:48px; }
  .compare__intro{ padding:0; }
  .compare__table{ display:none; }
  .compare-m{ display:grid; gap:14px; margin-top:28px; }
  .compare-m__card{ padding:22px 20px; border-radius:24px; border:1px solid var(--line-light); background:var(--white); }
  .compare-m__card h3{ font-size:22px; font-weight:600; color:rgba(6, 10, 13, 0.55); margin-bottom:14px; }
  .compare-m__card ul{ display:grid; gap:10px; }
  .compare-m__card li{ display:flex; gap:12px; font-size:17px; line-height:1.4; color:rgba(6, 10, 13, 0.62); }
  .compare-m__card li > svg{ width:20px; height:20px; color:var(--mist); flex:none; }
  .compare-m__card--us{ background:var(--ink); border-color:var(--ink); }
  .compare-m__card--us h3{ color:var(--white); }
  .compare-m__card--us li{ padding:18px 0; border-top:1px solid rgba(255, 255, 255, 0.1); color:var(--white); font-weight:500; }
  .compare-m__card--us .btn{ margin-top:12px; }
  .process__line{ height:60px; margin-top:0; }
  .process__node{ width:0; height:0; display:none; }
  .process__steps{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; margin:24px calc(-1 * var(--gutter)) 0; padding:0 var(--gutter); scroll-padding-inline:var(--gutter); scrollbar-width:none; }
  .process__steps::-webkit-scrollbar{ display:none; }
  .step{ flex:0 0 278px; scroll-snap-align:start; }
  .process__foot{ grid-template-columns:1fr; gap:24px; margin-top:40px; }
  .process__days{ flex-direction:column; align-items:flex-start; gap:0; margin:0; }
  .process__days span{ font-size:50px; }
  .process__days small{ font-size:28px; }
  .bento{ display:grid; grid-template-columns:1fr; gap:20px; }
  .bento__card{ grid-column:auto !important; min-height:0 !important; padding:24px; }
  .bento--web{ display:flex; flex-direction:column; gap:0; }
  .bento__arrow{ position:static; margin-top:22px; }
  .bento__browser{ margin-top:24px; aspect-ratio:302 / 388; }
  .bento--video{ min-height:434px !important; }
  .bento__rec{ left:24px; top:24px; }
  .bento__play{ right:24px; top:24px; width:52px; height:52px; }
  .bento__play svg{ width:18px; height:18px; }
  .bento__list{ margin-top:36px; }
  .bento__foot{ margin-top:48px; }
  .audit{ gap:20px; margin-top:28px; }
  .audit__ring{ width:110px; }
  .audit__ring svg{ width:110px; height:110px; }
  .audit__ring > span{ top:55px; font-size:36px; }
  .packages{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; margin:0 calc(-1 * var(--gutter)); padding:0 var(--gutter) 10px; scroll-padding-inline:var(--gutter); scrollbar-width:none; }
  .packages::-webkit-scrollbar{ display:none; }
  .packages .price-card{ flex:0 0 300px; scroll-snap-align:start; }
  .subs .sec-head{ margin-bottom:32px; }
  .pf-grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; margin:0 calc(-1 * var(--gutter)); padding:0 var(--gutter); scroll-padding-inline:var(--gutter); scrollbar-width:none; }
  .pf-grid::-webkit-scrollbar{ display:none; }
  .pf-grid > *{ flex:0 0 300px; scroll-snap-align:start; }
  .home-video__rail, .reviews__track{ margin-right:calc(-1 * var(--gutter)); }
  .home-video__ctrl{ margin-right:0; }
  .shorts{ min-height:0; }
  .stats{ grid-template-columns:1fr 1fr; }
  .stat{ padding:24px 0 20px 16px; }
  .stat:nth-child(odd){ border-left:0; padding-left:0; }
  .stat:nth-child(n + 3){ border-top:1px solid var(--line-light); }
  .stat__num > span:first-child{ font-size:56px; }
  .stat__num .stars{ display:none; }
  .reviews__head{ flex-wrap:wrap; margin-bottom:24px; }
  .reviews__title{ font-size:26px; }
  .home-blog__bar{ flex-direction:column; align-items:flex-start; width:100%; max-width:100%; }
  .home-blog__bar .tabs{ max-width:100%; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .home-blog__bar .tabs::-webkit-scrollbar{ display:none; }
  .sec-head__main--stack{ gap:24px; }
  .home-blog .sec-head{ margin-bottom:32px; }
  .blog-grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; margin:0 calc(-1 * var(--gutter)); padding:0 var(--gutter); scroll-padding-inline:var(--gutter); scrollbar-width:none; overscroll-behavior-x:contain; }
  .blog-grid::-webkit-scrollbar{ display:none; }
  .blog-grid > *{ flex:0 0 300px; scroll-snap-align:start; }
}
.bento--sub .bento__eyebrow{ color:rgba(255, 255, 255, 0.9); }
.bento--shop .bento__eyebrow, .bento--video .bento__eyebrow{ color:var(--signal); }

@media (min-width: 600px) and (max-width: 1024px){
  .stack{ aspect-ratio:1.5 / 1; perspective:2000px; }
  .plate{ width:60%; }
  .plate__code{ font-size:10px; }
  .plate--code{ --z:110px !important; }
  .plate--live{ --z:220px !important; }
}

/* EN/RU: hero otrā rinda ("Sped up by" / "Ускоряет") ir garāka nekā LV, ievads tai blakus kļūst šaurāks; RU pirmā rinda ietilpst vienā rindā arī 1920 px. */
@media (min-width:1025px){
  html[lang^="en"] .hero__intro{ max-width:min(500px, calc(100% - var(--fs-h1) * 7.2 - 26px)); }
  html[lang^="ru"] .hero{ --fs-h1:clamp(50px, 8.2vw, 138px); }
  html[lang^="ru"] .hero__intro{ max-width:min(500px, calc(100% - var(--fs-h1) * 6.75 - 26px)); }
}