:root { --cream:#f4f0e5; --paper:#fffdf7; --ink:#17202b; --coral:#f36c50; --blue:#4169e1; --mint:#c9f3dc; --green:#287a64; --line:rgba(23,32,43,.14); --font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif; --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; color-scheme:light; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:var(--font-sans); -webkit-font-smoothing:antialiased; }
img { max-width:100%; }
.skip-link { position:absolute; left:12px; top:-80px; z-index:100; padding:12px 16px; border-radius:10px; background:var(--ink); color:white; }
.skip-link:focus { top:12px; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.site-header { height:92px; display:flex; align-items:center; gap:28px; position:relative; z-index:20; }
.brand { display:flex; align-items:center; gap:11px; font-family:var(--font-mono); font-size:14px; font-weight:700; letter-spacing:.18em; }
.brand img { border-radius:10px; }
.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:14px; font-weight:700; }
.site-header nav a { opacity:.7; transition:.2s ease; }
.site-header nav a:hover { opacity:1; }
.header-cta { border:1.5px solid var(--ink); padding:11px 17px; border-radius:999px; font-size:13px; font-weight:800; }
.hero { min-height:760px; display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:34px; padding-block:62px 86px; }
.pill,.kicker,.example-eyebrow { font-family:var(--font-mono); font-weight:700; letter-spacing:.16em; font-size:12px; }
.pill { display:inline-flex; align-items:center; gap:9px; border:1px solid var(--line); padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.45); }
.status-dot { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(40,122,100,.12); }
h1,h2,h3,p { margin-top:0; }
.hero h1 { font-size:clamp(62px,7.4vw,106px); letter-spacing:-.065em; line-height:.88; margin:30px 0 32px; max-width:740px; }
em { color:var(--coral); font-style:normal; }
.hero-lede { max-width:570px; font-size:21px; line-height:1.55; color:rgba(23,32,43,.7); }
.hero-actions { display:flex; align-items:center; gap:28px; margin:34px 0 22px; }
.primary-button { display:inline-flex; align-items:center; justify-content:center; gap:25px; padding:17px 20px 17px 24px; color:white; background:var(--ink); border-radius:16px; font-weight:800; box-shadow:0 7px 0 rgba(23,32,43,.17); transition:transform .2s ease,box-shadow .2s ease; }
.primary-button:hover { transform:translateY(-2px); box-shadow:0 10px 0 rgba(23,32,43,.14); }
.primary-button span { color:var(--mint); }
.text-link { font-size:14px; font-weight:800; border-bottom:1px solid var(--ink); padding-block:8px; }
.price-note { font-size:13px; color:rgba(23,32,43,.6); }.price-note strong{color:var(--ink)}
.hero-visual { position:relative; min-height:640px; display:grid; place-items:center; }
.orbit { position:absolute; border-radius:50%; }
.orbit-one { width:520px; height:520px; background:var(--coral); right:-30px; top:55px; }
.orbit-two { width:260px; height:260px; background:var(--mint); left:20px; bottom:20px; }
.se-phone { position:relative; width:300px; background:#08090b; border:4px solid #08090b; border-radius:47px; padding:0 11px; box-shadow:0 34px 80px rgba(23,32,43,.31), inset 0 0 0 1px #4a4a4a; z-index:2; }
.se-top { height:49px; position:relative; display:flex; align-items:center; justify-content:center; }
.se-speaker { width:52px; height:6px; border-radius:9px; background:#35363a; }
.se-camera { position:absolute; width:9px; height:9px; border-radius:50%; background:#17213a; transform:translateX(-46px); box-shadow:inset 0 0 0 2px #20232b; }
.se-screen { overflow:hidden; background:white; aspect-ratio:750/1334; border:1px solid #111; }
.se-screen img { width:100%; height:100%; display:block; object-fit:cover; }
.se-bottom { height:62px; display:grid; place-items:center; }
.home-button { width:40px; height:40px; border-radius:50%; border:2px solid #3d3e42; box-shadow:inset 0 0 0 1px #121316; }
.floating-note { position:absolute; z-index:4; background:var(--paper); border:1px solid var(--line); box-shadow:0 18px 45px rgba(23,32,43,.16); padding:15px 17px; border-radius:18px; display:grid; grid-template-columns:auto 1fr; gap:1px 11px; min-width:190px; }
.floating-note span { grid-row:1/3; font-family:var(--font-mono); color:var(--coral); font-weight:700; }
.floating-note strong { font-family:var(--font-mono); font-size:12px; letter-spacing:.12em; }.floating-note small{opacity:.62}
.note-one { left:-4px; top:110px; transform:rotate(-4deg); }.note-two{right:-28px;bottom:110px;transform:rotate(3deg)}
.trust-strip { background:var(--ink); color:white; overflow:hidden; }
.trust-grid { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.15em; }
.trust-grid i { width:6px; height:6px; border-radius:50%; background:var(--coral); }
.examples { padding-block:140px; }
.section-heading { display:grid; grid-template-columns:1fr 1.4fr .8fr; gap:50px; align-items:end; margin-bottom:66px; }
.kicker { margin:0 0 16px; }.section-heading .kicker{align-self:start}.section-heading h2,.engine-grid h2,.screens-section h2,.price-card h2,.final-cta h2,.support-hero h1,.legal h1{font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.055em;margin:0}.section-heading>p:last-child{font-size:17px;line-height:1.55;color:rgba(23,32,43,.65);margin:0}
.example-list { display:grid; gap:28px; }
.example-card { display:grid; grid-template-columns:1.08fr .92fr; min-height:510px; border:1px solid var(--line); border-radius:34px; overflow:hidden; background:var(--paper); box-shadow:0 18px 50px rgba(23,32,43,.06); }
.example-photo-wrap { position:relative; min-height:420px; overflow:hidden; }.example-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.example-card:hover .example-photo{transform:scale(1.025)}
.example-number { position:absolute; top:22px; left:22px; width:49px; height:49px; border-radius:50%; display:grid; place-items:center; background:var(--paper); font-family:var(--font-mono); font-weight:700; }
.example-output { padding:58px 50px; display:flex; flex-direction:column; justify-content:center; }.example-eyebrow{color:var(--coral);margin-bottom:28px}.blue .example-eyebrow{color:var(--blue)}.green .example-eyebrow{color:var(--green)}
.example-output h3 { font-size:39px; letter-spacing:-.04em; margin-bottom:8px; }.example-output>p:not(.example-eyebrow){color:rgba(23,32,43,.6)}
.mini-action { display:grid; margin:24px 0; border:1px solid var(--line); border-radius:18px; overflow:hidden; }.mini-action span{font-family:var(--font-mono);font-size:11px;padding:14px 16px;border-bottom:1px solid var(--line);white-space:pre-wrap}.mini-action span:last-child{border:0}
.editable { font-size:13px; font-weight:800; display:flex; gap:9px; align-items:center; }.editable span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green)}
.engine-section { background:var(--ink); color:white; padding-block:130px; position:relative; overflow:hidden; }.engine-section:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:var(--coral);filter:blur(1px);right:-210px;bottom:-230px}
.engine-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:100px; position:relative; z-index:1; }.light{color:var(--mint)}.engine-grid h2 em{color:var(--mint)}.engine-lede{font-size:19px;line-height:1.6;color:rgba(255,255,255,.64);max-width:500px;margin-top:30px}
.engine-cards { display:grid; gap:13px; }.engine-cards article{display:flex;gap:18px;align-items:center;padding:22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:20px}.engine-cards article>span{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:var(--coral);font-family:var(--font-mono);font-weight:700}.engine-cards article:nth-child(2)>span{background:var(--blue)}.engine-cards article:nth-child(3)>span{background:var(--mint);color:var(--ink)}.engine-cards strong{font-size:17px}.engine-cards p{margin:5px 0 0;color:rgba(255,255,255,.6);line-height:1.45}
.screens-section { padding-block:145px; display:grid; grid-template-columns:.8fr 1.2fr; gap:65px; align-items:center; overflow:hidden; }.screen-copy>p:not(.kicker){font-size:18px;line-height:1.6;color:rgba(23,32,43,.65);max-width:500px;margin-top:28px}.screen-copy ul{list-style:none;padding:0;margin:38px 0 0;border-top:1px solid var(--line)}.screen-copy li{padding:17px 0;border-bottom:1px solid var(--line);font-weight:700}.screen-copy li span{font-family:var(--font-mono);font-size:11px;color:var(--coral);margin-right:18px}
.phone-pair { min-height:720px; position:relative; display:grid; place-items:center; }.phone-pair:before{content:"";position:absolute;width:590px;height:590px;border-radius:50%;background:var(--mint)}.phone-pair .se-phone{position:absolute;width:274px}.phone-back{transform:translate(-120px,-35px) rotate(-7deg)}.phone-front{transform:translate(115px,35px) rotate(6deg)}
.lifetime { padding-bottom:145px; }.price-card{background:var(--paper);border:1px solid var(--line);border-radius:38px;padding:62px;box-shadow:0 26px 70px rgba(23,32,43,.08)}.price-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:48px;border-bottom:1px solid var(--line)}.price{font-size:104px;font-weight:800;letter-spacing:-.08em;line-height:.8;display:grid;grid-template-columns:auto auto auto;align-items:start}.price sup{font-size:27px;margin:8px 5px 0 0}.price small{font-size:43px;margin-top:7px}.price span{grid-column:1/-1;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-align:right;margin-top:14px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:34px}.plan{padding:28px;border-radius:24px;border:1px solid var(--line)}.plan>span{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em}.plan h3{font-size:25px;margin:10px 0 18px}.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;color:rgba(23,32,43,.68)}.plan li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}.paid-plan{background:var(--ink);color:white}.paid-plan ul{color:rgba(255,255,255,.68)}.paid-plan li:before{color:var(--mint)}.price-footer{display:flex;gap:35px;justify-content:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em}.price-footer strong{color:var(--coral)}
.final-cta { background:var(--coral); text-align:center; color:var(--ink); padding-block:120px; }.cta-icon{border-radius:26px;box-shadow:0 14px 30px rgba(23,32,43,.18);margin-bottom:32px}.final-cta h2 em{color:white}.final-cta>div>p:not(.kicker){font-size:19px;max-width:600px;margin:26px auto;color:rgba(23,32,43,.68)}.mint-button{background:var(--mint);color:var(--ink);box-shadow:0 7px 0 rgba(23,32,43,.22)}.mint-button span{color:var(--coral)}
.site-footer { background:var(--ink); color:white; }.footer-grid{min-height:150px;display:grid;grid-template-columns:1fr auto auto;gap:45px;align-items:center}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand img{border-radius:11px}.footer-brand div{display:grid}.footer-brand strong{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em}.footer-brand span,.site-footer p{font-size:12px;color:rgba(255,255,255,.5);margin:4px 0 0}.footer-links{display:flex;gap:24px;font-size:13px;font-weight:700}
.legal { max-width:900px; padding-block:100px 140px; }.legal h1{margin:20px 0 34px}.legal-intro{font-size:21px!important;color:rgba(23,32,43,.65);line-height:1.6;margin-bottom:70px!important}.legal section{display:grid;grid-template-columns:250px 1fr;gap:38px;padding:30px 0;border-top:1px solid var(--line)}.legal section h2{font-size:19px;margin:0}.legal section p{margin:0;line-height:1.7;color:rgba(23,32,43,.7)}.legal section a{text-decoration:underline;font-weight:700}
.support-hero{padding-block:90px 100px}.support-hero h1{margin:20px 0 28px}.support-hero>p:not(.kicker){font-size:20px;color:rgba(23,32,43,.65);margin-bottom:30px}.faq{padding-bottom:130px}.faq article{display:grid;grid-template-columns:55px 1fr;gap:30px;padding:34px 0;border-top:1px solid var(--line);max-width:900px}.faq article>span{font-family:var(--font-mono);color:var(--coral);font-size:12px}.faq h2{font-size:22px;margin-bottom:10px}.faq p{color:rgba(23,32,43,.65);line-height:1.65;margin:0}.support-contact{background:var(--coral);padding-block:90px}.support-contact>div{max-width:900px}.support-contact h2{font-size:55px;letter-spacing:-.04em;margin:0 0 18px}.support-contact p:not(.kicker){max-width:680px;line-height:1.6;color:rgba(23,32,43,.68)}.support-contact a{display:inline-block;margin-top:20px;font-family:var(--font-mono);font-weight:700;border-bottom:2px solid var(--ink)}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero-lede{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{margin-top:10px}.section-heading{grid-template-columns:1fr}.example-card{grid-template-columns:1fr}.example-photo-wrap{min-height:390px}.engine-grid,.screens-section{grid-template-columns:1fr}.engine-grid{gap:50px}.screen-copy{text-align:center}.screen-copy>p:not(.kicker){margin-inline:auto}.phone-pair{margin-top:20px}.footer-grid{grid-template-columns:1fr;text-align:center;padding-block:40px}.footer-brand,.footer-links{justify-content:center}}
@media(max-width:620px){.shell{width:min(100% - 28px,1180px)}.site-header{height:76px}.header-cta{font-size:11px;padding:9px 12px}.hero{padding-block:35px 60px;min-height:auto}.hero h1{font-size:58px}.hero-lede{font-size:18px}.hero-actions{flex-direction:column;gap:10px}.hero-visual{min-height:565px}.hero-visual .se-phone{width:255px}.orbit-one{width:390px;height:390px;right:-100px}.orbit-two{width:210px;height:210px;left:-45px}.floating-note{min-width:160px;padding:11px;font-size:11px}.note-one{left:-8px}.note-two{right:-8px;bottom:70px}.trust-grid{display:grid;grid-template-columns:1fr 1fr;padding-block:24px;text-align:center}.trust-grid i{display:none}.examples{padding-block:90px}.section-heading{margin-bottom:40px}.section-heading h2,.engine-grid h2,.screens-section h2,.price-card h2,.final-cta h2,.support-hero h1,.legal h1{font-size:47px}.example-card{min-height:auto}.example-photo-wrap{min-height:330px}.example-output{padding:36px 25px}.example-output h3{font-size:32px}.engine-section,.screens-section{padding-block:90px}.engine-grid{gap:38px}.engine-cards article{align-items:flex-start}.phone-pair{min-height:620px;transform:scale(.82);margin-inline:-55px}.price-card{padding:32px 20px;border-radius:28px}.price-top{display:grid}.price{font-size:82px}.plan-grid{grid-template-columns:1fr}.price-footer{display:grid;gap:8px;text-align:center}.final-cta{padding-block:90px}.legal{padding-block:70px 100px}.legal-intro{font-size:18px!important}.legal section{grid-template-columns:1fr;gap:10px}.support-hero{padding-block:60px 80px}.faq article{grid-template-columns:38px 1fr}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.example-photo,.primary-button{transition:none}}