:root{--bg:#0b0e13;--surface:#14181f;--text:#f6f5f2;--muted:#a4a9b2;--line:#2a2e36;--accent:#ff8145;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}p{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent)}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;background:var(--accent);color:#15100b;padding:12px;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;background:rgba(11,14,19,.95);backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid var(--line)}.nav-wrap{max-width:1360px;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;margin:auto;gap:28px}.brand{font-size:31px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center;white-space:nowrap;line-height:1}.brand span{color:var(--accent)}.brand i{width:7px;height:7px;border-radius:50%;background:var(--accent);align-self:flex-start;margin:3px 0 0 5px}nav{display:flex;gap:26px;font-size:13px}nav a{color:#c4c8cf}nav a:hover,.text-link:hover,.email-link:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:30px}.language{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:bold}.language a{color:var(--muted);padding:5px 0}.language [aria-current]{color:white}.language span{color:#52555b}.nav-contact{font-size:13px;font-weight:bold;display:flex;gap:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:100px 0 84px;min-height:710px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:23px}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}h1{font-size:clamp(42px,4.25vw,62px);font-weight:600;letter-spacing:-.055em}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:17px;line-height:1.8;margin-top:28px;max-width:540px}.hero-sub{font-size:13px;margin-top:22px;color:#e2e1df;max-width:420px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 21px;border-radius:6px;font-size:13px;font-weight:700;border:1px solid transparent;line-height:1.45;min-height:50px;transition:background .2s,transform .2s;text-align:center}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#1b1009}.primary:hover{background:#ff9d6f}.outline{background:transparent;border-color:#55575e;color:var(--text)}.outline:hover{background:#252a33}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:20px}.hero-art{position:relative;height:460px;padding-top:42px}.art-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:9px;font-size:10px;color:#d0d2d7}.art-counter{margin-left:auto;color:#888c94;font-size:10px}.hero-site{display:block;border:1px solid #373c45;border-radius:9px;overflow:hidden;width:89%;height:280px;position:relative;box-shadow:0 30px 60px #0006;transform:rotate(-3deg);background:#252a31}.hero-site img{width:100%;height:100%;object-fit:cover;object-position:top}.site-label{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;display:flex;justify-content:space-between;background:#0b0e13dd;backdrop-filter:blur(8px);font-size:11px}.hero-review{position:absolute;right:-10px;top:182px;width:42%;border:5px solid #191e25;border-radius:12px;overflow:hidden;transform:rotate(7deg);box-shadow:0 20px 60px #0008}.hero-review img{aspect-ratio:1;object-fit:cover}.art-caption{position:absolute;bottom:0;left:8px;width:65%}.art-caption p{font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.art-caption strong{font-size:19px;line-height:1.25;font-weight:500;display:block}.value-strip{display:flex;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-strip div{font-size:12px;color:#dbdde1;display:flex;align-items:center;gap:18px}.value-strip span{font-size:10px;color:var(--accent)}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:38px}.section-heading>p{max-width:260px;font-size:14px}.section h2,.contact-section h2{font-size:clamp(32px,3.1vw,44px);font-weight:500;letter-spacing:-.045em}.products{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:32px;display:flex;flex-direction:column}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.product-top .eyebrow{margin:0}.product-symbol{font-size:30px;line-height:1;color:#858c98}.product h3{font-size:32px;font-weight:500;margin-bottom:18px}.product p{font-size:14px;max-width:445px}.product ul{padding:0;list-style:none;margin:25px 0 30px;font-size:13px}.product li{margin:9px 0}.product li:before{content:'✓';color:var(--accent);margin-right:12px}.product-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:23px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.product-bottom>span{font-size:11px;color:var(--muted)}.examples-section{background:#10141a;border-block:1px solid #20252d}.examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.browser-window{display:block;background:#1b2028;border:1px solid #383e48;border-radius:9px;overflow:hidden;transition:transform .2s}.browser-window:hover{transform:translateY(-4px)}.browser-bar{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b2b7c0;padding:11px 15px;background:#20252c}.dots{letter-spacing:3px;color:#6b717d;font-size:7px}.browser-window>img{width:100%;aspect-ratio:1360/960;object-fit:cover;object-position:top}.cafe-placeholder{aspect-ratio:1360/960;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:#e8e2d5;color:#344236;text-align:center;padding:20px}.cafe-mark{font-family:Georgia,serif;font-size:64px;border:1px solid #92967d;width:110px;height:110px;border-radius:55px 55px 8px 8px;line-height:108px}.cafe-placeholder strong{font-family:Georgia,serif;font-size:29px;font-weight:400}.cafe-placeholder>span:last-child{font-size:11px;color:#4b5a4d}.example-info{display:flex;gap:25px;margin-top:25px;justify-content:space-between}.example h3{font-size:23px;font-weight:500;margin-bottom:12px}.example p{font-size:13px;max-width:380px}.circle-link{border:1px solid #444b57;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.circle-link:hover{background:var(--accent);color:#14100d;border-color:var(--accent)}.review-section{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.review-visual{margin:0}.review-visual img{width:100%;border-radius:12px}.review-visual figcaption{font-size:10px;color:#9198a3;margin-top:15px}.review-copy>p:not(.eyebrow){font-size:14px;margin-top:23px}.review-steps{padding:0;margin:30px 0;list-style:none;display:grid;gap:24px}.review-steps li{display:flex;gap:18px}.step-number{color:var(--accent);font-size:10px;flex-shrink:0;padding-top:4px}.review-steps h3{font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:7px}.review-steps p{font-size:12px}.faq-section{padding-top:20px;display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.faq-section .text-link{margin-top:30px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0;cursor:pointer;font-size:14px;font-weight:500}summary::-webkit-details-marker{display:none}summary span{font-size:22px;color:var(--accent);font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;margin:0 30px 24px 0;line-height:1.85}.contact-section{background:#191e26;border:1px solid #343944;border-radius:12px;padding:55px;display:flex;gap:30px;align-items:center;justify-content:space-between}.contact-section>div{max-width:700px}.contact-section p:not(.eyebrow){font-size:14px;max-width:560px;margin-top:22px}.contact-section>img{width:160px;height:160px;object-fit:contain;flex-shrink:0}.email-link{font-size:13px;color:#d8dce4}.contact-section .actions{gap:24px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px 0 45px}footer .brand{font-size:24px}footer>span{font-size:10px;color:#9298a4}dialog{background:#181d25;color:var(--text);border:1px solid #414954;border-radius:14px;padding:36px;width:min(540px,calc(100% - 28px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}body.modal-open{overflow:hidden}.dialog-close{position:absolute;right:16px;top:14px;background:transparent;color:#ddd;border:0;font-size:27px;line-height:1;padding:6px}dialog .eyebrow{margin-top:10px;padding-right:25px}dialog h2{font-size:28px;margin-bottom:15px}dialog p{font-size:12px}form{margin-top:22px;display:grid;gap:15px}label{display:grid;gap:6px;font-size:12px;color:#e1e4ea}input,select,textarea{width:100%;border:1px solid #515761;border-radius:5px;background:#0e1219;color:var(--text);padding:10px 12px;font-size:14px}textarea{resize:vertical}.trial-note{padding:12px 14px;background:#ff814512;border-left:2px solid var(--accent);color:#efcbb9}form .button{width:100%;margin-top:4px}.copy-button{border:0;background:none;color:var(--text);font-size:12px;text-decoration:underline;padding:4px}.dialog-email{font-size:12px;text-align:center;color:var(--accent)}#form-status:empty{display:none}#request-fallback{min-height:180px}body:has(dialog[open]){overflow:hidden}@media(min-width:1400px){.hero{gap:75px}}@media(max-width:1050px){nav{gap:18px;font-size:12px}.nav-wrap{padding:20px 30px;gap:20px}.header-actions{gap:20px}.nav-contact{display:none}.hero{gap:35px;padding-top:75px;min-height:640px}.hero-art{height:405px}.hero-site{height:245px}.hero-review{top:158px}.art-caption strong{font-size:16px}.review-section{gap:40px}.contact-section>img{width:120px;height:120px}.product{padding:26px}.faq-section{gap:40px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav-wrap{padding:18px 20px}.brand{font-size:27px}nav{display:none}.header-actions{margin-left:auto}.nav-contact{display:flex}.hero{grid-template-columns:1fr;gap:45px;padding:55px 0 40px;min-height:0}.hero h1{font-size:clamp(42px,8vw,60px)}.intro{font-size:15px;line-height:1.8;max-width:550px;margin-top:23px}.hero-sub{font-size:12px;max-width:none}.hero .eyebrow{font-size:9px;margin-bottom:20px}.actions{gap:23px}.hero-art{width:min(480px,100%);height:405px;margin:auto}.hero-site{width:88%;height:250px}.hero-review{width:39%;right:5px;top:166px}.art-caption{bottom:5px}.art-caption strong{font-size:17px}.value-strip{gap:14px;padding:21px 0}.value-strip div{font-size:10px;gap:8px;line-height:1.5}.value-strip span{align-self:flex-start;margin-top:1px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:400px;font-size:13px}.section h2,.contact-section h2{font-size:34px}.eyebrow{font-size:9px;margin-bottom:17px}.products,.examples-grid{grid-template-columns:1fr}.products{gap:18px}.product{padding:27px}.product h3{font-size:29px}.product p{font-size:13px;max-width:none}.examples-grid{gap:40px}.review-section{grid-template-columns:1fr;gap:35px}.review-visual{max-width:530px;margin:auto;order:2}.review-copy{order:1}.review-copy h2 br{display:none}.review-steps{gap:23px}.review-visual figcaption{font-size:10px}.faq-section{grid-template-columns:1fr;gap:26px;padding-top:0}.faq-section .text-link{margin-top:18px}summary{font-size:13px;padding:20px 0}.contact-section{padding:32px 26px}.contact-section>img{display:none}.contact-section .actions{gap:18px}.email-link{font-size:12px}footer{flex-wrap:wrap;padding-top:30px;gap:20px}footer>span:last-child{width:100%}dialog{padding:30px 23px}dialog h2{font-size:26px}}@media(max-width:390px){.nav-contact{display:none}.hero h1{font-size:40px}.hero-art{height:355px}.hero-site{height:215px}.hero-review{top:142px}.art-caption strong{font-size:15px}.hero .actions{gap:18px}.button{font-size:12px;padding:14px 17px}.text-link{font-size:12px}.section h2,.contact-section h2{font-size:30px}.value-strip div{font-size:9px;gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
