:root{color-scheme:light;--paper:#f5f4ef;--ink:#23251f;--muted:#696b62;--line:#d8d9ce;--lime:#d3ef77}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{display:block}a:focus-visible{outline:3px solid #728c31;outline-offset:7px}.page-shell{max-width:1440px;margin:auto;padding:0 64px}.skip-link{position:fixed;top:-70px;left:20px;z-index:10;padding:12px;background:var(--ink);color:white}.skip-link:focus{top:12px}.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-size:29px;font-weight:750;letter-spacing:-1.4px}.wordmark>svg{width:29px;height:29px;stroke:var(--ink);stroke-width:2.8;fill:none;margin-right:12px}.wordmark>span{font-weight:400;color:var(--muted)}nav a{font-size:14px}nav a span{margin-left:18px;font-size:20px}nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center;min-height:674px;padding:70px 0 78px}.hero-copy{padding-bottom:15px}h1{font-size:clamp(62px,6.3vw,88px);line-height:1.04;letter-spacing:-5px;font-weight:600;margin:0 0 33px}.marked{position:relative;z-index:0;white-space:nowrap}.marked>svg{position:absolute;bottom:-9px;left:0;width:100%;height:18px;z-index:-1;stroke:var(--lime);stroke-width:7;fill:none}.hero-copy>p:not(.availability){max-width:390px;font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 30px}.primary-link{display:inline-flex;align-items:center;gap:38px;background:var(--lime);padding:18px 22px;font-size:15px;font-weight:600;border:1px solid var(--ink);border-radius:3px;transition:background .2s,transform .2s}.primary-link:hover{background:#c4e861;transform:translateY(-2px)}.primary-link svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}.availability{font-size:12px;color:var(--muted);margin:18px 0 0}.preview-scene{position:relative;padding:12px 0 30px;scroll-margin-top:65px}.back-sheet{position:absolute;inset:7px 4px 40px 15px;background:#e1e4d9;border:1px solid #c6cbbd;border-radius:9px;transform:rotate(5deg);z-index:0}.browser-preview{position:relative;background:white;border:1px solid #aeb1a4;border-radius:8px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 5px 10px #272e1c06,0 18px 38px #272e1c08}.browser-bar{height:45px;display:flex;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid #d7d9cf;background:#fcfcf9}.browser-dots{display:flex;gap:5px}.browser-dots i{height:6px;width:6px;border:1px solid #aeb1a6;border-radius:50%}.address{display:flex;align-items:center;justify-content:center;flex:1;font-size:10px;letter-spacing:.1px;color:#7a7d70}.address strong{color:#42473b;font-weight:400}.address svg{width:12px;height:12px;fill:none;stroke:#7a7d70;stroke-width:1.1;margin-right:6px}.browser-menu{font-size:20px;color:#72776a}.sample-site{padding:0 25px;background:#f3f0e8}.sample-nav{display:flex;justify-content:space-between;align-items:center;height:70px;border-bottom:1px solid #d4d3c8}.sample-logo{font-family:Georgia,serif;font-weight:bold;font-size:34px;letter-spacing:-2px}.sample-logo span{font:11px Arial;vertical-align:top;display:inline-block;margin:6px 0 0 3px}.sample-nav>span:nth-child(2){font-size:9px;margin-left:auto;margin-right:23px}.sample-nav svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.2}.sample-heading{display:flex;justify-content:space-between;align-items:end;padding:25px 0 23px}.sample-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:45px;line-height:1.02;font-weight:400;letter-spacing:-2px;margin:0}.sample-arrow{font-size:37px;line-height:1;margin-bottom:5px}.architecture{width:100%;height:auto}.sample-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 0 22px;font-size:8px}.sample-bottom>span:last-child>span{margin-left:8px}.link-note{position:absolute;right:18px;bottom:1px;display:flex;align-items:center;gap:12px;background:var(--lime);border:1px solid var(--ink);padding:17px 20px;transform:rotate(2deg);font-size:13px;box-shadow:3px 4px 0 #23251f}.link-note svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none}.process{border-top:1px solid var(--line);padding:48px 0 46px;display:grid;grid-template-columns:1fr 2.15fr;gap:50px}.process-intro h2{font-size:29px;line-height:1.15;font-weight:500;letter-spacing:-1px;margin:0 0 15px}.process-intro>p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:0;padding:0}.step-number{font-size:12px;color:#777b6d;display:block;margin-bottom:23px}.steps h3{font-size:16px;letter-spacing:-.35px;margin:0 0 13px;font-weight:600}.steps p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.url-example{white-space:nowrap;color:var(--ink);font-size:12px}.future-note{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:24px 0;color:var(--muted)}.future-note svg{height:17px;width:17px;flex-shrink:0;stroke:currentColor;stroke-width:1.4}.future-note p{font-size:12px;line-height:1.6;margin:0}footer{display:flex;justify-content:space-between;padding:29px 0 32px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer span:last-child{color:var(--ink);font-weight:600}
@media(min-width:1441px){.hero{min-height:730px}}
@media(max-width:1100px){.page-shell{padding:0 38px}.hero{gap:30px;min-height:610px}h1{font-size:65px;letter-spacing:-3.5px}.hero-copy>p:not(.availability){font-size:16px}.sample-heading h2{font-size:37px}.sample-site{padding:0 20px}.process{grid-template-columns:1fr;gap:32px}.process-intro h2 br{display:none}.steps{gap:42px}}
@media(max-width:760px){.page-shell{padding:0 24px}.site-header{height:88px}.wordmark{font-size:25px}.wordmark>svg{width:24px;height:24px;margin-right:9px}nav a{font-size:12px}nav a span{margin-left:7px}.hero{grid-template-columns:1fr;gap:46px;padding:55px 0 57px;min-height:0}.hero-copy{padding:0}h1{font-size:clamp(56px,10.7vw,78px);letter-spacing:-3.5px;margin-bottom:27px}.hero-copy>p:not(.availability){max-width:400px;font-size:16px;margin-bottom:26px}.preview-scene{width:100%;max-width:540px;margin:auto;padding-bottom:26px}.sample-heading h2{font-size:clamp(33px,7vw,45px)}.sample-nav{height:60px}.sample-bottom{font-size:7px}.link-note{font-size:12px;padding:14px 17px;right:10px}.process{padding-top:35px;gap:30px}.steps{grid-template-columns:1fr;gap:26px}.steps li{position:relative;padding-left:41px}.step-number{position:absolute;left:0;top:2px;margin:0}.steps h3{margin-bottom:8px}.steps p{max-width:420px;font-size:14px}.process-intro h2{font-size:28px}.future-note{align-items:flex-start}.future-note svg{margin-top:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-link{transition:none}}