.hx{--hx-ease:cubic-bezier(.22, 1, .36, 1);flex-direction:column;align-items:center;gap:14px;width:100%;display:flex;position:relative}.hero-visual.hx-visual{min-height:0;padding-block:12px;overflow:visible}.hx-stage{z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--hx-accent) 26%, transparent), transparent 70%), radial-gradient(closest-side, color-mix(in srgb, var(--slate) 18%, transparent), transparent 80%);filter:blur(6px);border-radius:50%;width:min(520px,120%);transition:background .7s;position:absolute;top:-4%;left:50%;translate:-50%}.hx-phone{--hx-w:284px;width:var(--hx-w);height:calc(var(--hx-w) * 19 / 9);box-shadow:inset 0 0 0 1.5px #4a4f59, 0 42px 80px -30px color-mix(in srgb, var(--slate) 60%, transparent), 0 0 0 6px color-mix(in srgb, var(--surface) 70%, transparent), 0 6px 16px #171a1f33;background:linear-gradient(155deg,#30343c,#121417 60%,#22252b);border-radius:46px;flex:none;padding:9px;position:relative}.hx-side{background:#2b2f36;border-radius:2px;width:3px;position:absolute}.hx-side.is-a{top:118px;height:54px;inset-inline-end:-3px}.hx-side.is-b{top:104px;height:34px;inset-inline-start:-3px;box-shadow:0 48px #2b2f36}.hx-screen{isolation:isolate;height:100%;color:var(--hx-ink);background:var(--hx-bg);border-radius:38px;flex-direction:column;font-size:12px;line-height:1.5;transition:background-color .6s,color .6s;display:flex;position:relative;overflow:hidden}.hx-screen[data-serif] :is(.hx-brand,.hx-title,.hx-banner-copy b){font-family:Amiri,Noto Naskh Arabic,serif;font-weight:700}.hx-status{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;height:34px;padding:0 22px;font-size:11px;font-weight:700;display:flex;position:relative}.hx-island{background:#0b0c0e;border-radius:999px;width:84px;height:22px;position:absolute;top:8px;left:50%;translate:-50%}.hx-signal{align-items:flex-end;gap:2px;height:10px;display:inline-flex}.hx-signal i{background:currentColor;border-radius:1px;width:3px}.hx-signal i:first-child{height:4px}.hx-signal i:nth-child(2){height:7px}.hx-signal i:nth-child(3){height:10px}.hx-signal b{border:1.5px solid;border-radius:3px;width:18px;height:9px;margin-inline-start:4px;box-shadow:inset 10px 0}.hx-bar{border-bottom:1px solid var(--hx-line);align-items:center;gap:6px;min-height:42px;padding:0 12px;transition:border-color .6s;display:flex}.hx-brand{letter-spacing:.01em;font-size:17px;font-weight:800}.hx-bar-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.hx-icon{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.hx-icon svg{width:18px;height:18px}.hx-bag{margin-inline-start:auto}.hx-count{top:0;min-width:17px;height:17px;color:var(--hx-on-accent);background:var(--hx-accent);animation:hx-bump .52s var(--hx-ease);border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;inset-inline-end:-2px}.hx-body{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;position:relative;overflow:hidden auto}.hx-body::-webkit-scrollbar{display:none}.hx-view{animation:hx-forward .38s var(--hx-ease);gap:12px;padding:12px 12px 22px;display:grid}.hx-view[data-nav=back]{animation-name:hx-back}.hx{--hx-flow:1}.hx:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--hx-flow:-1}@keyframes hx-forward{0%{opacity:0;transform:translateX(calc(var(--hx-flow) * -22px))}}@keyframes hx-back{0%{opacity:0;transform:translateX(calc(var(--hx-flow) * 22px))}}@keyframes hx-bump{0%{transform:scale(.6)}55%{transform:scale(1.12)}}.hx-home-indicator{background:color-mix(in srgb, var(--hx-ink) 55%, transparent);border-radius:999px;width:96px;height:4px;position:absolute;bottom:6px;left:50%;translate:-50%}.hx [data-pressed]{box-shadow:0 0 0 3px color-mix(in srgb, var(--hx-accent) 35%, transparent);transition:transform .16s var(--hx-ease), box-shadow .16s ease;transform:scale(.95)}.hx-screen :is(button,.hx-card){-webkit-tap-highlight-color:transparent;transition:transform .16s var(--hx-ease)}.hx-screen button:active{transform:scale(.96)}.hx-banner{border-radius:var(--hx-radius);background:var(--hx-surface);height:186px;position:relative;overflow:hidden}.hx-banner img{object-fit:cover;animation:9s ease-out both hx-kenburns}@keyframes hx-kenburns{0%{transform:scale(1.08)}}.hx-banner:after{content:"";background:linear-gradient(#0000000d 38%,#0000009e);position:absolute;inset:0}.hx-banner-copy{z-index:1;color:#fff;justify-items:start;gap:2px;display:grid;position:absolute;inset:auto 12px 12px}.hx-banner-copy small{opacity:.85;font-size:10.5px}.hx-banner-copy b{font-size:17px;line-height:1.3}.hx-pill{color:#1a1a1a;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:2px;margin-top:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.hx-pill svg{width:13px;height:13px}.hx-heading{justify-content:space-between;align-items:baseline;margin:2px 0 0;font-size:13px;font-weight:800;display:flex}.hx-heading small{color:var(--hx-muted);font-size:10.5px;font-weight:500}.hx-heading.is-small{color:var(--hx-muted);justify-content:flex-start;font-size:11.5px;font-weight:600}.hx-heading.is-small b{color:var(--hx-ink)}.hx-circles,.hx-grid,.hx-cart ul,.hx-facts{margin:0;padding:0;list-style:none}.hx-circles{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.hx-circles button{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:0;font-size:10.5px;font-weight:600;display:grid}.hx-circle{border:2px solid var(--hx-surface);width:54px;height:54px;box-shadow:0 0 0 1px var(--hx-line);border-radius:50%;position:relative;overflow:hidden}.hx-circle img,.hx-thumb img,.hx-slide img{object-fit:cover}.hx-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.hx-card{border:1px solid var(--hx-line);border-radius:var(--hx-radius);width:100%;color:inherit;background:var(--hx-surface);font:inherit;text-align:start;cursor:pointer;gap:2px;padding:0 0 6px;display:grid;overflow:hidden}.hx-card .hx-name,.hx-card .hx-price{padding-inline:7px}.hx-thumb{background:color-mix(in srgb, var(--hx-ink) 6%, var(--hx-surface));display:block;position:relative;overflow:hidden}.hx-thumb.is-tall{aspect-ratio:4/5}.hx-thumb.is-square{border-radius:calc(var(--hx-radius) * .6);flex:none;width:52px;height:60px}.hx-badge{top:6px;color:var(--hx-on-accent);background:var(--hx-accent);border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:800;position:absolute;inset-inline-start:6px}.hx-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;display:block;overflow:hidden}.hx-price{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.hx-price [data-sale]{color:var(--hx-accent)}.hx-price s{color:var(--hx-muted);font-size:9.5px;font-weight:500}.hx-price.is-large{font-size:15px}.hx-facts{border-radius:var(--hx-radius);background:var(--hx-surface);justify-content:space-between;gap:6px;padding:10px;font-size:10px;font-weight:600;display:flex}.hx-facts li{align-items:center;gap:4px;display:inline-flex}.hx-facts svg{width:13px;height:13px;color:var(--hx-accent)}.hx-chips{scrollbar-width:none;gap:6px;margin-inline:-12px;padding-inline:12px;display:flex;overflow-x:auto}.hx-chips button{border:1px solid var(--hx-line);color:inherit;background:var(--hx-surface);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:5px 11px;font-size:10.5px;font-weight:600}.hx-chips button[aria-pressed=true]{border-color:var(--hx-accent);color:var(--hx-on-accent);background:var(--hx-accent)}.hx-product{gap:6px;display:grid}.hx-gallery{aspect-ratio:1/1.05;border-radius:var(--hx-radius);background:var(--hx-surface);touch-action:pan-y;position:relative;overflow:hidden}.hx-track{height:100%;transition:transform .46s var(--hx-ease);display:flex}.hx-slide{flex:0 0 100%;position:relative}.hx-gallery-btn{color:#1a1a1a;cursor:pointer;background:#ffffffe0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;margin-top:-14px;display:grid;position:absolute;top:50%;box-shadow:0 4px 12px -4px #00000059}.hx-gallery-btn.is-prev{inset-inline-start:8px}.hx-gallery-btn.is-next{inset-inline-end:8px}.hx-gallery-btn svg{width:16px;height:16px}.hx-dots{--hx-dir:-1;width:calc((var(--n) - 1) * 9px + 14px);height:5px;position:absolute;bottom:8px;left:50%;translate:-50%}.hx-dots:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--hx-dir:1}.hx-dots i{width:5px;height:5px;translate:calc(var(--hx-dir) * (var(--i) * 9px + clamp(0px, (var(--i) - var(--a)) * 9px, 9px))) 0;transition:translate .26s var(--hx-ease), background-color .26s ease;background:#fff9;border-radius:999px;position:absolute;inset-block-start:0;inset-inline-start:0}.hx-dots i:after{border-radius:inherit;opacity:0;transform-origin:100%;width:14px;transition:transform .26s var(--hx-ease), opacity .16s ease;content:"";background:#fff;position:absolute;inset-block:0;inset-inline-start:0;transform:scaleX(.357143)}.hx-dots:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) i:after{transform-origin:0}.hx-dots i[data-active]{background:#fff}.hx-dots i[data-active]:after{opacity:1;transform:none}.hx-title{margin:4px 0 0;font-size:15px;font-weight:800;line-height:1.35}.hx-note{color:var(--hx-muted);margin:0;font-size:10.5px}.hx-options{flex-wrap:wrap;gap:5px;display:flex}.hx-options button{border:1px solid var(--hx-line);border-radius:calc(var(--hx-radius) * .6);min-width:38px;color:inherit;background:var(--hx-surface);font:inherit;cursor:pointer;padding:5px 9px;font-size:10.5px;font-weight:700}.hx-options button[aria-checked=true]{border-color:var(--hx-accent);box-shadow:inset 0 0 0 1px var(--hx-accent);color:var(--hx-ink)}.hx-options button[data-out]{color:var(--hx-muted);opacity:.6;cursor:not-allowed;text-decoration:line-through}.hx-stock{align-items:center;gap:6px;margin:0;font-size:10.5px;font-weight:600;display:inline-flex}.hx-stock i{background:#34a065;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #34a06538}.hx-desc{color:var(--hx-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:2px 0 0;font-size:10.5px;display:-webkit-box;overflow:hidden}.hx-cta{border-radius:max(8px, calc(var(--hx-radius) * .7));width:100%;min-height:38px;color:var(--hx-on-accent);background:var(--hx-accent);font:inherit;cursor:pointer;transition:transform .16s var(--hx-ease), background-color .3s ease;border:0;justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:800;display:inline-flex}.hx-cta svg{width:15px;height:15px}.hx-cta[data-done]{color:#fff;background:#2f8a55}.hx-cta.is-ghost{border:1px solid var(--hx-line);color:var(--hx-ink);background:var(--hx-surface)}.hx-toast{z-index:3;color:#fff;white-space:nowrap;animation:hx-toast 2.2s var(--hx-ease) both;background:#14161ae6;border-radius:999px;margin:0;padding:7px 14px;font-size:11px;font-weight:700;position:absolute;bottom:18px;left:50%;translate:-50%}@keyframes hx-toast{0%{opacity:0;transform:translateY(10px)}12%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}.hx-cart{gap:10px;display:grid}.hx-cart ul{gap:8px;display:grid}.hx-cart li{border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:var(--hx-surface);animation:hx-forward .38s var(--hx-ease);align-items:center;gap:8px;padding:7px;display:flex}.hx-line{flex:1;gap:2px;min-width:0;display:grid}.hx-qty{border:1px solid var(--hx-line);border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:1px;display:inline-flex}.hx-qty button{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.hx-qty svg{width:12px;height:12px}.hx-qty output{text-align:center;min-width:12px;font-size:10.5px;font-weight:800}.hx-sum{border-radius:var(--hx-radius);background:var(--hx-surface);gap:4px;margin:0;padding:10px;display:grid}.hx-sum div{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.hx-sum dt{color:var(--hx-muted)}.hx-sum dd{margin:0;font-weight:700}.hx-sum .is-total{border-top:1px solid var(--hx-line);padding-top:6px;font-size:12.5px}.hx-sum .is-total dt{color:var(--hx-ink);font-weight:800}.hx-checkout{gap:7px;display:grid}.hx-field{border:1px solid var(--hx-line);border-radius:calc(var(--hx-radius) * .6);background:var(--hx-surface);gap:1px;padding:6px 10px;transition:border-color .2s;display:grid}.hx-field small{color:var(--hx-muted);font-size:9.5px}.hx-field span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.hx-field[data-active]{border-color:var(--hx-accent)}.hx-field[data-active] span:after{content:"";vertical-align:middle;background:var(--hx-ink);width:1px;height:12px;margin-inline-start:1px;animation:.9s step-end infinite hx-caret;display:inline-block}@keyframes hx-caret{50%{opacity:0}}.hx-pay{border:1.5px solid var(--hx-accent);border-radius:calc(var(--hx-radius) * .6);background:color-mix(in srgb, var(--hx-accent) 8%, var(--hx-surface));align-items:center;gap:8px;padding:8px 10px;display:flex}.hx-pay span:last-child{display:grid}.hx-pay b{font-size:11px}.hx-pay small{color:var(--hx-muted);font-size:9.5px}.hx-radio{border:3.5px solid var(--hx-accent);background:var(--hx-surface);border-radius:50%;flex:none;width:12px;height:12px}.hx-demo-note{color:var(--hx-muted);text-align:center;margin:0;font-size:9.5px}.hx-confirm{text-align:center;justify-items:center;gap:6px;padding-top:10px;display:grid}.hx-confirm .hx-sum{text-align:start;width:100%}.hx-check{color:#fff;width:58px;height:58px;animation:hx-pop .62s var(--hx-ease) both;background:#2f8a55;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 8px #2f8a552e}.hx-check svg{stroke-dasharray:30;width:28px;height:28px;animation:hx-draw .52s .22s var(--hx-ease) both}@keyframes hx-pop{0%{opacity:0;transform:scale(.5)}}@keyframes hx-draw{0%{stroke-dashoffset:30px}}.hx-status-pill{color:#8a5a10;background:#fbf0d9;border-radius:999px;padding:1px 8px;font-size:10px}.hx-empty{color:var(--hx-muted);text-align:center;justify-items:center;gap:8px;padding:48px 12px;display:grid}.hx-empty svg{width:28px;height:28px}.hx-empty p{margin:0}.hx-controls{justify-items:center;gap:10px;width:min(100%,420px);display:grid}.hx-themes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hx-themes button{border:1px solid var(--line,#dfe5ee);min-height:34px;color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;transition:border-color var(--m-base,.26s) ease, background-color var(--m-base,.26s) ease, transform .16s var(--hx-ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.hx-themes button:hover{border-color:var(--slate)}.hx-themes button[aria-pressed=true]{border-color:var(--slate);background:var(--slate-tint,#eef3ff)}.hx-themes button:active,.hx-round:active,.hx-play:active{transform:scale(.96)}.hx-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px color-mix(in srgb, var(--ink) 15%, transparent);border-radius:50%}.hx-stages{width:100%;color:var(--subtle,#6b7280);text-align:center;grid-template-columns:repeat(5,1fr);gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.hx-stage-bar{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:999px;height:3px;margin-bottom:4px;display:block;overflow:hidden}.hx-stage-bar:after{content:"";border-radius:inherit;background:var(--teal,var(--slate));transform-origin:100%;height:100%;transition:transform .5s var(--hx-ease);display:block;transform:scaleX(0)}.hx-stage-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{transform-origin:0}.hx-stages li[data-state]{color:var(--ink)}.hx-stages li[data-state] .hx-stage-bar:after{transform:scaleX(1)}.hx-stages li[data-state=now]{font-weight:700}.hx-steps{align-items:center;gap:8px;display:flex}.hx-round,.hx-play{border:1px solid var(--line,#dfe5ee);min-width:40px;height:40px;color:var(--ink);background:var(--surface);cursor:pointer;transition:border-color var(--m-base,.26s) ease, transform .16s var(--hx-ease,var(--ease-out));border-radius:999px;place-items:center;display:inline-grid}.hx-round:hover:not(:disabled),.hx-play:hover{border-color:var(--slate)}.hx-round:disabled{opacity:.4;cursor:default}.hx-round svg,.hx-play svg{width:17px;height:17px}@media (pointer:coarse){.hx-steps{gap:6px}.hx-round,.hx-play{min-width:44px;height:44px}.hx-themes{gap:10px}.hx-themes button{position:relative}.hx-themes button:after{content:"";position:absolute;inset:-5px -4px}}.hx-play{border-color:var(--slate);color:#fff;background:var(--slate);font:inherit;gap:6px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.hx-play:hover{background:color-mix(in srgb, var(--slate) 88%, #000)}.hx-caption{color:var(--subtle,#6b7280);text-align:center;margin:0;font-size:12px}.hx [data-mode=manual] .hx-caption,.hx[data-mode=manual] .hx-caption{color:var(--slate-text,var(--slate));font-weight:600}:is(.hx-screen,.hx-controls) :focus-visible{outline:2px solid var(--slate);outline-offset:2px}.hx-ticker{border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);max-width:100%;color:var(--ink);background:color-mix(in srgb, var(--surface) 92%, transparent);white-space:nowrap;text-overflow:ellipsis;animation:hf-in .42s var(--hx-ease);border-radius:999px;align-items:center;gap:6px;margin:0;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.hx-ticker svg{width:14px;height:14px;color:var(--hx-accent);flex:none}.hf{display:none}@media (min-width:1280px){.hx-ticker{display:none}.hf{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}.hf-card{border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);width:172px;color:var(--ink);background:color-mix(in srgb, var(--surface) 95%, transparent);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:hf-in .52s var(--hx-ease) both;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex;position:absolute}.hf-card b{font-weight:700;display:block}.hf-card small{color:var(--subtle);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.hf-card>span:last-child{min-width:0}.hf-card.is-store{top:5%;inset-inline-start:calc(50% + 154px)}.hf-card.is-bag{top:26%;inset-inline-end:calc(50% + 154px)}.hf-card.is-order{top:47%;opacity:0;inset-inline-start:calc(50% + 154px);transform:translateY(8px)}.hf-card.is-order[data-shown]{animation:hf-in .52s var(--hx-ease) both;opacity:1;transform:none}.hf-card.is-order em{color:#8a5a10;background:#fbf0d9;border-radius:999px;margin-top:3px;padding:1px 8px;font-size:10.5px;font-style:normal;display:inline-block}.hf-card.is-sales{top:60%;flex-direction:column;align-items:flex-start;gap:2px;inset-inline-end:calc(50% + 154px)}.hf-card.is-sales small{white-space:normal}.hf-label{color:var(--subtle);align-items:center;gap:5px;font-size:11px;display:inline-flex}.hf-label svg{width:13px;height:13px;color:var(--slate)}.hf-number{font-variant-numeric:tabular-nums;font-size:18px}.hf-swatch{background:linear-gradient(135deg, var(--hx-accent), var(--hx-bg));width:30px;height:30px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:10px;flex:none;transition:background .6s}.hf-icon{width:32px;height:32px;color:var(--slate);background:var(--slate-tint);border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.hf-icon svg{width:17px;height:17px}.hf-icon i{top:-5px;color:#fff;background:var(--slate);border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;display:grid;position:absolute;inset-inline-end:-5px}.hf-icon.is-ok{color:#23774a;background:#e3f4ea}.hf-card.is-bag[data-live]{box-shadow:var(--shadow-2), 0 0 0 2px color-mix(in srgb, var(--slate) 30%, transparent)}}@keyframes hf-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (max-width:640px){.hx-phone{--hx-w:min(270px, 78vw)}.hx-themes button{padding:0 10px;font-size:12px}}@media (max-width:400px){.hx-controls{width:100%}.hx-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.hx-themes button{justify-content:center;min-height:44px;font-size:13px}.hx-themes button:after{content:none}}@media (prefers-reduced-motion:reduce){.hx *,.hx :before,.hx :after{transition:none!important;animation:none!important}}
.sc{--sc-radius:22px;--sc-ease:cubic-bezier(.22, 1, .36, 1);--sc-panel-h:404px;margin-top:36px;scroll-margin-top:96px}.sc-tabs{background:var(--tone-sky);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;display:grid}.sc-tab{min-height:48px;color:var(--muted);font:inherit;cursor:pointer;transition:color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .16s var(--sc-ease);background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.sc-tab svg{flex:none;width:18px;height:18px}.sc-tab:hover{color:var(--ink)}.sc-tab:active{transform:scale(.97)}.sc-tab[data-state=active]{color:var(--slate-text,var(--slate));background:var(--surface);box-shadow:0 1px 2px #17263c0f,0 8px 18px -12px #173c8c73}.sc-tab:focus-visible{outline:2px solid var(--slate);outline-offset:2px}.sc-progress{inset-inline:14px;background:var(--slate);opacity:0;transform-origin:100%;border-radius:2px;height:2px;position:absolute;bottom:5px;transform:scaleX(0)}.sc[data-touring] .sc-tab[data-state=active] .sc-progress{opacity:.45;animation:7s linear forwards sc-progress}@keyframes sc-progress{to{transform:scaleX(1)}}.sc-stage{grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr);align-items:center;gap:40px;margin-top:28px;display:grid}.sc-copy{min-width:0}.sc-copy-inner{animation:sc-in .42s var(--sc-ease)}.sc-copy h3{color:var(--ink);text-wrap:balance;margin:0 0 10px;font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.35}.sc-copy p{color:var(--muted);margin:0;font-size:16px;line-height:1.8}.sc-copy ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.sc-copy li{color:var(--ink);text-wrap:pretty;padding-inline-start:26px;font-size:15px;line-height:1.6;position:relative}.sc-copy li:before{content:"";top:.55em;background:var(--teal);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--teal) 18%, transparent);border-radius:3px;position:absolute;inset-inline-start:4px}.sc-caption{color:var(--subtle,var(--muted))!important;margin:22px 0 0!important;font-size:13px!important}@keyframes sc-in{0%{opacity:0;transform:translateY(8px)}}.sc-frame{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent);border-radius:var(--sc-radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-2,0 22px 48px -24px #173c8c61);overflow:hidden}.sc-chrome{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, #eef2f8);align-items:center;gap:14px;height:40px;padding:0 16px;display:flex}.sc-dots{gap:6px;display:inline-flex}.sc-dots i{background:#d5dbe5;border-radius:50%;width:10px;height:10px}.sc-address{color:var(--muted);background:var(--surface);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;flex:1;padding:4px 12px;font-size:12px;overflow:hidden}.sc-app{height:var(--sc-panel-h);grid-template-columns:168px minmax(0,1fr);display:grid;position:relative}.sc-side{border-inline-end:1px solid var(--line);background:color-mix(in srgb, var(--slate) 4%, var(--surface));align-content:start;gap:4px;padding:14px 10px;display:grid}.sc-side-item{color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;transition:background-color .26s,color .26s;display:flex}.sc-side-item svg{width:16px;height:16px}.sc-side-item[data-active]{color:var(--slate-text,var(--slate));background:var(--slate-tint,#eaf1ff)}.sc-side-count{color:#fff;background:var(--slate);text-align:center;min-width:20px;animation:sc-bump .52s var(--sc-ease);border-radius:999px;margin-inline-start:auto;padding:0 6px;font-size:11px}@keyframes sc-bump{40%{transform:scale(1.3)}}.sc-panel{min-width:0;animation:sc-in .36s var(--sc-ease);outline:none;padding:18px 20px;position:relative;overflow:hidden}.sc-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.sc-head strong{color:var(--ink);font-size:17px}.sc-head small{color:var(--subtle,var(--muted));font-size:12px}.sc-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.sc-orders,.sc-products{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sc-orders li{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.sc-orders li[data-new]{border-color:color-mix(in srgb, var(--slate) 45%, transparent);background:color-mix(in srgb, var(--slate) 5%, var(--surface));animation:sc-arrive .56s var(--sc-ease)}@keyframes sc-arrive{0%{opacity:0;transform:translateY(-12px)}}.sc-order-no{color:var(--muted);text-align:start;font-size:13px;font-weight:700}.sc-order-who{min-width:0;display:grid}.sc-order-who b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sc-order-who small{color:var(--subtle,var(--muted));font-size:12px}.sc-status{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.sc-status[data-status=new]{color:#8a5a10;background:#fbf0d9}.sc-status[data-status=prep]{color:#1d4fbf;background:#e5edfc}.sc-status[data-status=ship]{color:#6b3fb5;background:#efe8fb}.sc-status[data-status=done]{color:#1f7a4a;background:#e2f4ea}.sc-toast{z-index:2;bottom:16px;color:#fff;max-width:calc(100% - 32px);animation:sc-toast-in .48s var(--sc-ease), sc-toast-out .38s ease 3.62s forwards;background:#10223f;border-radius:14px;align-items:center;gap:10px;margin:0;padding:10px 14px;display:flex;position:absolute;inset-inline-start:16px;box-shadow:0 16px 32px -16px #0a1e4699}.sc-toast b{font-size:14px;display:block}.sc-toast small{color:#c7d4ea;font-size:12px}.sc-toast-icon{background:#ffffff1f;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.sc-toast-icon svg{width:16px;height:16px}@keyframes sc-toast-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes sc-toast-out{to{opacity:0;transform:translateY(8px)}}.sc-products li{border:1px solid var(--line);border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:grid}.sc-thumb{background:#f1ede6;border-radius:10px;width:48px;height:56px;position:relative;overflow:hidden}.sc-thumb img{object-fit:cover}.sc-product-text{min-width:0;display:grid}.sc-product-text b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sc-product-text small{color:var(--subtle,var(--muted));font-size:12px}.sc-stock{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.sc-stock svg{width:13px;height:13px}.sc-stock[data-tone=ok]{color:#1f7a4a;background:#e2f4ea}.sc-stock[data-tone=low]{color:#8a5a10;background:#fbf0d9}.sc-stock[data-tone=out]{color:#a3352b;background:#fbe7e4}.sc-variants{background:color-mix(in srgb, var(--slate) 5%, var(--surface));border-radius:14px;gap:8px;margin-top:14px;padding:12px;display:grid}.sc-variants small{color:var(--muted);font-size:12px}.sc-variants span{flex-wrap:wrap;gap:6px;display:flex}.sc-variants i{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:600}.sc-variants i[data-low]{color:#8a5a10;border-color:#f1d49a}.sc-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;display:grid}.sc-kpis div{border:1px solid var(--line);border-radius:14px;padding:12px}.sc-kpis dt{color:var(--muted);font-size:12px}.sc-kpis dd{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:4px 0 0;font-size:17px;font-weight:800;display:flex}.sc-kpis dd svg{color:#1f7a4a;width:16px;height:16px}.sc-chart{margin:0}.sc-chart ol{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:170px;margin:0;padding:0;list-style:none;display:grid}.sc-chart li{grid-template-rows:1fr auto;gap:6px;height:100%;display:grid}.sc-chart i{height:calc(var(--h) * 100%);background:linear-gradient(180deg, var(--slate), color-mix(in srgb, var(--slate) 55%, #7fb2ff));transform-origin:bottom;animation:sc-grow .64s var(--sc-ease) both;animation-delay:calc(var(--i) * 55ms);border-radius:8px 8px 4px 4px;align-self:end}.sc-chart li:last-child i{background:linear-gradient(#ff9c6b,#ffc5a3)}.sc-chart small{color:var(--subtle,var(--muted));text-align:center;font-size:11px}@keyframes sc-grow{0%{transform:scaleY(.08)}}.sc-best{color:var(--muted);margin:12px 0 0;font-size:13px}.sc-best b{color:var(--ink)}.sc-design{height:calc(var(--sc-panel-h) - 80px);grid-template-columns:170px minmax(0,1fr);gap:16px;display:grid}.sc-controls{align-content:start;gap:14px;display:grid}.sc-segment{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.sc-segment button{min-height:36px;color:var(--muted);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:12px;font-weight:800}.sc-segment button[aria-checked=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #17263c1f}.sc-swatches{flex-wrap:wrap;gap:10px;display:flex}.sc-swatches button{cursor:pointer;width:34px;height:34px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px color-mix(in srgb, var(--ink) 14%, transparent);transition:transform .16s var(--sc-ease), box-shadow .16s ease;border:0;border-radius:50%}.sc-swatches button[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.sc-swatches button:active,.sc-segment button:active{transform:scale(.94)}.sc-segment button:focus-visible,.sc-swatches button:focus-visible{outline:2px solid var(--slate);outline-offset:3px}.sc-preview{border:1px solid var(--line);background:#faf8f5;border-radius:16px;grid-template-rows:auto auto 1fr;gap:10px;min-width:0;padding:12px;display:grid;overflow:hidden}.sc-preview-bar{color:#2b2420;justify-content:space-between;align-items:center;font-size:14px;display:flex}.sc-preview-bar svg{width:16px;height:16px}.sc-preview-hero{color:#fff;background:var(--accent);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:16px;transition:background-color .4s,border-radius .4s;display:flex}.sc-preview-hero b{font-size:16px}.sc-preview-hero i{color:var(--accent);background:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-style:normal;font-weight:700;transition:color .4s}.sc-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid}.sc-preview-grid span{background:#efe9e1;border-radius:10px;position:relative;overflow:hidden}.sc-preview-grid img{object-fit:cover}.sc-preview[data-layout=studio] .sc-preview-hero{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, #fff);border-radius:0}.sc-preview[data-layout=studio] .sc-preview-hero b{font-family:Amiri,Noto Naskh Arabic,serif;font-size:19px}.sc-preview[data-layout=studio] .sc-preview-hero i{color:#fff;background:var(--accent);border-radius:0}.sc-preview[data-layout=studio] .sc-preview-grid span{border-radius:0}.cg{gap:16px;margin-top:56px;display:grid}.cg-group{background:var(--teal-mist);border-radius:22px;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:28px;padding:26px;display:grid}.cg-head{align-content:start;gap:8px;display:grid}.cg-index{color:var(--teal-deep);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.cg-head h3{color:var(--ink);margin:0;font-size:22px;font-weight:800}.cg-head p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.cg-link{min-height:40px;color:var(--slate-text,var(--slate));text-underline-offset:5px;justify-self:start;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1.5px;transition:text-decoration-color .18s;display:inline-flex}@media (hover:hover) and (pointer:fine){.cg-link:hover{text-decoration-color:currentColor}}@media (pointer:coarse){.cg-link{min-height:44px}}.cg-link .arrow-icon{width:16px;height:16px}.cg-link:focus-visible{outline:2px solid var(--slate);outline-offset:2px;border-radius:6px}.cg-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0;padding:0;list-style:none;display:grid}.cg-items li{grid-template-columns:40px minmax(0,1fr);gap:12px;display:grid}.cg-items>li:last-child:nth-child(odd){grid-column:1/-1}.cg-items strong{color:var(--ink);margin-bottom:2px;font-size:16px;display:block}.cg-items li>span:last-child>span{color:var(--muted);font-size:14px;line-height:1.7}.cg-icon{width:40px;height:40px;color:var(--teal-deep);background:var(--surface);border-radius:12px;place-items:center;display:grid}.cg-icon svg{width:19px;height:19px}@media (max-width:1023px){.sc-stage{grid-template-columns:minmax(0,1fr);gap:22px}.sc-copy{order:2}.cg-group{grid-template-columns:minmax(0,1fr);gap:18px}}@media (max-width:640px){.sc{--sc-panel-h:372px;margin-top:24px}.sc-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}.sc-tab{min-height:44px;padding:0 8px;font-size:14px}.sc-stage{margin-top:16px}.sc-copy h3{font-size:20px}.sc-copy p{font-size:15px}.sc-copy ul{margin-top:12px}.sc-chrome{height:34px;padding:0 12px}.sc-dots{display:none}.sc-app{grid-template-columns:minmax(0,1fr)}.sc-side{display:none}.sc-panel{padding:14px}.sc-orders li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:9px 10px}.sc-order-no{display:none}.sc-orders .sc-amount{grid-area:1/2}.sc-orders .sc-status{grid-column:1;justify-self:start}.sc-orders li:nth-child(n+4){display:none}.sc-products li{grid-template-columns:44px minmax(0,1fr) auto}.sc-products .sc-amount{display:none}.sc-kpis dd{font-size:14px}.sc-chart ol{gap:6px;height:140px}.sc-design{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px}.sc-controls{justify-content:space-between;align-items:center;display:flex}.sc-swatches button{width:30px;height:30px}.sc-toast{inset-inline:12px;max-width:none;bottom:12px}.cg{gap:12px;margin-top:36px}.cg-group{padding:20px 18px}.cg-head h3{font-size:20px}.cg-items{grid-template-columns:minmax(0,1fr);gap:14px}}@media (prefers-reduced-motion:reduce){.sc *,.cg *{transition:none!important;animation:none!important}.sc-toast{opacity:1}}
html{scroll-padding-top:96px}.section-wrap{width:min(1160px,100% - 64px);margin-inline:auto}.site-header{z-index:30;padding-top:12px;position:sticky;top:0}.header-inner{background:color-mix(in srgb, var(--paper) 60%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.5);border:1px solid #0000;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(1240px,100% - 32px);min-height:64px;margin-inline:auto;padding-inline:16px 10px;transition:background .25s,border-color .25s,box-shadow .25s,min-height .25s;display:grid}.site-header[data-scrolled] .header-inner,.site-header[data-menu-open] .header-inner{border-color:color-mix(in srgb, var(--ink) 9%, transparent);background:color-mix(in srgb, var(--surface) 93%, transparent);min-height:58px;box-shadow:0 10px 28px -18px #0f1e3c6b,0 1px 2px #0f1e3c0f,inset 0 1px #ffffffb3}.wordmark{width:fit-content;color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.wordmark .brand-logo{display:block}.wordmark-copy{justify-items:start;gap:2px;display:grid}.wordmark-copy small{color:var(--muted);font-size:var(--fs-caption)}.main-nav ul{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.main-nav a,.main-nav .nav-soon{white-space:nowrap;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding-inline:14px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.main-nav a{color:var(--text);text-decoration:none;transition:color .16s,background .16s}.main-nav a:hover{color:var(--slate);background:color-mix(in srgb, var(--slate) 7%, transparent)}.main-nav a[aria-current]{color:var(--slate);font-weight:600}.main-nav a:after{bottom:4px;background:var(--bronze);opacity:0;width:16px;height:2px;transition:opacity .2s ease, transform .22s var(--ease-out-soft);content:"";border-radius:2px;margin-inline:auto;position:absolute;inset-inline:0;transform:scaleX(.3)}.main-nav a[aria-current]:after{opacity:1;transform:none}.nav-soon{color:var(--subtle);cursor:default}.nav-soon small{color:var(--bronze-text);background:color-mix(in srgb, var(--bronze) 16%, transparent);border-radius:999px;padding:1px 7px;font-size:12px;font-weight:600}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.header-login{white-space:nowrap;align-items:center;gap:6px;min-height:40px;padding-inline:10px;font-size:15px;font-weight:500;display:inline-flex}a.header-login{min-height:44px;color:var(--ink);border-radius:12px;text-decoration:none;transition:background .16s,color .16s}a.header-login:hover{color:var(--slate);background:color-mix(in srgb, var(--slate) 8%, transparent)}a.header-login:focus-visible{outline:2px solid var(--slate);outline-offset:2px}.header-cta{color:#fff;background:var(--slate);white-space:nowrap;min-height:44px;box-shadow:0 8px 18px -10px color-mix(in srgb, var(--slate) 75%, transparent);border-radius:12px;align-items:center;padding-inline:20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.header-cta:hover{background:var(--slate-strong);transform:translateY(-1px)}}.menu-toggle{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);width:44px;height:44px;color:var(--ink);background:color-mix(in srgb, var(--surface) 70%, transparent);cursor:pointer;border-radius:12px;place-items:center;display:none}.menu-toggle span,.menu-toggle span:before{background:currentColor;border-radius:2px;width:18px;height:2px;transition:transform .22s;display:block}.menu-toggle span{position:relative;transform:translateY(-3px)}.menu-toggle span:before{content:"";position:absolute;top:6px}.menu-toggle[aria-expanded=true] span{transform:translateY(0)rotate(45deg)}.menu-toggle[aria-expanded=true] span:before{transform:translateY(-6px)rotate(-90deg)}.mobile-menu{top:100%;border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);background:var(--surface);border-radius:16px;margin:8px 0 0;padding:6px;position:absolute;inset-inline:16px;box-shadow:0 18px 40px -24px #253a5673}.mobile-menu[hidden]{display:none}.mobile-menu{overscroll-behavior:contain;max-height:calc(100dvh - 104px);overflow-y:auto}.mobile-menu ul{margin:0;padding:0;list-style:none}.mobile-menu li+li{border-top:1px solid var(--line)}.mobile-menu a,.mobile-menu .nav-soon{border-radius:10px;justify-content:space-between;align-items:center;min-height:52px;padding-inline:14px;font-size:16px;font-weight:500;display:flex}.mobile-menu a{color:var(--ink);text-decoration:none}.mobile-menu a[aria-current]{color:var(--slate);font-weight:600}.mobile-menu a:hover{background:color-mix(in srgb, var(--slate) 6%, transparent)}.hero{grid-template-columns:1fr .94fr;align-items:center;gap:56px;min-height:560px;padding-block:36px 40px;display:grid}.hero-copy{max-width:560px}.eyebrow{color:var(--bronze-text);font-size:var(--fs-small);align-items:center;gap:10px;margin:0 0 22px;font-weight:600;display:inline-flex}.hero-copy .eyebrow{border:1px solid var(--line);color:var(--slate);background:var(--surface);border-radius:999px;padding:7px 14px 7px 16px}.eyebrow-dot{background:var(--bronze);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--bronze) 18%, transparent);border-radius:50%}.hero-copy h1{color:var(--ink);font-size:var(--fs-display);margin:0;font-weight:600;line-height:1.25}.hero-copy h1 span{color:var(--slate);background:linear-gradient(to top, color-mix(in srgb, var(--bronze) 30%, transparent) .18em, transparent .18em) no-repeat 0 92% / 100% 100%;white-space:nowrap}.hero-description{max-width:500px;color:var(--muted);font-size:var(--fs-lead);margin:22px 0 0;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.button-primary{color:#fff;background:var(--slate);min-height:58px;box-shadow:0 10px 24px -10px color-mix(in srgb, var(--slate) 70%, transparent);border-radius:12px;align-items:center;gap:14px;padding-inline:32px 26px;font-size:17px;font-weight:700;text-decoration:none;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex}@media (hover:hover) and (pointer:fine){.button-primary:hover{background:var(--slate-strong);box-shadow:0 14px 28px -12px color-mix(in srgb, var(--slate) 80%, transparent);transform:translateY(-1px)}}.arrow-icon{width:18px;height:18px;transition:transform .2s;transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.button-primary:hover .arrow-icon,.closing-cta:hover .arrow-icon,.cg-link:hover .arrow-icon{transform:rotate(180deg)translate(3px)}}.button-link{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);min-height:58px;color:var(--ink);background:var(--surface);border-radius:12px;align-items:center;padding-inline:24px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.button-link:hover{border-color:var(--slate);color:var(--slate)}.hero-points{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px 22px;margin:28px 0 0;padding:24px 0 0;list-style:none;display:flex}.hero-points li{color:var(--text);align-items:center;gap:10px;font-size:15px;display:flex}.check-icon{width:20px;height:20px;color:var(--bronze-text);background:color-mix(in srgb, var(--bronze) 18%, transparent);border-radius:50%;flex:none;padding:3px}.hero-visual{isolation:isolate;place-items:center;min-height:520px;display:grid;position:relative;overflow:clip}.hero-visual:before{z-index:-2;background:radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--slate) 7%, transparent) 0 36%, transparent 36.3%), linear-gradient(150deg, var(--band), var(--paper) 70%);content:"";border-radius:46% 46% 42% 42%;position:absolute;inset:6% 4% 12%}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center;margin-bottom:12px}.section-heading .eyebrow:before{background:var(--bronze);content:"";border-radius:2px;width:22px;height:2px}.section-heading h2{color:var(--ink);font-size:var(--fs-h2);margin:0;font-weight:600;line-height:1.4}.section-heading>p:last-child{max-width:560px;color:var(--muted);font-size:var(--fs-body);margin:12px auto 0;line-height:1.85}.features-section{border-top:1px solid var(--line);padding-block:64px 72px}.how-section{border-top:1px solid var(--line);padding-block:64px 68px}.templates-section{border-block:1px solid var(--line);background:var(--band);padding-block:64px 72px}.templates-heading{margin-bottom:30px}.templates-heading .section-heading>p:last-child{max-width:620px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.closing-panel{color:var(--paper);background:var(--slate);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:48px 56px;display:grid;position:relative;overflow:hidden}.closing-panel:after{border:1px solid color-mix(in srgb, var(--bronze) 45%, transparent);content:"";pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:-130px;left:-70px}.closing-copy,.closing-actions{z-index:1;position:relative}.closing-eyebrow{color:var(--peach-on-blue);font-size:var(--fs-small);align-items:center;gap:12px;margin:0;font-weight:600;display:inline-flex}.closing-mark{background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid;box-shadow:0 4px 12px #0914292e}.closing h2{color:#fff;margin:16px 0 0;font-size:clamp(28px,3.2vw,40px);font-weight:600;line-height:1.35}.closing-text{color:#dce6f5;margin:10px 0 0;font-size:17px;line-height:1.8}.closing-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.closing-cta{min-height:60px;color:var(--slate);background:var(--paper);border-radius:12px;align-items:center;gap:14px;padding-inline:32px 26px;font-size:17px;font-weight:700;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex;box-shadow:0 16px 32px -16px #00000080}@media (hover:hover) and (pointer:fine){.closing-cta:hover{background:#fff;transform:translateY(-1px)}}.closing-cta:focus-visible,.closing-link:focus-visible{outline-color:var(--bronze)}.closing-link{color:#dce6f5;min-height:44px;font-size:var(--fs-small);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--bronze) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--bronze) 70%, transparent);text-underline-offset:6px;align-items:center;transition:color .16s;display:inline-flex}.closing-link:hover{color:#fff}@media (min-width:1440px){.hero{min-height:620px}}@media (max-width:900px){.header-inner{grid-template-columns:1fr auto}.main-nav,.header-login{display:none}.menu-toggle{display:grid}}@media (max-width:980px){.hero{gap:24px;min-height:0;padding-block:40px 36px}.hero-visual{min-height:460px}.closing-panel{padding:40px}}@media (max-width:760px){html{scroll-padding-top:76px}.section-wrap{width:calc(100% - 40px)}.site-header{padding-top:0}.header-inner{border-width:0 0 1px;border-radius:0;width:100%;min-height:58px;padding-inline:16px 12px}.site-header[data-scrolled] .header-inner,.site-header[data-menu-open] .header-inner{background:color-mix(in srgb, var(--surface) 97%, transparent);box-shadow:0 6px 18px -14px #0f1e3c66}.wordmark-copy .brand-logo{zoom:.85}.header-cta{min-height:44px;font-size:var(--fs-small);padding-inline:14px}.hero-points{gap:10px;display:grid}.hero{grid-template-columns:1fr;gap:4px;padding-block:32px 28px}.hero-copy{max-width:none}.hero-description{font-size:17px}.hero-actions .button-primary,.hero-actions .button-link{flex:auto;justify-content:center}.hero-visual{min-height:450px}.how-section,.templates-section{padding-block:48px 52px}.templates-heading{margin-bottom:22px}.template-grid{grid-template-columns:1fr;gap:18px}.template-card{padding:12px}.closing{padding-block:44px 52px}.closing-panel{grid-template-columns:1fr;gap:28px;padding:34px 24px}.closing-panel:after{top:-170px;left:-150px}.closing-actions{align-items:stretch}.closing-cta{justify-content:center}}@media (max-width:400px){.section-wrap{width:calc(100% - 32px)}.wordmark-copy small{display:none}.hero-copy h1{font-size:36px}.hero-visual{min-height:410px}}@media (max-height:500px){html{scroll-padding-top:76px}.site-header{padding-top:6px}.header-inner,.site-header[data-scrolled] .header-inner,.site-header[data-menu-open] .header-inner{min-height:52px}.wordmark-copy small{display:none}.wordmark-copy .brand-logo{zoom:.8}.mobile-menu{max-height:calc(100dvh - 80px)}}@media (max-width:760px){.features-section{padding-block:48px 52px}}:root{--section-space:clamp(56px, 6.5vw, 84px);--ease-out-soft:cubic-bezier(.22, 1, .36, 1);--fade-hairline:linear-gradient(90deg, transparent, var(--line) 18%, var(--line) 82%, transparent)}[data-reveal-state=pending]{opacity:0;transform:translateY(18px)}.features-section,.how-section,.templates-section{padding-block:var(--section-space)}.closing{padding-block:calc(var(--section-space) * .8) var(--section-space)}.features-section,.how-section{background-image:var(--fade-hairline);background-repeat:no-repeat;background-size:100% 1px;border-top:0}.templates-section{background:linear-gradient(to bottom, var(--surface) 0, var(--band) 140px, var(--band) calc(100% - 140px), var(--paper) 100%);border-block:0}.header-inner{transition:background-color .3s,border-color .3s,box-shadow .3s}@media (hover:hover){.button-link:hover{transform:translateY(-1px);box-shadow:0 10px 22px -16px #253a5673}.template-anatomy li:before{transition:background .2s,color .2s}.template-card:hover .template-anatomy li:before{color:#fff;background:var(--slate)}}@media (prefers-reduced-motion:reduce){[data-reveal-state=pending]{opacity:1;transform:none}.button-link:hover,.button-primary:active,.header-cta:active,.closing-cta:active,.template-action:active{transform:none}}.pricing-section,.faq-section{padding-block:var(--section-space);background-image:var(--fade-hairline);background-repeat:no-repeat;background-size:100% 1px}.faq-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;display:grid}.faq-intro{position:sticky;top:112px}.faq-intro .eyebrow:before{background:var(--bronze);content:"";border-radius:2px;width:22px;height:2px}.faq-intro h2{color:var(--ink);font-size:var(--fs-h2);margin:0;font-weight:600;line-height:1.4}.faq-intro p:last-child{max-width:420px;color:var(--muted);font-size:var(--fs-body);margin:14px 0 0;line-height:1.85}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-heading{margin:0}.faq-question{width:100%;min-height:72px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:18px 2px;font-size:17.5px;font-weight:600;line-height:1.6;transition:color .2s;display:flex}.faq-question:hover,.faq-item.is-open .faq-question{color:var(--slate)}.faq-question:focus-visible{outline:3px solid color-mix(in srgb, var(--slate) 40%, transparent);outline-offset:2px;border-radius:8px}.faq-icon{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;transition:background .26s var(--ease-out-soft), border-color .26s var(--ease-out-soft);border-radius:50%;flex:none;position:relative}.faq-icon:before,.faq-icon:after{background:var(--slate);content:"";width:12px;height:2px;transition:transform .32s var(--ease-out-soft), background .26s ease;border-radius:2px;margin:-1px 0 0 -6px;position:absolute;top:50%;left:50%}.faq-icon:after{transform:rotate(90deg)}.faq-item.is-open .faq-icon{border-color:var(--slate);background:var(--slate)}.faq-item.is-open .faq-icon:before,.faq-item.is-open .faq-icon:after{background:#fff}.faq-item.is-open .faq-icon:after{transform:rotate(0)}.faq-panel{visibility:hidden;grid-template-rows:0fr;display:grid}.faq-item.is-open .faq-panel{visibility:visible;grid-template-rows:1fr}.faq-panel-inner{min-height:0;overflow:hidden}.faq-panel p{max-width:62ch;color:var(--muted);font-size:var(--fs-body);opacity:0;transition:opacity .26s ease, transform .32s var(--ease-out-soft);margin:0;padding:0 2px 24px 56px;line-height:1.95;transform:translateY(-4px)}.faq-item.is-open .faq-panel p{opacity:1;transition-delay:80ms;transform:none}@media (max-width:900px){.faq-layout{grid-template-columns:1fr;gap:28px}.faq-intro{position:static}}@media (max-width:760px){.faq-question{gap:14px;min-height:64px;padding-block:16px;font-size:16.5px}.faq-icon{width:30px;height:30px}.faq-panel p{padding-left:0;font-size:15.5px}}@media (prefers-reduced-motion:reduce){.faq-panel,.faq-item.is-open .faq-panel,.faq-panel p,.faq-icon,.faq-icon:before,.faq-icon:after{transition:none}}.testimonials-section{padding-block:var(--section-space);background-image:var(--fade-hairline);background-repeat:no-repeat;background-size:100% 1px}.tm-card{border:1px solid var(--line);background:var(--surface);width:100%;transition:transform .26s var(--ease-out-soft), border-color .2s ease, box-shadow .26s var(--ease-out-soft);border-radius:18px;flex-direction:column;gap:12px;margin:0;padding:26px 24px 22px;display:flex}.tm-card blockquote{flex:1;margin:0}.tm-card blockquote p{color:var(--text);margin:0;font-size:16.5px;line-height:1.95}.tm-card h3{color:var(--ink);margin:4px 0 0;font-size:18px;font-weight:600}.tm-card>p{color:var(--muted);flex:1;margin:0;font-size:15px;line-height:1.85}.tm-avatar{width:42px;height:42px;color:var(--slate);background:var(--slate-tint);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}@media (hover:hover){.tm-card:hover{border-color:color-mix(in srgb, var(--slate) 30%, transparent);transform:translateY(-3px);box-shadow:0 18px 34px -26px #253a5673}}@media (prefers-reduced-motion:reduce){.tm-card,.tm-card:hover{transition:none;transform:none}}.features-section,.faq-section{background-color:var(--surface)}.testimonials-section{background-image:var(--fade-hairline), linear-gradient(to bottom, var(--paper) 0, var(--peach-tint) 160px, var(--peach-tint) calc(100% - 160px), var(--paper) 100%);background-size:100% 1px,100% 100%}.faq-question:hover .faq-icon{border-color:var(--peach)}.faq-item.is-open .faq-question:hover .faq-icon{border-color:var(--slate)}.hero-visual:after{z-index:-2;background:radial-gradient(circle at 34% 38%, color-mix(in srgb, var(--peach) 24%, transparent), transparent 62%), radial-gradient(circle at 66% 64%, color-mix(in srgb, var(--slate) 11%, transparent), transparent 60%);filter:blur(30px);content:"";pointer-events:none;border-radius:50%;position:absolute;inset:12% 14% 22%}
.bands{--band-radius:clamp(28px, 4vw, 56px);--band-overlap:clamp(24px, 3.5vw, 48px);--tone-sky:#eef5ff;--field-sky:#dbe8fd;--field-sand:#f6e6d8;--field-mist:#e2f4f1}.platform-root:has(main.bands){background:#f5f8fd}.band{isolation:isolate;background:var(--band-bg);position:relative;overflow-x:clip}.band>section{background:0 0;border:0}.band[data-rise]{margin-top:calc(var(--band-overlap) * -1);border-radius:var(--band-radius) var(--band-radius) 0 0}.band[data-rise]>section{padding-top:calc(var(--section-space,72px) + var(--band-overlap) * .6)}.band:has(+.band[data-rise])>section{padding-bottom:calc(var(--section-space,72px) + var(--band-overlap))}.band:is([data-tone=how],[data-tone=pricing],[data-tone=faq]){--subtle:#55606f;--bronze-text:#7a4a33;--slate:#0f4fd0;--slate-strong:#0b3fa8}.band .section-heading h2,.band .faq-intro h2{letter-spacing:0;text-wrap:balance;line-height:1.3}.band[data-tone=hero]{--band-bg:radial-gradient(64rem 36rem at 92% -14%, #00afa542, transparent 64%), radial-gradient(52rem 34rem at -6% 62%, #087cff33, transparent 70%), linear-gradient(180deg, #e7f0ff, #d6e5fd);--subtle:#4f5a6a;--slate-text:#0f4fd0}.band[data-tone=hero]:before{z-index:-1;aspect-ratio:200/220;opacity:.05;pointer-events:none;content:"";background:url(/brand/the-duo-symbol.svg) 50%/contain no-repeat;width:min(40vw,540px);position:absolute;inset-block-start:6%;inset-inline-end:-5%}.band[data-tone=hero] .hero{padding-block:clamp(36px,5vw,64px) clamp(28px,3.5vw,48px)}@media (min-width:981px){.band[data-tone=hero] .hero{min-height:600px}}.band[data-tone=hero] .hero-copy h1{letter-spacing:0;font-size:clamp(42px,5.6vw,76px);font-weight:700;line-height:1.2}@media (max-width:400px){.band[data-tone=hero] .hero-copy h1{font-size:clamp(32px,11.4vw,42px)}}.band[data-tone=hero] .hero-copy h1 span{color:#0a5fd6}.band[data-tone=hero] .hero-description{max-width:520px;font-size:clamp(16.5px,1.25vw,19px)}.band[data-tone=features]{--band-bg:#fff}.band[data-tone=templates]{--band-bg:radial-gradient(60rem 30rem at 50% -8%, #087cff59, transparent 66%), radial-gradient(44rem 28rem at 100% 100%, #00afa538, transparent 70%), #0b1730;--ink:#f2f6fc;--text:#ccd6e8;--muted:#a9b6cf;--subtle:#a3b0c8;--line:#ffffff1f;--surface:#13224a;--paper:#0f1c3d;--slate:#69d5ff;--slate-strong:#9ce3ff;--slate-tint:#69d5ff24;--bronze:#f4d8cb;--bronze-text:#f4d8cb;color:var(--text)}.band[data-tone=templates] .template-card{background:linear-gradient(#ffffff12,#ffffff05);border-color:#ffffff1a;transition:border-color .26s,box-shadow .32s;box-shadow:0 30px 70px -40px #000c}.band[data-tone=templates] .template-stage{isolation:isolate;background:radial-gradient(70% 85% at 50% 100%,#087cff8c,#0000 72%),radial-gradient(40% 50% at 50% 100%,#00afa573,#0000 70%),#0f1f45;position:relative}.band[data-tone=templates] .template-stage:before{z-index:-1;opacity:0;pointer-events:none;content:"";background:radial-gradient(55% 65% at 50% 100%,#00afa580,#0000 72%);transition:opacity .42s;position:absolute;inset:0}.band[data-tone=templates] .template-device-scale{display:none}.band[data-tone=templates]:has(:target) .template-device-scale{display:block}.band[data-tone=templates] .template-device-screen{contain:content}.band[data-tone=templates] .template-device{transition:translate .42s var(--ease-out), transform .9s var(--ease-expo) .14s;margin-bottom:-10px;padding-bottom:10px;box-shadow:0 0 0 1px #ffffff14,0 -12px 60px -12px #00afa599}@media (prefers-reduced-motion:no-preference){.band[data-tone=templates] .template-card[data-reveal-state=pending] .template-device{transform:translateY(44px)}}.band[data-tone=templates] .template-card:focus-within{border-color:#00afa573}.band[data-tone=templates] .template-card:focus-within .template-stage:before{opacity:1}.band[data-tone=templates] .template-badge{color:#f4d8cb;background:#f4d8cb1f;border-color:#f4d8cb59}.band[data-tone=templates] .template-action{color:#eef3fb;background:#ffffff0a;border-color:#ffffff2e}.band[data-tone=templates] .template-action:hover{color:#fff;border-color:#69d5ff}.band[data-tone=templates] .template-action.is-primary{color:#fff;background:#0068e0;border-color:#0068e0}.band[data-tone=templates] .template-action.is-primary:hover{background:#0a74f2;border-color:#0a74f2}@media (hover:hover) and (pointer:fine){.band[data-tone=templates] .template-card:hover{border-color:#00afa573;transform:none;box-shadow:0 0 0 1px #00afa524,0 40px 80px -40px #087cffa6}.band[data-tone=templates] .template-card:hover .template-stage:before{opacity:1}.band[data-tone=templates] .template-card:hover .template-device{translate:0 -8px}}.band[data-tone=how]{--band-bg:var(--field-sand);--hw-track:#e8cfba}.band[data-tone=iraq]{--band-bg:var(--teal)}.band[data-tone=iraq] .section-heading{--ink:var(--teal-ink);--muted:var(--teal-ink);--bronze:var(--teal-ink);--bronze-text:var(--teal-ink)}.band[data-tone=iraq] .section-heading h2{font-weight:700}.band[data-tone=stories]{--band-bg:#fff}.band[data-tone=stories] .tm-card{background:var(--tone-sky);box-shadow:none;border-color:#0000;border-radius:24px}.band[data-tone=pricing]{--band-bg:var(--field-sky)}.band[data-tone=faq]{--band-bg:var(--field-mist)}.band[data-tone=faq] .faq-item{border-color:#05302d1f}.band[data-tone=faq] .faq-question{padding-block:22px}.band[data-tone=cta]{--band-bg:radial-gradient(50rem 26rem at 100% 0%, #69d5ff4d, transparent 62%), radial-gradient(56% 80% at 0% 100%, #00afa58c, transparent 70%), linear-gradient(135deg, #0a3fb0 0%, #0662e0 70%)}.band[data-tone=cta]:before{z-index:-1;aspect-ratio:200/220;filter:brightness(0)invert();opacity:.08;pointer-events:none;content:"";background:url(/brand/the-duo-symbol.svg) 50%/contain no-repeat;width:min(36vw,460px);position:absolute;inset-block-end:-18%;inset-inline-start:-4%}.band[data-tone=cta] .closing-panel{text-align:center;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px;padding:clamp(8px,2vw,24px) 0 clamp(16px,3vw,40px);overflow:visible}.band[data-tone=cta] .closing-panel:after{display:none}.band[data-tone=cta] .closing-eyebrow{justify-content:center}.band[data-tone=cta] .closing h2,.band[data-tone=cta] .closing-copy h2{color:#fff;letter-spacing:0;font-size:clamp(34px,4.8vw,64px);font-weight:700;line-height:1.2}.band[data-tone=cta] .closing-text{color:#e6f1ff;margin-inline:auto;font-size:clamp(16px,1.3vw,19px)}.band[data-tone=cta] .closing-cta{color:#0a4fcf;background:#fff}.band[data-tone=cta] .closing-cta:hover{background:#f5f8fd}.band[data-tone=cta] .closing-link{color:#e6f1ff}@media (max-width:760px){.band[data-tone=cta] .closing-panel{padding-inline:0}}@media (prefers-reduced-motion:reduce){.band .template-card,.band .template-device{transition:none}.band .template-card:hover .template-device{translate:none}}
.platform-root{--navy-950:#08142a;--navy-900:#0c1d3a;--navy-800:#13294d;--sky:#5b9bff;--teal:#00afa5;--teal-deep:#006b65;--teal-ink:#05302d;--teal-mist:#dcf2ef;--blue-glow:color-mix(in srgb, var(--slate) 22%, transparent);--radius-card:22px;--shadow-1:0 1px 2px #17263c0f, 0 8px 24px -16px #17263c47;--shadow-2:0 2px 6px #17263c0f, 0 22px 48px -24px #173c8c61;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--m-fast:.16s;--m-base:.26s;--m-slow:.52s}.site-header:has(.preview-banner){padding-top:0}html:has(.preview-banner){scroll-padding-top:150px}.platform-root:has(.preview-banner) .faq-intro{top:156px}.preview-banner{color:#fff;background:var(--navy-900);font-size:var(--fs-small);text-align:center;margin:0 0 12px;padding:10px 16px}@media (max-width:760px){.preview-banner{margin-bottom:8px}html:has(.preview-banner){scroll-padding-top:156px}}.section-heading.is-start{text-align:start;margin-inline:0}.section-heading.is-start>p:last-child{margin-inline:0}.button-primary,.button-link,.header-cta,.closing-cta,.pc-cta{transition:transform var(--m-fast) var(--ease-out), background-color var(--m-base) ease, color var(--m-base) ease, box-shadow var(--m-base) ease, border-color var(--m-base) ease}.button-primary:active,.button-link:active,.header-cta:active,.closing-cta:active,.template-action:active,.pc-cta:active{transform:scale(.97)}.hero{min-height:0}@media (prefers-reduced-motion:no-preference){.hero-copy .eyebrow,.hero-copy h1{animation:hero-settle .9s var(--ease-expo) both}.hero-description{animation:hero-rise .64s var(--ease-out) .12s both}.hero-actions,.hero-points{animation:hero-rise .64s var(--ease-out) .2s both}.hero-visual{animation:hero-stage 1s var(--ease-expo) 80ms both}}@keyframes hero-settle{0%{transform:translateY(14px)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes hero-stage{0%{opacity:0;transform:translateY(20px)scale(.985)}}.hw-steps{--hw-node:56px;--hw-line:4px;--hw-span:55%;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:48px 0 0;padding:0;list-style:none;display:grid;position:relative}.hw-steps:before,.hw-steps:after{z-index:0;top:calc((var(--hw-node) - var(--hw-line)) / 2);height:var(--hw-line);border-radius:var(--hw-line);content:"";position:absolute;inset-inline:12.5%}.hw-steps:before{background:var(--hw-track,color-mix(in srgb, var(--ink) 12%, transparent))}.hw-steps:after{background:var(--teal);transform-origin:100%}.hw-steps:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{transform-origin:0}.hw-step{--hw-i:0;z-index:1;text-align:center;align-content:start;justify-items:center;gap:6px;padding-inline:8px;display:grid;position:relative}.hw-step:nth-child(2){--hw-i:1}.hw-step:nth-child(3){--hw-i:2}.hw-step:nth-child(4){--hw-i:3}.hw-icon{isolation:isolate;width:var(--hw-node);height:var(--hw-node);color:var(--teal-ink);background:var(--surface);box-shadow:0 0 0 8px var(--band-bg,var(--paper));border-radius:50%;place-items:center;margin-bottom:12px;display:grid;position:relative}.hw-icon:before{z-index:-1;border-radius:inherit;background:var(--teal);content:"";position:absolute;inset:0}.hw-icon svg{width:24px;height:24px}.hw-num{color:var(--teal-deep);font-size:13.5px;font-weight:700}.hw-step h3{color:var(--ink);margin:0;font-size:18px;font-weight:700}.hw-step p{max-width:30ch;color:var(--muted);margin:0;font-size:15px;line-height:1.8}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hw-steps{view-timeline:--hw-journey block}.hw-steps:after{animation:linear both hw-fill-across;animation-timeline:--hw-journey;animation-range:contain 0% contain var(--hw-span)}.hw-icon:before{animation:linear both hw-reach;animation-timeline:--hw-journey;animation-range:contain calc(var(--hw-i) / 3 * var(--hw-span) - 2%) contain calc(var(--hw-i) / 3 * var(--hw-span) + 4%)}}}@supports not (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hw-steps:after{transition:scale 1.1s var(--ease-out-soft) .24s}.hw-steps:has(>[data-reveal-state=pending]):after{scale:0 1}}}@keyframes hw-fill-across{0%{scale:0 1}}@keyframes hw-fill-down{0%{scale:1 0}}@keyframes hw-reach{0%{opacity:0;scale:.4}}.iq-section{padding-block:var(--section-space);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:32px 64px;display:grid}.iq-section .section-heading>p:last-child{max-width:420px}.iq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.iq-card{border-radius:var(--radius-card);background:var(--surface);grid-template-columns:44px minmax(0,1fr);align-content:start;gap:4px 16px;padding:24px;display:grid}.iq-icon{width:44px;height:44px;color:var(--teal-deep);background:var(--teal-mist);border-radius:14px;grid-row:1/span 2;place-items:center;display:grid}.iq-icon svg{width:22px;height:22px}.iq-card h3{color:var(--ink);margin:0;font-size:18px;font-weight:700}.iq-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.iq-grid>[data-reveal-state=pending]{transform:translate(24px)}.iq-grid:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>[data-reveal-state=pending]{transform:translate(-24px)}@media (max-width:640px){.iq-grid>[data-reveal-state=pending]{transform:translateY(18px)}.iq-grid:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>[data-reveal-state=pending]{transform:translateY(18px)}}.tm{gap:16px;margin-top:36px;display:grid}.tm-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:min(360px,86%);grid-auto-flow:column;gap:20px;margin:0;padding:4px 4px 14px;list-style:none;display:grid;overflow-x:auto}.tm-rail:focus-visible{outline:2px solid var(--slate);outline-offset:4px;border-radius:12px}.tm-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1);scroll-snap-align:start;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative}.tm-quote{width:30px;height:30px;color:color-mix(in srgb, var(--slate) 35%, transparent)}.tm-stars{gap:2px;margin:0;display:flex}.tm-stars svg{width:16px;height:16px;color:var(--line);fill:currentColor}.tm-stars svg[data-on]{color:#e2a23b}.tm-card blockquote{margin:0}.tm-card blockquote p{color:var(--text);margin:0;font-size:15.5px;line-height:1.85}.tm-who{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.tm-who b{color:var(--ink);display:block}.tm-who small{color:var(--subtle)}.tm-avatar{object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.tm-avatar.is-initial{color:var(--slate);background:var(--slate-tint);place-items:center;font-weight:700;display:grid}.tm-nav{justify-content:center;gap:10px;display:flex}.testimonials-section.is-empty{--section-space:clamp(40px, 5vw, 64px)}.tm-empty{border-radius:var(--radius-card);max-width:640px;color:var(--text);background:var(--tone-sky);text-align:center;margin:24px auto 0;padding:22px 28px;font-size:16.5px;line-height:1.9}.pc{justify-items:center;gap:28px;margin-top:32px;display:grid}.pc-toggle{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);border-radius:999px;gap:4px;margin:0;padding:5px;display:inline-flex}.pc-toggle label{min-height:42px;color:var(--muted);cursor:pointer;transition:background-color var(--m-base) ease, color var(--m-base) ease;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex;position:relative}.pc-toggle input{opacity:0;pointer-events:none;position:absolute}.pc-toggle label:has(input:focus-visible){outline:2px solid var(--slate);outline-offset:2px}.pc-toggle .is-on{color:#fff;background:var(--ink)}.pc-badge{color:var(--navy-900);background:var(--peach-on-blue);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.pc-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;width:100%;margin:0;padding:0;list-style:none;display:grid}.pc-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;gap:14px;padding:28px 26px;display:flex;position:relative}.pc-card.is-recommended{color:#dbe6f7;background:radial-gradient(90% 60% at 100% 0%, color-mix(in srgb, var(--slate) 55%, transparent), transparent 70%), var(--navy-900);box-shadow:0 30px 60px -30px color-mix(in srgb, var(--slate) 80%, transparent);border-color:#0000}.pc-flag{top:-13px;color:var(--navy-900);background:var(--peach-on-blue);border-radius:999px;margin:0;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;inset-inline-start:24px}.pc-head{align-items:center;gap:12px;display:flex}.pc-icon{width:42px;height:42px;color:var(--slate);background:var(--slate-tint);border-radius:13px;place-items:center;display:grid}.is-recommended .pc-icon{color:#fff;background:#ffffff24}.pc-icon svg{width:20px;height:20px}.pc-card h3{color:var(--ink);margin:0;font-size:20px}.is-recommended h3{color:#fff}.pc-description{min-height:3.4em;color:var(--muted);margin:0;font-size:14.5px;line-height:1.7}.is-recommended .pc-description,.is-recommended .pc-sub{color:#b9c7dc}.pc-price{min-height:84px;animation:pc-in var(--m-base) var(--ease-out)}@keyframes pc-in{0%{opacity:0;transform:translateY(6px)}}.pc-amount{align-items:baseline;gap:8px;margin:0;display:flex}.pc-amount strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:40px;line-height:1.15}.is-recommended .pc-amount strong{color:#fff}.pc-amount span{color:var(--subtle);font-size:14px}.is-recommended .pc-amount span{color:#b9c7dc}.pc-sub{min-height:1.6em;color:var(--subtle);margin:4px 0 0;font-size:13px}.pc-limits{background:var(--paper);border-radius:16px;gap:8px;margin:0;padding:14px;list-style:none;display:grid}.is-recommended .pc-limits{background:#ffffff14}.pc-limits li{color:var(--ink);align-items:center;gap:10px;font-weight:600;display:flex}.is-recommended .pc-limits li{color:#fff}.pc-limits svg{width:18px;height:18px;color:var(--slate)}.is-recommended .pc-limits svg{color:var(--sky)}.pc-cta{border:1px solid var(--line);min-height:48px;color:var(--ink);background:var(--surface);border-radius:14px;place-items:center;font-weight:700;text-decoration:none;display:grid}.pc-cta:hover{border-color:var(--slate);color:var(--slate)}.pc-cta.is-primary{color:#fff;background:var(--slate);border-color:#0000}.pc-cta.is-primary:hover{color:#fff;background:var(--slate-strong)}.pc-features{gap:9px;margin:0;padding:0;list-style:none;display:grid}.pc-features li{color:var(--text);align-items:flex-start;gap:9px;font-size:14.5px;display:flex}.is-recommended .pc-features li{color:#dbe6f7}.pc-features svg{width:17px;height:17px;color:var(--teal-deep);flex:none;margin-top:3px}.is-recommended .pc-features svg{color:#5fe0d6}.pc-note{max-width:640px;color:var(--subtle);font-size:var(--fs-small);text-align:center;margin:0;line-height:1.8}.ft{color:#b9c7dc;background:radial-gradient(50% 70% at 90% 0%, color-mix(in srgb, var(--slate) 28%, transparent), transparent 70%), var(--navy-950);position:relative;overflow:hidden}.ft-inner{grid-template-columns:1.6fr repeat(3,1fr);gap:40px;width:min(1160px,100% - 64px);margin-inline:auto;padding-block:72px 48px;display:grid}.ft-brand{align-content:start;gap:14px;display:grid}.ft-logo{width:fit-content}.ft-tagline{color:#fff;margin:0;font-weight:600}.ft-description{max-width:340px;margin:0;font-size:14.5px;line-height:1.85}.ft-social{flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.ft-social a{color:#dbe6f7;width:42px;height:42px;transition:background-color var(--m-base) ease, color var(--m-base) ease, transform var(--m-fast) var(--ease-out);border:1px solid #ffffff24;border-radius:12px;place-items:center;display:grid}.ft-social a:hover{color:var(--navy-950);background:#fff}@media (hover:hover) and (pointer:fine){.ft-social a:hover{transform:translateY(-2px)}}.ft-social svg{width:18px;height:18px}.ft-group h2{color:#fff;margin:0 0 16px;font-size:15px}.ft-group ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ft-group a{color:#b9c7dc;transition:color var(--m-fast) ease;text-decoration:none}.ft-group a:hover{color:#fff}.ft a:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:6px}.ft-contact li{overflow-wrap:anywhere;align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.ft-contact svg{width:17px;height:17px;color:var(--sky);flex:none;margin-top:3px}.ft-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(1160px,100% - 64px);margin-inline:auto;padding-block:22px 28px;font-size:13px;display:flex}.ft-bottom p{margin:0}.ft-bottom ul{flex-wrap:wrap;gap:18px;margin:0;padding:0;list-style:none;display:flex}.ft-bottom a{color:#b9c7dc}@media (max-width:1023px){.hw-steps{grid-template-columns:minmax(0,1fr);gap:0;max-width:620px;margin-inline:auto}.hw-steps:before,.hw-steps:after{display:none}.hw-step{grid-template-columns:var(--hw-node) minmax(0, 1fr);text-align:start;justify-items:start;gap:4px 20px;padding:0 0 32px}.hw-step:last-child{padding-bottom:0}.hw-icon{grid-row:1/span 3;margin:0}.hw-step>:not(.hw-icon){grid-column:2}.hw-num{padding-top:4px}.hw-step p{max-width:52ch}.hw-step:not(:last-child):before,.hw-step:not(:last-child):after{z-index:-1;top:var(--hw-node);bottom:0;width:var(--hw-line);content:"";position:absolute;inset-inline-start:calc((var(--hw-node) - var(--hw-line)) / 2)}.hw-step:not(:last-child):before{background:var(--hw-track,color-mix(in srgb, var(--ink) 12%, transparent))}.hw-step:not(:last-child):after{background:var(--teal);transform-origin:top}.iq-section{grid-template-columns:minmax(0,1fr)}.pc-grid{grid-template-columns:1fr;max-width:560px}.ft-inner{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (max-width:1023px){.hw-step{view-timeline:--hw-step block;view-timeline-inset:60% 40%}.hw-step:not(:last-child):after{animation:linear both hw-fill-down;animation-timeline:--hw-step;animation-range:cover var(--hw-node) cover 100%}.hw-icon:before{animation-timeline:--hw-step;animation-range:cover 0% cover var(--hw-node)}}}@supports not (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (max-width:1023px){.hw-step:not(:last-child):after{transition:scale .9s var(--ease-out-soft) .2s}.hw-step[data-reveal-state=pending]:after{scale:1 0}}}@media (max-width:640px){.iq-grid{grid-template-columns:1fr}.iq-card{column-gap:14px;padding:20px}.tm-empty{padding:20px}.ft-inner,.ft-bottom{width:calc(100% - 32px)}.ft-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding-block:44px 20px}.ft-brand{gap:10px}.ft-inner>.ft-group:has(.ft-contact){grid-column:1/-1}.ft-group h2{margin-bottom:2px}.ft-group ul{gap:0}.ft-group a{align-items:center;min-height:44px;display:flex}.ft-bottom{flex-direction:column;align-items:flex-start;gap:4px;padding-block:16px 24px}.ft-bottom a{align-items:center;min-height:44px;display:inline-flex}}.mq{--mq-dir:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding-block-end:clamp(32px,4vw,52px);padding-inline:max(16px,50% - 620px);display:grid}.mq:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--mq-dir:-1}.mq-viewport{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.mq-track{flex:none;gap:12px;margin:0;padding:0;padding-inline-end:12px;list-style:none;animation:70s linear infinite mq-loop;display:flex}@keyframes mq-loop{to{transform:translateX(calc(var(--mq-dir) * 100%))}}.mq[data-paused] .mq-track,.mq[data-idle] .mq-track{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.mq:hover .mq-track{animation-play-state:paused}}.mq-track li{min-height:48px;color:var(--ink);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding-inline:7px 18px;font-size:15px;font-weight:600;display:inline-flex}.mq-icon{width:34px;height:34px;color:var(--teal-deep);background:var(--teal-mist);border-radius:50%;flex:none;place-items:center;display:grid}.mq-icon svg{width:18px;height:18px}.mq-toggle{width:44px;height:44px}.mq-toggle svg{width:17px;height:17px}.mq-icon svg,.cg-icon svg,.hw-icon svg,.iq-icon svg,.pc-icon svg,.mq-toggle svg{stroke-width:1.75px}@media (prefers-reduced-motion:reduce){.pc-price{animation:none}.ft-social a{transition:none}.ft-social a:hover{transform:none}.mq-viewport{justify-content:center;-webkit-mask-image:none;mask-image:none}.mq-track{flex:initial;flex-wrap:wrap;justify-content:center;padding-inline:16px;animation:none}.mq-track[aria-hidden],.mq-toggle{display:none}}@media (prefers-reduced-motion:reduce) and (max-width:640px){.mq-track{gap:8px}.mq-track li{gap:8px;min-height:40px;font-size:14px}.mq-icon{width:28px;height:28px}.mq-track li:nth-child(n+5){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
