:root{--color-primary-blue:#142b3c;--color-primary-blue-dark:#0d1e2b;--color-primary-blue-light:#1c3c54;--color-primary-blue-surface:#173247;--color-gold:#ae884b;--color-gold-hover:#c49c5b;--color-gold-dark:#8c6b35;--color-gold-subtle:#ae884b1f;--color-gold-border:#ae884b40;--color-warm-white:#faf9f6;--color-warm-white-muted:#f4f1eb;--color-pure-white:#fff;--color-text-primary-dark:#142b3c;--color-text-secondary:#51616d;--color-text-muted:#738390;--color-text-primary-light:#faf9f6;--color-text-secondary-light:#a3b3c2;--color-text-muted-light:#7e93a6;--color-border-light:#142b3c1a;--color-border-dark:#faf9f61f;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 3px #142b3c0f;--shadow-md:0 4px 16px -2px #142b3c14;--shadow-lg:0 12px 32px -4px #142b3c1f;--shadow-gold:0 8px 24px -2px #ae884b40;--shadow-dark:0 20px 40px -10px #0006;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-normal:.2s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--color-warm-white);color:var(--color-text-primary-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{background-color:var(--color-warm-white);min-height:100vh;color:var(--color-text-primary-dark);overflow-x:hidden}:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,.editorial-heading{font-family:var(--font-serif);letter-spacing:-.015em;color:inherit;font-weight:600;line-height:1.25}p,li,span,button,input,textarea{font-family:var(--font-sans)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (width>=768px){.container{padding-left:32px;padding-right:32px}}.section-py{padding-top:80px;padding-bottom:80px}@media (width<=768px){.section-py{padding-top:56px;padding-bottom:56px}}.section-light{background-color:var(--color-warm-white);color:var(--color-text-primary-dark)}.section-dark{background-color:var(--color-primary-blue);color:var(--color-text-primary-light)}.section-warm{background-color:var(--color-warm-white-muted);color:var(--color-text-primary-dark)}.btn-primary{background-color:var(--color-gold);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-gold);transition:all var(--transition-normal);text-align:center;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:16px 32px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover:not(:disabled){background-color:var(--color-gold-hover);transform:translateY(-2px);box-shadow:0 10px 28px -2px #ae884b59}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;background-color:#8c8579}.btn-outline{color:var(--color-primary-blue);border-radius:var(--radius-md);border:1px solid var(--color-gold);transition:all var(--transition-normal);background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-outline:hover{background-color:var(--color-gold-subtle)}.tag-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.tag-badge-gold{color:#8f692b;background-color:#ae884b26;border:1px solid #ae884b4d}.section-dark .tag-badge-gold{color:#d6b278;background-color:#ae884b33;border:1px solid #ae884b66}.mockup-container{perspective:1200px;max-width:440px;margin:0 auto;position:relative}.mockup-frame{background:#101c26;border:2px solid #ae884b66;border-radius:14px;padding:12px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;transform:rotateY(-6deg)rotateX(2deg);box-shadow:0 25px 50px -12px #0a141e73,0 0 0 1px #ffffff14}.mockup-frame:hover{transform:rotateY(0)rotateX(0)translateY(-4px);box-shadow:0 30px 60px -12px #0a141e8c,0 0 25px #ae884b33}.mockup-screen{aspect-ratio:1/1.414;background-color:#0b141c;border-radius:8px;position:relative;overflow:hidden}.mockup-screen img{object-fit:contain;width:100%;height:100%;display:block}.mockup-badge{background:var(--color-primary-blue);color:var(--color-warm-white);border-radius:var(--radius-full);border:1px solid var(--color-gold);box-shadow:var(--shadow-md);z-index:2;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;display:flex;position:absolute;bottom:24px;right:-10px}@media (width<=480px){.mockup-badge{bottom:-15px;right:10px}}