:root{--bg-dark: #07191E;--bg-surface: #0A2229;--bg-card: #12211F;--bg-card-hover: #172D2A;--bg-card-solid: #152422;--bg-footer: #051216;--teal-primary: #044A42;--teal-light: #06665B;--teal-glow: rgba(4, 74, 66, .45);--gold-accent: #C5A880;--gold-light: #DFC7A5;--gold-glow: rgba(197, 168, 128, .25);--gold-gradient: linear-gradient(135deg, #C5A880 0%, #9B7E58 100%);--text-primary: #F4F6F5;--text-muted: #9EABA7;--text-dim: #6B7B77;--border-subtle: rgba(197, 168, 128, .18);--border-teal: rgba(4, 74, 66, .4);--border-gold: rgba(197, 168, 128, .45);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 30px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:85px;scroll-behavior:smooth;font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{overflow-x:hidden;background:radial-gradient(circle at 50% 0%,rgba(4,74,66,.28) 0%,transparent 60%),radial-gradient(circle at 10% 40%,rgba(197,168,128,.08) 0%,transparent 40%),var(--bg-dark);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:.5px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.glass-card{background:#12211fc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 16px 36px #0006;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-gold);transform:translateY(-3px);box-shadow:0 20px 48px #0000008c,0 0 24px var(--gold-glow)}.gold-gradient-text{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.badge-gold{display:inline-flex;align-items:center;gap:8px;background:#c5a8801f;border:1px solid var(--border-gold);color:var(--gold-accent);padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.btn-primary,.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold-gradient);color:#07191e!important;font-weight:800;font-size:1rem;padding:14px 30px;border-radius:var(--radius-md);box-shadow:0 10px 28px #c5a88059;transition:all .25s ease;letter-spacing:.5px;cursor:pointer;border:none}.btn-primary:hover,.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 36px #c5a8808c;background:linear-gradient(135deg,#dfc7a5,#b39268);color:#07191e!important}.btn-emerald{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#10b981,#059669);color:#061d17!important;font-weight:900;font-size:1rem;padding:14px 30px;border-radius:var(--radius-md);box-shadow:0 10px 28px #10b98166;transition:all .25s ease;letter-spacing:.5px;cursor:pointer;border:none}.btn-emerald:hover{transform:translateY(-2px);box-shadow:0 14px 36px #10b98199;background:linear-gradient(135deg,#34d399,#059669);color:#061d17!important}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#044a4259;border:1px solid var(--border-teal);color:var(--text-primary);font-weight:700;font-size:.95rem;padding:14px 28px;border-radius:var(--radius-md);transition:all .25s ease}.btn-secondary:hover{background:#044a4299;border-color:var(--gold-accent);color:#fff}.input-field{width:100%;background:#12211fd9;border:1.5px solid var(--border-gold);border-radius:var(--radius-md);padding:16px 20px;color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-sizing:border-box}.input-field::placeholder{color:var(--text-dim)}.input-field:focus{border-color:var(--gold-light);box-shadow:0 0 24px var(--gold-glow);background:#12211ffa}.mockup-3d-wrapper{position:relative;display:inline-block;perspective:1400px;transform-style:preserve-3d}.mockup-3d-img{width:100%;max-width:330px;height:auto;display:block;filter:drop-shadow(0 25px 50px rgba(0,0,0,.95)) drop-shadow(0 0 25px rgba(197,168,128,.28));transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s ease;will-change:transform}.mockup-3d-wrapper:hover .mockup-3d-img{transform:translateY(-8px) scale(1.025) rotateY(-3deg) rotateX(2deg);filter:drop-shadow(0 35px 70px rgba(0,0,0,.98)) drop-shadow(0 0 45px rgba(197,168,128,.5))}.phone-frame-3d{position:relative;display:inline-block;width:100%;max-width:325px;background:#111413;border-radius:44px;padding:10px;border:3.5px solid #36413E;box-shadow:0 0 0 1.5px #c5a88059,0 24px 60px #000000d9,0 0 35px var(--gold-glow);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.phone-frame-3d:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 0 0 2px var(--gold-accent),0 32px 80px #000000f2,0 0 50px var(--gold-glow)}.phone-screen{position:relative;width:100%;aspect-ratio:1080 / 2340;background:#0a2229;border-radius:34px;overflow:hidden;display:block}.phone-screen img{width:100%;height:100%;object-fit:contain;display:block}.phone-island{position:absolute;top:8px;left:50%;transform:translate(-50%);width:64px;height:14px;background:#000;border-radius:10px;z-index:10;box-shadow:0 1px 4px #0009;opacity:.75}.section{padding:90px 0;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--teal-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}@media (max-width: 768px){.section{padding:55px 0}}section,.section{scroll-margin-top:85px}.capacity-hud-card{background:linear-gradient(145deg,#0e1c1aeb,#071211fa);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:26px 30px;box-shadow:0 20px 48px #00000080,inset 0 1px #ffffff14;position:relative;overflow:hidden}.capacity-hud-card:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:60%;height:100%;background:radial-gradient(ellipse at center,rgba(4,74,66,.35) 0%,transparent 70%);pointer-events:none}.battle-card-premium{background:linear-gradient(155deg,#12211feb,#091514fa);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 36px #0000006b,inset 0 1px #ffffff0f;transition:all .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.battle-card-premium:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold-accent) 50%,transparent 100%);opacity:0;transition:opacity .35s ease;z-index:5}.battle-card-premium:hover{border-color:var(--border-gold);transform:translateY(-4px);box-shadow:0 22px 52px #000000a6,0 0 28px var(--gold-glow)}.battle-card-premium:hover:after{opacity:1}.battle-card-premium:hover .battle-card-image{transform:scale(1.06)}.battle-card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.battle-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;justify-content:space-between}.trigger-pill{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;letter-spacing:.3px;padding:4px 10px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted)}.category-pill-btn{padding:10px 20px;border-radius:30px;font-size:.85rem;font-weight:700;letter-spacing:.4px;border:1px solid rgba(197,168,128,.2);background:#12211f99;color:var(--text-muted);cursor:pointer;transition:all .25s ease}.category-pill-btn:hover{border-color:var(--gold-accent);color:#fff;background:#044a4273}.category-pill-btn.active{background:var(--gold-gradient);color:#07191e!important;border-color:transparent;box-shadow:0 6px 20px #c5a88059;font-weight:800}.pricing-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1320px;margin:0 auto 40px;align-items:stretch}@media (max-width: 1080px){.pricing-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (max-width: 640px){.pricing-grid-4{grid-template-columns:1fr;gap:20px}}