:root{--bg:#f6f8fb;--surface:#fff;--ink:#0e1a2b;--muted:#5b6677;--line:#e3e8ef;--brand:#2f6cc4;--brand-deep:#1e4e9c;--brand-soft:#e8f0fc;--brand-glow:#8db8ff;--night:#0b1430;--night-2:#132050;--sunset:#f2a365;--f-head:"Archivo","Helvetica Neue",Arial,sans-serif;--f-body:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--shadow:0 1px 2px #0e1a2b0a,0 12px 32px -12px #0e1a2b24;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;padding-block:20px 40px;padding-inline:clamp(16px,3vw,32px);font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--f-head);text-wrap:balance;letter-spacing:-.025em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}.page{background:var(--surface);border:1px solid var(--line);border-radius:28px;gap:clamp(56px,8vw,96px);max-width:1180px;margin-inline:auto;padding-block:8px 28px;padding-inline:clamp(18px,4.5vw,64px);display:grid;overflow:hidden}.wm{font-family:var(--f-head);font-variation-settings:"wdth" 112;letter-spacing:-.02em;white-space:nowrap;font-size:21px;font-weight:800;line-height:1}.wm b{font-weight:300}.btn{font:600 14px var(--f-body);transition:transform .25s var(--ease),box-shadow .25s var(--ease);white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:8px 8px 8px 18px;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn .arr{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.btn .arr svg{width:13px;height:13px}.btn-dark{background:var(--ink);color:#fff}.btn-dark .arr{background:var(--brand-glow);color:var(--ink)}.btn-line{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}.btn-line .arr{border:1.5px solid var(--brand);color:var(--brand)}.btn-glow{background:var(--brand-glow);color:var(--ink)}.btn-glow .arr{background:var(--ink);color:#fff}.eyebrow{font:600 11px var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--brand);display:inline-block}.eyebrow.pill{background:var(--brand-soft);border:1px solid #d3e2f8;border-radius:8px;padding:5px 10px}header.top{justify-content:space-between;align-items:center;gap:20px;padding-block:18px;display:flex}header.top nav{color:#2a3546;gap:clamp(18px,3vw,36px);font-size:14px;font-weight:500;display:flex}header.top nav a:hover{color:var(--brand)}header.top .right{align-items:center;gap:16px;display:flex}.lang{font:600 13px var(--f-body);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.lang:hover{color:var(--brand);border-color:#d3e2f8}@media (width<=860px){header.top nav{display:none}}@media (width<=480px){header.top .right .btn{display:none}}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,48px);margin-top:-24px;display:grid}@media (width<=900px){.hero{grid-template-columns:1fr;margin-top:0}}.hero-copy{justify-items:start;gap:22px;display:grid}.hero h1{font-size:clamp(38px,5.2vw,62px);font-weight:700;line-height:1.04}.hero h1 .hl{color:var(--brand);display:inline-block;position:relative}.hero h1 .hl svg{width:100%;height:.28em;position:absolute;bottom:-.14em;left:0;overflow:visible}.hero h1 .hl path{stroke:var(--brand);stroke-width:3px;fill:none;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420px;animation:draw 1.1s .5s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.hero .lead{color:var(--muted);max-width:46ch;font-size:17px}.ctas{flex-wrap:wrap;gap:12px;display:flex}.visual{aspect-ratio:1/.92;max-width:100%;position:relative}.visual .blob{background:radial-gradient(circle at 35% 30%,#f3f8ff 0,var(--brand-soft) 55%,#dce8fa 100%);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;position:absolute;inset:6% 4% 4% 10%}.visual .orbit{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.visual .orbit path{fill:none;stroke:#b9cce8;stroke-width:1.5px;stroke-dasharray:3 7;animation:18s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-200px}}.app{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:64%;animation:7s ease-in-out infinite float;position:absolute;top:18%;left:8%;overflow:hidden;box-shadow:0 30px 60px -24px #0e1a2b47,0 2px 6px #0e1a2b0d}.app .bar{border-bottom:1px solid var(--line);background:#fafbfd;align-items:center;gap:6px;padding:10px 12px;display:flex}.app .bar i{background:#e3e8ef;border-radius:50%;width:9px;height:9px}.app .bar span{font:600 12px var(--f-body);color:var(--muted);margin-left:8px}.app .body{gap:12px;padding:16px;display:grid}.app .total{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.app .total b{font:700 clamp(20px,2.4vw,28px) var(--f-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.app .total small{color:var(--muted);font-size:11px}.app ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.app li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;font-size:12px;display:grid}.app li span:last-child{font-variant-numeric:tabular-nums;color:var(--muted)}.app li .track{background:#eef2f7;border-radius:6px;grid-column:1/-1;height:6px;overflow:hidden}.app li .track i{transform-origin:0;height:100%;animation:fill 1.4s var(--ease) both;background:linear-gradient(90deg,#5e7fc4,#e9a57e);border-radius:6px;display:block}@keyframes fill{0%{transform:scaleX(0)}}.app .go{font:600 12px var(--f-body);background:var(--ink);color:#fff;border-radius:9px;justify-self:start;padding:8px 12px}.bubble{font:600 13px var(--f-body);align-items:center;gap:10px;animation:6s ease-in-out infinite float;display:flex;position:absolute}.bubble .ic{color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 0 6px #fff,0 14px 30px -10px #0e1a2b59}.bubble .ic svg{width:22px;height:22px}.bubble small{color:var(--muted);font-size:11px;font-weight:400;display:block}.b1{animation-delay:-1s;top:6%;right:2%}.b2{animation-delay:-3s;top:40%;right:-1%}.b3{animation-delay:-5s;bottom:6%;right:8%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=560px){.app{width:78%;top:10%;left:0}.bubble span{display:none}.b1,.b2{right:0}.b3{right:4%}}.strip{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;margin-top:calc(clamp(56px,8vw,96px)/-2.22222);padding:20px clamp(18px,3vw,36px);display:flex}.strip .lbl{color:var(--muted);max-width:18ch;font-size:13px;line-height:1.35}.strip .plats{flex-wrap:wrap;align-items:center;gap:12px clamp(20px,4vw,48px);display:flex}.plat{font:700 17px var(--f-head);letter-spacing:-.01em;color:#2a3546;align-items:center;gap:8px;display:inline-flex}.plat svg{width:20px;height:20px}.head{text-align:center;justify-items:center;gap:12px;margin-bottom:clamp(28px,4vw,44px);display:grid}.head h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.1}.head p{color:var(--muted);max-width:48ch}.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1000px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.products{grid-template-columns:1fr}}.card{border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;background:linear-gradient(#fbfcfe,#f5f8fc);border-radius:18px;grid-template-rows:auto auto 1fr auto;gap:12px;padding:20px;display:grid}.card:hover{box-shadow:var(--shadow);border-color:#d3e2f8;transform:translateY(-4px)}.card .art{aspect-ratio:16/10;background:var(--g);color:#fff;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.card .art svg{filter:drop-shadow(0 6px 14px #0000002e);width:44px;height:44px;transition:transform .5s var(--ease)}.card:hover .art svg{transform:scale(1.08)rotate(-4deg)}.card .art .badge{font:600 10px var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:#ffffffeb;border-radius:6px;padding:3px 7px;position:absolute;top:10px;left:10px}.card h3{font-size:19px;font-weight:700;line-height:1.2}.card p{color:var(--muted);font-size:14px;line-height:1.5}.card .plats-mini{color:var(--muted);border-top:1px solid var(--line);padding-top:4px;font-size:13px;font-weight:500}.banner{background:radial-gradient(120% 140% at 85% 100%,#2a3463 0,var(--night) 55%);color:#fff;isolation:isolate;border-radius:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}@media (width<=760px){.banner{grid-template-columns:1fr}}.banner .txt{z-index:1;justify-items:start;gap:16px;padding:clamp(26px,4vw,44px);display:grid}.banner h2{font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.1}.banner p{color:#b8c3da;max-width:42ch}.banner .scene{align-self:stretch;min-height:200px;position:relative}.banner .grid{transform-origin:bottom;background-image:linear-gradient(#8db8ff2e 1px,#0000 1px),linear-gradient(90deg,#8db8ff2e 1px,#0000 1px);background-size:34px 34px;height:70%;position:absolute;inset:auto -10% -20%;transform:perspective(380px)rotateX(62deg);mask-image:linear-gradient(#0000,#000 80%)}.banner .sun{background:radial-gradient(circle at 50% 40%,#ffe3c4 0,var(--sunset) 45%,#d9708a 100%);border-radius:50%;width:128px;height:128px;margin:-84px 0 0 -64px;animation:6s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;box-shadow:0 0 60px 10px #f2a36573,0 0 140px 40px #d9708a40}.banner .ring{border:1.5px solid #8db8ff73;border-radius:50%;width:260px;height:90px;margin:-26px 0 0 -130px;position:absolute;top:50%;left:50%;transform:rotate(-8deg)}.banner .dot{background:var(--brand-glow);width:6px;height:6px;box-shadow:0 0 10px var(--brand-glow);border-radius:50%;position:absolute}@keyframes pulse{50%{box-shadow:0 0 80px 16px #f2a3658c,0 0 160px 50px #d9708a4d}}.why-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;margin-bottom:22px;display:flex}.why-head h2{font-size:clamp(24px,2.8vw,32px);font-weight:700}.why-head p{color:var(--muted);max-width:34ch;font-size:14px}.why{background:var(--night);color:#fff;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=760px){.why{grid-template-columns:1fr}}.why>div{align-content:start;gap:10px;padding:clamp(22px,3vw,34px);display:grid;position:relative}.why>div+div:before{content:"";background:#ffffff24;width:1px;position:absolute;top:22%;bottom:22%;left:0}@media (width<=760px){.why>div+div:before{width:auto;height:1px;inset:0 22px auto}}.why .k{color:#d6deee;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.why .k svg{width:20px;height:20px;color:var(--brand-glow)}.why b{font:700 clamp(30px,3.4vw,40px) var(--f-head);letter-spacing:-.03em;color:var(--brand-glow)}.why p{color:#b8c3da;max-width:30ch;font-size:14px}.cta-bar{background:linear-gradient(90deg,var(--brand-soft),#f4f8fe 60%,#fff4ea);border:1px solid #d9e6f8;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px clamp(16px,3vw,24px);display:flex}.cta-bar .l{align-items:center;gap:16px;display:flex}.cta-bar .l .ic{background:var(--brand);color:#fff;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.cta-bar .l .ic svg{width:22px;height:22px}.cta-bar b{font-size:16px;display:block}.cta-bar span{color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:calc(clamp(56px,8vw,96px)/-2);padding-top:22px;display:flex}footer nav{color:#2a3546;flex-wrap:wrap;gap:14px 28px;font-size:14px;display:flex}footer small{color:var(--muted);font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.hero h1 .hl path{stroke-dashoffset:0}}a.card{color:inherit}.card .plats-mini{justify-content:space-between;align-items:center;gap:8px;display:flex}.card .more{color:var(--brand);align-items:center;gap:6px;font-weight:600;display:inline-flex}.card .more svg{width:12px;height:12px;transition:transform .3s var(--ease)}.card:hover .more svg{transform:translate(3px)}.p-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,48px);display:grid}@media (width<=900px){.p-hero{grid-template-columns:1fr}}.p-hero-copy{justify-items:start;gap:20px;display:grid}.p-id{align-items:center;gap:14px;display:flex}.p-id img{border-radius:14px;box-shadow:0 10px 24px -10px #0b5e5380}.p-id b{font:700 20px var(--f-head);letter-spacing:-.02em;display:block}.p-id span{color:var(--muted);font-size:13px}.product-page .eyebrow.pill{color:var(--pf);background:var(--pf-soft);border-color:#cfe5df}.p-hero h1{font-size:clamp(34px,4.6vw,54px);font-weight:700;line-height:1.06}.p-hero .lead{color:var(--muted);max-width:48ch;font-size:17px}.p-hero-art{object-fit:contain;width:100%;height:auto}@media (width>=901px){.p-hero-art{transform-origin:50%;transform:scale(1.22)}}.product-page .btn-dark .arr{background:#7fc7b8}.feature{border:1px solid var(--line);background:linear-gradient(#f7fbfa,#fff);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(20px,4vw,48px);display:grid}.feature img{object-fit:contain;width:100%;height:auto;max-height:520px}.feature.flip img{order:2}@media (width<=820px){.feature{grid-template-columns:1fr}.feature.flip img{order:0}}.feature-copy{align-content:center;gap:16px;display:grid}.feature-copy h2{font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.12}.feature-copy p{color:var(--muted);max-width:46ch}.feature-copy ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.feature-copy li{align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.feature-copy li:before{content:"";background:var(--pf-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.5 2.5L14 7.5' fill='none' stroke='%230B5E53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat;border-radius:50%;flex:none;width:20px;height:20px}