.landing{--bg-deep:#060a11;--bg-surface:#0c1220;--bg-card:#111b2e;--bg-card-hover:#162036;--accent:#3ee8d0;--accent-glow:#3ee8d040;--accent-dim:#2bb8a4;--accent-subtle:#3ee8d014;--text-primary:#e4eaf4;--text-secondary:#8e9baf;--text-muted:#5a6578;--border:#3ee8d01f;--border-subtle:#ffffff0d;--gradient-hero:radial-gradient(ellipse 80% 60% at 50% 0%,#3ee8d012 0%,transparent 70%);--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Commissioner",system-ui,sans-serif;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.7;overflow-x:hidden}.landing:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.landing .container{max-width:860px;margin:0 auto;padding:0 28px}.landing section{padding:100px 0;position:relative}.landing .hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:60px 0;display:flex;position:relative;overflow:hidden}.landing .hero:before{content:"";background:var(--gradient-hero);pointer-events:none;position:absolute;inset:0}.landing .hero-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite landing-float-orb;position:absolute}.landing .hero-orb--1{background:#3ee8d00f;width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.landing .hero-orb--2{background:#3ee8d00a;width:300px;height:300px;animation-delay:-7s;bottom:-50px;right:-80px}@keyframes landing-float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}.landing .hero-content{z-index:2;position:relative}.landing .hero-badge{border:1px solid var(--border);color:var(--accent);letter-spacing:.04em;background:var(--accent-subtle);opacity:0;animation:landing-fade-up .8s var(--ease-out-expo).2s forwards;border-radius:100px;align-items:center;gap:8px;margin-bottom:40px;padding:6px 18px;font-size:13px;font-weight:500;display:inline-flex}.landing .hero-badge:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.landing .hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);opacity:0;animation:landing-fade-up .8s var(--ease-out-expo).35s forwards;margin-bottom:12px;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;line-height:1.1}.landing .hero h1 span{color:var(--accent)}.landing .hero-subtitle{font-family:var(--font-display);color:var(--text-secondary);opacity:0;max-width:600px;animation:landing-fade-up .8s var(--ease-out-expo).5s forwards;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:clamp(1.15rem,2.5vw,1.5rem);font-style:italic;font-weight:400}.landing .hero-description{color:var(--text-secondary);opacity:0;max-width:560px;animation:landing-fade-up .8s var(--ease-out-expo).6s forwards;margin:0 auto 48px;font-size:1.05rem;line-height:1.8}.landing .ball-demo{opacity:0;width:100%;max-width:480px;height:60px;animation:landing-fade-up .8s var(--ease-out-expo).7s forwards;margin:0 auto 48px;position:relative}.landing .ball-track{background:linear-gradient(90deg,transparent,var(--border),transparent);height:1px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}.landing .ball{background:var(--accent);width:22px;height:22px;box-shadow:0 0 20px var(--accent-glow),0 0 60px #3ee8d01a;border-radius:50%;animation:2.8s ease-in-out infinite landing-ball-move;position:absolute;top:50%;left:10%;transform:translate(-50%,-50%)}@keyframes landing-ball-move{0%,to{left:10%}50%{left:90%}}.landing .hero-features{text-align:left;opacity:0;max-width:560px;animation:landing-fade-up .8s var(--ease-out-expo).85s forwards;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 auto 48px;display:grid}.landing .hero-feature{background:var(--accent-subtle);border:1px solid var(--border-subtle);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .3s,background .3s;display:flex}.landing .hero-feature:hover{border-color:var(--border);background:#3ee8d00f}.landing .hero-feature-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:2px}.landing .hero-feature strong{color:var(--text-primary);margin-bottom:2px;font-size:.88rem;font-weight:600;display:block}.landing .hero-feature span{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.landing .btn-primary{font-family:var(--font-body);color:var(--bg-deep);background:var(--accent);cursor:pointer;transition:transform .25s var(--ease-spring),box-shadow .3s ease;box-shadow:0 0 0 0 var(--accent-glow);opacity:0;animation:landing-fade-up .8s var(--ease-out-expo)1s forwards;border:none;border-radius:60px;align-items:center;gap:10px;padding:16px 36px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.landing .btn-primary:hover{box-shadow:0 8px 30px var(--accent-glow),0 0 0 4px #3ee8d014;transform:translateY(-2px)scale(1.03)}.landing .btn-primary:active{transform:translateY(0)scale(.98)}.landing .btn-primary svg{width:18px;height:18px;transition:transform .25s}.landing .btn-primary:hover svg{transform:translate(3px)}.landing .section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:600;display:inline-flex}.landing .section-label:before{content:"";background:var(--accent);width:24px;height:1px}.landing h2{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.landing .section-desc{color:var(--text-secondary);max-width:520px;font-size:1.05rem;line-height:1.8}.landing .divider{background:linear-gradient(90deg,transparent,var(--border),transparent);border:none;width:100%;height:1px}.landing .try-section{padding:80px 0}.landing .try-cards{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;display:grid}.landing .try-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:border-color .3s ease,transform .3s var(--ease-out-expo);border-radius:16px;padding:32px 28px}.landing .try-card:hover{border-color:var(--border);transform:translateY(-4px)}.landing .try-card-number{background:var(--accent-subtle);border:1px solid var(--border);width:36px;height:36px;font-family:var(--font-display);color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:flex}.landing .try-card h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.3rem;font-weight:600}.landing .try-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.landing .pain-section{padding:100px 0}.landing .pain-block{margin-top:48px}.landing .pain-item{border-bottom:1px solid var(--border-subtle);padding:36px 0}.landing .pain-item:first-child{border-top:1px solid var(--border-subtle)}.landing .pain-problem{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.landing .pain-arrow{color:var(--text-muted);align-items:flex-start;gap:4px;margin-top:8px;padding-left:16px;font-size:.95rem;line-height:1.7;display:flex}.landing .pain-arrow:before{content:"→";color:var(--accent-dim);flex-shrink:0;margin-right:4px}.landing .pain-solution{background:var(--accent-subtle);border-left:3px solid var(--accent);color:var(--text-primary);border-radius:12px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:.95rem;line-height:1.7;display:flex}.landing .pain-solution strong{color:var(--accent);white-space:nowrap}.landing .features-section{padding:100px 0}.landing .features-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;display:grid}.landing .feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:border-color .3s ease,transform .3s var(--ease-out-expo);border-radius:16px;padding:32px 28px}.landing .feature-card:hover{border-color:var(--border);transform:translateY(-4px)}.landing .feature-icon{background:var(--accent-subtle);border:1px solid var(--border);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.landing .feature-icon svg{width:22px;height:22px}.landing .feature-card h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.25rem;font-weight:600}.landing .feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.landing .outcomes-section{padding:100px 0}.landing .outcomes-list{gap:0;margin-top:48px;padding:0;list-style:none;display:grid}.landing .outcome-item{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:20px;padding:24px 0;display:flex}.landing .outcome-item:first-child{border-top:1px solid var(--border-subtle)}.landing .outcome-check{background:var(--accent-subtle);border:1px solid var(--border);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.landing .outcome-check svg{width:14px;height:14px}.landing .outcome-item p{font-size:1.05rem;line-height:1.7}.landing .faq-section{padding:100px 0}.landing .faq-list{margin-top:48px}.landing .faq-item{border-bottom:1px solid var(--border-subtle)}.landing .faq-item:first-child{border-top:1px solid var(--border-subtle)}.landing .faq-question{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--text-primary);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font-size:1.05rem;font-weight:500;line-height:1.5;transition:color .2s;display:flex}.landing .faq-question:hover{color:var(--accent)}.landing .faq-icon{background:var(--accent-subtle);border:1px solid var(--border);width:28px;height:28px;transition:transform .3s var(--ease-out-expo),background .3s ease;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing .faq-item.active .faq-icon{background:#3ee8d026;transform:rotate(45deg)}.landing .faq-icon svg{width:14px;height:14px;color:var(--accent)}.landing .faq-answer{max-height:0;transition:max-height .4s var(--ease-out-expo),opacity .3s ease;opacity:0;overflow:hidden}.landing .faq-item.active .faq-answer{opacity:1}.landing .faq-answer-inner{color:var(--text-secondary);max-width:600px;padding:0 0 24px;font-size:.95rem;line-height:1.8}.landing .comparison-section{padding:100px 0}.landing .comparison-cards{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;display:grid}.landing .comp-card{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:16px;padding:32px 28px}.landing .comp-card h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:1.2rem;font-weight:600}.landing .comp-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.8}.landing .about-section{padding:100px 0}.landing .about-layout{align-items:flex-start;gap:40px;margin-top:48px;display:flex}.landing .about-photo-wrap{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:140px;height:140px;transition:box-shadow .4s;overflow:hidden;box-shadow:0 0 40px #3ee8d014}.landing .about-photo-wrap:hover{box-shadow:0 0 50px #3ee8d026}.landing .about-photo{object-fit:cover;filter:grayscale(.15);width:100%;height:100%;transition:filter .4s}.landing .about-photo:hover{filter:grayscale(0)}.landing .about-text h3{font-family:var(--font-display);margin-bottom:16px;font-size:1.4rem;font-weight:600}.landing .about-text p{color:var(--text-secondary);margin-bottom:12px;font-size:.98rem;line-height:1.85}.landing .about-text p:last-child{margin-bottom:0}.landing .contacts-section{padding:80px 0}.landing .contacts-intro{color:var(--text-secondary);margin-top:16px;margin-bottom:32px;font-size:1rem;line-height:1.7}.landing .contacts-list{flex-wrap:wrap;gap:16px;display:flex}.landing .contact-link{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);transition:border-color .3s ease,transform .3s var(--ease-out-expo),background .3s ease;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.landing .contact-link:hover{border-color:var(--border);background:var(--bg-card-hover);transform:translateY(-3px)}.landing .contact-link svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}.landing .contact-link-desc{color:var(--text-muted);margin-left:4px;font-size:.82rem;font-weight:400}.landing .cta-section{text-align:center;padding:120px 0;position:relative}.landing .cta-section:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% 100%,#3ee8d00d 0%,#0000 70%);position:absolute;inset:0}.landing .cta-content{z-index:2;position:relative}.landing .cta-section h2{margin-bottom:16px}.landing .cta-note{color:var(--text-muted);margin-top:20px;font-size:.9rem;font-style:italic}.landing .btn-primary.cta-btn{opacity:1;animation:none}.landing footer{text-align:center;border-top:1px solid var(--border-subtle);padding:40px 0}.landing footer p{color:var(--text-muted);font-size:.82rem}.landing .footer-disclaimer{color:var(--text-muted);opacity:.6;max-width:400px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:.72rem;line-height:1.6}.landing .footer-links{justify-content:center;gap:20px;margin-top:12px;display:flex}.landing .footer-links a{color:var(--text-muted);opacity:.5;font-size:.7rem;text-decoration:none;transition:opacity .2s}.landing .footer-links a:hover{opacity:.8}.landing .reveal{opacity:0;transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo);transform:translateY(30px)}.landing .reveal.visible{opacity:1;transform:translateY(0)}.landing .reveal-delay-1{transition-delay:.1s}.landing .reveal-delay-2{transition-delay:.2s}.landing .reveal-delay-3{transition-delay:.3s}.landing .reveal-delay-4{transition-delay:.4s}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:680px){.landing section{padding:72px 0}.landing .hero-features,.landing .try-cards,.landing .features-grid,.landing .comparison-cards{grid-template-columns:1fr}.landing .about-layout{text-align:center;flex-direction:column;align-items:center}.landing .contacts-list{flex-direction:column}.landing .hero h1{font-size:2.2rem}.landing .btn-primary{padding:14px 28px;font-size:.95rem}}
