@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--purple-deep: #390089;--purple-medium: #72297E;--purple-light: #A04E9E;--gold: #C49A3C;--limestone: #F4F0E8;--cool-linen: #EAE6DC;--charcoal: #2A2A2A;--olive-sage: #6B7C5E;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--text-hero: clamp(2.5rem, 5vw, 5rem);--text-heading: clamp(1.5rem, 3vw, 2.5rem);--text-subheading: clamp(1.125rem, 2vw, 1.5rem);--text-body: clamp(.875rem, 1.2vw, 1.125rem);--section-y: clamp(4rem, 8vw, 8rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s;--stagger-delay: 80ms}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--charcoal);background:var(--limestone);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;letter-spacing:-.01em}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--purple-medium),var(--purple-light));z-index:9999;transition:width 50ms linear}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:all .4s var(--ease-out-expo);background:#2a2a2ab3;backdrop-filter:blur(8px);border-bottom:1px solid rgba(196,154,60,.15)}.nav.scrolled{background:#2a2a2af2;backdrop-filter:blur(12px);padding:.75rem 2rem;border-bottom:1px solid rgba(196,154,60,.3)}.nav-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:#fff;letter-spacing:.15em;text-transform:uppercase}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.7rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;opacity:.7;transition:opacity var(--duration-fast)}.nav-links a:hover{opacity:1}.section{padding:var(--section-y) clamp(1.5rem,5vw,6rem);position:relative}.img-overlay{position:relative;overflow:hidden;border-radius:.75rem}.img-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(42,42,42,.4),transparent);pointer-events:none}.img-caption{position:absolute;bottom:.75rem;left:1rem;font-family:var(--font-mono);font-size:10px;color:var(--gold);z-index:2;letter-spacing:.05em}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-fade{opacity:0;transition:opacity .9s var(--ease-out-expo)}.reveal-fade.visible{opacity:1}.stagger>*{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.stagger.visible>*:nth-child(1){transition-delay:0s;opacity:1;transform:none}.stagger.visible>*:nth-child(2){transition-delay:.08s;opacity:1;transform:none}.stagger.visible>*:nth-child(3){transition-delay:.16s;opacity:1;transform:none}.stagger.visible>*:nth-child(4){transition-delay:.24s;opacity:1;transform:none}.stagger.visible>*:nth-child(5){transition-delay:.32s;opacity:1;transform:none}.stagger.visible>*:nth-child(6){transition-delay:.4s;opacity:1;transform:none}.stagger.visible>*:nth-child(7){transition-delay:.48s;opacity:1;transform:none}.stagger.visible>*:nth-child(8){transition-delay:.56s;opacity:1;transform:none}.text-gold{color:var(--gold)}.text-limestone{color:var(--limestone)}.text-purple{color:var(--purple-deep)}.text-muted{color:#2a2a2a80}.bg-charcoal{background:var(--charcoal)}.bg-limestone{background:var(--limestone)}.bg-purple-deep{background:var(--purple-deep)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:0;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.btn-gold{background:var(--gold);color:var(--charcoal)}.btn-gold:hover{background:#d4aa4c;transform:translateY(-2px);box-shadow:0 8px 32px #c49a3c4d}.btn-purple{background:var(--purple-deep);color:#fff}.btn-purple:hover{background:var(--purple-medium);transform:translateY(-2px);box-shadow:0 8px 32px #3900894d}.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}.btn-outline:hover{background:var(--gold);color:var(--charcoal)}.hero-slide{opacity:0;transition:opacity .8s var(--ease-out-expo)}.hero-slide--active{opacity:1}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:64px;height:64px;border:2px solid rgba(255,255,255,.4);background:#2a2a2a4d;backdrop-filter:blur(4px);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast);border-radius:0}.hero-arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--charcoal)}.hero-arrow--left{left:1.5rem}.hero-arrow--right{right:1.5rem}.hero-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all var(--duration-fast)}.hero-dot--active{background:var(--gold);transform:scale(1.3)}@media(max-width:768px){.hero-arrow{width:48px;height:48px;font-size:1.2rem}.hero-arrow--left{left:.75rem}.hero-arrow--right{right:.75rem}}.constellation-canvas{position:absolute;inset:0;pointer-events:none;z-index:1}.grid-2{display:grid;grid-template-columns:1fr;gap:2rem}.grid-3,.grid-4{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.card{background:#fff9;border:1px solid rgba(196,154,60,.15);padding:2rem;transition:all var(--duration-normal) var(--ease-out-expo)}.card:hover{border-color:var(--gold);box-shadow:0 8px 40px #c49a3c14;transform:translateY(-4px)}.card-dark{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff}.card-dark:hover{border-color:var(--purple-light);box-shadow:0 8px 40px #a04e9e1a}.platform-split{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:960px){.platform-split{grid-template-columns:1fr 1fr;gap:3rem}}.platform-device-wrap{position:relative;perspective:1200px;display:flex;flex-direction:column;align-items:center}.platform-device-glow{position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(57,0,137,.35) 0%,rgba(114,41,126,.2) 30%,rgba(196,154,60,.08) 60%,transparent 80%);filter:blur(40px);pointer-events:none;z-index:0}.platform-device{position:relative;z-index:2;border-radius:12px;overflow:hidden;background:#1a1a2e;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #ffffff0d,0 20px 60px #00000080,0 0 100px #39008926;transform:rotateY(-4deg) rotateX(2deg);animation:device-float 6s ease-in-out infinite;max-width:480px;width:100%}.platform-device-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(180deg,#2a2a3e,#1e1e32);border-bottom:1px solid rgba(255,255,255,.06)}.platform-dot{width:10px;height:10px;border-radius:50%}.platform-dot-red{background:#ff5f57}.platform-dot-yellow{background:#febc2e}.platform-dot-green{background:#28c840}.platform-device-title{font-size:10px;color:#ffffff59;letter-spacing:.08em;margin-left:auto;margin-right:auto;padding-right:36px}.platform-device-screen{position:relative;overflow:hidden}.platform-device-screen img{display:block;width:100%;height:auto}.platform-device-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.03) 100%);pointer-events:none}.platform-device-reflection{position:relative;z-index:1;max-width:480px;width:100%;transform:rotateY(-4deg) rotateX(2deg) scaleY(-1);mask-image:linear-gradient(to bottom,rgba(0,0,0,.15) 0%,transparent 40%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.15) 0%,transparent 40%);pointer-events:none;margin-top:-2px;opacity:.4;filter:blur(1px)}.platform-device-reflection .platform-device{animation:none;box-shadow:none;border-color:#ffffff0d}@keyframes device-float{0%,to{transform:rotateY(-4deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(2deg) translateY(-12px)}}@media(max-width:959px){.platform-device-wrap{order:-1}.platform-device,.platform-device-reflection{max-width:380px}.platform-device{transform:rotateY(0) rotateX(2deg);animation-name:device-float-mobile}.platform-device-reflection{transform:rotateY(0) rotateX(2deg) scaleY(-1)}@keyframes device-float-mobile{0%,to{transform:rotateX(2deg) translateY(0)}50%{transform:rotateX(2deg) translateY(-8px)}}}@media(prefers-reduced-motion:reduce){.platform-device{animation:none}}@media(max-width:768px){.nav-links{display:none}}@media(prefers-reduced-motion:reduce){.reveal,.reveal-fade,.stagger>*{opacity:1!important;transform:none!important;transition:none!important}}