@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0a0a0a;--white: #f5f5f5;--accent: #ff3c3c;--accent2: #ff8c42;--grey: #1a1a1a;--mid: #2e2e2e;--text-muted: #888;--font: "Inter", "Helvetica Neue", Arial, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--black);color:var(--white);overflow-x:hidden;line-height:1.6}.site-wrapper{width:100%}.panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 5vw}.content-block{max-width:1100px;width:100%;margin:0 auto}.panel-dark{background:var(--grey)}.panel-light{background:var(--white);color:var(--black)}.panel-accent{background:var(--accent);color:var(--white)}.panel-black{background:var(--black)}.panel-cta{background:linear-gradient(135deg,var(--black) 0%,#1a0000 100%);border-top:1px solid #2a0000}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.panel-light .section-label{color:var(--accent)}.panel-accent .section-label{color:#ffffffb3}h1{font-size:clamp(2.6rem,6vw,5.5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:28px;opacity:0;animation:fadeUp .9s ease .4s forwards}h2{font-size:clamp(2rem,4.5vw,3.8rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}h3{font-size:1.25rem;font-weight:700;margin-bottom:10px}.panel-light h2,.panel-light h3{color:var(--black)}.section-body{font-size:1.15rem;line-height:1.75;color:var(--text-muted);max-width:680px;margin-bottom:48px}.panel-light .section-body{color:#555}.panel-accent .section-body{color:#ffffffd9}.panel-cta .section-body{color:#aaa}.hero{background:var(--black);position:relative;align-items:center;justify-content:center;min-height:100vh;padding:100px 8vw 80px}.hero-inner{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text{max-width:580px}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;opacity:0;animation:fadeUp .8s ease .2s forwards}.accent{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(1rem,1.6vw,1.2rem);color:#aaa;max-width:520px;margin-bottom:40px;line-height:1.8;opacity:0;animation:fadeUp .9s ease .6s forwards}.hero-visual{position:relative;height:580px;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn 1s ease .5s forwards}.silhouette{position:absolute;color:var(--accent);pointer-events:none}.sil-1{width:72px;height:auto;left:2%;top:10%;opacity:.12;animation:floatA 7s ease-in-out infinite}.sil-2{width:58px;height:auto;right:4%;top:5%;opacity:.18;animation:floatB 9s ease-in-out infinite}.sil-3{width:80px;height:auto;right:0%;bottom:8%;opacity:.1;animation:floatA 11s ease-in-out infinite reverse}.sil-4{width:100px;height:auto;left:0%;bottom:5%;opacity:.07;animation:floatB 13s ease-in-out infinite}@keyframes floatA{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes floatB{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-12px) rotate(-3deg)}}.hero-screenshot{width:340px;max-width:100%;border-radius:28px;box-shadow:0 40px 100px #000000b3,0 0 0 1px #222;position:relative;z-index:2;display:block}.screenshots{min-height:auto;padding:100px 5vw}.screenshots .section-body{margin-bottom:56px}.screenshot-row{display:flex;gap:20px;align-items:flex-end;overflow-x:auto;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#333 transparent}.screenshot-row::-webkit-scrollbar{height:4px}.screenshot-row::-webkit-scrollbar-track{background:transparent}.screenshot-row::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.screenshot-card{flex:0 0 auto;width:200px;display:flex;flex-direction:column;gap:14px;transition:transform .3s ease}.screenshot-card:hover{transform:translateY(-8px)}.screenshot-card img{width:100%;border-radius:20px;box-shadow:0 20px 60px #0009;display:block}.sc-featured{width:230px;transform:translateY(-24px)}.sc-featured:hover{transform:translateY(-32px)}.screenshot-label{padding:0 4px}.sc-title{display:block;font-size:.85rem;font-weight:700;color:var(--white);margin-bottom:4px}.sc-sub{display:block;font-size:.75rem;color:var(--text-muted);line-height:1.5}.phone-mockup{width:240px;height:490px;background:#0f0f0f;border-radius:36px;border:2px solid #2a2a2a;box-shadow:0 40px 100px #000000b3,0 0 0 1px #111,inset 0 0 0 1px #222;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:2}.phone-notch{width:90px;height:24px;background:#0f0f0f;border-radius:0 0 16px 16px;margin:0 auto;position:relative;z-index:3;border-bottom:1px solid #1a1a1a}.phone-screen{flex:1;display:flex;flex-direction:column;padding:10px 14px 8px;overflow:hidden}.phone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.phone-app-name{font-size:.75rem;font-weight:800;color:#fff;letter-spacing:.05em}.phone-tag{font-size:.6rem;background:var(--accent);color:#fff;padding:2px 7px;border-radius:20px;font-weight:700}.phone-cats{display:flex;gap:6px;margin-bottom:10px}.pcat{font-size:.6rem;padding:3px 10px;border-radius:20px;border:1px solid #333;color:#666;cursor:default;font-weight:600}.pcat.active{background:var(--accent);border-color:var(--accent);color:#fff}.pose-display{flex:1;background:linear-gradient(160deg,#161616,#1e1e1e);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:12px 10px 8px;margin-bottom:8px;border:1px solid #2a2a2a}.pose-num-badge{position:absolute;top:8px;left:10px;font-size:.55rem;font-weight:800;color:var(--accent);letter-spacing:.08em}.pose-figure{width:90px;height:auto;margin:8px 0;filter:drop-shadow(0 0 12px rgba(255,60,60,.25))}.pose-tip{font-size:.58rem;color:#777;text-align:center;line-height:1.4;padding:0 4px}.phone-actions{display:flex;gap:8px}.pact-skip,.pact-love{flex:1;padding:8px 4px;border-radius:8px;font-size:.65rem;font-weight:700;border:none;cursor:default}.pact-skip{background:#222;color:#555}.pact-love{background:var(--accent);color:#fff}.phone-home-bar{height:22px;display:flex;align-items:center;justify-content:center}.phone-home-bar:after{content:"";width:60px;height:4px;background:#333;border-radius:2px}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font-size:1.4rem;color:var(--text-muted);opacity:0;animation:fadeIn 1s ease 1.4s forwards,bounce 2s ease 1.6s infinite}.cta-row{display:flex;gap:16px;flex-wrap:wrap;opacity:0;animation:fadeUp .9s ease .8s forwards}.btn-primary{display:inline-block;padding:16px 36px;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;text-decoration:none;border-radius:4px;letter-spacing:.03em;transition:background .2s,transform .2s}.btn-primary:hover{background:#e02020;transform:translateY(-2px)}.btn-ghost{display:inline-block;padding:16px 36px;border:2px solid #444;color:#ccc;font-size:1rem;font-weight:700;text-decoration:none;border-radius:4px;letter-spacing:.03em;transition:border-color .2s,color .2s,transform .2s}.btn-ghost:hover{border-color:var(--accent);color:var(--white);transform:translateY(-2px)}.btn-large{padding:20px 52px;font-size:1.15rem}.stat-row{display:flex;gap:48px;flex-wrap:wrap;margin-top:56px;padding-top:48px;border-top:1px solid #333}.stat{display:flex;flex-direction:column;gap:6px}.stat-number{font-size:1.8rem;font-weight:900;color:var(--accent);letter-spacing:-.02em}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:56px}.step{padding:36px;border:1px solid #ddd;border-radius:8px;background:#fafafa}.step-num{font-size:3rem;font-weight:900;color:var(--accent);line-height:1;margin-bottom:16px;opacity:.25}.step h3{color:var(--black);font-size:1.2rem}.step p{color:#555;font-size:.9rem;line-height:1.7;margin:0}.vision-block{position:relative;overflow:hidden}.vision-block h2{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.2}.vision-silhouette{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:260px;height:auto;opacity:.08;pointer-events:none}.founder-note{font-size:1.1rem;font-style:italic;opacity:.8;margin-top:-20px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:56px}.feature-card{background:var(--mid);border:1px solid #333;border-radius:10px;padding:32px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent)}.feature-icon{font-size:2rem;margin-bottom:16px}.feature-card h3{font-size:1.1rem;margin-bottom:10px;color:var(--white)}.feature-card p{font-size:.9rem;color:#999;line-height:1.7;margin:0}.feature-showcase{min-height:100vh;padding:80px 8vw;display:flex;align-items:center;justify-content:center}.fs-inner{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.fs-text .section-label{margin-bottom:20px}.fs-text h2{font-size:clamp(2.2rem,4.5vw,4rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:28px}.fs-text .section-body{margin-bottom:0}.fs-visual{display:flex;align-items:center;justify-content:center;position:relative}.fs-screenshot{width:300px;max-width:100%;border-radius:28px;box-shadow:0 40px 100px #000000bf,0 0 0 1px #222;display:block;position:relative;z-index:2}.fs-glow{position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(255,60,60,.18) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.panel-light .fs-text h2{color:var(--black)}.panel-light .fs-text .section-body{color:#555}.quote-panel{min-height:50vh;padding:80px 8vw;display:flex;align-items:center;justify-content:center}.quote-inner{max-width:820px;width:100%;text-align:center}.quote-mark{font-family:Georgia,Times New Roman,serif;font-size:9rem;line-height:.5;color:var(--accent);opacity:.25;display:block;margin-bottom:16px;-webkit-user-select:none;user-select:none}.quote-text{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600;font-style:italic;line-height:1.45;color:var(--white);margin-bottom:28px;letter-spacing:-.01em}.panel-dark .quote-text{color:var(--white)}.quote-author{display:block;font-size:.95rem;font-style:normal;font-weight:500;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.cta-block{text-align:center}.cta-block h2{color:var(--white);margin:0 auto 20px}.cta-block .cta-row{justify-content:center;margin-top:16px}.footer-note{margin-top:80px;font-size:.8rem;color:#444}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-visual{height:auto;order:-1;justify-content:center}.hero-screenshot{width:280px}.sil-1{width:52px}.sil-2{width:44px}.sil-3{width:56px}.sil-4{width:68px}.vision-silhouette{width:160px;opacity:.05}.fs-inner{grid-template-columns:1fr;gap:48px;text-align:center}.fs-inner .fs-visual{order:-1}.fs-inner .fs-text{order:1}.fs-text .section-body{margin:0 auto}.fs-screenshot{width:260px}.fs-glow{width:220px;height:220px}.quote-panel{min-height:40vh;padding:60px 8vw}.quote-mark{font-size:6rem}}@media (max-width: 640px){.panel{padding:60px 6vw}.hero{padding:80px 6vw 60px}.stat-row{gap:28px}.steps,.feature-grid{grid-template-columns:1fr}.cta-row{flex-direction:column;align-items:flex-start}.cta-block .cta-row{align-items:center}.hero-screenshot{width:240px}.sil-3,.sil-4{display:none}.feature-showcase{padding:60px 6vw}.fs-screenshot{width:220px}.fs-text h2{font-size:2rem!important}.quote-text{font-size:1.3rem}.quote-mark{font-size:5rem}}