:root{--color-primary: #f97316;--color-primary-dark: #ea580c;--color-primary-light: #fb923c;--color-secondary: #1e40af;--color-secondary-dark: #1e293b;--color-accent: #60a5fa;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f4f4f5;--color-gray-200: #e4e4e7;--color-gray-300: #d4d4d8;--color-gray-400: #a1a1aa;--color-gray-500: #71717a;--color-gray-600: #52525b;--color-gray-700: #3f3f46;--color-gray-800: #27272a;--color-gray-900: #18181b;--gradient-primary: linear-gradient(135deg, #f97316 0%, #1e40af 100%);--gradient-hero: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);--gradient-light: linear-gradient(180deg, #ffffff 0%, #fff7ed 100%);--gradient-vibrant: linear-gradient(135deg, #fb923c 0%, #2563eb 100%);--gradient-deep: linear-gradient(135deg, #f97316 0%, #1e293b 100%);--gradient-warm: linear-gradient(135deg, #f97316 0%, #dc2626 100%);--gradient-sunset: linear-gradient(135deg, #f97316 0%, #7c3aed 50%, #1e40af 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--font-display: "Cinzel", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:var(--color-white);color:var(--color-gray-900);line-height:1.6;overflow-x:hidden}body.scroll-locked{overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-200);transition:all .3s ease}.nav.scrolled{background:#fffffffa;box-shadow:var(--shadow-md)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 20px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-gray-900);font-family:var(--font-display);font-size:1.5rem;font-weight:600;transition:color .3s ease}.logo:hover{color:var(--color-primary)}.logo-icon{width:40px;height:40px;color:var(--color-primary)}.nav-links{display:flex;list-style:none;gap:2.5rem}.nav-links a{text-decoration:none;color:var(--color-gray-700);font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:var(--color-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;gap:1rem}.btn-secondary{background:transparent;color:var(--color-gray-700);border:2px solid var(--color-gray-300);padding:.5rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:linear-gradient(135deg,#8a6e1e14,#1e3a8a14);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:.6rem 1.6rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #1e3a8a40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a59}.btn-large{padding:1rem 2rem;font-size:1.1rem}.btn-block{width:100%}.btn-glass{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-gray-700);border:1px solid var(--color-gray-200);padding:.6rem 1.6rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-glass:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-icon{width:20px;height:20px}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{display:block;width:24px;height:2px;background:var(--color-gray-700);margin:5px 0;transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f973160f,#1e40af1a);overflow:hidden;padding:140px 0 100px}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:center;width:100%;max-width:1160px;margin:0 auto}.hero-content{position:relative;z-index:2;text-align:left;max-width:520px}.hero-visual{position:relative;display:flex;justify-content:center}.hero-video-container{position:relative;width:100%;max-width:720px;border-radius:20px;overflow:hidden;box-shadow:0 26px 50px #0f172a2e;border:1px solid rgba(255,255,255,.1);background:#ffffff05}.hero-video{width:100%;height:auto;display:block}.parallax-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.parallax-layer{position:absolute;top:0;right:0;bottom:0;left:0}.hero-glow{display:block;border-radius:50%;opacity:.3;mix-blend-mode:screen}.hero-glow-1{background:radial-gradient(circle at 30% 30%,rgba(96,165,250,.35),transparent 65%)}.hero-glow-2{background:radial-gradient(circle at 70% 60%,rgba(249,115,22,.28),transparent 70%)}.mystical-orb{position:absolute;border-radius:50%;background:var(--gradient-primary);filter:blur(110px);opacity:.08;animation:float 20s ease-in-out infinite}.orb-1{width:340px;height:340px;top:-180px;left:-180px}.orb-2{width:280px;height:280px;bottom:-140px;right:-120px;animation-delay:-10s}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#1e40af1a;color:var(--color-secondary);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:0;animation:fadeInUp .8s ease forwards}.hero-tabs{display:flex;gap:24px;padding:0;position:relative;margin-bottom:28px;border-bottom:1px solid var(--color-gray-200);width:100%;justify-content:flex-start}.hero-tab{display:flex;align-items:center;justify-content:center;padding:12px 4px;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-family:var(--font-body);font-size:.925rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;transition:all .3s ease;position:relative;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;min-width:120px}.hero-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:center}.hero-tab:hover{color:var(--color-gray-700)}.hero-tab.active{color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tab.active:after{transform:scaleX(1)}.hero-tab-content{display:none;animation:heroFadeIn .3s ease}.hero-tab-content.active{display:block}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-display);font-size:clamp(2.3rem,6vw,3.8rem);font-weight:700;margin-top:1.5rem;margin-bottom:1rem;line-height:1.05;color:var(--color-gray-900)}.title-line-1,.title-line-2{display:block;opacity:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.title-line-1{animation:fadeInUp .9s ease .15s forwards}.title-line-2{animation:fadeInUp .9s ease .35s forwards}.hero-subtitle{font-size:1.1rem;color:var(--color-gray-600);margin-top:1rem;max-width:460px;opacity:0;animation:fadeInUp .9s ease .55s forwards;line-height:1.6}.hero-newsletter{margin-top:2rem;width:100%;max-width:440px;opacity:0;animation:fadeInUp .9s ease .75s forwards}.hero-form-fields{display:flex;align-items:center;gap:12px;background:#ffffffd9;border-radius:16px;padding:10px 12px;box-shadow:0 18px 35px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-form-fields input[type=email]{flex:1;min-width:0;border:none;background:transparent;padding:12px 10px;font-size:1rem;color:var(--color-gray-800)}.hero-form-fields input[type=email]:focus{outline:none;box-shadow:none}.hero-form-fields input[type=submit]{border:none;border-radius:12px;padding:12px 20px;background:var(--gradient-primary);color:var(--color-white);font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 8px 22px #1e3a8a40}.hero-form-fields input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1e3a8a52}.hero-newsletter .message{min-height:22px;margin-top:.75rem;font-size:.85rem;color:var(--color-gray-600)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;opacity:0;animation:fadeIn 1s ease 1s forwards;z-index:3;cursor:pointer;transition:transform .3s ease}.scroll-indicator:hover{transform:translate(-50%) translateY(-5px)}.scroll-indicator:hover .scroll-arrow{border-color:var(--color-gray-600)}.scroll-indicator span{display:block;font-family:var(--font-body);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);margin-bottom:.75rem;position:relative}.scroll-arrow{width:20px;height:20px;margin:0 auto;border-right:2px solid var(--color-gray-400);border-bottom:2px solid var(--color-gray-400);transform:rotate(45deg);animation:bounce 2s infinite;transition:border-color .3s ease}.features{padding:6rem 0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff}.section-header{text-align:center;margin-bottom:4rem}.features>.container{width:100%}.section-title{font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--color-gray-900)}.section-subtitle{font-size:1.25rem;color:var(--color-gray-600)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#fff;border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #1e3a8a1f;border-color:#1e3a8a33}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:60px;height:60px;margin-bottom:1.5rem;position:relative;color:var(--color-primary)}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-secondary-dark) 100%);opacity:.15;border-radius:50%;filter:blur(20px)}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-gray-900)}.feature-description{color:var(--color-gray-600);line-height:1.7}.testimonials{padding:6rem 0;background:var(--color-gray-50)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.testimonial-card{background:#fff;border-radius:1rem;padding:2rem;position:relative;transition:all .3s ease;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.testimonial-card.featured{grid-column:span 1}.quote-mark{font-size:4rem;line-height:1;color:var(--color-primary);opacity:.2;margin-bottom:-1rem}.testimonial-text{font-size:1.1rem;line-height:1.7;color:var(--color-gray-700);margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;border-radius:50%}.author-name{display:block;font-weight:600;color:var(--color-gray-900);font-style:normal}.author-role{font-size:.875rem;color:var(--color-gray-500)}.pricing{padding:6rem 0;background:linear-gradient(180deg,#fff,#1e3a8a05)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background:#fff;border-radius:1rem;padding:2.5rem;text-align:center;position:relative;transition:all .3s ease;border:2px solid var(--color-gray-200)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1e3a8a26}.pricing-card.featured{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-primary) border-box;transform:scale(1.05);box-shadow:0 15px 35px #1e3a8a26}.badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:.25rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #f973164d}.plan-name{font-family:var(--font-display);font-size:1.75rem;margin-bottom:1rem;color:var(--color-gray-900)}.plan-price{margin-bottom:2rem}.price-currency{font-size:1.5rem;color:var(--color-gray-500)}.price-amount{font-size:3.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-period{color:var(--color-gray-500)}.plan-features{list-style:none;margin-bottom:2rem}.plan-features li{padding:.75rem 0;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-100)}.plan-features li:last-child{border-bottom:none}.plan-features li:before{content:"✓";color:var(--color-accent);font-weight:700;margin-right:.5rem}.dice-perception-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f973160d,#1e3a8a14);overflow:hidden;padding:4rem 0}body:not(.perception-passed) .dice-perception-section{margin-bottom:10vh}.perception-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;z-index:10}.perception-content{text-align:center}.perception-title{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem;opacity:0;animation:fadeInUp 1s ease forwards}.perception-subtitle{font-size:1.25rem;color:var(--color-gray-600);margin-bottom:3rem;opacity:0;animation:fadeInUp 1s ease .2s forwards}.dice-fullscreen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;pointer-events:none;display:none;background:transparent}section:focus,section:focus-visible{outline:none;box-shadow:none}.dice-fullscreen-container.active{display:block;pointer-events:all;z-index:10000!important}.dice-fullscreen-container canvas{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.perception-result{margin-top:2rem;opacity:0;animation:fadeInUp .6s ease forwards}.roll-value{font-family:var(--font-display);font-size:4.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;opacity:0;animation:fadeInScale .8s ease forwards}.result-text{font-size:1.125rem;line-height:1.6;color:var(--color-gray-700);font-weight:400;max-width:600px;margin:0 auto;padding:0 1rem;opacity:0;animation:fadeInUp .8s ease .3s forwards}.result-text strong{font-weight:600;display:block;margin-bottom:.5rem;font-size:1.25rem}.perception-bg-layer{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--color-gray-300) 0%,transparent 40%);opacity:.1;animation:float 20s ease-in-out infinite;pointer-events:none}.dice-roll-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:9999;display:none;align-items:center;justify-content:center;flex-direction:column}.dice-roll-overlay.active{display:flex}.dice-container{width:100%;height:60vh;position:relative}.dice-result{text-align:center;color:#fff;margin-top:2rem}.dice-result h2{font-family:var(--font-display);font-size:2rem;margin-bottom:1rem}.dice-result .roll-value{font-size:4rem;font-weight:700;color:var(--color-primary-light);margin-bottom:1rem}.dice-result .perception-result{font-size:1.5rem;margin-bottom:2rem}.dice-result.success .perception-result{color:#10b981}.dice-result.failure .perception-result{color:#ef4444}.continue-btn{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.continue-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dice-perception-section.active .dice-container{transform:translateY(0)}.dice-perception-section.scrolled .perception-bg-layer{transform:translateY(calc(var(--scroll-y) * .3))}.dice-rolling-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:9997;display:none;pointer-events:none}.dice-rolling-overlay.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-10px) rotate(45deg)}}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.nav-links,.nav-actions{display:none}.mobile-menu-toggle{display:block}.hero{padding:120px 0 80px}.hero-layout{grid-template-columns:1fr;gap:2.5rem;padding:0 24px}.hero-content{text-align:center;margin:0 auto;max-width:560px}.hero-tabs{justify-content:center;gap:20px;width:100%}.hero-tab{padding:10px 2px;font-size:.85rem;min-width:100px}.hero-title{font-size:clamp(2rem,7vw,3.1rem)}.hero-subtitle{font-size:1.05rem;margin-left:auto;margin-right:auto}.hero-video-container{max-width:100%}.hero-newsletter{margin-left:auto;margin-right:auto}.scroll-indicator{display:none}.features-grid{grid-template-columns:1fr}.features{padding:80px 0}}@media (max-width: 480px){.hero{padding:100px 0 70px}.features{padding:70px 0}}.dice-box-canvas{opacity:1;transition:opacity 1s}.dice-box-canvas--hide{opacity:0}