:root{--navy: #0B1F3F;--navy-deep: #071630;--orange: #F0791D;--orange-deep: #D2650F;--paper: #F7F4EF;--paper-raised: #FFFFFF;--ink: #10182B;--slate: #5B6472;--line: #E4E0D8;--line-dark: rgba(255,255,255,.14);--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: 14px;--radius-sm: 8px;--shadow-card: 0 1px 2px rgba(16,24,43,.04), 0 8px 24px -12px rgba(16,24,43,.18);--shadow-lift: 0 20px 40px -20px rgba(11,31,63,.35);--ease: cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);color:var(--navy);margin:0;letter-spacing:-.01em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}.container{max-width:1180px;margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono)}.top-utility-bar{background:var(--navy);color:#ffffffd9;font-size:11.5px;padding:5px 16px}.top-utility-inner{display:flex;align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:0 18px}.top-utility-inner a{color:#ffffffd9}.top-utility-inner a:hover{color:#fff;text-decoration:underline}.trust-taglines{margin-left:auto;color:#ffffff8c}.site-header{position:sticky;top:0;z-index:40}.site-header .bar{display:flex;align-items:center;gap:20px;height:60px;max-width:1180px;margin:14px auto 0;padding:0 18px;background:#f7f4efd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 30px -14px #0b1f3f40}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:34px;height:34px;border-radius:8px}.brand .word{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--navy);letter-spacing:-.01em}.brand .tagline{display:none}.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav a{padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--slate);transition:background .18s var(--ease),color .18s var(--ease)}.nav a:hover,.nav a.active{background:#0b1f3f0f;color:var(--navy)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:8px}.nav-toggle span{width:22px;height:2px;background:var(--navy);border-radius:2px}.nav-mobile{max-width:1180px;margin:6px auto 0;padding:8px 14px;background:#f7f4eff7;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px -14px #0b1f3f40;display:none}.nav-item-hover{position:relative}.nav-item-hover .hover-card{position:absolute;top:100%;left:0;margin-top:8px;width:220px;background:var(--paper-raised);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lift);padding:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s}.nav-item-hover .hover-card.hover-card-wide{width:260px;padding:8px}@media (hover: hover){.nav-item-hover:hover .hover-card{opacity:1;visibility:visible;transform:translateY(0)}}.hover-card-row{font-size:12.5px;padding:4px 6px;color:var(--ink)}.hover-card-row a{color:var(--navy);font-weight:600}.hover-card-row a:hover{text-decoration:underline}.hover-card-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;font-size:12.5px;color:var(--ink);transition:background .15s var(--ease)}.hover-card-link:hover{background:#0b1f3f0f;color:var(--navy)}.hover-card-link .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-card-link .hover-card-price{font-family:var(--font-mono);font-size:11px;color:var(--slate);flex-shrink:0}.hover-card-link.hover-card-all{color:var(--orange);font-weight:600;margin-top:2px;border-top:1px solid var(--line);border-radius:0;padding-top:10px}.btn-wa{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff;font-weight:600;font-size:13px;padding:9px 16px;border-radius:999px;border:none;box-shadow:0 8px 20px -8px #f0791d8c;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.btn-wa:hover{transform:translateY(-1px);background:var(--orange-deep);box-shadow:0 12px 26px -8px #f0791d99}.wa-float{position:fixed;right:22px;bottom:22px;z-index:50;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 12px 30px -8px #25d36699;animation:pulse-wa 2.6s ease-in-out infinite}@keyframes pulse-wa{0%,to{box-shadow:0 12px 30px -8px #25d36699}50%{box-shadow:0 12px 30px -4px #25d366d9}}.hero{position:relative;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;overflow:hidden}.hero-net{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:56px 24px 60px;max-width:1180px;margin:0 auto}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin:0 0 12px}.hero h1{font-size:clamp(30px,4vw,44px);line-height:1.08;margin-bottom:14px;color:#fff}.hero p.lead{color:#ffffffc7;font-size:16px;max-width:46ch;margin:0 0 22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.btn-primary{background:var(--orange);color:#fff;font-weight:600;font-size:14px;padding:13px 22px;border-radius:10px;border:none;transition:transform .18s var(--ease),background .18s var(--ease)}.btn-primary:hover{transform:translateY(-1px);background:var(--orange-deep)}.btn-ghost{background:#ffffff14;color:#fff;font-weight:600;font-size:14px;padding:13px 22px;border-radius:10px;border:1px solid var(--line-dark);transition:background .18s var(--ease)}.btn-ghost:hover{background:#ffffff29}.trust-row{display:flex;gap:18px;flex-wrap:wrap}.trust-row span{font-size:12.5px;color:#fff9;display:flex;align-items:center;gap:6px}.trust-row span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange)}.hero-photo{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lift);aspect-ratio:4/3.1}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo .badge{position:absolute;left:14px;bottom:14px;right:14px;background:#0b1f3fe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:12px 14px;color:#fff}.hero-photo .badge b{font-family:var(--font-display);display:block;font-size:14px}.hero-photo .badge span{font-size:12px;color:#ffffffb8}.marquee-band{background:var(--navy);overflow:hidden;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 32s linear infinite}.marquee-group{display:flex;flex-shrink:0}.marquee-item{color:#ffffffe6;font-size:13px;font-weight:500;white-space:nowrap;padding:0 10px}.marquee-dot{color:var(--orange);margin-left:10px}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}}.section{padding:52px 24px}.section.tight{padding:40px 24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.section-head h2{font-size:26px}.section-head .more{font-size:13.5px;font-weight:600;color:var(--orange);white-space:nowrap}.section-head .more:hover{text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 900px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-4{grid-template-columns:1fr}}.card{position:relative;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift);border-color:#0b1f3f29}.card .thumb{position:relative;aspect-ratio:4/3.4;overflow:hidden;background:#ede9e1}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.card:hover .thumb img{transform:scale(1.08)}.card .tag{position:absolute;top:8px;left:8px;background:var(--navy);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;letter-spacing:.02em;transition:opacity .2s var(--ease)}.card .cta-float{position:absolute;right:8px;bottom:8px;z-index:2;height:34px;min-width:34px;border-radius:999px;display:flex;align-items:center;gap:6px;padding:0;justify-content:center;background:var(--navy);color:#fff;box-shadow:0 6px 16px -4px #0b1f3f80;transition:min-width .28s var(--ease),padding .28s var(--ease),background .18s var(--ease),transform .18s var(--ease);overflow:hidden;white-space:nowrap}.card .cta-float .label{font-size:12.5px;font-weight:600;max-width:0;opacity:0;overflow:hidden;transition:max-width .28s var(--ease),opacity .18s var(--ease)}@media (hover: hover){.card .cta-float{padding:0 9px 0 0}.card:hover .cta-float{min-width:130px;padding:0 16px 0 12px;transform:scale(1.04)}.card:hover .cta-float .label{max-width:100px;opacity:1;margin-left:2px}.card:hover .cta-float.orange{min-width:150px}}.card .cta-float:hover{background:var(--navy-deep)}.card .cta-float.orange{background:var(--orange);box-shadow:0 6px 16px -4px #f0791d8c}.card .cta-float.orange:hover{background:var(--orange-deep)}.card .body{padding:11px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.card h3{font-size:14px;line-height:1.28}.card p.desc{font-size:12px;color:var(--slate);margin:0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (hover: hover){.card p.desc{transition:-webkit-line-clamp .01s}.card:hover p.desc{-webkit-line-clamp:6}}.card .price-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;row-gap:2px;margin-top:2px}.card .price{font-family:var(--font-mono);font-weight:600;font-size:14px;color:var(--navy);white-space:nowrap}.card .duration{font-size:11px;color:var(--slate);text-align:right}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filters button{background:var(--paper-raised);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--slate);transition:all .18s var(--ease)}.filters button.active,.filters button:hover{border-color:var(--navy);color:var(--navy);background:#0b1f3f0d}.poles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pole{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.pole:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.pole .num{font-family:var(--font-mono);color:var(--orange);font-size:12px;font-weight:600}.pole h3{font-size:16px;margin:8px 0 6px}.pole p{font-size:13px;color:var(--slate);margin:0 0 10px}.pole b{font-size:12.5px;color:var(--navy)}.cta-band{margin:8px 24px 52px;background:var(--navy);border-radius:20px;padding:34px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#fff}.cta-band h2{color:#fff;font-size:22px;margin:6px 0 4px}.cta-band p{color:#ffffffb3;font-size:13.5px;margin:0;max-width:46ch}.site-footer{background:var(--navy-deep);color:#ffffffa6;padding:40px 24px 26px}.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.site-footer .brand-col .word{color:#fff;font-family:var(--font-display);font-weight:700;font-size:18px}.site-footer h4{color:#fff;font-size:13px;margin:0 0 10px}.site-footer a{display:block;font-size:13px;padding:3px 0;transition:color .15s}.site-footer a:hover{color:#fff}.site-footer .phone{font-family:var(--font-mono);color:var(--orange);font-weight:600}.site-footer .bottom{border-top:1px solid var(--line-dark);margin-top:26px;padding-top:16px;font-size:12px}.breadcrumb{font-size:12.5px;color:var(--slate);margin-bottom:16px}.breadcrumb a:hover{color:var(--navy);text-decoration:underline}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.product-detail .thumb{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);aspect-ratio:4/3.3}.product-detail .thumb img{width:100%;height:100%;object-fit:cover}.product-detail h1{font-size:28px;margin-bottom:8px}.product-detail .price-big{font-family:var(--font-mono);font-size:30px;font-weight:600;color:var(--navy);margin:14px 0 18px}.product-detail .desc{color:var(--slate);font-size:15px;margin-bottom:22px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;padding-top:34px}.hero-photo{order:-1;aspect-ratio:16/9}.poles{grid-template-columns:repeat(2,1fr)}.product-detail{grid-template-columns:1fr}.site-footer .cols{grid-template-columns:1fr;gap:22px}}@media (max-width: 640px){.nav{display:none}.nav-toggle{display:flex}.nav-mobile{display:flex;flex-direction:column;padding:8px 14px 12px;gap:2px}.nav-mobile a{padding:12px 6px;font-size:15px;font-weight:500;color:var(--ink);border-radius:8px}.nav-mobile a.active{color:var(--orange);background:#f0791d14}.btn-wa,.brand .tagline{display:none}.top-utility-inner{gap:10px;font-size:10.5px}.trust-taglines{display:none}.section{padding:36px 18px}.cta-band{margin:8px 18px 40px;padding:26px 20px;flex-direction:column;align-items:flex-start}}
