.landing{--ink: #0f0d0a;--paper: #f5f0e8;--amber: #f5a800;--amber-dark: #c98900;--steel: #2a2825;--rust: #c94b1f;--muted: #7a7570;--light: #faf8f4;font-family:Barlow,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}.landing nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2.5rem;background:#f5f0e8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1.5px solid rgba(15,13,10,.08)}.landing .logo{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:1.5rem;letter-spacing:-.02em;color:var(--ink);display:flex;align-items:center;gap:.4rem}.landing .logo span{color:var(--amber)}.landing nav ul{display:flex;gap:2rem;list-style:none}.landing nav ul a{font-size:.9rem;font-weight:600;text-decoration:none;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;transition:color .2s}.landing nav ul a:hover{color:var(--ink)}.landing .nav-cta{background:var(--ink);color:var(--paper)!important;padding:.55rem 1.2rem;border-radius:4px;transition:background .2s!important}.landing .nav-cta:hover{background:var(--amber-dark)!important;color:var(--ink)!important}.landing .hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8rem 2.5rem 4rem;gap:4rem;max-width:1200px;margin:0 auto}.landing .hero-label{display:inline-flex;align-items:center;gap:.5rem;background:var(--amber);color:var(--ink);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .75rem;border-radius:3px;margin-bottom:1.5rem}.landing h1{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(3.5rem,6vw,5.5rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1.5rem}.landing h1 em{font-style:normal;color:var(--amber);display:block}.landing .hero-sub{font-size:1.1rem;line-height:1.65;color:var(--muted);max-width:440px;margin-bottom:2.5rem;font-weight:400}.landing .cta-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.landing .btn-primary{background:var(--amber);color:var(--ink);font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;padding:.9rem 2rem;border-radius:4px;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .15s;display:inline-block}.landing .btn-primary:hover{background:var(--amber-dark);transform:translateY(-1px)}.landing .btn-ghost{color:var(--ink);font-weight:600;font-size:.95rem;text-decoration:none;display:flex;align-items:center;gap:.4rem;border-bottom:1.5px solid currentColor;padding-bottom:.1rem;transition:color .2s}.landing .btn-ghost:hover{color:var(--rust)}.landing .trust-line{margin-top:2rem;font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:.5rem}.landing .trust-line:before{content:"★★★★★";color:var(--amber);font-size:.75rem}.landing .hero-mockup{position:relative}.landing .phone-frame{background:var(--steel);border-radius:32px;padding:10px;box-shadow:0 40px 80px #0f0d0a40,0 0 0 1px #ffffff0d;max-width:300px;margin:0 auto;transform:rotate(2deg);animation:landing-float 4s ease-in-out infinite}@keyframes landing-float{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}.landing .phone-screen{background:var(--light);border-radius:24px;overflow:hidden;padding:1.5rem 1.2rem}.landing .phone-header{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.01em;margin-bottom:1rem}.landing .mic-button{width:100%;background:var(--amber);border-radius:12px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.landing .mic-icon{width:44px;height:44px;background:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.landing .mic-label{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.landing .waveform{display:flex;align-items:center;gap:3px;height:24px;margin-bottom:1rem}.landing .wave-bar{flex:1;background:var(--amber);border-radius:2px;animation:landing-wave 1.2s ease-in-out infinite}.landing .wave-bar:nth-child(1){height:30%;animation-delay:0s}.landing .wave-bar:nth-child(2){height:70%;animation-delay:.1s}.landing .wave-bar:nth-child(3){height:50%;animation-delay:.2s}.landing .wave-bar:nth-child(4){height:90%;animation-delay:.3s}.landing .wave-bar:nth-child(5){height:40%;animation-delay:.4s}.landing .wave-bar:nth-child(6){height:75%;animation-delay:.5s}.landing .wave-bar:nth-child(7){height:55%;animation-delay:.6s}.landing .wave-bar:nth-child(8){height:85%;animation-delay:.7s}@keyframes landing-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.landing .proposal-preview{background:#fff;border-radius:10px;padding:.9rem;border:1px solid rgba(0,0,0,.06);font-size:.7rem}.landing .proposal-preview .prop-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:.9rem;margin-bottom:.5rem}.landing .prop-row{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid rgba(0,0,0,.05);color:#555}.landing .prop-row:last-child{border-bottom:none;font-weight:600;color:var(--ink)}.landing .prop-row span:last-child{font-weight:600}.landing .badge-sent{display:inline-flex;align-items:center;gap:.3rem;background:#ecfdf5;color:#059669;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:20px;margin-top:.6rem;letter-spacing:.04em;text-transform:uppercase}.landing .steps-section{background:var(--ink);color:var(--paper);padding:6rem 2.5rem}.landing .steps-inner{max-width:1100px;margin:0 auto}.landing .section-label{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem}.landing .steps-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(2.5rem,5vw,4rem);text-transform:uppercase;line-height:1;letter-spacing:-.02em;margin-bottom:4rem}.landing .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.landing .step-card{background:var(--steel);padding:2.5rem 2rem;position:relative;overflow:hidden;transition:background .25s}.landing .step-card:hover{background:#333}.landing .step-num{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:5rem;color:#f5a8001f;position:absolute;top:.5rem;right:1rem;line-height:1;pointer-events:none}.landing .step-icon{font-size:2rem;margin-bottom:1.2rem}.landing .step-card h3{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:.7rem}.landing .step-card p{font-size:.9rem;line-height:1.6;color:#f5f0e899}.landing .features-section{padding:6rem 2.5rem;max-width:1100px;margin:0 auto}.landing .features-header{text-align:center;margin-bottom:4rem}.landing .features-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(2.5rem,4vw,3.5rem);text-transform:uppercase;line-height:1;letter-spacing:-.02em}.landing .features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5px;background:#0f0d0a14}.landing .feat-card{background:var(--light);padding:2.5rem;transition:background .2s}.landing .feat-card:hover{background:var(--amber)}.landing .feat-card:hover .feat-title,.landing .feat-card:hover .feat-body{color:var(--ink)}.landing .feat-icon{font-size:1.8rem;margin-bottom:1rem}.landing .feat-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.3rem;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:.5rem}.landing .feat-body{font-size:.9rem;line-height:1.65;color:var(--muted);transition:color .2s}.landing .pricing-section{background:var(--ink);color:var(--paper);padding:6rem 2.5rem}.landing .pricing-inner{max-width:900px;margin:0 auto;text-align:center}.landing .pricing-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(2.5rem,4vw,3.5rem);text-transform:uppercase;line-height:1;letter-spacing:-.02em;margin-bottom:1rem}.landing .pricing-sub{color:#f5f0e88c;margin-bottom:3.5rem;font-size:1rem}.landing .pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.landing .price-card{background:var(--steel);padding:2.5rem 2rem;text-align:left;position:relative}.landing .price-card.featured{background:var(--amber);color:var(--ink)}.landing .price-badge{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--amber);padding:.2rem .6rem;border-radius:3px;display:inline-block;margin-bottom:1rem}.landing .price-tier{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.3rem;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:1.5rem}.landing .price-amount{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:3rem;line-height:1;margin-bottom:.3rem}.landing .price-amount sup{font-size:1.2rem;vertical-align:top;margin-top:.5rem}.landing .price-period{font-size:.8rem;opacity:.6;margin-bottom:2rem}.landing .price-features{list-style:none;margin-bottom:2rem;padding:0}.landing .price-features li{font-size:.88rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.5rem}.landing .price-card.featured .price-features li{border-color:#00000014}.landing .price-features li:before{content:"✓";color:var(--amber);font-weight:700}.landing .price-card.featured .price-features li:before{color:var(--ink)}.landing .price-btn{width:100%;padding:.8rem;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--paper);background:transparent;color:var(--paper);border-radius:4px;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center;display:block}.landing .price-card.featured .price-btn{background:var(--ink);border-color:var(--ink);color:var(--paper)}.landing .price-btn:hover{background:var(--amber);border-color:var(--amber);color:var(--ink)}.landing .cta-section{padding:7rem 2.5rem;text-align:center;background:var(--paper);position:relative;overflow:hidden}.landing .cta-section:before{content:"QUOTE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:22vw;text-transform:uppercase;color:#0f0d0a0a;white-space:nowrap;pointer-events:none}.landing .cta-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(3rem,6vw,5rem);text-transform:uppercase;line-height:1;letter-spacing:-.02em;margin-bottom:1.5rem;position:relative}.landing .cta-sub{color:var(--muted);font-size:1rem;max-width:500px;margin:0 auto 2.5rem;line-height:1.65;position:relative}.landing footer{background:var(--steel);color:#f5f0e866;padding:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.landing .footer-logo{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:1.2rem;color:var(--paper)}.landing .footer-logo span{color:var(--amber)}@media (max-width: 768px){.landing nav ul{display:none}.landing .hero{grid-template-columns:1fr;padding-top:6rem;gap:3rem}.landing .steps-grid,.landing .pricing-cards,.landing .features-grid{grid-template-columns:1fr}.landing .hero-mockup{order:-1}.landing footer{flex-direction:column;gap:.5rem;text-align:center}}:root{--bg: #121212;--surface: #1E1E1E;--surface-2: #252525;--surface-3: #2C2C2C;--border: #333333;--border-2: #444444;--primary: #FFB800;--primary-hover:#E6C200;--primary-dark: #CCAC00;--primary-glow: rgba(255, 215, 0, .14);--primary-glow-strong: rgba(255, 215, 0, .22);--text: #FFFFFF;--text-muted: #BDBDBD;--text-subtle: #777777;--success: #4CAF50;--success-bg: rgba(76, 175, 80, .12);--error: #E04035;--error-bg: rgba(224, 64, 53, .12);--warning: #FFB800;--warning-bg: rgba(255, 215, 0, .12);--info: #4A9AE5;--info-bg: rgba(74, 154, 229, .12);--purple: #9561E2;--purple-bg: rgba(149, 97, 226, .12);--font-display: "Barlow Condensed", sans-serif;--font-body: "Outfit", sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 4px;--radius: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-primary: 0 4px 20px rgba(232, 134, 10, .35);--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration: .18s;--sidebar-width: 240px}[data-theme=light]{--bg: #F4F3EE;--surface: #FFFFFF;--surface-2: #EEEDE8;--surface-3: #E6E5DF;--border: #DDDCD6;--border-2: #CCCBC5;--primary: #FFB800;--primary-hover: #E6A600;--primary-dark: #CC9400;--primary-glow: rgba(255,184,0,.14);--primary-glow-strong: rgba(255,184,0,.22);--text: #1C1B18;--text-muted: #555450;--text-subtle: #6B6A67;--success: #2E7D32;--success-bg: rgba(46,125,50,.1);--error: #C62828;--error-bg: rgba(198,40,40,.1);--warning: #E65100;--warning-bg: rgba(230,81,0,.1);--info: #1565C0;--info-bg: rgba(21,101,192,.1);--purple: #6A1B9A;--purple-bg: rgba(106,27,154,.1);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--shadow-primary: 0 4px 20px rgba(255,184,0,.28)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes waveform{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fade-in .3s var(--ease) forwards}