:root{--navy:#0A2E4D;--navy-deep:#071F36;--navy-soft:#12456F;--teal:#087A7A;--teal-bright:#14C7B8;--teal-pale:#E4F5F3;--amber:#F5A623;--amber-deep:#DC8A0E;--bg:#F6FAFA;--surface:#fff;--ink:#0F2430;--ink-soft:#4B6373;--ink-faint:#5B7280;--line:#E1EBEC;--line-strong:#CBDBDC;--radius:14px;--font-display:'Space Grotesk','Segoe UI',sans-serif;--font-body:'Inter','Segoe UI',sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;display:block}iframe{max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);color:var(--navy);margin:0 0 .5em;line-height:1.15;letter-spacing:-.01em}p{margin:0 0 1em;color:var(--ink-soft)}button{font-family:inherit;cursor:pointer}.container{max-width:var(--container,1320px);margin:0 auto;padding:0 24px}:focus-visible{outline:2px solid var(--teal-bright);outline-offset:2px}
.skip-link{position:absolute;left:10px;top:-60px;z-index:1000;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:76px}.brand{display:flex;align-items:center;gap:10px}.brand img{height:46px;width:auto}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{font-weight:600;font-size:14.5px;color:var(--navy);position:relative;padding:6px 0}.nav-links a.active{color:var(--teal)}.nav-cta{display:flex;align-items:center;gap:18px}.nav-phone{font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.nav-toggle{display:none;background:none;border:none;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:15px;border:1.5px solid transparent;white-space:nowrap}.btn-primary{background:var(--amber);color:var(--navy-deep);box-shadow:0 1px 2px rgba(10,46,77,.06)}.btn-outline{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}.btn-sm{padding:9px 18px;font-size:13px}
.hero{position:relative;overflow:hidden;background:radial-gradient(1100px 500px at 15% -10%,#123B5E 0%,var(--navy) 45%,var(--navy-deep) 100%);color:#fff;padding:76px 0 96px}.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero h1{color:#fff;font-size:clamp(34px,4.4vw,56px);margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--teal-bright)}.hero p.lead{color:rgba(255,255,255,.78);font-size:17px;max-width:480px;margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.hero-trust{display:flex;gap:28px;flex-wrap:wrap}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{font-family:var(--font-display);font-size:22px;color:#fff}.hero-trust span{font-size:12.5px;color:rgba(255,255,255,.72);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}
.hero-3d-visual{height:auto;min-height:520px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-3d-badge{position:absolute;top:0;right:10px;z-index:3;background:rgba(7,31,54,.88);border:1px solid rgba(255,255,255,.16);color:#fff;padding:9px 14px;border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.hero-3d-stage{width:100%;aspect-ratio:16/10;min-height:420px;background:#051423;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28);position:relative}.hero-3d-stage iframe{width:100%;height:100%;border:0;display:block}.hero-3d-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;color:rgba(255,255,255,.72);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.hero-3d-caption a{color:#fff}
.page-hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;padding:58px 0 46px}.page-hero h1{color:#fff;font-size:clamp(28px,4vw,42px);margin-bottom:10px}.page-hero p{color:rgba(255,255,255,.78);max-width:560px}.breadcrumb{font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,.72);margin-bottom:16px;text-transform:uppercase;letter-spacing:.06em}.about-hero{background:var(--surface);padding:70px 0}.about-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-hero .art{background:var(--navy);border-radius:24px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-hero .art img{width:100%;height:100%;object-fit:cover}.product-detail{padding:78px 0}.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:start}.product-media{background:#f7faf9;border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:sticky;top:96px}.product-media picture,.product-media picture img{display:block;width:100%}.product-media picture img{height:min(620px,58vw);object-fit:contain;background:#fff;border-radius:10px}.product-info h2{font-size:clamp(26px,3vw,40px);line-height:1.12;margin:12px 0 18px}
@media(max-width:980px){.hero .container{grid-template-columns:1fr}.hero-3d-visual{min-height:0}.hero-3d-stage{min-height:360px}.nav-links{position:fixed;inset:76px 0 0;background:var(--surface);flex-direction:column;align-items:flex-start;gap:0;padding:10px 24px 30px;transform:translateY(-8px);opacity:0;pointer-events:none;border-top:1px solid var(--line);overflow-y:auto}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{width:100%;padding:14px 0;border-bottom:1px solid var(--line)}.nav-toggle{display:block}.nav-cta .btn{display:none}.nav-phone{display:none}}
@media(max-width:900px){.about-hero .container{grid-template-columns:1fr}.product-detail-grid{grid-template-columns:1fr;gap:32px}.product-media{position:static}.product-media picture img{height:70vw;max-height:560px}}
@media(max-width:600px){.hero-3d-stage{min-height:280px;border-radius:18px}.hero-3d-caption{flex-direction:column;align-items:flex-start}}