:root{--paper:#f4f6fa;--surface:#fff;--ink:#0e1b33;--muted:#55627a;--line:#dde3ee;--brand:#1d4ed8;--brand-deep:#14339a;--radius:18px;--display:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif;--body:"Plus Jakarta Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:8px}.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(244,246,250,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-in{display:flex;justify-content:space-between;height:64px}.logo,.nav-in{align-items:center}.logo{display:inline-flex;gap:10px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.01em}.logo-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand);color:#fff;font-size:18px}.nav-links{display:flex;gap:28px;font-weight:500;font-size:15px;color:var(--muted)}.nav-links a:hover{color:var(--ink)}.hero{padding:64px 0 80px}.hero-in{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:48px;gap:48px;align-items:center}h1{margin:0 0 20px;font-family:var(--display);font-weight:800;font-size:clamp(38px,5.6vw,64px);line-height:1.04;letter-spacing:-.03em;max-width:14ch}.lead{margin:0 0 32px;max-width:52ch;font-size:19px;color:var(--muted)}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:16px;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep)}.btn-ghost{border:1.5px solid var(--ink)}.btn-light{background:#fff;color:var(--brand-deep)}.hero-art,.panel{display:flex;justify-content:center}.panel{width:100%;max-width:440px;padding:44px 28px 56px;border-radius:32px;background:var(--brand);background-image:radial-gradient(circle at 85% 10%,hsla(0,0%,100%,.18),transparent 55%)}.receipt{position:relative;width:100%;max-width:320px;padding:26px 24px 22px;background:#fff;color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.5;transform:rotate(-2.5deg);box-shadow:0 24px 40px -18px rgba(5,15,60,.55);animation:print 1.1s steps(14) .2s both}.receipt:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(135deg,#fff 25%,transparent 0) -6px 0,linear-gradient(225deg,#fff 25%,transparent 0) -6px 0;background-size:12px 12px}.receipt p{margin:0}.r-brand{font-weight:500;letter-spacing:.18em;font-size:16px}.r-brand,.r-sub{text-align:center}.r-sub{color:var(--muted);font-size:13px}.receipt hr{border:0;border-top:1.5px dashed #b8c1d3;margin:14px 0}.receipt ul{list-style:none;margin:0;padding:0}.receipt li{display:flex;align-items:baseline;gap:6px;padding:2px 0}.receipt li i{flex:1 1;border-bottom:1.5px dotted #b8c1d3;transform:translateY(-3px)}.r-total{display:flex;justify-content:space-between;font-weight:500;font-size:16px}.r-thanks{margin-top:14px!important;text-align:center;color:var(--muted);font-size:12.5px}@keyframes print{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}to{-webkit-clip-path:inset(0 0 -20px 0);clip-path:inset(0 0 -20px 0)}}.section{padding:80px 0}.section-alt{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{margin-bottom:36px}h2{margin:0 0 10px;font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,40px);line-height:1.1;letter-spacing:-.025em}.section-head p{margin:0;color:var(--muted);max-width:56ch}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.card{display:flex;flex-direction:column;padding:26px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}a.card:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 18px 30px -20px var(--c)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--t);color:var(--c)}.go{color:var(--muted);transition:color .18s ease,transform .18s ease}a.card:hover .go{color:var(--c);transform:translate(2px,-2px)}.badge{padding:4px 12px;border-radius:999px;background:var(--t);color:var(--c);font-size:13px;font-weight:600}.card h3{margin:0;font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.02em;line-height:1.15}.tag{margin:2px 0 12px;color:var(--c);font-size:14px;font-weight:600}.desc{margin:0 0 22px;color:var(--muted);font-size:16px}.card-cta{margin-top:auto;font-weight:600;font-size:15px;color:var(--c)}.card-soon{background:transparent;border-style:dashed}.card-soon .card-cta{color:var(--muted)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.step-n{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:50%;background:var(--ink);color:#fff}.step-n,.steps h3{font-family:var(--display);font-weight:800}.steps h3{margin:0 0 6px;font-size:21px;letter-spacing:-.01em}.steps p{margin:0;color:var(--muted);font-size:16px;max-width:34ch}.contact{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:48px;border-radius:28px;background:var(--brand-deep)}.contact,.contact h2{color:#fff}.contact p{margin:0;color:#cfdaff;max-width:46ch}.footer{padding:28px 0 40px;color:var(--muted);font-size:14px}.footer-in{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.footer .logo{font-size:17px;color:var(--ink)}.footer .logo-mark{width:28px;height:28px;font-size:15px}@media (max-width:960px){.hero-in{grid-template-columns:1fr}h1{max-width:18ch}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){body{font-size:16px}.nav-links a:nth-child(2){display:none}.hero{padding:36px 0 56px}.section{padding:56px 0}.grid,.steps{grid-template-columns:1fr}.contact{flex-direction:column;align-items:flex-start;padding:32px 24px}.panel{padding:32px 16px 44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.receipt{animation:none}.btn,.card,.go{transition:none}}.card{overflow:hidden}.pv{position:relative;display:flex;flex-direction:column;justify-content:center;gap:9px;height:132px;margin:-26px -26px 22px;padding:18px 24px;background:var(--t)}.card-soon .pv{opacity:.75}.pv-row{display:flex;align-items:center;gap:12px}.pv-row i{opacity:.35}.pv-row b,.pv-row i{height:10px;border-radius:6px;background:var(--c)}.pv-row b{width:52px;opacity:.75}.pv-pill{align-self:flex-end;padding:3px 16px;border-radius:999px;background:var(--c);color:#fff;font-size:12px;font-weight:600}.pv-laundry{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.pv-chip{padding:6px 12px;border-radius:999px;background:hsla(0,0%,100%,.75);color:var(--c);font-size:12px;font-weight:600}.pv-chip.on{background:var(--c);color:#fff}.pv-trackio{flex-direction:row;align-items:flex-end;gap:9px;padding-bottom:0}.pv-bar{flex:1 1;border-radius:7px 7px 0 0;background:var(--c);opacity:.8}.pv-bar:last-child{opacity:1}.pv-quran{padding-right:60px}.pv-line{display:block;height:9px;border-radius:5px;background:var(--c);opacity:.35}.pv-num{position:absolute;top:14px;right:22px;display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--c);border-radius:50%;color:var(--c);font-size:12px;font-weight:700}.pv-track{position:relative;display:block;height:14px;border-radius:8px;background:hsla(0,0%,100%,.7)}.pv-track i{position:absolute;top:0;bottom:0;border-radius:8px;background:var(--c)}.pv-label{display:flex;justify-content:space-between;color:var(--c);font-size:12px;font-weight:600}.pv-meter{display:block;height:12px;overflow:hidden;border-radius:7px;background:hsla(0,0%,100%,.8)}.pv-meter i{display:block;width:68%;height:100%;background:var(--c)}.pv-bubble{align-self:flex-start;padding:4px 12px;border-radius:12px 12px 12px 3px;background:#fff;color:var(--c);font-size:12px;font-weight:600}@media (max-width:640px){.pv{height:120px}}