:root{color-scheme:dark;--bg:#101014;--surface:#19191f;--raised:#22222a;--ink:#f2f1f5;--muted:#afadb9;--accent:#b7add6;--accent-hover:#c9c0e4;--error:#e38c8c;--line:#37363f;--control:#77737f;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 Manrope,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2{font-family:Unbounded,Arial,sans-serif;font-weight:500;line-height:1.2;letter-spacing:-.055em;text-wrap:balance}h1{font-size:clamp(38px,4.1vw,59px)}h2{font-size:clamp(27px,3.1vw,43px)}h3{font-size:20px;font-weight:600;line-height:1.35}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a,button,input,select,textarea,summary{transition:background-color 240ms var(--ease),border-color 240ms var(--ease),color 240ms var(--ease),box-shadow 240ms var(--ease),transform 400ms var(--ease),opacity 240ms var(--ease)}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;gap:20px}.brand{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.brand svg{width:174px;height:auto}.button{min-height:52px;display:inline-flex;justify-content:center;align-items:center;padding:14px 26px;border:1px solid transparent;border-radius:12px;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none;line-height:1.4;text-align:center}.button:hover{background:var(--accent-hover);color:var(--bg);transform:translateY(-2px)}.button.secondary{border-color:var(--control);background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--raised);border-color:var(--accent)}.button.small{min-height:46px;padding:11px 20px;font-size:14px}.text-link{display:inline-flex;min-height:44px;align-items:center}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:690px;gap:32px;padding-block:60px 86px}.hero-copy{position:relative;z-index:2}.intro{max-width:470px;font-size:18px;margin-top:28px;color:var(--muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:32px}.trust{max-width:400px;margin-top:30px;font-size:14px;color:var(--muted)}.stage{position:relative;min-width:0;height:530px;isolation:isolate;background:radial-gradient(ellipse at 55% 55%,#b7add611,transparent 68%)}.device{position:absolute;background:#25252c;border:1px solid #56535e;box-shadow:0 24px 50px #0006}.screen-window{overflow:hidden;position:relative;aspect-ratio:1.6;background:var(--surface);width:100%;border-radius:inherit}.screen-host{position:absolute;left:0;top:0;width:1280px;height:800px;transform-origin:top left}.screen-fallback{width:100%;height:100%;padding:80px;background:linear-gradient(130deg,#25232c,#45404e);color:#f2f1f5;font-size:48px}.screen-fallback b{font-size:80px}.screen-fallback span{display:inline-block;padding:20px 30px;margin-top:60px;background:#b7add6;color:#101014;border-radius:12px}.laptop{left:0;top:175px;width:90%;padding:7px;border-radius:13px}.laptop::after{content:'';position:absolute;left:-3%;right:-3%;height:12px;bottom:-12px;background:linear-gradient(#56535e,#28272f);border-radius:2px 2px 45% 45%}.browser-bar{height:21px;display:flex;gap:4px;align-items:center;padding:0 5px 5px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#77737f}.rear{right:0;top:65px;width:67%;padding:6px;border-radius:11px;rotate:4deg;filter:saturate(.25)}.phone{right:0;top:245px;width:25%;padding:5px;border-radius:23px;rotate:7deg;filter:saturate(.48)}.phone .screen-window{aspect-ratio:390/844;border-radius:18px}.phone .screen-host{width:390px;height:844px}.laptop{filter:saturate(.45)}.section{padding-block:72px;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}.section-heading p{max-width:360px;color:var(--muted)}.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.work-image{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.work-image .screen-window{border-radius:0;filter:saturate(.45)}.badge{display:inline-flex;align-items:center;flex:none;background:var(--bg);color:var(--ink);padding:4px 12px;border:1px solid #77737f;border-radius:24px;font-size:12px}.work-caption{margin-top:16px}.work-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.work-title h3{min-width:0}.work-caption p{font-size:14px;color:var(--muted);margin-top:8px}.work:last-child .work-caption p{max-width:none}.packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}.package{padding:28px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;background:linear-gradient(150deg,#1c1b22,#15151a)}.package h3{min-height:54px;max-width:290px}.price{font:500 clamp(25px,2.5vw,35px)/1.25 Unbounded,Arial,sans-serif;letter-spacing:-.05em;margin-top:24px;white-space:nowrap}.timing{color:var(--muted);font-size:14px;margin-top:10px}.package ul{list-style:none;padding:0;margin:26px 0;flex:1;font-size:14px}.package li{margin-block:10px;padding-left:17px;position:relative}.package li::before{content:'·';position:absolute;left:0;color:var(--accent)}.package .button{width:100%}.package-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;font-size:14px}.package-notes a{max-width:480px}.package-notes p{color:var(--muted)}.process{border-top:1px solid var(--line)}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin:36px 0 0}.steps li{position:relative;padding-left:54px}.steps span{position:absolute;left:0;top:-7px;font:400 40px/1.3 Unbounded,sans-serif;color:var(--accent)}.steps p{color:var(--muted);margin-top:12px;max-width:300px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;min-height:68px;padding-block:16px;font-weight:600}summary::-webkit-details-marker{display:none}summary:hover{color:var(--accent)}summary span{font-size:26px;font-weight:400;flex:none;transition:transform 240ms var(--ease)}details[open] summary span{transform:rotate(45deg)}details>p{color:var(--muted);padding-bottom:22px;max-width:65ch}.order{background:var(--surface);border-block:1px solid var(--line);margin-top:40px}.order-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px}.order-copy>p{margin-top:24px;max-width:340px;color:var(--muted)}.direct{margin-top:56px;font-size:14px}.direct p{color:var(--muted);margin-bottom:8px}.direct span{color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:18px;min-width:0}label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}input:not([type=checkbox]),select,textarea{width:100%;min-height:52px;padding:13px 14px;border:1px solid var(--control);border-radius:9px;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}select{padding-right:28px;text-overflow:ellipsis}textarea{resize:vertical;min-height:110px}input:hover,select:hover,textarea:hover{border-color:var(--accent)}[aria-invalid=true]{border:2px solid var(--error)!important}.field-error{font-size:13px;line-height:1.5;color:var(--error);margin-top:6px}.field-error:empty{display:none}.consent{display:flex;gap:12px;align-items:flex-start;font-size:13px;font-weight:400;cursor:pointer;min-height:44px}.consent input{width:20px;height:20px;flex:none;accent-color:var(--accent);margin:2px 0}.consent span{padding-top:1px}.consent-field{margin-bottom:20px}.submit{width:100%}.submit:disabled{opacity:.7;transform:none}.form-status:not(:empty){margin-top:18px;padding:16px;border:1px solid var(--control);border-radius:10px;font-size:14px}.honeypot{display:none}.footer{padding-block:48px 24px;display:grid;grid-template-columns:1fr auto;gap:32px;font-size:12px;color:var(--muted)}.footer .brand{color:var(--ink);margin-bottom:20px}.footer p+p{margin-top:8px}.footer-links{display:flex;flex-direction:column;align-items:flex-start}.footer-links a{display:flex;align-items:center;min-height:44px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;top:8px;left:8px;z-index:10;padding:12px 20px;background:var(--accent);color:var(--bg);transform:translateY(-150%)}.skip:focus{transform:none}.reveal-target{transition:opacity 600ms var(--ease),transform 600ms var(--ease);transition-delay:calc(var(--i,0)*70ms)}.reveal-ready{opacity:0;transform:translateY(16px)}.reveal-target.is-visible{opacity:1}.logo-page{padding-block:40px 80px}.logo-page>h1{margin-top:36px;font-size:clamp(32px,5vw,60px)}.logo-page>p{color:var(--muted);margin-top:20px}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:56px}.logo-option h2{font:600 22px Manrope,sans-serif;margin-bottom:20px;letter-spacing:0}.logo-sample{min-height:180px;padding:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.logo-sample.dark{background:var(--bg);color:var(--accent);border-radius:14px 14px 0 0}.logo-sample.light{background:#f2f1f5;color:#302b3d;border-radius:0 0 14px 14px}.logo-sample svg{width:260px;max-width:100%;height:75px}.logo-option>p{margin-top:20px;color:var(--muted)}
@media(min-width:1600px){.hero{min-height:760px}.stage{height:590px}}
@media(max-width:1050px){.container{width:calc(100% - 56px)}.hero{gap:16px;min-height:600px}.stage{height:440px}.rear{top:65px}.laptop{top:155px}.phone{top:220px}.package{padding:22px}.order-grid{gap:36px}.form-row{grid-template-columns:1fr;gap:0}.work-caption{display:block}.work-caption p{margin-top:6px;max-width:none}.faq{gap:36px}.price{font-size:26px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header{padding-block:18px;gap:12px}.brand svg{width:135px}.button.small{font-size:12px;padding:11px 14px;min-height:44px}.hero{display:block;padding-block:36px 24px;min-height:0}.hero-copy{max-width:550px}h1{font-size:clamp(32px,7.5vw,53px);line-height:1.18}.intro{font-size:16px;margin-top:22px}.actions{gap:12px 20px;margin-top:24px}.actions .button{padding-inline:20px}.actions .text-link{font-size:14px}.trust{margin-top:20px;font-size:13px;max-width:330px}.stage{height:340px;margin-top:20px;max-width:560px;margin-inline:auto}.rear{width:66%;top:24px;right:6%}.laptop{top:106px;width:88%;left:1%}.phone{width:25%;top:155px;right:3%}.section{padding-block:42px}.section-heading{display:block;margin-bottom:24px}.section-heading p{margin-top:16px;font-size:14px}.works{grid-template-columns:1fr;gap:28px}.work-image{border-radius:12px}.work-caption{margin-top:12px}.work-caption h3{font-size:18px}.badge{font-size:11px;padding:2px 10px}.packages{grid-template-columns:1fr;gap:16px;margin-top:24px}.package{padding:24px}.package h3{min-height:0;max-width:none}.price{margin-top:20px;font-size:30px}.package ul{margin-block:18px}.package li{margin-block:8px}.package-notes{grid-template-columns:1fr;gap:16px;margin-top:20px;font-size:13px}.steps{grid-template-columns:1fr;gap:28px;margin-top:28px}.steps li{padding-left:48px}.steps p{margin-top:6px;font-size:14px;max-width:none}.steps span{font-size:34px}.faq{grid-template-columns:1fr;gap:22px}summary{font-size:15px;min-height:68px}details>p{font-size:14px}.order{margin-top:12px}.order-grid{grid-template-columns:1fr;gap:28px}.order-copy>p{margin-top:18px;font-size:14px}.direct{margin-top:22px}.form-row{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:20px;padding-block:32px 24px}.footer-bottom{display:block}.footer-bottom p+p{margin-top:12px}.logo-grid{grid-template-columns:1fr;gap:36px;margin-top:32px}.logo-sample{min-height:150px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.device{will-change:auto}.button:hover{transform:none}}
html{scroll-behavior:smooth}.device{transition:transform 500ms var(--ease)}.screen-host:not([style]){width:100%;height:100%}.screen-fallback{padding:10%;font-size:14px}.screen-fallback b{font-size:clamp(14px,2vw,26px)}.screen-fallback span{font-size:12px;padding:8px 12px;margin-top:20px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.device{transition:none}}

.hero-visual{margin:0;min-width:0}.hero-visual figcaption{margin-top:20px;text-align:center;font-size:12px;color:var(--muted)}
@media(min-width:761px){.hero-visual figcaption{margin-top:64px}}
@media(max-width:760px){.hero-visual .stage{height:clamp(340px,65vw,470px)}}

.form-status[data-status="error"]{border-color:var(--error)}

/* Legal documents share the landing page's typography and color tokens. */
.legal{max-width:70ch;padding-block:48px 80px;overflow-wrap:anywhere}
.legal h1{font-size:clamp(28px,3.2vw,44px);margin-bottom:32px;overflow-wrap:anywhere}
.legal h2{font-size:clamp(21px,2.3vw,28px);margin:44px 0 20px;scroll-margin-top:24px}
.legal p{margin-block:16px}.legal li{margin-block:10px}.legal ul{padding-left:24px}
.legal strong{font-weight:700}.legal a{color:var(--accent)}
.fill{color:var(--accent);background:var(--raised);border-radius:3px;padding:1px 3px;overflow-wrap:anywhere}
.draft-notice{padding:18px 20px;border:1px solid var(--accent);border-radius:12px;background:var(--raised);color:var(--ink)}
.legal-toc{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-block:32px}
.legal-toc h2{margin:0 0 16px}.legal-toc ol{padding-left:24px;margin:0}.legal-toc li{margin:0}
.legal-toc a{display:inline-block;padding-block:8px;min-height:44px}
.legal table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed;margin-block:24px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:10px;border:1px solid var(--line)}
.legal th{background:var(--surface)}
.demo-note{font-size:13px;color:var(--muted);margin-top:12px}
[hidden]{display:none!important}.footer>div,.order-grid>div{min-width:0}.footer{overflow-wrap:anywhere}
@media(max-width:760px){.legal{padding-block:32px 48px}.legal-toc{padding:20px}.legal table,.legal tbody,.legal tr,.legal td{display:block}.legal thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.legal tr{border:1px solid var(--line);border-radius:12px;margin-block:16px;overflow:hidden}.legal td{border:0;border-bottom:1px solid var(--line)}.legal td:last-child{border:0}.legal td::before{content:attr(data-label);display:block;font-weight:700;color:var(--muted);margin-bottom:4px}}

.consent a,details>p a,.direct a,.footer p a{display:inline-block;min-width:44px;min-height:44px;padding:12px 4px;margin:-12px -4px;vertical-align:baseline}
.consent a+a{display:table;margin:12px 0 0}
.package-notes>a{display:inline-block;min-height:44px}
.form-status a{display:table;min-height:44px;padding-block:10px;margin-top:4px}
.form-status:focus{outline:2px solid var(--accent);outline-offset:4px}
@media print{.reveal-ready{opacity:1;transform:none}}

/* Motion uses the existing palette and easing; content is visible without JS. */
[id]{scroll-margin-top:24px}
@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero-enter{animation:enter 650ms var(--ease) both;animation-delay:calc(var(--i,0)*80ms)}
.button:active{transform:scale(.98)}
.package{position:relative;isolation:isolate}
.package::after{content:'';position:absolute;inset:-1px;border:1px solid #b7add666;border-radius:inherit;box-shadow:0 12px 30px #b7add60a;opacity:0;pointer-events:none;transition:opacity 350ms var(--ease)}
.package:focus-within::after{opacity:1}
summary{position:relative;isolation:isolate}
summary::before{content:'';position:absolute;inset:4px -8px;border-radius:8px;background:#b7add60a;opacity:0;z-index:-1;transition:opacity 240ms var(--ease)}
summary:focus-visible::before{opacity:1}
details.is-closing summary span{transform:rotate(0)}
.form-status:not(:empty),.field-error:not(:empty),.demo-note:not([hidden]){animation:enter 350ms var(--ease) both}
@media(hover:hover) and (pointer:fine){.package:not(.reveal-ready):hover{transform:translateY(-4px)}.package:hover::after,summary:hover::before{opacity:1}}
@media(hover:none){.button:hover{transform:none}.button:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.hero-enter,.reveal-target,.button:active,.package:not(.reveal-ready):hover{transform:none!important;opacity:1}.device{transform:none!important}}
@media print{.hero-enter{animation:none;opacity:1;transform:none}}