:root{--font-display:"Nunito", "Segoe UI", system-ui, sans-serif;--font-body:"Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--color-bg:#f7f9ff;--color-surface:#fff;--color-surface-alt:#eef2ff;--color-text:#17204a;--color-text-muted:#56608a;--color-navy:#142063;--color-border:#dfe5fa;--color-primary:#2f5be3;--color-primary-dark:#2145bf;--color-accent-yellow:#ffc233;--color-accent-yellow-dark:#e6a300;--color-accent-green:#0bb88f;--color-accent-blue:#2f5be3;--color-accent-purple:#8d5bd8;--color-accent-orange:#f98640;--gradient-brand:linear-gradient(90deg, #1f3fb8, #2f5be3 50%, #5b8cff);--gradient-hero:radial-gradient(circle at 10% 15%, #e3e9ff 0, transparent 42%), radial-gradient(circle at 90% 80%, #dcebff 0, transparent 45%), linear-gradient(160deg, #f3f6ff 0%, #f7f9ff 60%, #eef4ff 100%);--gradient-grape:linear-gradient(120deg, #142063 0%, #2645b5 100%);--hi-blob-a:#e4eaff;--hi-blob-b:#dbeaff;--hi-page:#fff;--hi-page-alt:#fff7e3;--hi-ink:#3b3266;--shadow-card:0 1px 2px #1420630d, 0 8px 24px #14206312;--shadow-card-hover:0 2px 4px #1420630f, 0 16px 36px #14206321;--radius-card:20px;--ease-soft:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.3, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#0d1330;--color-surface:#151d45;--color-surface-alt:#111839;--color-text:#eef1ff;--color-text-muted:#a9b2d9;--color-navy:#080c22;--color-border:#26306a;--color-primary:#4f7bff;--color-primary-dark:#3a63e8;--color-accent-blue:#4f7bff;--gradient-hero:radial-gradient(circle at 10% 15%, #4f7bff2e 0, transparent 42%), radial-gradient(circle at 90% 80%, #5b8cff1f 0, transparent 45%), linear-gradient(160deg, #111a42 0%, #0d1330 100%);--gradient-grape:linear-gradient(120deg, #080c22 0%, #16235e 100%);--hi-blob-a:#1b2660;--hi-blob-b:#172456;--hi-page:#fbf9f2;--hi-page-alt:#fff1cf;--hi-ink:#2a2350;--shadow-card:0 1px 2px #00000040, 0 8px 24px #00000052;--shadow-card-hover:0 2px 4px #0000004d, 0 16px 36px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}#root{min-height:100vh;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.2px;font-weight:800}section[id],footer[id]{scroll-margin-top:84px}img{max-width:100%;display:block}button,input{font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:3px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:72px 0;position:relative}.section>.container{z-index:1;position:relative}.section-heading{color:var(--color-navy);margin:0 0 4px;font-size:clamp(1.7rem,2.8vw,2.3rem)}:root[data-theme=dark] .section-heading{color:var(--color-text)}.section-kicker{letter-spacing:1.4px;text-transform:uppercase;color:var(--color-primary);margin-bottom:8px;font-size:.76rem;font-weight:800;display:inline-block}.section-subheading{color:var(--color-text-muted);max-width:560px;margin:0 0 36px;font-size:1rem;line-height:1.6}.btn{--btn-bg:var(--color-primary);--btn-glow:#2f5be352;--btn-fg:#fff;cursor:pointer;background:var(--btn-bg);color:var(--btn-fg);box-shadow:0 6px 16px var(--btn-glow);transition:transform .25s var(--ease-soft), box-shadow .25s ease, filter .2s ease;white-space:nowrap;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 10px 22px var(--btn-glow);transform:translateY(-2px)}.btn:active{box-shadow:0 3px 8px var(--btn-glow);transform:translateY(0)}.btn-primary{--btn-bg:var(--color-primary)}.btn-sunny{--btn-bg:var(--color-accent-yellow);--btn-glow:#e6a30047;--btn-fg:#251c52}.btn-outline{--btn-bg:transparent;--btn-glow:transparent;--btn-fg:var(--color-navy);border-color:color-mix(in srgb, var(--color-navy) 30%, transparent)}.btn-outline:hover{border-color:var(--color-navy)}:root[data-theme=dark] .btn-outline{--btn-fg:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] .btn-outline:hover{border-color:var(--color-text-muted)}.btn-arrow{transition:transform .25s var(--ease-soft);display:inline-block}a:hover .btn-arrow,button:hover .btn-arrow{transform:translate(3px)}::selection{background:var(--color-primary);color:#fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-reveal]{opacity:0}[data-reveal][data-shown]{animation:reveal-up .7s var(--ease-soft) calc(var(--d,0) * 70ms) both}[data-reveal=fade][data-shown]{animation-name:reveal-fade}@keyframes reveal-up{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@keyframes reveal-fade{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}@keyframes float-y{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1}}.logo{align-items:center;display:inline-flex}.logo-img{height:var(--logo-h);width:auto;transition:transform .3s var(--ease-soft)}.logo:hover .logo-img{transform:scale(1.04)}:root[data-theme=dark] .logo{background:#fff;border-radius:14px;padding:6px 12px}@media (width<=480px){.logo-img{height:calc(var(--logo-h) * .85)}}.theme-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;padding:0;display:inline-flex}.theme-toggle-track{background:linear-gradient(#8fdcff 0%,#4fb6ff 100%);border:2px solid #fff;border-radius:999px;width:64px;height:34px;transition:background .4s,border-color .4s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 6px #251c5226}.theme-toggle[aria-checked=true] .theme-toggle-track{background:linear-gradient(#2b1f5c 0%,#4a2d8c 100%);border-color:#5b4aa8}.theme-toggle-thumb{width:24px;height:24px;transition:transform .4s var(--ease-soft), background-color .3s ease;background:#fff5cc;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.theme-toggle[aria-checked=true] .theme-toggle-thumb{background:#e9e3ff;transform:translate(30px)}.tt-cloud{width:16px;height:7px;transition:transform .4s var(--ease-bounce), opacity .3s ease;background:#fff;border-radius:999px;position:absolute;top:12px;right:7px;box-shadow:-5px -3px 0 1px #fff}.tt-stars{opacity:0;background:radial-gradient(circle at 18% 30%,#fff 0 1.4px,#0000 2px),radial-gradient(circle at 34% 68%,#fff 0 1px,#0000 1.6px),radial-gradient(circle at 12% 72%,#ffe58a 0 1.2px,#0000 1.8px);transition:opacity .4s;position:absolute;inset:0}.theme-toggle[aria-checked=true] .tt-cloud{opacity:0;transform:translateY(24px)}.theme-toggle[aria-checked=true] .tt-stars{opacity:1}.navbar{z-index:50;background:color-mix(in srgb, var(--color-surface) 85%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3);border-bottom:1px solid #0000;transition:box-shadow .3s,border-color .3s;position:sticky;top:0}.navbar:before{content:"";background:var(--gradient-brand);height:4px;position:absolute;inset:0 0 auto}.navbar.is-scrolled{border-bottom-color:var(--color-border);box-shadow:0 6px 20px #14206312}.navbar-inner{justify-content:space-between;align-items:center;gap:20px;padding-top:12px;padding-bottom:12px;display:flex}.navbar-logo-link{text-decoration:none}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--color-text-muted);border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:800;text-decoration:none;transition:background-color .2s,color .2s;position:relative}.nav-link:hover{color:var(--c)}.nav-link.active{color:var(--c);background:color-mix(in srgb, var(--c) 11%, transparent)}.navbar-actions{align-items:center;gap:14px;display:flex}.hamburger{background:var(--color-surface-alt);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:11px;display:none}.hamburger span{background:var(--color-text);width:100%;height:2px;transition:transform .3s var(--ease-soft), opacity .2s ease;border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=900px){.hamburger{display:flex}.nav-links{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card-hover);opacity:0;visibility:hidden;transition:opacity .2s ease, transform .3s var(--ease-soft), visibility .2s;border-radius:18px;flex-direction:column;align-items:stretch;gap:2px;padding:10px;position:absolute;top:calc(100% + 6px);left:16px;right:16px;transform:translateY(-8px)}.nav-links.open{opacity:1;visibility:visible;transform:none}.nav-link{padding:12px 16px}}.bubbles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.bubble{width:var(--size);height:var(--size);animation:bubble-float var(--dur) ease-in-out var(--delay) infinite;border-radius:50%;position:absolute}.bubble-circle{background:var(--c);opacity:.25}.bubble-ring{border:3px solid var(--c);opacity:.25}@keyframes bubble-float{0%,to{transform:translate(0)}50%{transform:translate(6px,-14px)}}.wave{z-index:1;pointer-events:none;width:100%;height:clamp(28px,4.5vw,60px);display:block;position:absolute;bottom:-1px;left:0}.wave-flip{top:-1px;bottom:auto;transform:rotate(180deg)}.marquee{border-block:1px solid var(--color-border);background:var(--color-surface);padding:12px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:12px;width:max-content;animation:50s linear infinite marquee-scroll;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{background:color-mix(in srgb, var(--c) 9%, transparent);color:var(--color-text);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 8px;font-size:.9rem;font-weight:700;display:inline-flex}.marquee-icon{font-size:.95rem}@keyframes marquee-scroll{to{transform:translate(calc(-50% - 6px))}}.color-words{display:inline}.cw-group{white-space:nowrap;display:inline-block}.cw-word{color:var(--c);animation:cw-in .8s var(--ease-soft) calc(var(--i) * .14s + .1s) both;display:inline-block}.cw-sep{color:var(--color-text-muted);opacity:.35;margin:0 .3em;font-weight:400;display:inline-block}@keyframes cw-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}.section-title-center{text-align:center}.section-title-center .section-subheading{margin-left:auto;margin-right:auto}.section-title-left{text-align:left}.title-accent{background:var(--gradient-brand);border-radius:999px;width:48px;height:5px;margin:12px 0 18px;display:block}.section-title-center .title-accent{margin-left:auto;margin-right:auto}.orbit-frame{--of-blue:var(--color-primary,#2f5be3);aspect-ratio:1/.92;width:100%;position:relative}.of-glow{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--of-blue) 22%, transparent), transparent 60%), radial-gradient(circle at 70% 75%, #5bb8ff33, transparent 60%);filter:blur(8px);border-radius:50%;position:absolute;inset:6% 4%}.of-orbit{border:2px dashed color-mix(in srgb, var(--of-blue) 30%, transparent);animation:of-spin var(--dur) linear infinite;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.of-orbit-outer{--dur:60s;aspect-ratio:1;width:98%}.of-orbit-inner{--dur:42s;aspect-ratio:1;border-style:dotted;border-color:color-mix(in srgb, var(--of-blue) 22%, transparent);width:82%;animation-direction:reverse}.of-orbit-slot{rotate:var(--a);position:absolute;inset:0}.of-chip{background:var(--color-surface);border:1px solid var(--color-border);width:46px;height:46px;box-shadow:0 8px 18px color-mix(in srgb, var(--of-blue) 18%, transparent);rotate:calc(var(--a) * -1);animation:of-spin var(--dur) linear infinite reverse;border-radius:50%;place-items:center;margin:-23px 0 0 -23px;font-size:1.3rem;display:grid;position:absolute;top:0;left:50%}.of-orbit-inner .of-chip{width:38px;height:38px;margin:-19px 0 0 -19px;font-size:1.05rem;animation-direction:normal}@keyframes of-spin{to{transform:rotate(360deg)}}.of-photo{aspect-ratio:1;border:6px solid var(--color-surface);background:var(--color-surface-alt);width:68%;box-shadow:0 0 0 8px color-mix(in srgb, var(--of-blue) 14%, transparent), 0 24px 48px color-mix(in srgb, var(--of-blue) 28%, transparent);border-radius:42% 58% 55% 45%/48% 42% 58% 52%;animation:12s ease-in-out infinite alternate of-morph;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}@keyframes of-morph{0%{border-radius:42% 58% 55% 45%/48% 42% 58% 52%}50%{border-radius:55% 45% 42% 58%/56% 52% 48% 44%}to{border-radius:48% 52% 60% 40%/42% 58% 44% 56%}}.of-slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s,transform 4s ease-out;position:absolute;inset:0;transform:scale(1.1)}.of-slide.is-active{opacity:1;transform:scale(1)}.of-badge{width:96px;box-shadow:0 12px 26px color-mix(in srgb, var(--of-blue) 22%, transparent);animation:of-pop .7s var(--ease-bounce) .6s both, of-float 5s ease-in-out 1.4s infinite;background:#fff;border-radius:22px;padding:10px 12px;position:absolute;top:4%;left:10%}.of-card{background:color-mix(in srgb, var(--color-surface) 92%, transparent);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:10px;padding:10px 14px 10px 10px;line-height:1.2;display:flex;position:absolute}.of-card strong{color:var(--color-text);font-size:.9rem;display:block}.of-card small{color:var(--color-text-muted);font-size:.76rem}.of-card-icon{background:color-mix(in srgb, var(--of-blue) 12%, transparent);border-radius:12px;place-items:center;width:36px;height:36px;font-size:1.1rem;display:grid}.of-card-a{animation:of-pop .7s var(--ease-bounce) .9s both, of-float 6s ease-in-out 1.6s infinite;top:18%;right:0}.of-card-b{animation:of-pop .7s var(--ease-bounce) 1.1s both, of-float 6.5s ease-in-out 2s infinite reverse;bottom:10%;left:2%}@keyframes of-pop{0%{opacity:0;transform:translateY(12px)scale(.85)}to{opacity:1;transform:none}}@keyframes of-float{0%,to{translate:0}50%{translate:0 -8px}}@media (width<=560px){.of-card{display:none}.of-badge{width:72px;left:8%}.of-chip{width:38px;height:38px;margin:-19px 0 0 -19px;font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.of-orbit,.of-chip,.of-photo,.of-badge,.of-card{animation:none}.of-slide{transform:none}}.hero{background:var(--gradient-hero);padding:56px 0 100px;position:relative;overflow:hidden}.hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;display:grid;position:relative}.hero-eyebrow{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);color:var(--color-primary);border-radius:999px;margin:0 0 16px;padding:6px 14px;font-size:.82rem;font-weight:800;display:inline-block}.hero h1{margin:0 0 16px;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;line-height:1.1}.hero-subtext{color:var(--color-text-muted);max-width:520px;margin:0 0 26px;font-size:1.08rem;line-height:1.65}.hero-search{background:var(--color-surface);border:1px solid var(--color-border);max-width:470px;box-shadow:var(--shadow-card);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 6px 6px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.hero-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 14%, transparent), var(--shadow-card)}.hero-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.95rem}.hero-search input::placeholder{color:var(--color-text-muted);opacity:.8}.hero-search-btn{box-shadow:none;padding:9px 20px}.hero-search-btn:hover{box-shadow:none}.hero-cta{flex-wrap:wrap;gap:14px;margin-bottom:30px;display:flex}.hero-features{color:var(--color-text);flex-wrap:wrap;gap:20px;margin:0;padding:0;font-size:.88rem;font-weight:700;list-style:none;display:flex}.hero-visual{justify-self:center;width:100%;max-width:540px}@media (width<=960px){.hero{padding-top:32px}.hero-inner{text-align:center;grid-template-columns:1fr}.hero-visual{order:-1;max-width:380px}.hero-subtext,.hero-search{margin-left:auto;margin-right:auto}.hero-cta,.hero-features{justify-content:center}}@media (width<=520px){.hero-search{border-radius:20px;flex-wrap:wrap;padding:12px}.hero-search-btn{width:100%}.hero-cta .btn{flex:100%}}.hero-carousel{align-items:center;min-height:580px;display:flex}.hc-inner{grid-template-columns:minmax(0,580px) 1fr;width:100%}.hc-copy{z-index:1;position:relative}.hc-step{animation:hc-in .7s var(--ease-soft) calc(var(--s) * .11s) both}@keyframes hc-in{0%{opacity:0;filter:blur(6px);translate:-28px}to{opacity:1;filter:blur();translate:0}}.hc-fixed{animation:reveal-up .8s var(--ease-soft) .45s both}.hc-controls{align-items:center;gap:12px;margin-top:28px;display:flex}.hc-controls-mobile{display:none}.hc-arrow{border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-card);transition:transform .2s var(--ease-soft), border-color .2s ease;border-radius:50%;font-size:1.3rem;line-height:1}.hc-arrow:hover{border-color:var(--color-primary);transform:translateY(-2px)}.hc-dots{gap:8px;display:flex}.hc-dots button{background:color-mix(in srgb, var(--color-navy) 18%, transparent);cursor:pointer;width:10px;height:10px;transition:width .35s var(--ease-soft), background-color .25s ease;border:none;border-radius:999px;padding:0;position:relative;overflow:hidden}:root[data-theme=dark] .hc-dots button{background:#fff3}.hc-dots button.is-active{background:color-mix(in srgb, var(--color-primary) 30%, transparent);width:36px}.hc-dot-progress{background:var(--color-primary);transform-origin:0;animation:hc-progress var(--ms) linear forwards;position:absolute;inset:0}@keyframes hc-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=960px){.hero-carousel{min-height:0;padding-top:0;display:block}.hc-inner{grid-template-columns:1fr}.hc-controls{justify-content:center}.hc-controls-desktop{display:none}.hc-controls-mobile{z-index:2;margin:-34px 0 14px;display:flex;position:relative}}.hero-carousel--portal .hc-inner{grid-template-columns:minmax(0,560px) minmax(0,1fr)}.hc-portal{width:100%;max-width:620px;animation:reveal-fade .9s var(--ease-soft) .1s both;justify-self:center}@media (width<=960px){.hero-carousel--portal{padding-top:24px}.hero-carousel--portal .hc-inner{grid-template-columns:1fr}.hc-portal{order:-1;max-width:420px}.hc-portal .hc-controls-mobile{margin:6px 0 10px}}.services-filter{justify-content:center;align-items:center;gap:10px;margin-bottom:36px;display:flex}.services-filter input{border:1px solid var(--color-border);background:var(--color-surface);width:min(420px,90%);color:var(--color-text);border-radius:999px;outline:none;padding:11px 18px;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.services-filter input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 14%, transparent)}.services-filter-clear{background:var(--color-surface-alt);color:var(--color-text-muted);cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-size:.82rem;font-weight:800}.services-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .3s var(--ease-soft), box-shadow .3s ease;padding:24px 22px;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.service-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.service-icon{background:color-mix(in srgb, var(--accent) 13%, var(--color-surface));width:50px;height:50px;transition:transform .3s var(--ease-soft);border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;font-size:1.5rem;display:inline-flex}.service-card:hover .service-icon{transform:scale(1.08)}.service-card h4{color:var(--color-navy);margin:0 0 8px;font-size:1.05rem}:root[data-theme=dark] .service-card h4{color:var(--color-text)}.service-card p{color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.55}.services-empty{text-align:center;color:var(--color-text-muted);grid-column:1/-1}@media (width<=1080px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.services-grid{grid-template-columns:1fr}}.products{background:var(--color-surface-alt);padding:110px 0 120px;overflow:hidden}.products-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.product-card{background:var(--color-surface);border:1px solid var(--color-border);color:inherit;box-shadow:var(--shadow-card);transition:transform .3s var(--ease-soft), box-shadow .3s ease;border-radius:24px;flex-direction:column;padding:8px;text-decoration:none;display:flex}.product-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}.product-art{background:color-mix(in srgb, var(--accent) 14%, var(--color-surface));border-radius:18px;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.product-art-dot{background:color-mix(in srgb, var(--accent) 16%, transparent);transition:transform .5s var(--ease-soft);border-radius:50%;position:absolute}.product-art-dot-1{width:110px;height:110px;top:-40px;left:-30px}.product-art-dot-2{width:60px;height:60px;bottom:-20px;right:40px}.product-card:hover .product-art-dot-1{transform:scale(1.15)}.product-icon{background:var(--color-surface);width:84px;height:84px;box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 25%, transparent);transition:transform .35s var(--ease-soft);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:relative}.product-card:hover .product-icon{transform:translateY(-4px)scale(1.05)}.product-body{flex-direction:column;flex:1;align-items:flex-start;padding:16px 14px 14px;display:flex}.product-rating{color:var(--color-text);margin-bottom:6px;font-size:.8rem;font-weight:800}.product-reviews{color:var(--color-text-muted);font-weight:600}.product-card h4{color:var(--color-navy);margin:0 0 6px;font-size:1.1rem}:root[data-theme=dark] .product-card h4{color:var(--color-text)}.product-card p{color:var(--color-text-muted);margin:0 0 16px;font-size:.9rem;line-height:1.5}.product-cta{color:var(--color-text);align-items:center;gap:6px;margin-top:auto;font-size:.9rem;font-weight:800;display:inline-flex}.product-cta .btn-arrow{color:var(--accent)}@media (width<=1000px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.products-grid{grid-template-columns:1fr}}.how-steps{grid-template-columns:repeat(3,1fr);gap:32px;margin:0;padding:0;list-style:none;display:grid;position:relative}.how-steps:before{content:"";border-top:2px dashed var(--color-border);z-index:0;position:absolute;top:48px;left:16%;right:16%}.how-step{z-index:1;text-align:center;padding:0 12px;position:relative}.how-step-icon{background:color-mix(in srgb, var(--c) 14%, var(--color-surface));border:4px solid var(--color-bg);width:96px;height:96px;box-shadow:var(--shadow-card);transition:transform .3s var(--ease-soft);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:2.4rem;display:inline-flex;position:relative}.how-step:hover .how-step-icon{transform:translateY(-4px)}.how-step-num{z-index:2;background:var(--c);color:#fff;border:2px solid var(--color-bg);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:900;display:flex;position:absolute;top:-4px;left:calc(50% + 26px)}.how-step h4{color:var(--color-navy);margin:0 0 8px;font-size:1.2rem}:root[data-theme=dark] .how-step h4{color:var(--color-text)}.how-step p{max-width:300px;color:var(--color-text-muted);margin:0 auto;line-height:1.6}@media (width<=760px){.how-steps{grid-template-columns:1fr;gap:40px}.how-steps:before{border-top:none;border-left:2px dashed var(--color-border);inset:40px auto 40px 50%}.how-step p{background:var(--color-bg);padding:4px 0}}.footer{--footer-top:#142063;--footer-bottom:#2645b5;background:linear-gradient(180deg, var(--footer-top) 0%, var(--footer-bottom) 100%);color:#d8dcf0;margin-top:90px;position:relative}:root[data-theme=dark] .footer{--footer-top:#070b20;--footer-bottom:#152057}.wave.footer-wave{bottom:calc(100% - 1px)}.footer-inner{grid-template-columns:1.5fr .8fr 1fr .8fr;gap:32px;padding:40px 24px 36px;display:grid;position:relative}.footer-col h3{color:#ffc233;margin:0 0 10px;font-size:1.35rem}.footer-col h4{color:#fff;margin:0 0 16px;font-size:1.1rem}.footer-brand p{color:#c9c3ef;margin:0 0 20px;font-size:.9rem;font-weight:600}.footer-newsletter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-newsletter input{color:#fff;background:#ffffff14;border:2px solid #fff3;border-radius:999px;outline:none;flex:1;min-width:190px;padding:12px 18px;font-size:.9rem;font-weight:600;transition:border-color .2s,background-color .2s}.footer-newsletter input::placeholder{color:#a79fd6}.footer-newsletter input:focus{background:#ffffff1f;border-color:#ffc233}.footer-newsletter .btn{box-shadow:0 4px 0 var(--btn-edge);padding:10px 22px}.footer-subscribed{color:#8ff0d2;margin-top:12px;font-size:.88rem;font-weight:800}.footer-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:#d4cff5;font-size:.93rem;font-weight:700;text-decoration:none;transition:color .2s}.footer-col ul a:hover{color:#ffc233}.footer-contact li{color:#d4cff5;font-size:.93rem;font-weight:700}.footer-social{gap:12px;display:flex}.footer-social a{color:#fff;width:44px;height:44px;transition:transform .25s var(--ease-soft), background-color .2s ease;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.footer-social a:hover{background:var(--c);transform:translateY(-2px)}.footer-bottom{text-align:center;color:#a79fd6;border-top:1px solid #ffffff1f;padding:18px 24px;font-size:.85rem;font-weight:700;position:relative}.footer-bottom p{margin:0}@media (width<=900px){.footer-inner{grid-template-columns:1fr 1fr}}@media (width<=560px){.footer-inner{grid-template-columns:1fr}}.floating-bubbles{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fb-bubble{width:var(--size);height:var(--size);background:radial-gradient(circle at 32% 28%, #ffffffe6 0 8%, transparent 14%), radial-gradient(circle at 50% 50%, transparent 58%, color-mix(in srgb, var(--tint) 35%, transparent) 72%, color-mix(in srgb, var(--tint) 55%, transparent) 100%);opacity:0;animation:fb-rise var(--dur) linear var(--delay) infinite, fb-sway 5s ease-in-out var(--delay) infinite alternate;border-radius:50%;position:absolute;bottom:-80px;box-shadow:inset 0 0 6px #ffffff80}@keyframes fb-rise{0%{opacity:0;transform:translateY(0)}8%{opacity:.75}85%{opacity:.6}to{opacity:0;transform:translateY(calc(-100vh - 160px))}}@keyframes fb-sway{0%{translate:-14px}to{translate:14px}}@media (width<=600px){.fb-bubble:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.floating-bubbles{display:none}}.phone-showcase{flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.phone-showcase:before{content:"";background:color-mix(in srgb, var(--accent,#f0507c) 12%, transparent);z-index:0;border-radius:50%;width:320px;height:420px;position:absolute;top:50px;left:50%;translate:-50%}.phone-frame{z-index:1;background:var(--color-navy);border-radius:40px;width:260px;height:552px;padding:14px 10px;position:relative;box-shadow:0 24px 48px #251c5240}.phone-notch{z-index:2;background:#000;border-radius:0 0 12px 12px;width:80px;height:16px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--color-bg);border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.phone-slide{opacity:0;transition:opacity .5s ease, transform .6s var(--ease-soft);flex-direction:column;gap:10px;padding:36px 14px 16px;display:flex;position:absolute;inset:0;transform:translate(16px)}.phone-slide.active{opacity:1;transform:none}.phone-slide-image{padding:0}.phone-slide-image img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.ps-title-bar{color:var(--color-navy);margin-bottom:2px;font-size:.95rem;font-weight:700}:root[data-theme=dark] .ps-title-bar{color:var(--color-text)}.ps-item-card{border:2px solid #2b1f5c0f;border-radius:14px;align-items:center;gap:8px;padding:9px;display:flex}.phone-slide.active .ps-item-card{animation:reveal-up .5s var(--ease-soft) both}.phone-slide.active .ps-item-card:nth-of-type(2){animation-delay:80ms}.phone-slide.active .ps-item-card:nth-of-type(3){animation-delay:.16s}.phone-slide.active .ps-item-card:nth-of-type(4){animation-delay:.24s}.phone-slide.active .ps-item-card:nth-of-type(5){animation-delay:.32s}.ps-item-icon{font-size:1.2rem}.ps-item-lines{flex-direction:column;flex:1;gap:4px;display:flex}.ps-item-lines span{background:#2b1f5c2e;border-radius:4px;width:100%;height:6px;display:block}.ps-item-lines span.short{width:55%}.ps-add-btn,.ps-qty-pill{color:#fff;white-space:nowrap;background:#f0507c;border-radius:999px;padding:4px 9px;font-size:.62rem;font-weight:900}.ps-qty-pill{background:#8d5bd8}.ps-cart-row{color:var(--color-text);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.ps-cart-row span:first-child{background:#9b5de538;border-radius:4px;width:60%;height:8px}.ps-price{font-weight:900}.ps-divider{border-top:2px dashed var(--color-border);height:0;margin:4px 0}.ps-address-line{color:var(--color-text-muted);font-size:.72rem;font-weight:700}.ps-total-row{color:var(--color-navy);justify-content:space-between;margin-top:6px;font-size:.95rem;font-weight:700;display:flex}:root[data-theme=dark] .ps-total-row{color:var(--color-text)}.ps-place-order{color:#fff;text-align:center;background:#f0507c;border-radius:999px;margin-top:auto;padding:11px;font-size:.88rem;font-weight:700}.phone-caption{z-index:1;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.phone-caption-label{color:var(--color-text-muted);animation:reveal-fade .4s var(--ease-soft) both;border-radius:999px;padding:6px 16px;font-size:.85rem;font-weight:800}.phone-dots{gap:8px;display:flex}.phone-dots button{background:var(--color-border);cursor:pointer;width:10px;height:10px;transition:width .3s var(--ease-soft), background-color .25s ease;border:none;border-radius:999px;padding:0}.phone-dots button.active{background:var(--accent,var(--color-primary));width:26px}@media (width<=480px){.phone-frame{width:220px;height:460px}.phone-showcase:before{width:280px;height:360px}}.pd-page{min-height:100vh}.pd-header{z-index:20;background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.pd-header-inner{justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px;display:flex}.pd-logo-link{text-decoration:none}.pd-hero{background:radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--accent) 12%, transparent) 0, transparent 45%);position:relative;overflow:hidden}.pd-body{z-index:1;padding-top:28px;padding-bottom:56px;position:relative}.pd-back-link{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:28px;font-size:.9rem;font-weight:800;text-decoration:none;transition:color .2s;display:inline-flex}.pd-back-arrow{transition:transform .25s var(--ease-soft)}.pd-back-link:hover{color:var(--color-text)}.pd-back-link:hover .pd-back-arrow{transform:translate(-3px)}.pd-notfound{text-align:center;padding:100px 24px}.pd-notfound-emoji{font-size:3rem;display:inline-block}.pd-notfound h1{color:var(--color-navy)}:root[data-theme=dark] .pd-notfound h1{color:var(--color-text)}.pd-notfound p{color:var(--color-text-muted);margin-bottom:28px}.pd-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:48px;display:grid}.pd-icon{background:color-mix(in srgb, var(--accent) 15%, var(--color-surface));border-radius:22px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:18px;font-size:2.4rem;display:flex}.pd-info h1{color:var(--color-navy);margin:0 0 14px;font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:900;line-height:1.15}:root[data-theme=dark] .pd-info h1{color:var(--color-text)}.pd-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px;display:flex}.pd-rating{color:var(--color-text);align-items:center;gap:6px;font-weight:800;display:inline-flex}.pd-stars span{color:var(--color-border);font-size:1.05rem}.pd-stars span.on{color:#ffc233}.pd-reviews{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.pd-paragraph{color:var(--color-text-muted);max-width:560px;margin:0 0 16px;font-size:1.02rem;line-height:1.7}.pd-actions{margin-top:12px}.pd-showcase{flex-direction:column;align-items:center;display:flex;position:sticky;top:96px}.pd-showcase-caption{text-align:center;max-width:290px;color:var(--color-text-muted);margin:16px 0 0;font-size:.84rem}.pd-related{padding-top:40px}.pd-related-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pd-related-card{background:var(--color-surface);border:1px solid var(--color-border);color:inherit;transition:transform .3s var(--ease-soft), box-shadow .3s ease;border-radius:18px;align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex}.pd-related-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.pd-related-icon{background:color-mix(in srgb, var(--accent) 15%, var(--color-surface));border-radius:14px;justify-content:center;align-items:center;width:54px;min-width:54px;height:54px;font-size:1.6rem;display:flex}.pd-related-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pd-related-text strong{color:var(--color-navy);font-size:1rem;font-weight:800}:root[data-theme=dark] .pd-related-text strong{color:var(--color-text)}.pd-related-text span{color:var(--color-text-muted);font-size:.85rem}.pd-related-arrow{color:var(--color-text-muted);transition:transform .25s var(--ease-soft), color .2s ease;font-weight:900}.pd-related-card:hover .pd-related-arrow{color:var(--accent);transform:translate(3px)}@media (width<=900px){.pd-layout{grid-template-columns:1fr}.pd-showcase{order:-1;margin-bottom:10px;position:static}.pd-related-grid{grid-template-columns:1fr}}