: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;max-width:100%;overflow-x:hidden}body{max-width:100%;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}#root{max-width:100%;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:.5px;text-wrap:balance;overflow-wrap:break-word}p,span,li,a{overflow-wrap:break-word}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 clamp(14px,3.5vw,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-platinum{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#fff,#e2e8f0,#cbd5e1);color:#07191e!important;font-weight:900;font-size:1rem;padding:14px 30px;border-radius:var(--radius-md);box-shadow:0 10px 28px #e2e8f059;transition:all .25s ease;letter-spacing:.5px;cursor:pointer;border:none}.btn-platinum:hover{transform:translateY(-2px);box-shadow:0 14px 36px #e2e8f08c;background:linear-gradient(135deg,#fff,#f1f5f9);color:#07191e!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;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:clamp(12px,3vw,20px);padding-bottom:max(clamp(12px,3vw,20px),env(safe-area-inset-bottom,20px))}@media (max-width: 768px){.section{padding:55px 0}}@media (max-width: 640px){.container{padding:0 16px}.glass-card{padding:22px 16px!important;border-radius:16px!important}.capacity-hud-card{padding:20px 16px!important;border-radius:16px!important}.battle-card-body{padding:18px 16px!important}.btn-primary,.btn-gold,.btn-emerald,.btn-platinum,.btn-secondary{padding:13px 20px;font-size:.92rem}.hero-stat-card{padding:10px!important;min-height:86px!important}.pillar-card-body{padding:18px 16px!important}.hero-form-row{flex-direction:column!important}.hero-form-row .input-field,.hero-form-row .btn-primary{width:100%!important;flex:1 1 100%!important}.hero-main-grid{grid-template-columns:1fr!important;gap:32px!important}.hero-mockup-row{flex-direction:column!important;gap:24px!important}}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}}@keyframes pulse{0%{transform:scale(.95);opacity:.75}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.75}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.faq-fade-in{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.pillars-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}@media (max-width: 1180px){.pillars-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width: 640px){.pillars-grid-4{grid-template-columns:1fr;gap:16px}}.pillar-card{position:relative;display:flex;flex-direction:column;background:#0e1d1beb;border:1.5px solid rgba(197,168,128,.22);border-radius:22px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 32px #0006;overflow:hidden}.pillar-card:hover{transform:translateY(-5px);border-color:#c5a8808c;box-shadow:0 20px 48px #0000008c,0 0 30px #c5a88029;background:#112421fa}.pillar-card-img-wrap{position:relative;width:100%;height:200px;overflow:hidden;background:#041618}.pillar-card-img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1)}.pillar-card:hover .pillar-card-img{transform:scale(1.06)}.pillar-card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07191e1a,#0e1d1be6);pointer-events:none}.pillar-card-body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1}.hero-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:24px;border-top:1px solid var(--border-subtle)}@media (max-width: 640px){.hero-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.hero-stat-card{position:relative;background:linear-gradient(145deg,#102220eb,#091517f7);border:1px solid rgba(197,168,128,.24);border-radius:14px;padding:13px 12px 11px;display:flex;flex-direction:column;justify-content:space-between;min-height:94px;transition:all .28s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-stat-card:hover{transform:translateY(-3px);border-color:#c5a8809e;box-shadow:0 10px 28px #00000080,0 0 20px #c5a88029;background:linear-gradient(145deg,#162c29f5,#0d1d20fa)}.hero-stat-icon-wrap{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#c5a88029,#c5a8800d);border:1px solid rgba(197,168,128,.38);display:flex;align-items:center;justify-content:center;color:var(--gold-accent);flex-shrink:0;box-shadow:inset 0 1px 1px #ffffff1f,0 2px 6px #00000040;transition:all .25s ease}.hero-stat-card:hover .hero-stat-icon-wrap{transform:scale(1.08);border-color:#c5a880b3;background:linear-gradient(135deg,#c5a88047,#c5a8801f);box-shadow:inset 0 1px 2px #fff3,0 0 14px #c5a88059;color:var(--gold-light)}