:root{--bg:#fbfcff;--surface:#fff;--text:#090f22;--muted:#515d72;--line:#e5e8f0;--soft:#f5f6fb;--blue:#2664ff;--purple:#762cff;--shadow:0 10px 28px rgba(22,38,78,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:13px}.container{width:min(1170px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}header{height:72px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;letter-spacing:3px;font-size:21px}.logo span,.black-card>span{font-size:31px;font-weight:900;font-style:italic;background:linear-gradient(140deg,#12a5ff,#2657ff,#9b2bff);background-clip:text;color:transparent}.nav nav{display:flex;gap:34px;font-size:11px;font-weight:600}.nav nav .active{color:#3c34ff}.nav-actions{display:flex;align-items:center;gap:9px}.nav-actions button{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;cursor:pointer}.nav-actions #menuBtn{display:none}.order{height:40px;padding:0 18px;display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,#2569ff,#762cff);color:white;border-radius:8px;font-weight:700}.order svg{width:15px}.hero{padding:12px 0 3px;background:radial-gradient(ellipse 38% 70% at 68% 45%,rgba(84,62,255,.08),transparent 75%)}.hero-grid{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:425px}.badge{display:inline-flex;background:var(--soft);border-radius:20px;padding:7px 10px;font-size:10px}.hero h1{font-size:37px;line-height:1.18;letter-spacing:-1.1px;margin:18px 0 12px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#1e66ff,#822dff);background-clip:text;color:transparent}.hero-copy>p{font-size:12px;line-height:1.65;max-width:430px;color:var(--muted)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.quick>div{min-height:58px;background:var(--surface);border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px;padding:10px;box-shadow:var(--shadow)}.quick svg{width:23px;color:var(--blue)}.quick b{font-size:9px;line-height:1.45}.actions{display:flex;gap:15px;margin-top:20px}.btn{height:40px;padding:0 27px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:1px solid transparent}.primary{color:white;background:linear-gradient(100deg,#2664ff,#6e2bff)}.outline{border-color:#6543ff;color:#3c34f3}.visual{height:410px;position:relative}.visual>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 73% 78% at 46% 50%,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 73% 78% at 46% 50%,#000 65%,transparent 100%)}.benefit{position:absolute;width:166px;min-height:66px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:flex;align-items:center;gap:13px;font-weight:600;font-size:10px}.benefit svg{width:27px;color:#4547ff}.benefit>b{font-size:27px;color:#4285f4}.benefit strong{font-size:13px}.google{right:-4px;top:52px}.people{right:-4px;top:143px}.growth{right:-4px;top:238px}.growth svg{color:#23bd70}.stats{height:78px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.stats article{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats article>span{width:45px;height:45px;border-radius:50%;background:#f4f1ff;display:grid;place-items:center;color:#4947ff}.stats svg{width:22px}.stats article>div>b{font-size:18px}.stats small{display:block;margin-top:4px;font-size:9px}.section{padding:18px 0}.info-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:17px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:18px;box-shadow:var(--shadow);min-height:205px}.panel h2{font-size:16px;margin:0 0 17px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-step{text-align:center;position:relative}.number{position:absolute;left:0;top:0;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2660ff,#7b27ff);color:white}.process-icon{width:70px;height:70px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;background:#f4f1ff;color:#4f45ff}.process-icon svg{width:34px}.google-g{font-size:38px;color:#4285f4}.process-step h3{font-size:11px;margin:0 0 6px}.process-step p{font-size:9px;line-height:1.5;margin:0}.arrow{position:absolute;right:-15px;top:40px;font-style:normal;font-size:22px;color:#633aff}.why-body{display:grid;grid-template-columns:1fr 135px;gap:14px}.why ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 25px}.why li{display:flex;gap:8px;font-size:9px}.why li>b{width:15px;height:15px;border:1px solid #583cff;border-radius:50%;display:grid;place-items:center;color:#583cff}.card-preview{display:grid;place-items:center;background:#f1edff;border-radius:10px}.black-card{width:75px;height:135px;background:#090a0d;color:#fff;border-radius:6px;transform:rotate(9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.black-card em{color:#ffb600;font-style:normal;font-size:9px}.black-card small{font-size:7px}.brands{padding:4px 0 25px}.brands h2{text-align:center;font-size:15px}.brand-row{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;gap:20px;color:#68728b;text-align:center}.brand-row b{font-size:11px}.bella{font-family:serif;font-style:italic;font-size:20px!important}.bella small{display:block;font:6px Inter}.order-section{padding:20px 0}.order-box{border-radius:13px;padding:30px;background:linear-gradient(110deg,#1f65f3,#7832f4);color:white;display:flex;justify-content:space-between;align-items:center}.order-box h2{margin:10px 0 6px}.order-box p{margin:0}.white{background:white;color:#3158d8}
[data-theme="dark"]{--bg:#030915;--surface:#0c1423;--text:#f7f9ff;--muted:#aeb8ca;--line:#26344a;--soft:#0d1728;--shadow:0 10px 28px rgba(0,0,0,.25)}[data-theme="dark"] .visual>img{mix-blend-mode:screen}[data-theme="dark"] .stats article>span,[data-theme="dark"] .process-icon{background:#17194b}[data-theme="dark"] .card-preview{background:#17143d}
@media(max-width:800px){.container{width:min(100% - 28px,560px)}header{height:64px}.nav nav{display:none;position:absolute;top:65px;left:14px;right:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;flex-direction:column}.nav nav.open{display:flex}.order{display:none}.nav-actions #menuBtn{display:block}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;padding-top:18px}.hero h1{font-size:32px}.hero-copy>p{margin-inline:auto}.quick{grid-template-columns:1fr 1fr}.actions{justify-content:center}.visual{height:330px;margin:15px -14px 0;overflow:hidden}.visual>img{width:130%;margin-left:-15%}.benefit{width:135px;min-height:55px;padding:10px}.google{right:2px;top:25px}.people{right:2px;top:94px}.growth{right:2px;top:163px}.stats{height:auto;grid-template-columns:1fr 1fr;padding:15px;gap:18px}.stats article{border:0;justify-content:flex-start}.info-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr;gap:14px}.process-step{display:grid;grid-template-columns:70px 1fr;text-align:left;align-items:center}.process-icon{grid-row:1/3}.process-step h3,.process-step p{grid-column:2}.process-step .number{left:-2px}.arrow{display:none}.why-body{grid-template-columns:1fr}.why ul{grid-template-columns:1fr}.card-preview{min-height:180px}.brand-row{grid-template-columns:1fr 1fr;gap:25px}.order-box{flex-direction:column;align-items:flex-start;gap:20px}}

/* Seamless product artwork edges in both themes. */
.visual{isolation:isolate;overflow:visible}.visual>img{width:118%;height:108%;margin:-4% 0 0 -9%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 82%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 14%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 82%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 14%,#000 88%,transparent 100%);mask-composite:intersect}[data-theme="dark"] .visual:before{content:"";position:absolute;inset:2% -5% 0 -8%;z-index:-1;background:radial-gradient(ellipse at 48% 50%,rgba(27,73,255,.18),transparent 70%);filter:blur(18px)}
@media(max-width:800px){.visual{overflow:hidden}.visual>img,[data-theme="dark"] .visual>img{width:142%;height:116%;margin:-5% 0 0 -21%;-webkit-mask-image:radial-gradient(ellipse 68% 72% at 50% 49%,#000 58%,rgba(0,0,0,.82) 75%,transparent 100%);mask-image:radial-gradient(ellipse 68% 72% at 50% 49%,#000 58%,rgba(0,0,0,.82) 75%,transparent 100%)}}

.nfc-symbol{width:38px;height:38px;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(180deg);color:#5148ff}.nfc-symbol i{display:block;border:3px solid currentColor;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;width:8px;height:15px}.nfc-symbol i:nth-child(2){width:11px;height:25px}.nfc-symbol i:nth-child(3){width:14px;height:35px}