:root{--bg:#101113;--card:#1b1d21;--line:#31343a;--yellow:#ffcf00;--muted:#a8acb6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:#f5f6f7;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:80px 28px}.top{display:flex;align-items:center;justify-content:space-between;padding:20px max(28px,calc((100vw - 1104px)/2));gap:20px;background:#101113f2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{font-weight:850;font-size:13px;letter-spacing:.04em;text-decoration:none;white-space:nowrap}.brand span{display:block;font-size:9px;letter-spacing:.17em;color:var(--yellow);padding-left:24px}.top nav{display:flex;gap:24px;align-items:center;font-size:13px}.top nav a{text-decoration:none}.nav-login{border:1px solid var(--line);border-radius:100px;padding:8px 16px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--yellow);margin:0 0 18px}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(38px,5.7vw,72px);line-height:1.06;letter-spacing:-.055em;margin-bottom:28px;font-weight:850}h1 em{font-style:normal;color:var(--yellow)}h2{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.045em;margin-bottom:24px}h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin-bottom:14px}.lead{max-width:670px;color:#bbc0c9;font-size:19px;line-height:1.7}.lead strong{color:white}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--yellow);color:#171717;font-weight:800;padding:15px 24px;border-radius:12px;min-height:52px;transition:transform .15s,background .15s}.button:hover{background:#efbf00;transform:translateY(-2px)}.secondary{background:transparent;color:#f5f6f7;border:1px solid #52555d}.secondary:hover{background:#2a2d33}.micro{font-size:12px;color:var(--muted);margin:18px 0 0}.hero{padding-top:68px;padding-bottom:30px}.hero-shot{margin:48px 0 0;border:1px solid #414650;border-radius:18px;overflow:hidden;box-shadow:0 25px 90px #0008}.hero-shot img{display:block;width:100%;height:auto}.hero-shot figcaption{padding:13px 18px;background:var(--card);font-size:11px;color:#b7bcc5;display:flex;align-items:center;gap:9px}.hero-shot figcaption span:last-child{margin-left:auto}.dot{width:6px;height:6px;background:#6ac69a;border-radius:100%}.split,.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px}.split p,.section-head>p,.workflow p{color:var(--muted);font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.features article{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--card)}.features article>span{color:var(--yellow);font-size:10px;letter-spacing:.1em;font-weight:800}.features h3{margin-top:25px}.features p{color:var(--muted);font-size:14px;margin-bottom:0}.examples{border-top:1px solid var(--line)}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.example-grid article{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.example-grid img{width:100%;height:auto;display:block;transition:opacity .15s}.example-grid a:hover img{opacity:.85}.example-grid article>div{padding:24px}.example-grid .eyebrow{font-size:9px}.example-grid h3{margin-top:14px;font-size:21px}.example-grid p{color:var(--muted);font-size:13px;margin-bottom:0}.example-note{font-size:12px;color:var(--muted);margin:24px 0 0;max-width:850px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--card);border-radius:24px;padding:48px;margin-top:10px;margin-bottom:30px}.workflow ol{list-style:none;padding:0;margin:0;display:grid;gap:24px}.workflow li{display:flex;gap:18px}.workflow li b{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:100%;background:#34332a;color:var(--yellow)}.workflow h3{font-size:17px;margin-bottom:6px}.workflow li p{font-size:13px;margin-bottom:0}.text-link{display:inline-block;color:var(--yellow);font-weight:700;font-size:14px;margin-top:10px}.pricing{text-align:center}.section-lead{color:var(--muted)}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left;margin-top:40px}.price-grid article{display:flex;flex-direction:column;border:1px solid #41454d;border-radius:22px;padding:36px;background:var(--card)}.price-grid .combo{border:2px solid var(--yellow);background:linear-gradient(145deg,#343020,#1b1d21 55%)}.price{font-size:46px;font-weight:850;letter-spacing:-.04em;margin-bottom:16px}.price span{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}.price-grid ul{list-style:none;padding:0;display:grid;gap:12px;margin-bottom:32px;font-size:14px;color:#d9dce1}.price-grid li::before{content:'✓';color:var(--yellow);margin-right:10px}.price-grid .button{margin-top:auto}.billing{max-width:850px;margin:30px auto 0;text-align:left;color:var(--muted);font-size:12px}.billing strong{color:white}.billing a{color:#f5f6f7}.international{font-size:14px;margin-top:26px}.international a{color:var(--yellow)}.faq{padding-top:25px;max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:16px;font-weight:650;cursor:pointer}.faq details p{font-size:14px;color:var(--muted);margin:16px 0 0;max-width:760px}.closing{text-align:center;border-radius:28px;background:#1b1d21;margin-bottom:60px}.closing .text-link{display:block;margin-top:24px}footer.wrap{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:28px;padding-bottom:35px;color:var(--muted);font-size:12px}footer div{display:flex;gap:22px}.skip{position:absolute;left:20px;top:-80px;background:var(--yellow);color:black;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){.wrap{padding:48px 20px}.top{padding:14px 20px;flex-wrap:wrap;gap:10px}.top nav{gap:16px;font-size:11px}.brand{font-size:11px}.nav-login{padding:5px 9px}.hero{padding-top:42px}.hero-shot{margin-top:32px;border-radius:10px}.hero-shot figcaption{font-size:9px;padding:10px}.hero-shot figcaption span:last-child{display:none}.lead{font-size:16px}.split,.section-head,.features,.example-grid,.workflow,.price-grid{grid-template-columns:1fr;gap:20px}.features article{padding:24px}.workflow{margin:0 20px;padding:28px}.workflow ol{margin-top:12px}.price-grid article{padding:28px}.price{font-size:42px}.closing{margin:0 20px 40px}.closing h2{font-size:36px}footer.wrap{gap:18px;flex-wrap:wrap}.actions .button{font-size:13px;padding:13px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
