@font-face{font-family:Cairo;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/Cairo-ar.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Cairo;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/Cairo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}:root{--paper: #f6f2ec;--paper-2: #efe8de;--card: #fffcf8;--night: #17120e;--ink: #1c1813;--ink-2: #5a5047;--ink-3: #6f665c;--on-night: #f4efe7;--on-night-2: rgba(244, 239, 231, .76);--line: #e3dace;--line-2: #cfc3b2;--line-night: #312821;--primary: #b85536;--primary-deep: #8f3c1f;--primary-wash: #f6e4da;--on-primary: #ffffff;--tick: #2e7d5b;--tick-ink: #1f5b41;--tick-wash: #e2efe7;--other: #1f5f7a;--other-wash: #e2edf2;--e-1: 0 1px 2px rgba(60, 40, 24, .05), 0 6px 18px rgba(60, 40, 24, .06);--e-2: 0 2px 6px rgba(60, 40, 24, .07), 0 24px 56px rgba(60, 40, 24, .14);--e-focus: 0 0 0 3px var(--primary-wash);--r-1: 6px;--r-2: 14px;--r-3: 26px;--r-pill: 999px;--r-device: 44px;--step--1: 14px;--step-0: 17px;--step-1: 19.5px;--step-2: 23px;--step-3: clamp(28px, 2vw + 14px, 40px);--step-4: clamp(36px, 3.4vw + 14px, 60px);--w-page: 1240px;--w-list: 62rem;--w-text: 44rem;--rail: 0px;--nav-h: 64px;--sheet-pad: 16px;--pad-loud: clamp(72px, 9vw, 128px);--pad-work: clamp(64px, 7vw, 104px);--pad-quiet: clamp(48px, 5vw, 76px);--t-1: .12s;--t-2: .22s;--t-3: .38s;--t-4: .62s;--t-5: .9s;--e-out: cubic-bezier(.22, 1, .36, 1);--e-inout: cubic-bezier(.65, 0, .35, 1);--e-in: cubic-bezier(.55, .06, .68, .19);--e-spring: cubic-bezier(.34, 1.56, .64, 1);--dir: 1}[dir=rtl]{--dir: -1}@media(min-width:760px){:root{--rail: 56px}}@supports (transition-timing-function: linear(0,1)){:root{--e-spring: linear( 0, .218 5%, .63 12.5%, .936 20%, 1.07 26%, 1.093 32%, 1.054 42%, .996 56%, .99 70%, 1 )}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #13100d;--paper-2: #1b1713;--card: #201b16;--night: #0b0907;--ink: #f4efe7;--ink-2: #bcb2a5;--ink-3: #8c8278;--on-night: #f4efe7;--on-night-2: rgba(244, 239, 231, .72);--line: #2c251e;--line-2: #3a312a;--line-night: #241d17;--primary: #e08a66;--primary-deep: #f0a98c;--primary-wash: #33241d;--on-primary: #1a1a18;--tick: #6cc49b;--tick-ink: #8fd9b7;--tick-wash: #1d2e27;--other: #7fbbd6;--other-wash: #182730;--e-1: 0 1px 2px rgba(0, 0, 0, .45);--e-2: 0 2px 6px rgba(0, 0, 0, .4), 0 24px 56px rgba(0, 0, 0, .55);--e-focus: 0 0 0 3px rgba(224, 138, 102, .3)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-block-start:calc(var(--nav-h) + 20px);background:var(--paper);font-synthesis:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,-apple-system,BlinkMacSystemFont,SF Arabic,Segoe UI,Tahoma,Noto Sans Arabic,Arial,sans-serif;font-size:var(--step-0);font-weight:400;line-height:1.85;letter-spacing:0;-webkit-font-smoothing:antialiased}html[data-lang=en] body{line-height:1.62}img{max-width:100%;display:block}a{color:var(--primary-deep);text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--r-1)}h1{font-size:var(--step-4);font-weight:900;line-height:1.26;letter-spacing:0;text-wrap:balance;margin:0 0 20px}html[data-lang=en] h1{line-height:1.04;letter-spacing:-.026em}h1 .hl{color:var(--primary);white-space:nowrap}h2{font-size:var(--step-3);font-weight:700;line-height:1.4;letter-spacing:0;text-wrap:balance;margin:0 0 12px}html[data-lang=en] h2{line-height:1.16;letter-spacing:-.016em}h3{font-size:var(--step-2);font-weight:700;line-height:1.5;letter-spacing:0;margin:0 0 6px}html[data-lang=en] h3{line-height:1.28;letter-spacing:-.008em}.lede{font-size:var(--step-1);line-height:1.75;color:var(--ink-2);margin:0;max-width:34rem}html[data-lang=en] .lede{line-height:1.55;max-width:40rem}.meta,.cap,.legal{font-size:var(--step--1);color:var(--ink-3);line-height:1.7}.wrap{width:100%;max-width:var(--w-page);margin-inline:auto;padding-inline:16px}@media(min-width:760px){.wrap{padding-inline:40px}}.wrap--list{max-width:var(--w-list)}.wrap--text{max-width:var(--w-text)}.rail{padding-inline-start:var(--rail)}.sec--loud{padding-block:var(--pad-loud)}.sec--work{padding-block:var(--pad-work)}.sec--quiet{padding-block:var(--pad-quiet)}.sec-head{display:grid;gap:8px 48px;margin-block-end:40px;padding-inline-start:var(--rail)}@media(min-width:960px){.wrap:not(.wrap--text) .sec-head{grid-template-columns:minmax(0,1fr) minmax(0,32rem);align-items:end}}.sec-head h2{max-width:15em}html[data-lang=en] .sec-head h2{max-width:17em}.eyebrow-row{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:var(--step--1);font-weight:700;color:var(--primary-deep);letter-spacing:0;text-transform:none}html[data-lang=en] .eyebrow-row{letter-spacing:.07em;text-transform:uppercase}.eyebrow-row:before{content:"";inline-size:14px;block-size:14px;border-radius:4px;flex:none;background:var(--primary-wash);box-shadow:inset 0 0 0 1.5px var(--line-2)}@supports (color: color-mix(in srgb,red 40%,transparent)){.eyebrow-row:before{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary) 40%,transparent)}}.grain{position:relative;isolation:isolate}.grain:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");background-size:120px 120px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .grain:after{opacity:.9}}.list{list-style:none;margin:0;padding:0;padding-inline-start:var(--rail)}.row{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:16px;padding-block:18px;padding-inline:0;border-block-end:1px solid var(--line);background:transparent}.list>.row:last-child{border-block-end:0}.row__box{grid-column:1;inline-size:26px;block-size:26px;margin-block-start:2px;flex:none;border:1.5px solid var(--line-2);border-radius:var(--r-1);display:grid;place-items:center}.row__box svg{inline-size:15px;block-size:15px;color:var(--tick);stroke-dasharray:24;stroke-dashoffset:24}.row.is-done .row__box{border-color:var(--tick);background:var(--tick-wash)}.row.is-done .row__box svg{stroke-dashoffset:0}.row__body{grid-column:2;min-width:0}.row__label{font-size:var(--step-2);font-weight:700;line-height:1.5;letter-spacing:0;margin:0 0 6px}html[data-lang=en] .row__label{line-height:1.28;letter-spacing:-.008em}.row__body p{margin:0;color:var(--ink-2);font-size:var(--step-0)}.row__ico{grid-column:3;color:var(--ink-3);margin-block-start:6px;flex:none}.row__qty{grid-column:3;margin-block-start:4px;white-space:nowrap}.row__tag{grid-column:3;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:var(--step--1);font-weight:600;color:var(--other);padding-block:5px;padding-inline:10px;border-radius:var(--r-pill);border:1px solid var(--line)}.row__tag:before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:var(--other);flex:none}@media(max-width:560px){.row{grid-template-columns:26px minmax(0,1fr) auto;gap:10px}.row__tag{grid-column:2;justify-self:start;margin-block-start:8px}.row__qty{margin-block-start:5px}.row__ico{margin-block-start:8px}}.list--tight .row{grid-template-columns:22px minmax(0,1fr);gap:12px;padding-block:7px;border-block-end:0}.list--tight .row__box{inline-size:20px;block-size:20px;margin-block-start:3px;border-color:var(--tick);background:var(--tick-wash)}.list--tight .row__box svg{inline-size:12px;block-size:12px}.list--tight .row__label{font-size:var(--step-0);font-weight:600;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-block-size:48px;font:inherit;font-size:var(--step-0);font-weight:700;line-height:1.2;padding-block:12px;padding-inline:22px;border-radius:var(--r-2);border:1px solid transparent;cursor:pointer;text-decoration:none}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-deep)}.btn-ghost{background:var(--card);color:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{background:var(--paper-2)}.btn-sm{min-block-size:44px;padding-block:9px;padding-inline:18px;font-size:var(--step--1)}.btn[aria-disabled=true]{opacity:.55;cursor:default}.btn .ico{inline-size:20px;block-size:20px;flex:none}.btn .two{display:flex;flex-direction:column;align-items:flex-start;text-align:start}.btn .sub{display:block;font-size:var(--step--1);font-weight:400;opacity:.82;line-height:1.35}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.cta-row.center{justify-content:center}.store-badge{display:inline-flex;align-items:center;min-block-size:48px}.store-badge img{block-size:48px;inline-size:auto}.nav{position:sticky;inset-block-start:0;z-index:50;background:var(--paper);border-block-end:1px solid transparent}@supports (background: color-mix(in srgb,red 50%,transparent)){.nav{background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}}.nav.stuck{background:var(--card);border-block-end-color:var(--line)}.nav .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;block-size:var(--nav-h)}.brand{display:inline-flex;align-items:center;gap:10px;min-block-size:44px;font-weight:700;font-size:var(--step-1);color:var(--ink)}.brand .mark{inline-size:30px;block-size:30px;flex:none}.nav-links{display:flex;align-items:center;gap:2px;justify-content:center;min-width:0}.nav-links a{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:12px;border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--step--1);font-weight:600;white-space:nowrap}.nav-links a:hover{color:var(--ink);background:var(--paper-2)}@media(max-width:880px){.nav .wrap{grid-template-columns:auto auto;gap:10px}.nav-links{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;padding-block-end:8px}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:0 0 auto;scroll-snap-align:start;border:1px solid var(--line)}.nav .wrap{block-size:auto;padding-block:10px 0}.nav.stuck .nav-links{display:none}.nav.stuck .wrap{block-size:var(--nav-h);padding-block:0}}.nav-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.lang-btn{background:transparent;border:1px solid var(--line-2);color:var(--ink-2);font:inherit;font-size:var(--step--1);font-weight:600;min-block-size:44px;padding-inline:16px;border-radius:var(--r-pill);cursor:pointer}.lang-btn:hover{background:var(--paper-2);color:var(--ink)}.hero{padding-block:var(--sheet-pad) 0;padding-inline:var(--sheet-pad);overflow:hidden}@supports (overflow: clip){.hero{overflow:clip}}.hero-sheet{position:relative;max-width:var(--w-page);margin-inline:auto;border-radius:var(--r-3);padding-block:clamp(40px,4.5vw,72px);padding-inline:20px;background:radial-gradient(900px 540px at 88% -12%,rgba(184,85,54,.13),transparent 62%),radial-gradient(640px 420px at -8% 108%,rgba(46,125,91,.09),transparent 64%),var(--card)}[dir=rtl] .hero-sheet{background:radial-gradient(900px 540px at 12% -12%,rgba(184,85,54,.13),transparent 62%),radial-gradient(640px 420px at 108% 108%,rgba(46,125,91,.09),transparent 64%),var(--card)}.hero-sheet>*{position:relative;z-index:2}.hero-inner{display:grid;gap:48px;align-items:center}@media(min-width:760px){.hero-sheet{padding-inline:48px}}@media(min-width:1000px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:64px}}.hero-copy{min-width:0}.origin{margin:0 0 18px;font-size:var(--step--1);font-weight:700;color:var(--primary-deep);letter-spacing:0}html[data-lang=en] .origin{letter-spacing:.07em;text-transform:uppercase}.hero .lede{margin-block-end:28px}.hero-rows{margin-block:0 24px;max-width:34rem}.hero-rows .row{padding-block:13px}@media(max-width:560px){.hero-rows>.row:first-child{display:none}.hero-rows .row{padding-block:11px}.hero .lede{margin-block-end:20px}.hero-sheet{padding-block:28px}}.hero-rows .row__label{font-size:var(--step-1);margin:0}.claims{margin-block:0 28px;max-width:34rem}.hero .cta-row{margin-block-end:12px}.install-note{max-width:34rem}.install-note summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-block-size:44px;font-size:var(--step--1);color:var(--ink-3)}.install-note summary::-webkit-details-marker{display:none}.install-note summary:after{content:"";inline-size:9px;block-size:9px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg);margin-block-end:3px}.install-note[open] summary:after{transform:rotate(-135deg);margin-block:2px 0}.install-note p{margin:0 0 4px;font-size:var(--step--1);color:var(--ink-3);line-height:1.75}.hero-art{display:none}@media(min-width:1000px){.hero-art{display:block;justify-self:end}}.hero-art .demo-phone{inline-size:300px;margin-inline:auto}.phone-edge{position:absolute;inset-inline-end:calc(-1 * var(--sheet-pad) - 4px);inset-block-start:50%;transform:translateY(-50%);inline-size:14px;block-size:180px;z-index:0;pointer-events:none;background:#1b1713;border-start-start-radius:14px;border-end-start-radius:14px;box-shadow:inset 1px 0 #ffffff24}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .phone-edge{background:#0e0b09}}@media(min-width:1000px){.phone-edge{display:none}}.row__slot{position:absolute;inset-block:6px;inset-inline:-10px;z-index:0;pointer-events:none;border:1.5px dashed var(--primary);opacity:.45;border-radius:var(--r-2);clip-path:inset(0 100% 0 0)}[dir=rtl] .row__slot{clip-path:inset(0 0 0 100%)}.thread{position:absolute;inset-block-start:-46px;inset-inline-end:-24px;inline-size:220px;block-size:96px;z-index:1;pointer-events:none;transform:scaleX(var(--dir))}.thread path{stroke-dasharray:246;stroke-dashoffset:0}.stage{background:var(--paper);overflow:hidden}@supports (overflow: clip){.stage{overflow:clip}}.index{background:var(--paper);overflow:hidden}@supports (overflow: clip){.index{overflow:clip}}.index-label{margin:0 0 14px;padding-inline-start:var(--rail);font-size:var(--step--1);font-weight:700;color:var(--ink-3)}.index p{margin:0;padding-inline-start:var(--rail);font-size:var(--step-2);font-weight:400;line-height:1.9;color:var(--ink);text-align:justify;text-justify:inter-word}.index .sep{color:var(--line-2);margin-inline:10px}.features{background:var(--card);border-block:1px solid var(--line)}.showcase{background:var(--paper)}.show{display:grid;gap:40px;align-items:center}@media(min-width:900px){.show{grid-template-columns:minmax(0,1fr) auto;gap:64px}}.show-art{justify-self:center}.show-art:empty{display:none}.show:has(.show-art:empty){grid-template-columns:minmax(0,1fr);gap:0}.show-art .device{inline-size:min(340px,78vw)}.show-copy{min-width:0;max-width:42rem}.show-lede{color:var(--ink-2);font-size:var(--step-0);margin:0}.show-copy .quote{border-inline-start:3px solid var(--primary);padding-inline-start:18px;margin-block:22px;color:var(--ink);font-size:var(--step-1);line-height:1.75}.show-more{margin-block-start:48px}.show-more .row__label{font-size:var(--step-1)}.show-more .row__body p{font-size:var(--step--1);line-height:1.7}.show-more .row{padding-block:14px}.privacy{padding-inline:var(--sheet-pad)}.privacy-band{position:relative;max-width:var(--w-page);margin-inline:auto;border-radius:var(--r-3);background:var(--night);color:var(--on-night);padding-block:var(--pad-loud)}.privacy-band>*{position:relative;z-index:2}.privacy-band h2,.privacy-band h3,.privacy-band .row__label{color:var(--on-night)}.privacy-band .lede,.privacy-band .row__body p{color:var(--on-night-2)}.privacy-band .eyebrow-row{color:#e8a98c}.privacy-band .eyebrow-row:before{background:#e8a98c2e;box-shadow:inset 0 0 0 1.5px #e8a98c73}.privacy-band .row{border-block-end-color:var(--line-night)}.privacy-band .row__box{border-color:#8fd9b780}.privacy-band .row.is-done .row__box{border-color:#8fd9b7;background:#8fd9b724}.privacy-band .row.is-done .row__box svg{color:#8fd9b7}.privacy-band :focus-visible{outline-color:var(--on-night)}.privacy-band .btn-ghost{background:#ffffff14;color:var(--on-night);border-color:#ffffff38}.privacy-band .btn-ghost:hover{background:#ffffff26}.privacy-foot{margin-block-start:36px;padding-inline-start:var(--rail);display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.privacy-foot .legal{color:var(--on-night-2);margin:0}.faq{padding-inline-start:var(--rail)}.faq details{border-block-end:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;min-block-size:44px;padding-block:18px;font-size:var(--step-0);font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";position:relative;inline-size:13px;block-size:13px;flex:none;margin-inline-start:auto;background:linear-gradient(var(--ink-3) 0 0) center / 100% 1px no-repeat,linear-gradient(var(--ink-3) 0 0) center / 1px 100% no-repeat}.faq details[open] summary:after{background:linear-gradient(var(--primary-deep) 0 0) center / 100% 1px no-repeat,linear-gradient(var(--primary-deep) 0 0) center / 1px 0 no-repeat}.faq .body{padding-block:0 20px;color:var(--ink-2);font-size:var(--step-0);max-width:38rem}.faq .body p{margin:0}.dl{background:var(--paper-2);text-align:center}.dl h2,.dl>.wrap>p{margin-inline:auto}.dl .lede{margin-inline:auto;margin-block-end:40px}.dl-steps{display:grid;gap:24px;text-align:start;margin-block-end:44px;max-width:var(--w-list);margin-inline:auto}@media(min-width:820px){.dl-steps{grid-template-columns:repeat(3,1fr);gap:32px}}.dl-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.dl-step .num{font-size:var(--step-3);font-weight:900;line-height:1;color:var(--primary)}.dl-step h3{font-size:var(--step-1);margin:0 0 4px}.dl-step p{margin:0;color:var(--ink-2);font-size:var(--step--1)}.dl .cta-row{justify-content:center;margin-block-end:28px}.dl-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 32px;margin:0;padding:0;list-style:none}.dl-facts li{display:inline-flex;align-items:center;gap:9px;font-size:var(--step--1);color:var(--ink-3)}.dl-facts svg{inline-size:14px;block-size:14px;color:var(--tick);flex:none}footer{background:var(--card);border-block-start:1px solid var(--line)}.f-top{display:flex;flex-wrap:wrap;gap:26px 40px;justify-content:space-between;align-items:flex-start;padding-inline-start:var(--rail)}.f-brand{max-width:28rem}.f-brand p{color:var(--ink-3);font-size:var(--step--1);margin:12px 0 0}.f-links{display:flex;flex-wrap:wrap;gap:2px 24px}.f-links a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--ink-2);font-size:var(--step--1);font-weight:600}.f-links a:hover{color:var(--ink)}.f-bottom{margin-block-start:28px;padding-block-start:22px;padding-inline-start:var(--rail);border-block-start:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;color:var(--ink-3);font-size:var(--step--1)}.f-rule{inline-size:24px;block-size:1px;background:var(--line-2);margin-block-start:28px;margin-inline-start:var(--rail)}.device{position:relative;inline-size:270px;flex:none;border-radius:38px;padding:9px;background:#1b1713;box-shadow:var(--e-2)}.device:after{content:"";position:absolute;inset:0;border-radius:38px;pointer-events:none;border:1px solid rgba(255,255,255,.14)}.device img{border-radius:30px;inline-size:100%}.device .notch{position:absolute;inset-block-start:16px;inset-inline-start:50%;transform:translate(-50%);inline-size:84px;block-size:22px;border-radius:var(--r-pill);background:#1b1713;z-index:2}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .device{background:#0e0b09}:root:not([data-theme=light]) .device img{opacity:.94;filter:contrast(1.02)}:root:not([data-theme=light]) .device:after{border:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 60px #00000073}}.skip{position:absolute;inset-inline-start:-9999px;inset-block-start:12px;z-index:99;background:var(--card);color:var(--ink);padding-block:10px;padding-inline:16px;border-radius:var(--r-2);box-shadow:var(--e-2)}.skip:focus{inset-inline-start:12px}.demo-stage{display:grid;grid-template-columns:minmax(260px,340px) auto;gap:48px;align-items:center;justify-content:center}@media(max-width:900px){.demo-stage{grid-template-columns:1fr;gap:28px;justify-items:center}}.demo-tabs,.demo-tablist{display:flex;flex-direction:column;gap:10px;width:100%}.demo-tab{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink-2);font:inherit;font-size:15.5px;text-align:start;cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,color .2s ease}.demo-tab:hover{transform:translateY(-1px);box-shadow:var(--e-1);color:var(--ink)}.demo-tab.active{border-color:var(--primary);border-color:color-mix(in srgb,var(--primary) 55%,transparent);color:var(--ink);box-shadow:var(--e-2)}.demo-tab .t-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--paper-2);color:var(--ink-2);transition:background .25s ease,color .25s ease}.demo-tab.active .t-icon{background:var(--primary-wash);color:var(--primary-deep)}.demo-tab .t-body{min-width:0}.demo-tab .t-label{display:block;font-weight:650}.demo-tab .t-caption{display:block;margin-top:3px;font-size:13.5px;line-height:1.65;color:var(--ink-3)}.demo-tab .t-progress{position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:100%;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left center;transition:transform .4s linear}[dir=rtl] .demo-tab .t-progress{transform-origin:right center}@media(max-width:900px){.demo-tabs{min-width:0}.demo-tablist{flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.demo-tablist::-webkit-scrollbar{display:none}.demo-tab{flex:0 0 auto;width:auto;align-items:center;min-block-size:44px;scroll-snap-align:start}.demo-tab .t-caption{display:none}}.demo-hint{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;color:var(--ink-3)}.demo-hint .dot{width:7px;height:7px;border-radius:50%;background:var(--tick);animation:demo-blink 1.8s ease-in-out infinite}.demo-phone{position:relative;width:300px;flex:none;padding:10px;border-radius:44px;background:#1b1b19;box-shadow:var(--e-2)}@media(max-width:900px){.demo-phone{width:290px}}@media(max-width:380px){.demo-phone{width:100%}}.demo-panel{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.demo-panel:focus-visible{outline:2px solid var(--primary);outline-offset:6px;border-radius:48px}.demo-caption{display:none}@media(max-width:900px){.demo-caption{display:block;max-width:330px;margin:0;text-align:center;font-size:13.5px;line-height:1.7;color:var(--ink-3)}}.demo-phone:after{content:"";position:absolute;inset:0;border-radius:44px;border:1px solid rgba(255,255,255,.14);pointer-events:none}.demo-phone .notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:86px;height:22px;border-radius:999px;background:#1b1b19;z-index:3}.phone-screen{--app-bg: #f5f4f2;--app-surface: #ffffff;--app-surface-2: #efeeeb;--app-primary: #b85536;--app-primary-light: #f8eae3;--app-primary-ink: #8f3c1f;--app-green: #2e7d5b;--app-green-light: #e4f1ea;--app-text: #1a1a18;--app-text-2: #565651;--app-muted: #6e6e68;--app-border: #e6e4e0;--app-border-2: #d6d3ce;--app-warn: #7a5510;--app-warn-light: #fbf0dc;position:relative;height:600px;border-radius:35px;background:var(--app-bg);color:var(--app-text);overflow:hidden;font-size:13.5px;line-height:1.6;display:flex;flex-direction:column}.phone-status{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 4px;font-size:12px;font-weight:700;color:var(--app-text);flex:none}.phone-status-right{display:inline-flex;align-items:center;gap:6px}.phone-status .bars{display:flex;align-items:flex-end;gap:2px;height:10px}.phone-status .bars i{width:3px;background:currentColor;border-radius:1px;display:block}.phone-status .bars i:nth-child(1){height:4px}.phone-status .bars i:nth-child(2){height:6px}.phone-status .bars i:nth-child(3){height:8px}.phone-status .bars i:nth-child(4){height:10px}.phone-status .battery{width:22px;height:11px;border:1.5px solid currentColor;border-radius:3px;position:relative;opacity:.9}.phone-status .battery:before{content:"";position:absolute;inset:1.5px;background:currentColor;border-radius:1px}.phone-body{flex:1;min-height:0;overflow:hidden;display:flex}.scene{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;animation:demo-scene-in .45s ease both}.app-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 16px 0;flex:none}.app-home{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:11px;border:1px solid var(--app-border);background:var(--app-surface);font-weight:700;font-size:12px}.app-caret{display:inline-flex;color:var(--app-muted);transform:rotate(90deg)}.app-sync{display:inline-flex;align-items:center;gap:6px;color:var(--app-green);font-size:11px;font-weight:650}.app-sync .dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:demo-blink 2.2s ease-in-out infinite}.app-title{flex:none;padding:12px 16px 0}.app-title-row{display:flex;align-items:center;gap:10px}.app-h1{flex:1;min-width:0;margin:0;font-size:19px;line-height:1.4;font-weight:750;letter-spacing:-.01em}.app-h1.plain{flex:0 1 auto;font-size:18px}.app-progress{flex:none;font-size:10.5px;font-weight:650;color:var(--app-text-2)}.app-meter{height:5px;border-radius:999px;background:var(--app-border-2);margin:9px 0 0;overflow:hidden}.app-meter i{display:block;inline-size:100%;height:100%;border-radius:999px;background:var(--app-green);transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(.22,1,.36,1)}[dir=rtl] .app-meter i{transform-origin:right center}.app-scroll{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:12px 14px 0}.app-section{display:flex;align-items:center;gap:8px;margin:0 0 -2px;padding-inline:4px;font-size:12px;font-weight:700;color:var(--app-text);flex:none}.app-section .rule{width:3px;height:13px;border-radius:2px;background:var(--app-primary);flex:none}.app-section.large{font-size:13px}.app-section .count{padding:1px 7px;border-radius:8px;background:var(--app-surface-2);color:var(--app-text-2);font-size:10.5px;font-weight:700}.app-dots{flex:none;font-size:14px;line-height:1;color:var(--app-muted)}.app-row{position:relative;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 2px 8px #1a1a180a;flex:none}.app-row .box{width:20px;height:20px;flex:none;border-radius:7px;border:1.8px solid var(--app-border-2);background:transparent;display:grid;place-items:center;color:#fff;transition:background .3s ease,border-color .3s ease}.app-row .box svg{opacity:0;transform:scale(.6);transition:opacity .25s ease .1s,transform .25s ease .1s}.app-row .meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.app-row .name{font-weight:650;font-size:12.5px;line-height:1.45}.app-row .by{font-size:10px;line-height:1.45;color:var(--app-muted)}.app-row .qty{flex:none;padding:4px 8px;border-radius:10px;background:var(--app-surface-2);font-size:10px;font-weight:700;color:var(--app-text-2)}.app-row.bought .box{background:var(--app-green);border-color:var(--app-green)}.app-row.bought .box svg{opacity:1;transform:none}.app-row.bought .name{text-decoration:line-through;color:var(--app-muted)}.app-row.bought .qty{background:transparent;color:var(--app-muted)}.app-row.bought{opacity:.75}.app-row.incoming{animation:demo-row-in .65s cubic-bezier(.22,1,.36,1) both}.app-row.incoming:after{content:"";position:absolute;inset:-1px;border-radius:14px;box-shadow:0 0 0 2px var(--app-primary);opacity:0;animation:demo-ring 1.6s ease-out .2s;pointer-events:none}.app-new{position:absolute;inset-inline-end:10px;inset-block-start:-7px;padding:2px 8px;border-radius:999px;background:var(--app-primary);color:#fff;font-size:9.5px;font-weight:700;animation:demo-pop .4s ease-out .35s both}.list-fabs{position:relative;flex:none;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 0 12px;animation:demo-float 3.4s ease-in-out infinite}.list-fabs:before{content:"";position:absolute;inset-inline:0;bottom:0;height:76px;background:linear-gradient(180deg,rgba(245,244,242,0) 0%,rgba(245,244,242,.9) 50%,var(--app-bg) 100%);pointer-events:none}.list-fabs>*{position:relative}.fab-add{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 18px;border-radius:21px;background:var(--app-primary);color:#fff;font-weight:700;font-size:13px;box-shadow:0 6px 12px #b8553647}.fab-spark{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--app-primary);color:#fff;box-shadow:0 6px 12px #b8553647}.fab-spark:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--app-primary);animation:demo-halo 2.4s ease-in-out infinite}.fab-spark-mark{position:relative;display:inline-flex;animation:demo-sparkle 1.8s ease-in-out infinite}.app-tabbar{flex:none;display:flex;align-items:stretch;border-top:1px solid var(--app-border);background:var(--app-surface);padding:8px 0 14px}.app-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--app-muted);font-size:10px;font-weight:600}.app-tab.on{color:var(--app-primary-ink);font-weight:700}.app-tab.on svg{transform:scale(1.1) translateY(-1px)}.sheet-behind{flex:none;padding-bottom:9px;opacity:.55;filter:saturate(.7)}.sheet-behind .app-h1{margin:12px 16px 0}.sheet{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:var(--app-bg);padding:0 14px 14px;box-shadow:0 -8px 26px #1a1a1824;animation:demo-sheet-in .5s cubic-bezier(.22,1,.36,1) both}.sheet-grip{width:36px;height:4px;border-radius:2px;background:var(--app-border-2);margin:8px auto 0;flex:none}.sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 2px 8px}.sheet-head h3{margin:0;font-size:16px;font-weight:750}.sheet-x{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--app-surface-2);color:var(--app-text-2)}.sheet-thread{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;padding:2px 2px 0}.sheet-thread.top{justify-content:flex-start}.thread-hint{margin:auto 0;text-align:center;font-size:11.5px;color:var(--app-muted)}.intro{display:flex;flex-direction:column;gap:9px;padding:6px 4px 0}.intro-head{display:flex;align-items:center;gap:9px}.intro-mark{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--app-primary-light);color:var(--app-primary)}.intro-head b{font-size:15px;font-weight:750}.intro-body{margin:0;font-size:11.5px;line-height:1.7;color:var(--app-text-2)}.intro-examples{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:2px}.intro-label{margin:0;align-self:flex-end;font-size:10.5px;color:var(--app-muted)}.example{max-width:88%;padding:8px 12px;border-radius:15px;border-end-end-radius:5px;border:1.5px solid var(--app-primary);background:var(--app-surface);color:var(--app-primary-ink);font-size:11.5px;line-height:1.6;animation:demo-bubble-in .4s cubic-bezier(.22,1,.36,1) both}.example.filled{border-color:transparent;background:var(--app-primary-light);font-weight:700}.bubble{max-width:88%;padding:9px 13px;border-radius:16px;font-size:12.5px;line-height:1.7;flex:none;animation:demo-bubble-in .4s cubic-bezier(.22,1,.36,1) both}.bubble.mine{margin-inline-start:auto;background:var(--app-primary);color:#fff;border-end-end-radius:5px}.bubble.mine.draft{background:var(--app-primary-ink)}.bubble.theirs{margin-inline-end:auto;background:var(--app-surface);color:var(--app-text);border-end-start-radius:5px}.bubble.proposal{width:88%;max-width:88%}.bubble .caret{display:inline-block;width:2px;height:1em;vertical-align:-2px;margin-inline-start:2px;background:currentColor;animation:demo-blink 1s steps(2) infinite}.bubble.thinking{display:flex;align-items:center;gap:9px}.think-mark{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--app-primary-light);color:var(--app-primary);animation:demo-think 5s linear infinite}.think-label{font-size:11.5px;color:var(--app-text-2)}.proposal-said{margin:0 0 6px;font-size:12.5px;line-height:1.7}.proposal-lines{display:flex;flex-direction:column;gap:6px}.line-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--app-bg);animation:demo-row-in .4s cubic-bezier(.22,1,.36,1) both}.line-card.stepped{flex-direction:column;align-items:stretch;gap:5px}.line-card .tick{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--app-green);color:#fff}.line-head{display:flex;align-items:center;gap:8px}.line-title{flex:1;min-width:0;font-size:12.5px;font-weight:650}.line-qty{flex:none;font-size:11.5px;font-weight:650;color:var(--app-text-2)}.line-x{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--app-surface);color:var(--app-muted)}.stepper{display:flex;align-items:center;gap:10px;min-height:28px;padding:0 12px;border-radius:13px;background:var(--app-surface)}.stepper .qty-step{color:var(--app-primary);font-size:14px;font-weight:800;line-height:1}.stepper .qty-value{flex:1;text-align:center;white-space:nowrap;font-size:11.5px;font-weight:700;color:var(--app-text-2)}.proposal-answers{display:flex;align-items:center;gap:7px;margin-top:7px}.proposal-answers .yes{flex:1;display:flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:12px;background:var(--app-primary);color:#fff;font-size:12px;font-weight:700}.proposal-answers .no{display:flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:12px;background:var(--app-bg);border:1px solid var(--app-border-2);color:var(--app-text-2);font-size:12px;font-weight:700}.proposal-note{margin:7px 0 0;font-size:10px;color:var(--app-muted)}.composer{flex:none;display:flex;align-items:center;gap:7px;padding-top:10px}.composer-field{flex:1;min-width:0;display:flex;align-items:center;min-height:40px;padding:0 14px;border-radius:20px;background:var(--app-surface);border:1px solid var(--app-border)}.composer-placeholder{font-size:11.5px;color:var(--app-muted)}.composer-wave{display:flex;align-items:center;gap:3px;height:18px}.composer-wave i{width:3px;height:18px;border-radius:2px;background:var(--app-primary);transform:scaleY(.28);transform-origin:center;animation:demo-wave 1s ease-in-out infinite}.composer-mic,.composer-send{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text-2)}.composer-mic.live{background:var(--app-primary);border-color:var(--app-primary);color:#fff;animation:demo-mic 1.6s ease-in-out infinite}.composer-send.on{background:var(--app-primary);border-color:var(--app-primary);color:#fff}.hist-head{flex:none;padding:10px 16px 0;display:flex;flex-direction:column;gap:8px}.hist-search{display:flex;align-items:center;min-height:38px;padding:0 14px;border-radius:13px;background:var(--app-surface);border:1px solid var(--app-border);font-size:11.5px;color:var(--app-muted)}.hist-filters{display:flex;align-items:center;gap:6px}.hist-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:12px;background:var(--app-surface);border:1px solid var(--app-border);font-size:10.5px;font-weight:650;color:var(--app-text-2);white-space:nowrap}.hist-chip.on{background:var(--app-primary-light);border-color:var(--app-primary-light);color:var(--app-primary-ink)}.hist-chip .app-caret{color:inherit}.hist-summary{margin:0;font-size:11px;font-weight:700;color:var(--app-primary-ink)}.hist-row{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:15px;background:var(--app-surface);flex:none;animation:demo-row-in .45s cubic-bezier(.22,1,.36,1) both}.hist-row .meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hist-row .name-row{display:flex;align-items:center;gap:6px}.hist-row .name{font-weight:650;font-size:12.5px}.hist-row .home-tag{padding:1px 7px;border-radius:7px;background:var(--app-surface-2);color:var(--app-text-2);font-size:9.5px;font-weight:600}.hist-row .when{font-size:10px;color:var(--app-muted)}.hist-row .price{flex:none;font-weight:750;font-size:12.5px;font-variant-numeric:tabular-nums}.hist-row .price-missing{flex:none;padding:4px 9px;border-radius:10px;background:var(--app-warn-light);color:var(--app-warn);font-size:10px;font-weight:700}@keyframes demo-scene-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes demo-sheet-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes demo-row-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes demo-bubble-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes demo-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes demo-ring{0%{opacity:.9}to{opacity:0}}@keyframes demo-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes demo-mic{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes demo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes demo-halo{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.18);opacity:0}}@keyframes demo-sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes demo-think{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes demo-wave{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.stage *,.stage *:before,.stage *:after,.demo-phone,.demo-phone *,.demo-phone *:before,.demo-phone *:after{animation:none!important;transition:none!important}}.btn,.lang-btn{transition:transform var(--t-1) var(--e-out),background-color var(--t-2) var(--e-out),border-color var(--t-2) var(--e-out),color var(--t-2) var(--e-out)}.btn:active,.lang-btn:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.btn,.lang-btn{transition:background-color var(--t-2) var(--e-out),color var(--t-2) var(--e-out)}}@media(prefers-reduced-motion:no-preference){.row__box{transition:border-color var(--t-3) var(--e-out),background-color var(--t-3) var(--e-out)}.row__box svg{transition:stroke-dashoffset var(--t-3) var(--e-out)}.list--ticking .row__box,.list--ticking .row__box svg{transition-delay:calc(var(--i, 0) * .11s)}.list--ticking .row:not(.is-done) .row__box{border-color:var(--line-2);background:transparent}.list--ticking .row:not(.is-done) .row__box svg{stroke-dashoffset:24}[data-rise]{opacity:0;transform:translateY(14px)}[data-rise].in{opacity:1;transform:none;transition:opacity var(--t-3) var(--e-out),transform var(--t-4) var(--e-out)}@supports (animation-timeline: view()){[data-rise]{animation:rise linear both;animation-timeline:view();animation-range:entry 8% cover 30%}}.index-word{display:inline-block;opacity:0;transform:translateY(.2em)}.index.in .index-word{opacity:1;transform:none;transition:opacity var(--t-3) var(--e-out),transform var(--t-3) var(--e-out);transition-delay:calc(var(--i, 0) * 28ms)}a.u{position:relative}a.u:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:-2px;inline-size:100%;block-size:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--t-2) var(--e-out)}[dir=rtl] a.u:after{transform-origin:right center}a.u:hover:after,a.u:focus-visible:after{transform:scaleX(1)}.nav,.faq summary:after{transition:background-color var(--t-2) var(--e-out),border-color var(--t-2) var(--e-out),background-size var(--t-2) var(--e-out)}.hero .row__slot{transition:clip-path var(--t-2) var(--e-out),opacity var(--t-2) var(--e-out)}.hero[data-stage=start] .row__slot{clip-path:inset(0 100% 0 0)}[dir=rtl] .hero[data-stage=start] .row__slot{clip-path:inset(0 0 0 100%)}.hero[data-stage=slot] .row__slot,.hero[data-stage=thread] .row__slot,.hero[data-stage=land] .row__slot{clip-path:inset(0)}.hero[data-stage=fade] .row__slot,.hero[data-stage=beat1] .row__slot,.hero[data-stage=beat2] .row__slot,.hero[data-stage=tick] .row__slot,.hero[data-stage=claims] .row__slot,.hero[data-stage=done] .row__slot{clip-path:inset(0);opacity:0}.hero .thread path{transition:stroke-dashoffset .3s var(--e-inout)}.hero[data-stage=start] .thread path,.hero[data-stage=slot] .thread path{stroke-dashoffset:246}.hero .row--arriving .row__body,.hero .row--arriving .row__box{transition:opacity var(--t-3) var(--e-out),transform var(--t-3) var(--e-spring)}.hero .row--arriving .row__tag{transition:opacity .18s var(--e-out)}.hero[data-stage=start] .row--arriving .row__body,.hero[data-stage=slot] .row--arriving .row__body,.hero[data-stage=thread] .row--arriving .row__body,.hero[data-stage=start] .row--arriving .row__box,.hero[data-stage=slot] .row--arriving .row__box,.hero[data-stage=thread] .row--arriving .row__box{opacity:0;transform:translateY(10px)}.hero[data-stage=start] .row--arriving .row__tag,.hero[data-stage=slot] .row--arriving .row__tag,.hero[data-stage=thread] .row--arriving .row__tag,.hero[data-stage=land] .row--arriving .row__tag{opacity:0}.hero:not([data-stage=tick]):not([data-stage=claims]):not([data-stage=done]) .hero-rows .row.is-done .row__box{border-color:var(--line-2);background:transparent}.hero:not([data-stage=tick]):not([data-stage=claims]):not([data-stage=done]) .hero-rows .row.is-done .row__box svg{stroke-dashoffset:24}.claims .row__box,.claims .row__box svg{transition-delay:calc(var(--i, 0) * 90ms)}.hero:not([data-stage=claims]):not([data-stage=done]) .claims .row__box{border-color:var(--line-2);background:transparent}.hero:not([data-stage=claims]):not([data-stage=done]) .claims .row__box svg{stroke-dashoffset:24}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}::view-transition-group(root){animation-duration:var(--t-4)}::view-transition-old(root),::view-transition-new(root){animation-timing-function:var(--e-inout)}html[data-flip=to-en]::view-transition-old(root){animation-name:vt-out-left}html[data-flip=to-en]::view-transition-new(root){animation-name:vt-in-right}html[data-flip=to-ar]::view-transition-old(root){animation-name:vt-out-right}html[data-flip=to-ar]::view-transition-new(root){animation-name:vt-in-left}@keyframes vt-out-left{to{opacity:0;transform:translate(-3.5%)}}@keyframes vt-in-right{0%{opacity:0;transform:translate(3.5%)}}@keyframes vt-out-right{to{opacity:0;transform:translate(3.5%)}}@keyframes vt-in-left{0%{opacity:0;transform:translate(-3.5%)}}.nav .brand .mark{view-transition-name:brand-mark}.hero h1{view-transition-name:hero-title}