:root{--paper: #f4f1ea;--paper-2: #ece7db;--ink: #16150f;--ink-soft: #514c40;--ink-faint: #8a8474;--rust: #bd431d;--rust-deep: #9c360f;--line: #d8d2c4;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--maxw: 1120px;--pad: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.eyebrow{font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--rust-deep);margin:0 0 22px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--ink)}.wordmark-mark{width:14px;height:14px;background:var(--rust);border-radius:3px;transform:rotate(45deg)}.login-link{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);padding:8px 4px;border-bottom:1.5px solid transparent;transition:border-color .15s ease,color .15s ease}.login-link:hover{color:var(--rust-deep);border-color:var(--rust)}.hero{position:relative;padding:clamp(72px,12vw,132px) 0 clamp(64px,10vw,112px);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom,transparent 0,transparent calc(100% - 1px),var(--line) calc(100% - 1px));background-size:100% 3.25rem;opacity:.5;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,transparent 82%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 82%)}.hero-inner{position:relative;max-width:900px}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,7.2vw,78px);line-height:1.02;letter-spacing:-.03em;margin:0 0 28px}.hero-sub{font-size:clamp(18px,2.2vw,22px);line-height:1.5;color:var(--ink-soft);max-width:620px;margin:0 0 40px}.hero-meta{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--ink-faint);margin:26px 0 0}.btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--paper);background:var(--ink);padding:16px 30px;border-radius:8px;border:1px solid var(--ink);transition:transform .12s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 1px #0000000a}.btn-primary:after{content:"→";font-family:var(--font-mono);transform:translate(0);transition:transform .18s ease}.btn-primary:hover{background:var(--rust-deep);border-color:var(--rust-deep);transform:translateY(-1px);box-shadow:0 8px 22px -10px #9d360f99}.btn-primary:hover:after{transform:translate(4px)}.btn-primary:active{transform:translateY(0)}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.4vw,48px);line-height:1.06;letter-spacing:-.025em;margin:0 0 20px;max-width:18ch}.section-lede{font-size:clamp(17px,2vw,20px);color:var(--ink-soft);max-width:60ch;margin:0}.lifecycle{padding:clamp(72px,10vw,120px) 0;border-top:1px solid var(--line)}.stepper{position:relative;display:flex;gap:8px;margin:clamp(40px,6vw,64px) 0 clamp(32px,4vw,48px)}.stepper:before{content:"";position:absolute;top:17px;left:0;right:0;height:1px;background:var(--line);z-index:0}.step{position:relative;z-index:1;flex:1;min-width:88px;display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;padding:0 4px;cursor:pointer;font-family:var(--font-mono);color:var(--ink-faint);transition:color .15s ease}.step-dot{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;background:var(--paper);border:1px solid var(--line);color:var(--ink-faint);transition:background .18s ease,border-color .18s ease,color .18s ease}.step-label{font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.step:hover .step-dot{border-color:var(--rust);color:var(--ink)}.step:hover,.step.is-active{color:var(--ink)}.step.is-active .step-dot{background:var(--rust);border-color:var(--rust);color:var(--paper)}.step:focus-visible{outline:none}.step:focus-visible .step-dot{box-shadow:0 0 0 3px #bd431d3d}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.compare-col{background:var(--paper);padding:clamp(26px,3.4vw,38px)}.compare-with{background:var(--paper-2);border-left:3px solid var(--rust)}.compare-head{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;color:var(--ink-faint)}.compare-with .compare-head{color:var(--rust-deep)}.compare-body{font-size:clamp(15.5px,1.8vw,17px);line-height:1.6;color:var(--ink-soft);margin:0}.compare-with .compare-body{color:var(--ink)}.exceptions{padding:clamp(72px,10vw,120px) 0;background:var(--paper-2);border-top:1px solid var(--line)}.exceptions-title{max-width:26ch}.exception-grid{list-style:none;margin:clamp(40px,6vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,22px)}.exception-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:clamp(24px,2.6vw,30px);display:flex;flex-direction:column}.exception-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;background:#bd431d14;color:var(--rust);margin-bottom:18px}.exception-card-title{font-family:var(--font-display);font-weight:600;font-size:clamp(18px,2vw,20px);letter-spacing:-.015em;line-height:1.2;margin:0 0 10px}.exception-card-body{font-size:15.5px;line-height:1.55;color:var(--ink-soft);margin:0}.problem{padding:clamp(72px,10vw,120px) 0;border-top:1px solid var(--line)}.problem-grid{list-style:none;margin:clamp(44px,6vw,68px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.problem-item{background:var(--paper);padding:clamp(28px,3.4vw,40px)}.problem-num{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.1em;color:var(--rust)}.problem-item-title{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2.2vw,23px);letter-spacing:-.015em;line-height:1.2;margin:16px 0 10px}.problem-item-body{font-size:16px;line-height:1.55;color:var(--ink-soft);margin:0}.how{padding:clamp(72px,10vw,120px) 0;background:var(--paper-2);border-top:1px solid var(--line)}.how-layout{margin-top:clamp(44px,6vw,68px);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,72px);align-items:start}.how-steps{list-style:none;margin:0;padding:0;counter-reset:none}.how-step{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.how-step:first-child{border-top:none;padding-top:0}.how-step-num{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--paper);background:var(--ink);width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.how-step-title{font-family:var(--font-display);font-weight:600;font-size:clamp(18px,2vw,21px);letter-spacing:-.015em;margin:4px 0 8px}.how-step-body{font-size:16px;line-height:1.55;color:var(--ink-soft);margin:0}.how-shot{position:sticky;top:92px}.shot{position:relative;margin:0;width:100%;border-radius:12px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}.shot-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.shot-img[data-loaded=true]{opacity:1}.shot-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:repeating-linear-gradient(-45deg,var(--paper),var(--paper) 11px,var(--paper-2) 11px,var(--paper-2) 22px)}.shot-ph-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.shot-ph-file{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);padding:7px 14px;border-radius:6px}.product{padding:clamp(72px,10vw,120px) 0;border-top:1px solid var(--line)}.product-stack{margin-top:clamp(44px,6vw,68px);display:flex;flex-direction:column;gap:clamp(44px,6vw,72px);max-width:900px}.product-item{margin:0}.product-cap{margin-top:18px;font-size:clamp(15.5px,1.9vw,17px);line-height:1.5;color:var(--ink-soft)}.product-name{font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--rust-deep)}.proof{padding:clamp(80px,11vw,132px) 0;background:var(--ink);color:var(--paper)}.proof-inner{max-width:820px}.proof-eyebrow{color:#e6a273}.proof-quote{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(23px,3.4vw,36px);line-height:1.32;letter-spacing:-.02em;text-wrap:balance}.proof-attr{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:36px 0 0;padding-top:24px;border-top:1px solid rgba(244,241,234,.16)}.proof-attr-name{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--paper)}.proof-attr-role{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--ink-faint)}.roi{padding:clamp(72px,10vw,120px) 0;background:var(--paper-2);border-top:1px solid var(--line)}.roi-title{max-width:22ch}.roi-layout{margin-top:clamp(40px,6vw,60px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:stretch}.roi-inputs{display:flex;flex-direction:column;gap:22px}.money-input{position:relative}.money-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-size:16px;pointer-events:none}.field .money-input input{padding-left:30px}.roi-results{background:var(--ink);color:var(--paper);border-radius:14px;padding:clamp(28px,3.4vw,40px);display:flex;flex-direction:column;justify-content:center;gap:24px}.roi-figure{display:flex;flex-direction:column;gap:10px}.roi-figure-label{font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#e6a273}.roi-figure-value{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,5vw,52px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.roi-divider{height:1px;background:#f4f1ea29}.roi-note{margin:clamp(28px,4vw,40px) 0 0;max-width:60ch;font-size:clamp(16px,1.9vw,18px);line-height:1.55;color:var(--ink-soft)}.demo{padding:clamp(72px,10vw,120px) 0 clamp(80px,11vw,132px);border-top:1px solid var(--line)}.demo-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:start}.demo-copy{position:sticky;top:92px}.demo-form{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.field-optional{color:var(--ink-faint);text-transform:none;letter-spacing:0}.field input,.field select,.field textarea{font-family:var(--font-body);font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:13px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.field textarea{resize:vertical;min-height:96px}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2316150f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--rust);box-shadow:0 0 0 3px #bd431d24}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--rust-deep)}.field-error{font-size:13.5px;color:var(--rust-deep);margin:0}.form-error{font-size:14.5px;color:var(--rust-deep);background:#bd431d14;border:1px solid rgba(189,67,29,.25);border-radius:8px;padding:12px 14px;margin:0}.demo-submit{margin-top:4px;align-self:flex-start}.demo-submit:disabled{opacity:.6;cursor:default;transform:none}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.demo-success{max-width:560px;margin:0 auto;text-align:center;padding:clamp(24px,4vw,48px) 0}.demo-success-mark{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:26px;margin-bottom:24px}.demo-success-title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,40px);letter-spacing:-.025em;margin:0 0 14px}.demo-success-body{font-size:18px;line-height:1.55;color:var(--ink-soft);margin:0}.site-footer{background:var(--ink);color:var(--paper);padding:clamp(40px,6vw,56px) 0}.footer-inner{display:flex;flex-direction:column;gap:14px}.footer-wordmark{color:var(--paper)}.footer-line{margin:0;font-size:16px;color:var(--paper);max-width:48ch}.footer-copy{margin:0;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--ink-faint)}@media (max-width: 860px){.roi-layout,.demo-inner{grid-template-columns:1fr}.demo-copy{position:static}.demo-submit{align-self:stretch}}@media (max-width: 720px){.problem-grid{grid-template-columns:1fr}.stepper{overflow-x:auto;gap:4px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.step{flex:0 0 auto}.compare{grid-template-columns:1fr}.compare-with{border-left:none;border-top:3px solid var(--rust)}}@media (max-width: 900px){.exception-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.exception-grid{grid-template-columns:1fr}}@media (max-width: 560px){body{font-size:16px}.header-inner{height:60px}.btn-primary{width:100%;justify-content:center}}
