:root{
  --bg:#030712; --bg2:#071222; --panel:rgba(10,17,30,.78); --glass:rgba(255,255,255,.07);
  --line:rgba(129,190,255,.22); --blue:#0d7cff; --cyan:#67c9ff; --text:#f5f7fb; --muted:#b8c2d6;
  --silver:#d9e4f3; --shadow:0 26px 80px rgba(0,0,0,.45); --radius:26px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 22% 8%,rgba(23,100,199,.38),transparent 34%),linear-gradient(135deg,#02040a 0%,#071222 50%,#02040a 100%);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);font-size:.76rem;font-weight:700}.section{padding:96px 0;position:relative}.section-title{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.2rem);line-height:.98;margin:12px 0 18px}.lead{color:var(--muted);font-size:1.05rem;line-height:1.8;max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:14px 24px;font-weight:800;letter-spacing:.04em;transition:.25s ease;cursor:pointer;background:transparent;color:var(--text)}.btn-primary{background:linear-gradient(135deg,#0058ff,#44c7ff);box-shadow:0 0 26px rgba(13,124,255,.42);border:0;color:white}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.32),0 0 22px rgba(103,201,255,.22)}
/* Intro */
.intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#02040a;overflow:hidden;transition:opacity .8s ease,visibility .8s ease}.intro.hide{opacity:0;visibility:hidden}.intro:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 10%,rgba(73,175,255,.35),transparent 24%),radial-gradient(circle at 80% 28%,rgba(0,71,164,.22),transparent 28%),linear-gradient(145deg,#02040a,#09182e 55%,#02040a);animation:introPulse 8s ease-in-out infinite}.intro:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 80px,rgba(103,201,255,.06) 82px 84px,transparent 86px 150px);filter:blur(.2px);animation:rays 12s linear infinite}.intro-stage{position:relative;z-index:2;width:min(1040px,92%);text-align:center}.intro-product{width:min(760px,94%);margin:auto;filter:drop-shadow(0 38px 72px rgba(0,0,0,.7));animation:cinemaReveal 7s ease forwards}.intro-title{font-family:Georgia,serif;font-size:clamp(2.2rem,7vw,6.8rem);letter-spacing:.14em;margin:-24px 0 8px;text-shadow:0 0 40px rgba(103,201,255,.38);opacity:0;animation:titleIn 2s ease 2.5s forwards}.intro-sub{color:var(--muted);letter-spacing:.24em;text-transform:uppercase;opacity:0;animation:titleIn 1.4s ease 3.2s forwards}.skip{position:absolute;right:24px;top:24px;z-index:3;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);color:white;border:1px solid var(--line);border-radius:999px;padding:10px 16px;cursor:pointer}.sound-note{position:absolute;left:24px;bottom:20px;color:#a8b6ce;font-size:.8rem;z-index:3}.particles span{position:absolute;width:3px;height:3px;background:#a8ddff;border-radius:50%;opacity:.55;animation:float 8s infinite ease-in-out}.particles span:nth-child(1){left:12%;top:30%;animation-delay:.3s}.particles span:nth-child(2){left:72%;top:23%;animation-delay:1.1s}.particles span:nth-child(3){left:45%;top:72%;animation-delay:2s}.particles span:nth-child(4){left:88%;top:65%;animation-delay:1.7s}.particles span:nth-child(5){left:24%;top:84%;animation-delay:2.7s}@keyframes cinemaReveal{0%{opacity:0;transform:scale(1.18) translateX(-36px);filter:blur(6px) drop-shadow(0 30px 55px rgba(0,0,0,.8))}25%{opacity:1;filter:blur(0) drop-shadow(0 38px 72px rgba(0,0,0,.7))}100%{transform:scale(1) translateX(0)}}@keyframes titleIn{to{opacity:1;transform:translateY(0)}from{opacity:0;transform:translateY(14px)}}@keyframes introPulse{50%{transform:scale(1.04);filter:saturate(1.2)}}@keyframes rays{to{transform:translateX(-120px)}}@keyframes float{50%{transform:translateY(-30px);opacity:1}}
/* Header */
.header{position:sticky;top:0;z-index:50;background:rgba(2,6,15,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:1.35rem;letter-spacing:.16em}.brand-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#05070d,#0b7cff);display:grid;place-items:center;font-weight:900;box-shadow:0 0 22px rgba(13,124,255,.38)}.menu{display:flex;align-items:center;gap:20px;font-size:.88rem;color:#d7deee}.menu a{opacity:.86}.menu a:hover{opacity:1;color:var(--cyan)}.socials{display:flex;gap:10px}.socials a{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#dceaff;background:rgba(255,255,255,.04)}.socials svg{width:18px}.hamb{display:none;border:1px solid var(--line);background:rgba(255,255,255,.05);color:white;border-radius:12px;padding:10px 12px}
/* Hero */
.hero{min-height:calc(100vh - 76px);display:grid;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 18%,rgba(13,124,255,.26),transparent 32%),radial-gradient(circle at 20% 80%,rgba(103,201,255,.13),transparent 28%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:46px;align-items:center;position:relative;z-index:1}.hero h1{font-family:Georgia,serif;font-size:clamp(3.4rem,9vw,8.8rem);letter-spacing:.1em;line-height:.9;margin:14px 0}.tagline{font-size:clamp(1.1rem,2vw,1.55rem);letter-spacing:.2em;text-transform:uppercase;color:#e8f2ff}.hero-card{position:relative}.hero-img{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1);animation:slowFloat 6s ease-in-out infinite}.shine{position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.18) 45%,transparent 62%);transform:translateX(-120%);animation:shine 4.8s ease-in-out infinite;pointer-events:none}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.stat{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--glass)}.stat strong{display:block;font-size:1.2rem}.stat span{color:var(--muted);font-size:.85rem}@keyframes slowFloat{50%{transform:translateY(-10px)}}@keyframes shine{45%,100%{transform:translateX(120%)}}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 15px 45px rgba(0,0,0,.2)}.card h3{margin:12px 0 10px}.icon-dot{width:42px;height:42px;border-radius:14px;background:rgba(13,124,255,.17);border:1px solid var(--line);display:grid;place-items:center;color:var(--cyan)}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.panel{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.notes{display:grid;gap:14px}.note{padding:22px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.gallery figure{margin:0;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:#07101d}.gallery img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery figure:hover img{transform:scale(1.04)}.gallery .tall{grid-row:span 2}.buy-box{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.price{font-size:2.6rem;font-weight:900;margin:8px 0 22px}.qty{display:flex;align-items:center;gap:12px;margin:18px 0}.qty button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:white;font-size:1.2rem}.qty input{width:72px;text-align:center;padding:12px;border-radius:12px;border:1px solid var(--line);background:#07101d;color:white}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;padding:15px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(2,6,15,.72);color:white;outline:none}.form textarea{min-height:135px;resize:vertical}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.policy-grid a{padding:18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#dceaff}.footer{padding:48px 0;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.28)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.mini{color:var(--muted);font-size:.92rem;line-height:1.7}.copyright{margin-top:28px;color:#8c98ad;font-size:.85rem}.toast{position:fixed;right:18px;bottom:18px;z-index:99;padding:14px 18px;border-radius:14px;background:rgba(7,16,29,.94);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.3s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:980px){.menu,.header .socials{display:none}.hamb{display:block}.menu.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:flex-start;padding:22px 4%;background:rgba(2,6,15,.96);border-bottom:1px solid var(--line)}.hero-grid,.split,.buy-box,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero{padding:60px 0}.hero-card{order:-1}.cards{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr}.gallery .tall{grid-row:auto}.policy-grid{grid-template-columns:1fr 1fr}.stat-row{grid-template-columns:1fr}}
@media(max-width:620px){.section{padding:68px 0}.cards,.policy-grid{grid-template-columns:1fr}.intro-title{margin-top:-10px}.cta-row .btn{width:100%}.hero h1{letter-spacing:.06em}.tagline{letter-spacing:.12em}.panel{padding:24px}}