*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #F4F5F9;--c-bg-deep: #ECEEF4;--c-bg-card: #FFFFFF;--c-bg-card-alt: #F0F1F5;--c-bg-input: #ECEEF4;--c-bg-muted: #E8E9EE;--c-navy: #1A3A5C;--c-navy-dim: rgba(26,58,92,.07);--c-navy-border: rgba(26,58,92,.18);--c-gold: #B8932A;--c-gold-light: #D4AA4A;--c-gold-dim: rgba(184,147,42,.1);--c-gold-border: rgba(184,147,42,.25);--c-green: #1A9B5A;--c-green-dim: rgba(26,155,90,.09);--c-green-border: rgba(26,155,90,.22);--c-red: #D42B1E;--c-red-dim: rgba(212,43,30,.09);--c-red-border: rgba(212,43,30,.22);--c-teal: #1A7A6A;--c-teal-dim: rgba(26,122,106,.09);--c-text: #0D0D14;--c-text-secondary: #6B6B7A;--c-text-muted: #9B9BAA;--c-text-inverse: #FFFFFF;--c-border: #E4E5EA;--c-border-strong: #CACBD2;--c-surface: #F0F1F5;--c-tier-bronze-bg: rgba(180,100,20,.09);--c-tier-bronze-text: #9A5010;--c-tier-bronze-border: rgba(180,100,20,.25);--c-tier-silver-bg: rgba(110,110,120,.09);--c-tier-silver-text: #505060;--c-tier-silver-border: rgba(110,110,120,.22);--c-tier-gold-bg: rgba(184,147,42,.1);--c-tier-gold-text: #8A6800;--c-tier-gold-border: rgba(184,147,42,.3);--c-tier-platinum-bg: rgba(40,110,180,.09);--c-tier-platinum-text: #1A5090;--c-tier-platinum-border: rgba(40,110,180,.22);--glass-bg: rgba(255, 255, 255, .94);--glass-border: rgba(255, 255, 255, .6);--glass-blur: blur(20px) saturate(160%);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-card: 0 2px 10px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-raised: 0 4px 20px rgba(0,0,0,.09), 0 2px 4px rgba(0,0,0,.05);--shadow-floating: 0 8px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.05);--shadow-xl: 0 16px 48px rgba(0,0,0,.14);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--body-bg: #F4F5F9;--body-color: #0D0D14;--desktop-sidebar-bg: #F0F1F5;--desktop-body-bg: #ECEEF4}:root.dark{--c-bg: #0C0E15;--c-bg-deep: #080A10;--c-bg-card: #13161F;--c-bg-card-alt: #1A1D27;--c-bg-input: #1E2130;--c-bg-muted: #252836;--c-navy: #4A8ABF;--c-navy-dim: rgba(74,138,191,.15);--c-navy-border: rgba(74,138,191,.35);--c-gold: #C9A84C;--c-gold-light: #E8C87A;--c-gold-dim: rgba(201,168,76,.15);--c-gold-border: rgba(201,168,76,.35);--c-green: #4CAF88;--c-green-dim: rgba(76,175,136,.15);--c-green-border: rgba(76,175,136,.3);--c-red: #E05C5C;--c-red-dim: rgba(224,92,92,.15);--c-red-border: rgba(224,92,92,.3);--c-teal: #A0C4B8;--c-teal-dim: rgba(160,196,184,.15);--c-text: #F0EDE8;--c-text-secondary: #9B9FAD;--c-text-muted: #5A5F72;--c-text-inverse: #0C0E15;--c-border: rgba(255,255,255,.07);--c-border-strong: rgba(255,255,255,.12);--c-surface: #13161F;--c-tier-bronze-bg: rgba(205,127,50,.18);--c-tier-bronze-text: #CD7F32;--c-tier-bronze-border: rgba(205,127,50,.4);--c-tier-silver-bg: rgba(192,192,192,.15);--c-tier-silver-text: #C0C0C0;--c-tier-silver-border: rgba(192,192,192,.35);--c-tier-gold-bg: rgba(201,168,76,.18);--c-tier-gold-text: #C9A84C;--c-tier-gold-border: rgba(201,168,76,.4);--c-tier-platinum-bg: rgba(160,220,255,.15);--c-tier-platinum-text: #A0DCFF;--c-tier-platinum-border: rgba(160,220,255,.35);--glass-bg: rgba(12, 14, 21, .72);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(20px) saturate(180%);--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-card: 0 2px 8px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.25);--shadow-raised: 0 4px 16px rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.3);--shadow-floating: 0 8px 32px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.6);--body-bg: #080A10;--body-color: #F0EDE8;--desktop-sidebar-bg: #0A0C14;--desktop-body-bg: #070910}html,body{width:100%;height:100%;background:var(--body-bg);scroll-behavior:smooth}#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--body-color);transition:background .2s,color .2s}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;transition:transform var(--duration-fast) var(--ease-out-expo),opacity var(--duration-fast) ease}button:active{transform:scale(.97)}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:0;height:0}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.scroll-fade{-webkit-mask-image:linear-gradient(to right,black calc(100% - 40px),transparent);mask-image:linear-gradient(to right,black calc(100% - 40px),transparent)}.desktop-content-wrapper{width:100%}.horizontal-scroll{display:flex;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll>*{scroll-snap-align:start;flex-shrink:0}.tab-content{animation:fadeInUp .18s ease}@keyframes pulse-fill{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes circleExpand{0%{transform:scale(0);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes checkDraw{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.6)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #2d8a5666}50%{opacity:.7;box-shadow:0 0 0 6px #2d8a5600}}@keyframes heroGlow{0%,to{box-shadow:0 0 12px #c9a2554d}50%{box-shadow:0 0 20px #c9a25580}}.skeleton{background:linear-gradient(90deg,var(--c-bg-input) 0%,var(--c-bg-muted) 50%,var(--c-bg-input) 100%);background-size:400px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes screenSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes screenSlideBack{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(8px)}}@keyframes goldRingExpand{0%{transform:scale(0) rotate(-90deg);opacity:0}60%{transform:scale(1.15) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiPop1{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-40px,-60px) rotate(-120deg);opacity:0}}@keyframes confettiPop2{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(40px,-70px) rotate(160deg);opacity:0}}@keyframes confettiPop3{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-60px,-40px) rotate(80deg);opacity:0}}@keyframes confettiPop4{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(60px,-50px) rotate(-200deg);opacity:0}}@keyframes confettiPop5{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-30px,-80px) rotate(240deg);opacity:0}}@keyframes confettiPop6{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(50px,-65px) rotate(-180deg);opacity:0}}@keyframes confettiPop7{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-50px,-30px) rotate(120deg);opacity:0}}@keyframes confettiPop8{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(30px,-75px) rotate(-90deg);opacity:0}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardExpand{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes circleExpand{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes checkDraw{0%{stroke-dashoffset:30;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes confettiBounce{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-20px) rotate(15deg);opacity:0}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes pillRowSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 760px){.phone-frame-explainer{display:none!important}}@media (max-width: 1100px){.desktop-explainer-column{display:none!important}}