:root{--paper:#27241f;--ink:#f8f6f2;--muted:#aaa49c;--card:#111011;--purple:#673cf1;--purple-light:#ae7bff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.site-header,main,footer{width:min(1140px,calc(100% - 48px));margin-inline:auto}.site-header{height:74px;display:flex;align-items:center;gap:36px}.home-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px;letter-spacing:-.8px}.home-brand img{width:31px;height:31px;border-radius:9px;box-shadow:0 8px 24px #713ffd4c}.site-header nav{margin:auto;display:flex;gap:27px}.site-header a,footer a{font-size:13px;color:#b6b0aa;text-decoration:none;font-weight:650}.site-header a:hover,footer a:hover,.quiet-link:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:22px}.header-cta{padding:11px 17px;background:#111014;border-radius:999px;color:#fff!important}.hero{min-height:690px;display:grid;grid-template-columns:.93fr 1fr;align-items:center;gap:60px;padding:95px 0 75px}.kicker,.card-tag{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:#b486ff;margin:0 0 18px}.hero h1,.formats h2,.autopilot-panel h2,.steps h2,.final-cta h2{font-size:clamp(52px,5.25vw,77px);line-height:.96;letter-spacing:-.075em;margin:0;font-weight:850}.hero h1 span,.final-cta h2 span{color:var(--purple-light)}.hero-lede{max-width:485px;margin:25px 0;color:var(--muted);font-size:18px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:20px}.primary-cta{display:inline-flex;align-items:center;gap:14px;padding:15px 22px;border-radius:14px;background:var(--purple);box-shadow:0 14px 28px #5c31d15b;color:white;text-decoration:none;font-size:14px;font-weight:800}.primary-cta:hover{background:#7951fa;transform:translateY(-1px)}.primary-cta b{font-size:21px;line-height:10px}.quiet-link{color:#d5cec6;text-decoration:none;font-size:14px;font-weight:750}.microcopy{font-size:12px;color:#827b75;margin-top:22px}.hero-demo{height:480px;position:relative}.demo-glow{position:absolute;inset:10% 0 0 20%;background:radial-gradient(ellipse,#6b38e96b 0%,#6b38e914 40%,transparent 70%);filter:blur(18px)}.demo-phone{position:absolute;width:258px;height:458px;right:30px;top:0;padding:14px;border:7px solid #56515a;border-radius:39px;background:#242126;box-shadow:0 25px 55px #090707a8;overflow:hidden;animation:float 5s ease-in-out infinite}.phone-top,.phone-bottom{height:25px;display:flex;align-items:center;justify-content:space-between;font:700 8px ui-monospace,monospace;letter-spacing:.12em}.phone-top span{width:33px;height:4px;background:#76707a;border-radius:9px}.phone-scene{height:345px;position:relative;overflow:hidden;background:linear-gradient(160deg,#a5dec8 0 15%,#4fbcbe 15% 33%,#5a647e 33% 100%)}.scene-road{position:absolute;inset:30% -30% 0;background:repeating-linear-gradient(90deg,#72767b 0 40px,#4b4b50 40px 78px);transform:perspective(190px) rotateX(54deg)}.scene-car{position:absolute;width:120px;height:148px;bottom:-25px;left:calc(50% - 60px);background:linear-gradient(90deg,#14295b,#274c8f 48%,#091832);border-radius:36px 36px 10px 10px;box-shadow:inset 0 0 0 8px #4978bd}.phone-scene p{position:absolute;bottom:32px;left:0;right:0;text-align:center;font-size:15px;font-weight:900;line-height:1.05;text-shadow:0 2px 4px #000}.phone-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 17px;border-radius:999px;background:#131116e6;font-weight:800;font-size:13px}.phone-play span{padding-left:6px}.phone-bottom{padding:0 7px}.demo-post,.demo-output{position:absolute;z-index:2;background:#111011;border:1px solid #302d32;border-radius:22px;box-shadow:0 18px 45px #0007}.demo-post{left:0;top:58px;width:355px;padding:20px 22px}.demo-post small,.demo-output small{font:700 9px ui-monospace,monospace;letter-spacing:.15em;color:#807887}.demo-post small span{float:right}.post-author{margin-top:22px;display:flex;align-items:center;gap:8px;font-size:13px}.post-author i{display:grid;place-items:center;background:#693aeb;border-radius:50%;width:22px;height:22px;font-style:normal;font-weight:bold}.demo-post h2{font-size:22px;line-height:1.18;letter-spacing:-.045em;margin:15px 0}.demo-post p{font:600 10px ui-monospace,monospace;color:#8a848a}.demo-output{left:0;bottom:24px;width:355px;padding:16px 20px}.demo-output div{margin-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800}.demo-output b{color:var(--purple-light)}.demo-output em{display:block;text-align:right;color:#a39ba8;font:700 8px ui-monospace,monospace;margin-top:8px}.formats{padding:105px 0}.formats h2{font-size:54px;margin-bottom:36px}.format-grid{display:grid;grid-template-columns:1.28fr 1fr 1fr;gap:16px}.feature-card{min-height:405px;background:var(--card);border-radius:24px;padding:32px;position:relative;overflow:hidden}.feature-card h3{font-size:28px;line-height:1.02;letter-spacing:-.055em;margin:0 0 18px}.feature-card>p:not(.card-tag){max-width:300px;color:#9b9690;line-height:1.55;font-size:14px}.caption-sample{position:absolute;bottom:28px;left:30px;right:30px;display:flex;flex-wrap:wrap;gap:9px;justify-content:center;padding:21px;background:#19171e;border-radius:14px;font-size:13px;font-weight:900}.caption-sample b{padding:4px 8px;background:#6437e7;border-radius:7px}.mini-phone{position:absolute;bottom:0;left:50%;width:96px;height:180px;transform:translateX(-50%);background:#4b4b52;border:4px solid #7e7789;border-radius:20px 20px 0 0;padding:13px;color:#d7b5ff;font:700 8px ui-monospace,monospace}.mini-phone i{position:absolute;bottom:22px;left:10px;right:10px;height:45px;background:#588ca1}.mini-phone b{position:absolute;bottom:6px;color:#fff}.timeline{position:absolute;bottom:38px;left:28px;right:28px;height:84px;border-radius:13px;background:#28251f;display:flex;align-items:flex-end;justify-content:space-around;padding:15px 9px;font:700 8px ui-monospace,monospace;color:#968f9e}.timeline i{position:absolute;top:18px;width:14px;height:14px;background:var(--purple);border-radius:50%}.timeline i:nth-of-type(1){left:20%}.timeline i:nth-of-type(2){left:48%}.timeline i:nth-of-type(3){left:76%}.autopilot-panel{margin:65px 0 120px;padding:64px 70px;display:grid;grid-template-columns:.95fr 1fr;gap:80px;border-radius:30px;background:#17151b}.autopilot-panel h2{font-size:53px}.autopilot-panel>div>p:not(.kicker){color:#aaa4a0;line-height:1.6;font-size:16px;max-width:530px;margin:23px 0}.autopilot-panel ol{display:flex;gap:25px;padding:0;margin:24px 0;list-style:none;font-weight:800;font-size:13px}.autopilot-panel li:not(:last-child):after{content:'→';padding-left:25px;color:#a178ff}.log-card{align-self:center;padding:31px 35px;border:1px solid #2a2730;border-radius:23px;font:600 13px ui-monospace,monospace;color:#c4bdc5}.log-head{display:flex;align-items:center;gap:14px;margin-bottom:28px}.log-head span{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#c5794e,#235a87)}.log-card p{margin:14px 0}.log-card time{display:inline-block;width:44px;color:#a87cff}.log-card hr{border:0;border-top:1px solid #2a2730;margin:24px 0}.log-card strong{color:#fff}.log-card strong i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--purple);margin-left:7px}.steps{padding:50px 0 135px}.steps h2{font-size:55px;margin-bottom:42px}.steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.steps article{min-height:250px;background:var(--card);border-radius:22px;padding:31px}.steps article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#312a42;color:#bf95ff;font:800 13px ui-monospace,monospace}.steps h3{font-size:24px;letter-spacing:-.045em;margin:56px 0 10px}.steps p{color:#aaa49d;line-height:1.55;font-size:14px}.final-cta{text-align:center;padding:120px 0 150px}.final-cta h2{font-size:70px;margin-bottom:30px}footer{border-top:1px solid #3a3732;padding:28px 0 42px;display:flex;align-items:center;justify-content:space-between}footer nav{display:flex;gap:24px}footer small{color:#7f7973;font-size:12px}@keyframes float{50%{transform:translateY(-12px)}}.rise{animation:rise .65s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.delay{animation-delay:.12s}@media(max-width:850px){.site-header nav{display:none}.site-header{gap:12px}.header-actions{margin-left:auto;gap:14px}.hero{grid-template-columns:1fr;padding-top:65px}.hero-demo{width:min(520px,100%);margin:10px auto}.format-grid,.steps>div{grid-template-columns:1fr}.autopilot-panel{grid-template-columns:1fr;padding:40px;gap:35px}.demo-post,.demo-output{left:0}.site-header,main,footer{width:min(100% - 32px,1140px)}}@media(max-width:520px){.site-header{height:65px}.site-header .header-actions>a:first-child{display:none}.header-cta{padding:9px 12px}.hero{min-height:0;padding-bottom:50px}.hero h1{font-size:50px}.hero-demo{height:410px;transform:scale(.8);transform-origin:left top;margin-bottom:-75px}.demo-phone{right:0}.demo-post,.demo-output{width:290px}.demo-post{padding:15px}.demo-post h2{font-size:18px}.formats,.steps{padding:65px 0}.formats h2,.steps h2,.autopilot-panel h2{font-size:43px}.autopilot-panel{padding:30px 23px;margin-bottom:70px}.autopilot-panel ol{gap:9px;font-size:11px}.autopilot-panel li:not(:last-child):after{padding-left:9px}.final-cta{padding:80px 0}.final-cta h2{font-size:53px}footer{flex-wrap:wrap;gap:20px}footer nav{order:3;width:100%}}
