:root{--ink:#0a0a0b;--ink-80:#2a2a2d;--ink-60:#4a4a4f;--ink-40:#8a8a92;--ink-20:#c5c5cc;--ink-10:#e8e8ec;--ink-05:#f4f4f6;--surface:#fafaf9;--white:#ffffff;--accent:#2563eb;--accent-soft:#dbeafe;--accent-glow:rgba(37,99,235,0.12);--green:#16a34a;--green-soft:#dcfce7;--amber:#d97706;--amber-soft:#fef3c7;--radius:16px;--radius-sm:10px;--font-display:"Fraunces",Georgia,serif;--font-body:"DM Sans",-apple-system,sans-serif}.landing *{margin:0;padding:0;box-sizing:border-box}.landing{font-family:var(--font-body);color:var(--ink);background:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.landing nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 32px;justify-content:space-between;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(10,10,11,.7);border-bottom:1px solid rgba(255,255,255,.06);transition:background .3s ease}.landing nav,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px;text-decoration:none;color:white}.nav-logo-icon{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-logo-icon svg{width:18px;height:18px}.nav-logo span{font-weight:600;font-size:17px;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--ink-40);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:white}.nav-cta{background:var(--accent)!important;color:white!important;padding:9px 20px;border-radius:9px;font-weight:600;font-size:14px;transition:all .2s!important}.nav-cta:hover{background:#1d4ed8!important;transform:translateY(-1px)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 24px 100px;background:var(--ink);overflow:hidden}.hero:before{content:"";position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.15) 0,rgba(37,99,235,.05) 40%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:13px;color:var(--ink-20);margin-bottom:32px;animation:fadeUp .8s ease both}.hero-badge-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--font-display);font-weight:300;font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-.035em;color:white;max-width:800px;margin-bottom:24px;animation:fadeUp .8s ease .1s both}.hero h1 em{font-style:italic;font-weight:400;color:var(--accent)}.hero-sub{font-size:clamp(16px,2vw,19px);line-height:1.6;color:var(--ink-40);max-width:540px;margin-bottom:44px;animation:fadeUp .8s ease .2s both}.hero-actions{display:flex;gap:14px;align-items:center;animation:fadeUp .8s ease .3s both}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--accent);color:white;border:none;border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .25s ease}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 30px rgba(37,99,235,.3)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;color:var(--ink-20);border:1px solid rgba(255,255,255,.12);border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .25s ease}.btn-secondary:hover{border-color:rgba(255,255,255,.25);color:white;background:rgba(255,255,255,.04)}.hero-visual{margin-top:72px;width:100%;max-width:1100px;animation:fadeUp .8s ease .4s both}.hero-browser{background:#111113;border-radius:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05)}.browser-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06)}.browser-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.08)}.browser-dot:first-child{background:#ff5f57}.browser-dot:nth-child(2){background:#febc2e}.browser-dot:nth-child(3){background:#28c840}.browser-url{flex:1;text-align:center;font-size:12px;color:var(--ink-40);margin-left:40px}.browser-content{position:relative;display:flex;min-height:500px}.fake-sidebar{width:220px;background:#0d0d0f;border-right:1px solid rgba(255,255,255,.06);padding:20px 16px;flex-shrink:0}.fake-sidebar-brand{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fake-sidebar-brand-icon{width:28px;height:28px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center}.fake-sidebar-brand span{font-weight:600;font-size:14px;color:white}.fake-sidebar-badge{display:inline-block;font-size:9px;font-weight:700;background:var(--accent);color:white;padding:2px 6px;border-radius:4px;margin-left:auto}.fake-sidebar-org{font-size:10px;color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;margin-top:16px}.fake-sidebar-orgname{font-size:13px;color:var(--ink-20);margin-bottom:20px}.fake-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--ink-40);margin-bottom:2px}.fake-nav-item.active{background:rgba(255,255,255,.06);color:white}.fake-nav-icon{width:16px;height:16px;border-radius:4px;background:rgba(255,255,255,.08)}.fake-nav-item.active .fake-nav-icon{background:rgba(37,99,235,.3)}.fake-main{flex:1;padding:28px 32px;background:#0a0a0b}.fake-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.fake-title{font-size:22px;font-weight:700;color:white}.fake-subtitle{font-size:12px;color:var(--ink-40);margin-top:2px}.fake-btn{padding:8px 16px;background:var(--accent);color:white;border-radius:8px;font-size:12px;font-weight:600}.fake-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.fake-stat{background:#111113;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px 18px}.fake-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-40);margin-bottom:6px}.fake-stat-value{font-size:24px;font-weight:700;color:white}.fake-stat-value.accent{color:var(--accent)}.fake-stat-value.green{color:var(--green)}.fake-stat-value.amber{color:var(--amber)}.fake-table{background:#111113;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.fake-table-header{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-40)}.fake-table-header,.fake-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.fake-table-row{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.03);font-size:13px;color:var(--ink-20);align-items:center}.fake-table-row:last-child{border-bottom:none}.fake-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600}.fake-badge.draft{background:rgba(255,255,255,.08);color:var(--ink-20)}.fake-badge.active{background:rgba(37,99,235,.15);color:#60a5fa}.fake-badge.complete{background:rgba(22,163,74,.15);color:#4ade80}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.section-transition{height:180px;background:linear-gradient(to bottom,var(--ink),var(--surface))}.pain{background:var(--surface);padding:100px 24px}.container{max-width:1100px;margin:0 auto}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:16px}.section-heading{font-family:var(--font-display);font-weight:300;font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.03em;color:var(--ink);max-width:600px;margin-bottom:56px}.section-heading em{font-style:italic;font-weight:400}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pain-card{background:var(--white);border:1px solid var(--ink-10);border-radius:var(--radius);padding:32px 28px;transition:all .3s ease}.pain-card:hover{border-color:var(--ink-20);box-shadow:0 8px 40px rgba(0,0,0,.06);transform:translateY(-4px)}.pain-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:22px}.pain-icon.red{background:#fef2f2}.pain-icon.amber{background:#fffbeb}.pain-icon.blue{background:#eff6ff}.pain-card h3{font-family:var(--font-body);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:10px;letter-spacing:-.01em}.pain-card p{font-size:14px;line-height:1.65;color:var(--ink-60)}.features{background:var(--surface);padding:40px 24px 100px}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{background:var(--white);border:1px solid var(--ink-10);border-radius:var(--radius);padding:40px 36px;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--accent);box-shadow:0 8px 40px var(--accent-glow)}.feature-card.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.feature-number{font-family:var(--font-display);font-size:48px;font-weight:300;color:var(--ink-10);line-height:1;margin-bottom:16px}.feature-card h3{font-family:var(--font-display);font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--ink);margin-bottom:12px}.feature-card p{font-size:15px;line-height:1.65;color:var(--ink-60)}.feature-visual{background:var(--ink-05);border-radius:var(--radius-sm);height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-funnel{display:flex;align-items:flex-end;gap:8px;height:120px;padding:0 20px}.funnel-bar{width:40px;border-radius:6px 6px 0 0;transition:height .6s ease}.funnel-label{text-align:center;font-size:9px;color:var(--ink-40);margin-top:6px}.funnel-col{display:flex;flex-direction:column;align-items:center}.workflow{background:var(--white);padding:100px 24px}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;position:relative}.workflow-steps:before{content:"";position:absolute;top:32px;left:12.5%;right:12.5%;height:2px;background:var(--ink-10)}.workflow-step{text-align:center;position:relative}.workflow-step-number{width:64px;height:64px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);font-size:24px;font-weight:500;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;z-index:1}.workflow-step h4{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px}.workflow-step p{font-size:13px;color:var(--ink-60);line-height:1.55;padding:0 12px}.proof{background:var(--surface);padding:100px 24px}.proof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.proof-stat{text-align:center;padding:36px 24px;background:var(--white);border:1px solid var(--ink-10);border-radius:var(--radius)}.proof-stat-number{font-family:var(--font-display);font-size:56px;font-weight:300;color:var(--accent);line-height:1;margin-bottom:8px}.proof-stat-unit{font-size:20px;font-weight:500}.proof-stat-label{font-size:14px;color:var(--ink-60)}.pricing{background:var(--white);padding:100px 24px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}.price-card{border:1px solid var(--ink-10);border-radius:var(--radius);padding:36px 32px;position:relative;background:var(--white);transition:all .3s ease}.price-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 40px var(--accent-glow)}.price-card-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:white;font-size:11px;font-weight:700;padding:4px 14px;border-radius:100px;text-transform:uppercase;letter-spacing:.06em}.price-name{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:4px}.price-desc{font-size:13px;color:var(--ink-60);margin-bottom:20px}.price-amount{font-family:var(--font-display);font-size:48px;font-weight:300;color:var(--ink);line-height:1;margin-bottom:4px}.price-amount span{font-size:16px;color:var(--ink-40);font-family:var(--font-body)}.price-period{font-size:13px;color:var(--ink-40);margin-bottom:28px}.price-features{list-style:none;margin-bottom:28px}.price-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-60);padding:8px 0;border-bottom:1px solid var(--ink-05)}.price-features li:last-child{border-bottom:none}.price-check{color:var(--green);font-weight:700}.price-btn{display:block;width:100%;text-align:center;padding:13px;border-radius:10px;font-family:var(--font-body);font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.price-btn.outline{background:transparent;border:1px solid var(--ink-10);color:var(--ink)}.price-btn.outline:hover{border-color:var(--ink-40)}.price-btn.filled{background:var(--accent);color:white}.price-btn.filled:hover{background:#1d4ed8;transform:translateY(-1px)}.final-cta{background:var(--ink);padding:120px 24px;text-align:center;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.12) 0,transparent 70%)}.final-cta h2{font-family:var(--font-display);font-weight:300;font-size:clamp(32px,4.5vw,56px);color:white;line-height:1.12;letter-spacing:-.03em;max-width:600px;margin:0 auto 20px;position:relative}.final-cta h2 em{font-style:italic;font-weight:400;color:var(--accent)}.final-cta p{font-size:17px;color:var(--ink-40);margin-bottom:36px;position:relative}.landing footer{background:var(--ink);border-top:1px solid rgba(255,255,255,.06);padding:48px 24px}.footer-inner{max-width:1100px;margin:0 auto;justify-content:space-between}.footer-inner,.footer-left{display:flex;align-items:center}.footer-left{gap:10px;color:var(--ink-40);font-size:13px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--ink-40);text-decoration:none;font-size:13px;transition:color .2s}.footer-links a:hover{color:white}@media (max-width:900px){.features-grid,.pain-grid{grid-template-columns:1fr}.feature-card.wide{grid-column:span 1;grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr 1fr;gap:32px}.workflow-steps:before{display:none}.pricing-grid{max-width:400px;margin-left:auto;margin-right:auto}.pricing-grid,.proof-stats{grid-template-columns:1fr}.fake-sidebar{display:none}.fake-stats{grid-template-columns:repeat(2,1fr)}.fake-table-header,.fake-table-row{grid-template-columns:2fr 1fr 1fr}.fake-table-header>:nth-child(n+4),.fake-table-row>:nth-child(n+4){display:none}.landing nav{padding:14px 20px}.nav-links{gap:16px}.nav-links a:not(.nav-cta){display:none}.hero-actions{flex-direction:column}}@media (max-width:600px){.hero{padding:120px 20px 60px}.hero-visual{margin-top:48px}.fake-stats{grid-template-columns:1fr 1fr}.workflow-steps{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:20px;text-align:center}}