:root{color:#17202a;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--yellow: #f6c343;--yellow-strong: #f1b615;--graphite: #17202a;--muted: #5f6b7a;--petrol: #1f6f8b;--line: #dfe5eb;--surface: #ffffff;--shadow: 0 22px 55px rgba(23, 32, 42, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header{align-items:center;background:#f7f8fae0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,229,235,.7);display:flex;gap:24px;justify-content:space-between;left:0;padding:16px max(22px,calc((100vw - 1120px)/2));position:sticky;right:0;top:0;z-index:10}.brand{align-items:center;display:inline-flex;font-size:18px;font-weight:800;gap:10px}.brand img{height:36px;width:36px}nav{align-items:center;color:var(--muted);display:flex;font-size:15px;font-weight:650;gap:24px}nav a:hover{color:var(--graphite)}.header-action{background:var(--graphite);border-radius:999px;color:#fff;font-size:14px;font-weight:800;padding:11px 16px}.section{margin:0 auto;max-width:1120px;padding:82px 22px}.hero{align-items:center;display:grid;gap:52px;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);min-height:720px;padding-top:74px}.hero h1,.section h2{letter-spacing:0;line-height:1.04;margin:0}.hero h1{font-size:clamp(44px,6.2vw,78px);max-width:780px}.hero-copy p{color:var(--muted);font-size:clamp(18px,2vw,22px);margin:26px 0 0;max-width:640px}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-weight:850;justify-content:center;min-height:48px;padding:13px 20px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--yellow);box-shadow:0 14px 30px #f6c34347;color:#151515}.button-primary:hover{background:var(--yellow-strong)}.button-secondary{background:var(--surface);border-color:var(--line);color:var(--graphite)}.demo-panel{background:linear-gradient(180deg,#fffffff0,#ffffffdb),radial-gradient(circle at 20% 10%,rgba(246,195,67,.28),transparent 35%);border:1px solid rgba(223,229,235,.95);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.demo-topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:8px;padding:16px 18px}.demo-topbar span{background:#ccd5df;border-radius:999px;height:10px;width:10px}.demo-topbar strong{color:var(--muted);font-size:13px;margin-left:auto}.demo-screen{display:grid;gap:22px;grid-template-columns:minmax(240px,.9fr) minmax(190px,.7fr);padding:26px}.phone-preview{background:#101820;border-radius:26px;box-shadow:inset 0 0 0 8px #0b1117;color:#101820;min-height:470px;padding:18px}.phone-preview>*{position:relative}.phone-header,.status-tabs,.job-card,.email-card,.phone-preview button{background:#fff;border-radius:16px;margin:0 0 12px;padding:14px}.phone-header{align-items:center;display:flex;font-weight:800;gap:9px}.phone-header img{height:28px;width:28px}.status-tabs{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:8px}.status-tabs span{border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:8px 6px;text-align:center}.status-tabs .active{background:#fff1c8;color:#6a4a00}.job-card,.email-card{display:grid;gap:7px}.job-card span,.email-card span,.email-card p{color:var(--muted);font-size:13px;margin:0}.phone-preview button{background:var(--yellow);border:0;color:#151515;cursor:default;font:inherit;font-weight:900;width:100%}.workflow{align-content:center;display:grid;gap:12px}.workflow div{align-items:center;background:#fffc;border:1px solid var(--line);border-radius:18px;color:var(--graphite);display:flex;font-size:15px;font-weight:800;gap:12px;padding:16px}.workflow span{align-items:center;background:var(--petrol);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:13px;height:28px;justify-content:center;width:28px}.player-bar{align-items:center;border-top:1px solid var(--line);display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:16px 18px}.play{align-items:center;background:var(--yellow);border-radius:999px;display:inline-flex;font-size:12px;height:34px;justify-content:center;width:34px}.player-bar div{background:#d9e0e7;border-radius:999px;height:8px;overflow:hidden}.player-bar div span{animation:progress 7s ease-in-out infinite;background:var(--petrol);border-radius:inherit;display:block;height:100%}.player-bar small{color:var(--muted);font-weight:800}.problem,.no-pressure,.founder{background:var(--surface);border:1px solid var(--line);border-radius:30px;box-shadow:0 16px 40px #17202a0f;display:grid;gap:28px;grid-template-columns:1fr .8fr;margin-top:24px;padding:46px}.section h2{font-size:clamp(32px,4vw,48px)}.section p{color:var(--muted);font-size:18px;margin:18px 0 0}.quote-panel{background:#eef8fb;border-left:5px solid var(--petrol);border-radius:20px;padding:24px}.quote-panel p{color:var(--graphite);font-weight:800;margin:0}.split{padding-bottom:48px}.section-heading{max-width:760px}.feature-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:30px}.feature-icon{align-items:center;background:#fff1c8;border-radius:18px;color:#6a4a00;display:inline-flex;font-size:24px;font-weight:900;height:54px;justify-content:center;margin-bottom:22px;width:54px}.feature-card h3{font-size:28px;letter-spacing:0;line-height:1.1;margin:0}.feature-card p{font-size:17px}.feature-card ul{color:var(--graphite);display:grid;font-weight:750;gap:10px;list-style:none;margin:22px 0 0;padding:0}.feature-card li{padding-left:28px;position:relative}.feature-card li:before{background:var(--yellow);border-radius:999px;content:"";height:10px;left:0;position:absolute;top:.55em;width:10px}.no-pressure{grid-template-columns:repeat(2,minmax(0,1fr))}.founder{align-items:center;grid-template-columns:210px 1fr}.founder img{aspect-ratio:1;border:8px solid #fff;border-radius:32px;box-shadow:0 18px 35px #17202a26;object-fit:cover;width:100%}.final-cta{align-items:center;display:grid;justify-items:center;padding-bottom:96px;text-align:center}.final-cta p{max-width:560px}@keyframes progress{0%,12%{width:12%}52%{width:68%}to{width:96%}}@media(max-width:900px){.site-header{gap:12px}nav{display:none}.hero,.problem,.no-pressure,.founder{grid-template-columns:1fr}.hero{gap:34px;min-height:auto;padding-top:50px}.demo-screen,.feature-grid{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-preview{min-height:410px}.founder img{max-width:180px}}@media(max-width:560px){.site-header{padding:12px 16px}.brand span{display:none}.header-action{font-size:13px;padding:10px 13px}.section{padding:52px 16px}.hero h1{font-size:42px}.actions,.button{width:100%}.demo-screen{padding:16px}.phone-preview{border-radius:22px;min-height:380px;padding:14px}.workflow{grid-template-columns:1fr}.problem,.no-pressure,.founder{border-radius:24px;padding:28px 18px}.feature-card{border-radius:22px;padding:24px 18px}}
