:root{--navy:#081b33;--navy-2:#0f3760;--ocean:#0d6ba8;--cyan:#00d4ff;--cyan-soft:#e0f9ff;--accent:#00e0a8;--ink:#081b33;--paper:#f5f9fc;--white:#ffffff;--line:#dbe7ef;--muted:#5b7185}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;overflow-x:hidden}.display,h1,h2,h3{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}img,svg{display:block}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{justify-content:space-between;padding:14px 24px}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:1.15rem;color:var(--navy)}.brand-mark{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--ocean));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(21,94,140,.35)}.brand-mark svg{width:20px;height:20px}.nav-links{display:flex;gap:28px;font-size:.92rem;font-weight:500;color:var(--muted)}.nav-links a:hover{color:var(--ocean)}.nav-cta{background:linear-gradient(120deg,var(--navy),var(--ocean));color:#fff;padding:10px 22px;border-radius:100px;font-weight:700;font-size:.88rem;white-space:nowrap;box-shadow:0 6px 18px rgba(8,27,51,.25);transition:transform .2s ease,box-shadow .2s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(8,27,51,.32)}@media(max-width:760px){.nav-links{display:none}}.hero{position:relative;padding:88px 24px 100px;overflow:hidden}.hero-bg{background:radial-gradient(circle at 85% 8%,rgba(0,212,255,.28),transparent 55%),radial-gradient(circle at 8% 95%,rgba(0,224,168,.18),transparent 50%),radial-gradient(circle at 50% 0,rgba(13,107,168,.1),transparent 60%)}.hero-bg,.sweep{position:absolute;inset:0;z-index:0}.sweep{pointer-events:none}.sweep svg{width:100%;height:100%}.hero-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-soft);color:var(--ocean);padding:8px 18px;border-radius:100px;font-size:.85rem;font-weight:700;margin-bottom:26px;letter-spacing:.02em;box-shadow:0 4px 14px rgba(0,212,255,.15)}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}h1.hero-title{font-size:clamp(2.5rem,7vw,4.4rem);font-weight:800;color:var(--navy);line-height:1.04;letter-spacing:-.025em;max-width:900px;margin:0 auto 20px}h1.hero-title .accent{background:linear-gradient(90deg,var(--ocean),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:var(--muted);font-size:1.05rem;max-width:560px;margin:0 auto 36px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:52px}.btn{padding:14px 28px;border-radius:100px;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(10,37,64,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(10,37,64,.32)}.btn-ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--ocean);color:var(--ocean)}.btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.hero-stats{display:flex;justify-content:center;gap:0;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 10px;box-shadow:0 20px 44px rgba(10,37,64,.06);max-width:760px;margin:0 auto}.stat{flex:1 1;min-width:130px;text-align:center;padding:8px 12px;border-right:1px solid var(--line)}.stat:last-child{border-right:none}.stat b{display:block;font-size:1.5rem;color:var(--navy);font-family:Outfit,sans-serif}.stat span{font-size:.78rem;color:var(--muted)}@media(max-width:600px){.stat{border-right:none;border-bottom:1px solid var(--line);flex:1 1 45%}}section{padding:76px 24px}.section-head{max-width:640px;margin:0 auto 48px;text-align:center}.section-eyebrow{color:var(--ocean);font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--navy);letter-spacing:-.01em}.section-sub{color:var(--muted);margin-top:12px;font-size:.98rem}.services-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}@media(max-width:760px){.services-grid{grid-template-columns:1fr}}.service-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(10,37,64,.08)}.service-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--cyan-soft),#fff);display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid var(--line)}.service-icon svg{width:26px;height:26px;stroke:var(--ocean)}.service-card h3{font-size:1.15rem;color:var(--navy);margin-bottom:8px}.service-card>p.service-intro{color:var(--muted);font-size:.9rem;margin-bottom:18px;line-height:1.5}.service-sublist{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:11px}.service-sublist li{display:flex;align-items:flex-start;gap:10px;padding-bottom:11px;border-bottom:1px dashed var(--line)}.service-sublist li:last-child{border-bottom:none;padding-bottom:0}.service-sublist .check{width:18px;height:18px;border-radius:50%;flex:none;margin-top:2px;background:var(--cyan-soft);display:flex;align-items:center;justify-content:center}.service-sublist .check svg{width:10px;height:10px;stroke:var(--ocean);stroke-width:3}.service-sublist .sub-name{font-weight:700;color:var(--navy);font-size:.9rem}.service-sublist .sub-desc{color:var(--muted);font-size:.83rem;line-height:1.4;margin-top:2px}.service-card.featured .service-sublist li{border-bottom-color:rgba(255,255,255,.15)}.service-card.featured .service-sublist .check{background:rgba(0,224,168,.2)}.service-card.featured .service-sublist .check svg{stroke:var(--accent)}.service-card.featured .service-sublist .sub-name{color:#fff}.service-card.featured .service-sublist .sub-desc{color:rgba(255,255,255,.62)}.service-price{font-size:.85rem;font-weight:600;color:var(--ocean)}.service-card.featured{background:linear-gradient(160deg,var(--navy) 0,var(--navy-2) 100%);border:1px solid var(--navy)}.service-card.featured .service-icon{background:linear-gradient(135deg,var(--accent),var(--cyan));border:none}.service-card.featured .service-icon svg{stroke:var(--navy)}.service-card.featured h3{color:#fff}.service-card.featured p.service-intro{color:rgba(255,255,255,.72)}.service-card.featured .service-price{color:var(--accent)}.service-card.featured .service-tag{display:inline-block;background:rgba(0,224,168,.18);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:100px;margin-bottom:14px}.tariff-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}.tab-btn{padding:10px 20px;border-radius:100px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.tab-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.tariff-panel{display:none;max-width:760px;margin:0 auto}.tariff-panel.active{display:block;animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tariff-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}.tariff-row .name{font-weight:600;color:var(--navy);font-size:.96rem}.tariff-row .detail{font-size:.82rem;color:var(--muted);margin-top:2px}.tariff-row .price{font-weight:700;color:var(--ocean);font-family:Outfit,sans-serif;white-space:nowrap}.tariff-note{text-align:center;color:var(--muted);font-size:.85rem;margin-top:18px}.shop-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}@media(max-width:860px){.shop-grid{grid-template-columns:1fr}}.shop-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 26px;display:flex;flex-direction:column;gap:14px;transition:transform .2s ease,box-shadow .2s ease}.shop-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(8,27,51,.08)}.shop-card.flagship{border:1px solid var(--ocean);position:relative;overflow:hidden}.shop-card.flagship:before{content:"Best-seller";position:absolute;top:16px;right:-34px;transform:rotate(45deg);background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 40px}.shop-image{position:relative;width:100%;height:210px;border-radius:16px;background:linear-gradient(160deg,var(--cyan-soft),#fff);display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-image svg{width:110px;height:110px}.shop-image img.shop-photo{max-width:82%;max-height:88%;object-fit:contain;display:block}.shop-sticker{position:absolute;bottom:-10px;right:-10px;width:58px;height:58px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(8,27,51,.25);padding:4px}.shop-sticker img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.shop-card h3{font-size:1.15rem;color:var(--navy)}.shop-card p{font-size:.88rem;color:var(--muted);line-height:1.5;flex-grow:1}.shop-price{font-size:1.6rem;font-weight:800;color:var(--navy);font-family:Outfit,sans-serif}.shop-price span{font-size:.8rem;font-weight:500;color:var(--muted)}.shop-buy{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:#fff;padding:13px 20px;border-radius:100px;font-weight:700;font-size:.9rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.shop-buy:hover{background:var(--ocean);transform:translateY(-1px)}.shop-buy svg{width:16px;height:16px}.shop-secure{text-align:center;color:var(--muted);font-size:.8rem;margin-top:32px;display:flex;align-items:center;justify-content:center;gap:8px}.shop-secure svg{width:16px;height:16px;stroke:var(--ocean)}.why-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media(max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr)}}.why-card{text-align:center;padding:14px}.why-icon{width:56px;height:56px;border-radius:50%;background:var(--cyan-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.why-icon svg{width:26px;height:26px;stroke:var(--ocean)}.why-card h4{font-size:.98rem;color:var(--navy);margin-bottom:6px}.why-card p{font-size:.85rem;color:var(--muted)}.ba-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px}@media(max-width:760px){.ba-grid{grid-template-columns:1fr}}.ba-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 16px 36px rgba(10,37,64,.06)}.ba-card h3{font-size:1.05rem;color:var(--navy);margin-bottom:14px;text-align:center}.compare{position:relative;width:100%;aspect-ratio:4/5;border-radius:14px;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.compare .after-wrap{position:absolute;inset:0;overflow:hidden;-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}.compare-tag{position:absolute;top:12px;padding:5px 12px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:rgba(10,37,64,.75);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tag-before{left:12px}.tag-after{right:12px;background:rgba(41,194,224,.85)}.compare-handle{left:50%;width:0;transform:translateX(-50%);pointer-events:none}.compare-handle,.compare-line{position:absolute;top:0;bottom:0}.compare-line{left:0;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(10,37,64,.15)}.compare-knob{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 6px 18px rgba(10,37,64,.25)}.compare-knob svg{width:14px;height:14px;stroke:var(--navy)}.compare-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-moz-appearance:none;appearance:none;-webkit-appearance:none}.compare-slider::-webkit-slider-thumb{-webkit-appearance:none;width:100%;height:100%}.compare-caption{text-align:center;color:var(--muted);font-size:.85rem;margin-top:14px}.zone-section{background:var(--navy);color:#fff;border-radius:28px;max-width:1120px;margin:0 auto;padding:56px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;position:relative;overflow:hidden}.zone-section:before{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(41,194,224,.35),transparent 70%)}.zone-section h3{font-size:1.6rem;margin-bottom:10px;position:relative}.zone-section p{color:#b9cbdc;max-width:420px;position:relative}.zone-badge{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:14px 22px;border-radius:100px;position:relative;font-weight:600}.contact-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:40px;gap:40px;align-items:stretch}@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}.contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px}.contact-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border-bottom:none}.contact-item .icon{width:42px;height:42px;border-radius:12px;background:var(--cyan-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item .icon svg{width:20px;height:20px;stroke:var(--ocean)}.contact-item .label{font-size:.78rem;color:var(--muted)}.contact-item .value{font-weight:600;color:var(--navy)}.cta-panel{background:linear-gradient(155deg,var(--navy),var(--ocean));color:#fff;border-radius:22px;padding:36px;display:flex;flex-direction:column;justify-content:center;gap:18px}.cta-panel h3{font-size:1.4rem}.cta-panel p{color:#c7dcec;font-size:.92rem}.cta-panel .btn-primary{background:#fff;color:var(--navy)}.cta-panel .btn-primary:hover{background:var(--cyan-soft)}footer{text-align:center;padding:36px 24px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}footer .foot-brand{color:var(--navy);font-weight:700;font-family:Outfit,sans-serif}