@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}:root{--purple:#5603ab;--purple-bright:#7c3aed;--purple-deep:#3b0a78;--purple-ink:#170b2e;--purple-100:#f1e9fd;--purple-200:#ddd0f5;--green:#12805c;--green-bright:#19a875;--green-100:#e3f4ec;--green-800:#0b5b41;--magenta:#d946ef;--amber:#f5b301;--amber-100:#fdf3dc;--ink:#1b1530;--ink-2:#4a4360;--ink-3:#7b7490;--line:#e9e4f3;--bg:#faf8ff;--surface:#fff;--radius:22px;--radius-sm:14px;--shadow:0 12px 40px #5603ab1a;--shadow-lg:0 30px 80px #170b2e59;--max:1160px;--grad-brand:linear-gradient(135deg, #7c3aed 0%, #5603ab 55%, #3b0a78 100%);--grad-green:linear-gradient(135deg, #19a875 0%, #12805c 60%, #0b5b41 100%);--grad-text:linear-gradient(90deg, #ffd166 0%, #ffb0f5 50%, #9ad9ff 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Tajawal,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.75;overflow-x:hidden}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;margin:0 0 .4em;line-height:1.25}h1{font-size:clamp(2.3rem,5.2vw,4rem);font-weight:800}h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800}h3{font-size:1.2rem;font-weight:800}p{margin:0 0 1em}.muted{color:var(--ink-2)}.small{font-size:.92rem}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:22px}section{padding-block:84px;position:relative}.section-head{max-width:62ch;margin-bottom:34px}.section-head .kicker{color:var(--purple);letter-spacing:.02em;align-items:center;gap:8px;margin-bottom:10px;font-size:.95rem;font-weight:800;display:inline-flex}.section-head .kicker:before{content:"";background:var(--grad-brand);border-radius:3px;width:22px;height:3px}.section-head p{color:var(--ink-2);margin:0;font-size:1.08rem}.alt-bg{background:var(--surface);border-block:1px solid var(--line)}@media (width<=720px){section{padding-block:56px}body{font-size:16px}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.js .reveal.in{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.js .reveal.d1.in{animation-delay:80ms}.js .reveal.d2.in{animation-delay:.16s}.js .reveal.d3.in{animation-delay:.24s}@media (prefers-reduced-motion:reduce){.js .reveal.in,.float,.marquee-track,.glow,.phone,.chip{animation:none!important}}.top{z-index:30;backdrop-filter:blur(16px)saturate(1.3);background:#faf8ffc7;border-bottom:1px solid #5603ab14;position:sticky;top:0}.top .wrap{align-items:center;gap:18px;height:72px;display:flex}.brand{color:var(--purple);align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.brand img{width:40px;height:40px}.top nav{gap:2px;margin-inline-start:auto;display:flex}.top nav a{color:var(--ink-2);border-radius:12px;padding:9px 14px;font-weight:700;transition:background .15s}.top nav a:hover,.top nav a[aria-current=page]{background:var(--purple-100);color:var(--purple);text-decoration:none}.top .cta{margin-inline-start:6px}.menu-btn{border:1px solid var(--line);font:inherit;color:var(--purple);background:0 0;border-radius:12px;margin-inline-start:auto;padding:8px 14px;font-weight:700;display:none}@media (width<=900px){.top nav{inset-inline:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;padding:12px 20px 18px;display:none;position:absolute;top:72px}.top nav.open{display:flex}.top .cta{display:none}.menu-btn{display:block}}.btn{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-family:inherit;font-size:1rem;font-weight:800;line-height:1.2;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 10px 26px #5603ab52}.btn-green{background:var(--grad-green);color:#fff;box-shadow:0 10px 26px #12805c4d}.btn-ghost{background:var(--surface);color:var(--purple);border-color:var(--purple-200)}.btn-light{color:var(--purple);background:#fff;box-shadow:0 10px 26px #0000002e}.btn-glass{color:#fff;backdrop-filter:blur(8px);background:#ffffff1f;border-color:#ffffff59}.btn-glass:hover{background:#fff3}.btn[disabled]{opacity:.6;cursor:default;transform:none}.hero{color:#fff;background:var(--purple-ink);padding-block:88px 0;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(900px 520px at 88% 0,#7c3aede6,#0000 60%),radial-gradient(700px 480px at 10% 100%,#19a8758c,#0000 60%),radial-gradient(500px 400px at 60% 60%,#d946ef47,#0000 60%),linear-gradient(#2a0f5e 0%,#170b2e 100%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;mask-image:radial-gradient(60% 60% at 50% 40%,#000 30%,#0000 100%)}.hero .wrap{z-index:1;grid-template-columns:1.05fr .95fr;align-items:end;gap:40px;display:grid;position:relative}.hero h1{color:#fff}.hero h1 .grad{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.lead{color:#ffffffd6;max-width:36ch;font-size:1.22rem}.hero .actions{flex-wrap:wrap;gap:12px;margin:26px 0;display:flex}.hero .eyebrow{backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px 6px 8px;font-size:.92rem;font-weight:700;display:inline-flex}.hero .eyebrow .dot{background:var(--grad-green);border-radius:999px;place-items:center;width:22px;height:22px;font-size:.75rem;display:grid}.hero .proof{color:#ffffffbf;align-items:center;gap:12px;margin-bottom:40px;font-size:.95rem;display:flex}.hero .proof .avs{display:flex}.hero .proof .avs span{color:#fff;border:2px solid #2a0f5e;border-radius:999px;place-items:center;width:30px;height:30px;margin-inline-end:-10px;font-size:.8rem;font-weight:800;display:grid}.hero .stage{justify-content:center;align-items:flex-end;gap:22px;min-height:520px;display:flex;position:relative}.glow{filter:blur(30px);background:radial-gradient(circle,#7c3aedbf,#0000 65%);border-radius:999px;width:420px;height:420px;animation:6s ease-in-out infinite glowpulse;position:absolute;bottom:20px}@keyframes glowpulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.phone{width:244px;box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff14;background:#120a24;border:9px solid #120a24;border-radius:36px;position:relative;overflow:hidden}.phone:before{content:"";z-index:2;background:#120a24;border-radius:12px;width:84px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone img{width:100%}.hero .phone.front{z-index:2;animation:7s ease-in-out infinite floaty}.hero .phone.back{opacity:.95;width:200px;margin-bottom:70px;animation:9s ease-in-out infinite reverse floaty;transform:rotate(-8deg)}@keyframes floaty{0%,to{translate:0}50%{translate:0 -12px}}.chip{z-index:3;color:var(--ink);background:#fffffff2;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:700;animation:6s ease-in-out infinite floaty;display:flex;position:absolute;box-shadow:0 16px 40px #0000004d}.chip .ic{border-radius:10px;place-items:center;width:34px;height:34px;font-size:1.1rem;display:grid}.chip small{color:var(--ink-3);font-size:.8rem;font-weight:500;display:block}.chip.a{top:60px;animation-delay:-2s;inset-inline-start:-10px}.chip.b{bottom:120px;animation-delay:-4s;inset-inline-end:-14px}@media (width<=900px){.hero{padding-top:60px}.hero .wrap{grid-template-columns:1fr}.hero .stage{min-height:420px;margin-top:8px}.hero .phone.back{display:none}.chip.a{inset-inline-start:0;top:20px}.chip.b{inset-inline-end:0;bottom:60px}}.marquee{background:var(--purple-ink);border-top:1px solid #ffffff14;padding:14px 0;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:10px;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee span{color:#ffffffe6;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:inline-flex}@keyframes marquee{to{transform:translate(50%)}}.stats{background:var(--surface);border-bottom:1px solid var(--line)}.stats .wrap{grid-template-columns:repeat(4,1fr);gap:16px;padding-block:26px;display:grid}.stat{text-align:center;border-radius:var(--radius-sm);padding:12px}.stat b{font-variant-numeric:tabular-nums;background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.3rem;font-weight:800;line-height:1.1;display:block}.stat span{color:var(--ink-2);font-weight:700}@media (width<=720px){.stats .wrap{grid-template-columns:repeat(2,1fr)}}.ways{grid-template-columns:1fr 1fr;gap:22px;display:grid}.way{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-lg);min-height:300px;padding:30px;position:relative;overflow:hidden}.way.near{background:var(--grad-green)}.way.cloud{background:var(--grad-brand)}.way:after{content:"";inset-inline-end:-80px;background:#ffffff1f;border-radius:999px;width:260px;height:260px;position:absolute;bottom:-110px}.way>*{z-index:1;position:relative}.way h3{color:#fff;font-size:1.5rem}.way p{color:#ffffffd9}.way .tag{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;margin-bottom:12px;padding:4px 14px;font-size:.85rem;font-weight:800;display:inline-block}.way ul{margin:12px 0 0;padding:0;list-style:none}.way li{margin-bottom:8px;padding-inline-start:28px;position:relative}.way li:before{content:"✓";inset-inline-start:0;background:#ffffff40;border-radius:999px;place-items:center;width:20px;height:20px;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:1px}@media (width<=720px){.ways{grid-template-columns:1fr}}.bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-column:span 2;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card.wide{grid-column:span 3}.card .ico{background:var(--grad-brand);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:22px;display:grid;box-shadow:0 8px 18px #5603ab40}.card.green .ico{background:var(--grad-green);box-shadow:0 8px 18px #12805c40}.card h3{margin-bottom:6px}.card p{color:var(--ink-2);margin:0}@media (width<=900px){.bento{grid-template-columns:1fr 1fr}.card,.card.wide{grid-column:span 1}}@media (width<=560px){.bento{grid-template-columns:1fr}}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.grid{grid-template-columns:1fr}}.steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:18px;display:grid;position:relative}.steps:before{content:"";top:26px;background:linear-gradient(90deg, var(--purple-200), var(--purple), var(--purple-200));opacity:.6;height:2px;position:absolute;inset-inline:12%}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:26px;padding:34px 20px 22px;position:relative}.step:before{counter-increment:step;content:counter(step);top:-26px;background:var(--grad-brand);color:#fff;border:4px solid var(--bg);border-radius:999px;place-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:800;display:grid;position:absolute;inset-inline-start:50%;transform:translate(50%);box-shadow:0 10px 22px #5603ab4d}.alt-bg .step:before{border-color:var(--surface)}.step h3{text-align:center;font-size:1.08rem}.step p{color:var(--ink-2);text-align:center;margin:0;font-size:.95rem}.steps.three{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.steps,.steps.three{grid-template-columns:1fr 1fr}.steps:before{display:none}}@media (width<=560px){.steps{grid-template-columns:1fr}}.screens{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:22px;padding:24px 6px 26px;display:flex;overflow-x:auto}.screens figure{scroll-snap-align:center;text-align:center;flex:none;margin:0}.screens .phone{width:216px;transition:transform .2s}.screens figure:hover .phone{transform:translateY(-6px)}.screens figcaption{color:var(--ink-2);margin-top:10px;font-size:.92rem;font-weight:700}.split{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.split .stage{justify-content:center;display:flex;position:relative}.split .stage .glow{background:radial-gradient(circle,#19a87580,#0000 65%);width:320px;height:320px;top:20%;bottom:auto}.split .phone{z-index:1;position:relative}@media (width<=900px){.split{grid-template-columns:1fr}}.check{margin:16px 0 0;padding:0;list-style:none}.check li{margin-bottom:12px;padding-inline-start:34px;position:relative}.check li:before{content:"✓";inset-inline-start:0;background:var(--grad-green);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:2px}.band{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-lg);border-radius:28px;flex-wrap:wrap;align-items:center;gap:24px;padding:48px 40px;display:flex;position:relative;overflow:hidden}.band:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff2e 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000)}.band>*{z-index:1;position:relative}.band h2{color:#fff;flex:320px;margin:0}.band p{color:#ffffffd9;flex:100%;margin:0}form.lead{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr 1fr;gap:14px;padding:26px;display:grid;position:relative}form.lead label{gap:6px;font-size:.95rem;font-weight:700;display:grid}form.lead .full{grid-column:1/-1}form.lead input,form.lead select,form.lead textarea{font:inherit;border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px}form.lead input:focus,form.lead select:focus,form.lead textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px var(--purple-100);outline:none}form.lead .hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}form.lead .note{color:var(--ink-3);grid-column:1/-1;margin:0;font-size:.9rem}form.lead .status{grid-column:1/-1;min-height:1.5em;font-weight:700}form.lead .status.ok{color:var(--green-800)}form.lead .status.err{color:#b3261e}@media (width<=640px){form.lead{grid-template-columns:1fr}}.page-head{color:#fff;background:var(--purple-ink);padding-block:64px 56px;position:relative;overflow:hidden}.page-head:before{content:"";background:radial-gradient(800px 400px at 90% 0,#7c3aedd9,#0000 60%),radial-gradient(600px 400px at 0 100%,#19a87573,#0000 60%),linear-gradient(#2a0f5e,#170b2e);position:absolute;inset:0}.page-head .wrap{z-index:1;position:relative}.page-head h1{color:#fff}.page-head p{color:#ffffffd1;max-width:62ch;margin:0;font-size:1.12rem}.page-head.green:before{background:radial-gradient(800px 400px at 90% 0,#19a875d9,#0000 60%),radial-gradient(600px 400px at 0 100%,#7c3aed73,#0000 60%),linear-gradient(#0f4a36,#170b2e)}.prose{max-width:760px}.prose h2{margin-top:1.7em;font-size:1.4rem}.prose h3{margin-top:1.2em;font-size:1.1rem}.prose ul,.prose ol{padding-inline-start:22px}.prose li{margin-bottom:6px}.prose table td{border-bottom:1px solid var(--line);vertical-align:top}.todo{background:var(--amber-100);border:1px dashed var(--amber);color:#7a5010;border-radius:10px;padding:2px 10px;font-weight:700}details{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;padding:16px 20px;transition:box-shadow .2s}details[open]{box-shadow:var(--shadow)}details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:800;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}details summary:after{content:"+";background:var(--purple-100);height:30px;color:var(--purple);border-radius:999px;flex:0 0 30px;place-items:center;font-size:1.2rem;display:grid}details[open] summary:after{content:"−"}details p{color:var(--ink-2);margin:10px 0 0}footer{background:var(--purple-ink);color:#ffffffc7;margin-top:40px;padding-block:56px 28px;position:relative}footer:before{content:"";top:0;background:linear-gradient(90deg, var(--green-bright), var(--purple-bright), var(--magenta));height:3px;position:absolute;inset-inline:0}footer .cols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;display:grid}footer h4{color:#fff;margin:0 0 12px;font-size:1rem}footer a{color:#ffffffc7;margin-bottom:8px;display:block}footer a:hover,footer .brand{color:#fff}footer .fine{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:32px;padding-top:18px;font-size:.88rem;display:flex}@media (width<=900px){footer .cols{grid-template-columns:1fr 1fr}}@media (width<=520px){footer .cols{grid-template-columns:1fr}}.stores-row{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.soon{color:#fff;vertical-align:middle;background:#ffffff40;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:800;display:inline-block}.way .btn-ghost{color:#fff;background:#ffffff24;border-color:#ffffff59}.top nav .lang{border:1px solid var(--purple-200);margin-inline-start:6px;padding-block:6px;font-size:.92rem}.lang-foot{border:1px solid #ffffff40;border-radius:999px;margin-top:12px;padding:4px 14px;font-weight:700;display:inline-block}[dir=ltr] .hero h1,[dir=ltr] .page-head h1{letter-spacing:-.02em}.cloud-hero:before{background:radial-gradient(900px 520px at 12% 0,#7c3aede6,#0000 60%),radial-gradient(700px 480px at 90% 100%,#d946ef66,#0000 60%),linear-gradient(#2a0f5e 0%,#170b2e 100%)}.compare{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.compare table{border-collapse:collapse;width:100%;min-width:640px}.compare th,.compare td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 20px}.compare thead th{font-size:1.05rem;font-weight:800}.compare thead th:nth-child(2){color:var(--green-800);background:var(--green-100)}.compare thead th:nth-child(3){color:var(--purple);background:var(--purple-100)}.compare tbody td:first-child{color:var(--ink-2);width:26%;font-weight:800}.compare tbody tr:last-child td{border-bottom:0}.crumbs{font-size:.92rem;color:#ffffffb3!important;margin:0 0 8px!important}.crumbs a{color:#fff}.hood-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.hood-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;gap:10px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.hood-card:after{content:"";background:var(--green-100);inset-inline-end:-70px;z-index:0;border-radius:999px;width:180px;height:180px;position:absolute;top:-90px}.hood-card.soon:after{background:var(--purple-100)}.hood-card>*{z-index:1;position:relative}.hood-card:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-4px)}.hood-card h3{margin:0;font-size:1.5rem}.hood-top{color:var(--ink-3);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.pill{background:var(--purple-100);color:var(--purple);border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:800;display:inline-block}.pill.live{background:var(--green-100);color:var(--green-800)}.hood-nums{color:var(--ink-2);flex-wrap:wrap;gap:14px;font-size:.95rem;display:flex}.hood-nums b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.15rem}.cats{flex-wrap:wrap;gap:4px;font-size:1.15rem;display:flex}.more-link{color:var(--purple);margin-top:auto;font-weight:800}@media (width<=900px){.hood-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.hood-grid{grid-template-columns:1fr}}.store-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.store-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:flex-start;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.store-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.store-card .logo{object-fit:cover;background:var(--bg);border:1px solid var(--line);border-radius:14px;flex:0 0 56px;width:56px;height:56px}.store-card .logo.letter{color:#fff;border:0;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.store-card .body{min-width:0}.store-card h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:1.05rem;overflow:hidden}.store-card .cat{color:var(--ink-2);margin:0;font-size:.92rem}.store-card .meta{color:var(--ink-3);flex-wrap:wrap;gap:10px;margin:6px 0 0;font-size:.85rem;display:flex}.tag-cloud{background:var(--purple-100);color:var(--purple);border-radius:999px;padding:1px 10px;font-weight:800}@media (width<=900px){.store-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.store-grid{grid-template-columns:1fr}}.cat-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.cat-list span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.92rem;font-weight:700}.map-embed{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.map-embed iframe{border:0;width:100%;height:320px;display:block}.map-embed a{padding:10px 16px;font-weight:700;display:block}.faq-wrap{grid-template-columns:220px 1fr;align-items:start;gap:40px;display:grid}.faq-nav{flex-direction:column;gap:4px;display:flex;position:sticky;top:90px}.faq-nav a{color:var(--ink-2);border-radius:12px;padding:9px 14px;font-weight:700}.faq-nav a:hover{background:var(--purple-100);color:var(--purple);text-decoration:none}.faq-group{margin-bottom:40px;scroll-margin-top:90px}.faq-group h2{margin-bottom:14px;font-size:1.4rem}@media (width<=800px){.faq-wrap{grid-template-columns:1fr}.faq-nav{flex-flow:wrap;position:static}}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:4px;margin-bottom:30px;padding:4px;display:inline-flex}.tab{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-weight:800;display:inline-flex}.tab.on{background:var(--grad-brand);color:#fff;box-shadow:0 6px 16px #5603ab40}.tab .n{background:#00000014;border-radius:999px;padding:0 8px;font-size:.8rem}.tab.on .n{background:#ffffff40}.timeline{max-width:820px;padding-inline-start:28px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--purple), var(--purple-200));width:2px;position:absolute;inset-block:8px;inset-inline-start:7px}.release{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:26px;padding:18px 22px;position:relative}.release:before{content:"";inset-inline-start:-27px;background:var(--grad-brand);border:3px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px var(--purple-200);border-radius:999px;position:absolute;top:22px}.release .when{align-items:center;gap:12px;margin-bottom:8px;display:flex}.release .ver{background:var(--purple-100);color:var(--purple);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 12px;font-weight:800}.release time{color:var(--ink-3);font-size:.9rem}.release ul{margin:0;padding-inline-start:18px}.release li{color:var(--ink-2);margin-bottom:6px}.release li b{color:var(--ink)}.head-links{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.head-links a{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:999px;padding:6px 14px;font-size:.92rem;font-weight:700}.head-links a:hover{background:#fff3;text-decoration:none}.ptag{border-radius:999px;padding:2px 12px;font-size:.8rem;font-weight:800;display:inline-block}.tag-ann{background:var(--purple-100);color:var(--purple)}.tag-upd{background:var(--green-100);color:var(--green-800)}.tag-news{background:var(--amber-100);color:#7a5010}.page-head .ptag{color:#fff;background:#ffffff29}.meta-line{align-items:center;gap:10px;display:flex}.post-featured{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);grid-template-columns:1.3fr .7fr;align-items:center;gap:30px;margin-bottom:22px;padding:34px;display:grid;position:relative;overflow:hidden}.post-featured:before{content:"";background:radial-gradient(500px 300px at 0% 100%, var(--purple-100), transparent 60%);pointer-events:none;position:absolute;inset:0}.post-featured>*{position:relative}.post-featured:hover{text-decoration:none}.post-featured h3{margin:10px 0 8px;font-size:clamp(1.4rem,2.6vw,2rem)}.post-featured p{color:var(--ink-2);font-size:1.05rem}.post-featured .cover{justify-content:center;display:flex}.post-featured .cover .phone{width:200px}.post-featured .cover .phone img{object-fit:cover;object-position:top;height:300px}.post-card .meta,.post-featured .meta{color:var(--ink-3);align-items:center;gap:10px;font-size:.88rem;display:flex}.post-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-4px)}.post-card .thumb{background:var(--purple-ink);justify-content:center;align-items:flex-start;height:150px;display:flex;overflow:hidden}.post-card .thumb img{width:150px;box-shadow:var(--shadow-lg);border-radius:18px 18px 0 0;margin-top:18px}.post-card .body{flex-direction:column;gap:8px;padding:18px 20px 22px;display:flex}.post-card h3{margin:0;font-size:1.1rem}.post-card p{color:var(--ink-2);margin:0;font-size:.95rem}@media (width<=900px){.post-grid{grid-template-columns:1fr 1fr}.post-featured{grid-template-columns:1fr}.post-featured .cover{display:none}}@media (width<=560px){.post-grid{grid-template-columns:1fr}}.numbers{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=720px){.numbers{grid-template-columns:1fr 1fr}}.facts{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;display:grid}.facts div{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:4px;padding:14px 16px;display:grid}.facts b{color:var(--purple);font-size:.9rem}.facts span{color:var(--ink-2);font-size:.95rem}.facts.five{grid-template-columns:repeat(5,1fr);margin-top:0}.facts.five div{text-align:center}.facts.five b{font-variant-numeric:tabular-nums;background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1.1}@media (width<=900px){.facts,.facts.five{grid-template-columns:1fr 1fr}}@media (width<=560px){.facts{grid-template-columns:1fr}}.brand-kit{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.logo-card{grid-template-columns:1fr 1fr;gap:12px;display:grid}.logo-box{border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:26px;font-size:1.3rem;font-weight:800;display:flex}.logo-box.light{color:var(--purple);background:#fff}.logo-box.dark{background:var(--purple-ink);color:#fff}.logo-card .dl{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.swatches{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sw{color:#fff;border-radius:14px;gap:2px;min-height:92px;padding:16px 14px;display:grid}.sw b{font-size:.9rem}.sw span{opacity:.85;text-align:end;direction:ltr;font-family:ui-monospace,monospace;font-size:.85rem}@media (width<=900px){.brand-kit{grid-template-columns:1fr}}@media (width<=560px){.swatches{grid-template-columns:1fr 1fr}}.post-wrap{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:48px;display:grid}.post-body .lede{color:var(--ink-2);border-inline-start:4px solid var(--purple);padding-inline-start:16px;font-size:1.18rem;font-weight:500}.post-body h2{margin-top:1.6em;font-size:1.45rem}.post-body img{border-radius:16px}.share{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:34px;padding-top:18px;display:flex}.share span{color:var(--ink-2);font-weight:800}.share a,.share .copy{border:1px solid var(--purple-200);background:var(--surface);font:inherit;color:var(--purple);cursor:pointer;border-radius:999px;padding:6px 14px;font-weight:700}.post-nav{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.post-nav a{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:16px;gap:4px;padding:14px 16px;font-weight:800;display:grid}.post-nav a small{color:var(--ink-3);font-weight:700}.post-nav a:hover{box-shadow:var(--shadow);text-decoration:none}.post-side{justify-items:center;gap:18px;display:grid;position:sticky;top:90px}.post-side .phone{width:220px}.side-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;width:100%;padding:18px;display:grid}.side-box h3{margin:0;font-size:1rem}.side-box a{color:inherit;gap:2px;display:grid}.side-box a b{font-size:.95rem}.side-box a small{color:var(--ink-3)}.side-box a.all{color:var(--purple);font-weight:800}@media (width<=900px){.post-wrap{grid-template-columns:1fr}.post-side{position:static}.post-side .phone{display:none}.post-nav{grid-template-columns:1fr}}.compare.vs table{min-width:860px}.compare.vs th.us,.compare.vs td.us{background:var(--purple-100);color:var(--ink);font-weight:700}.compare.vs thead th.us{color:var(--purple);font-weight:800}.compare.vs thead th{font-size:.98rem}.compare.vs tbody tr.hl td:not(.us){background:#faf8ffb3}.compare.vs td{font-size:.95rem;line-height:1.6}.compare.vs tbody td:first-child{width:18%}.check.not li:before{content:"–";background:var(--purple-200);color:var(--purple)}[hidden]{display:none!important}