:root{--canvas:#f3efe5;--paper:#fffdf7;--ink:#12332f;--muted:#54645f;--thread:#d95032;--thread-dark:#96351f;--brass:#8a651c;--fault:#8d2e29;--line:rgba(18,51,47,.19);--dark:#0d2c29;--cream:#f8f1e2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:var(--thread-dark)}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.brand b{display:block;font-family:Georgia,serif;font-size:24px;line-height:1}.brand small{display:block;margin-top:5px;color:var(--thread-dark);font-size:9px;font-weight:900;letter-spacing:.13em}.needle-logo{position:relative;display:block;width:30px;height:48px;border-bottom:6px solid var(--ink)}.needle-logo:before{content:"";position:absolute;left:14px;top:0;width:2px;height:38px;background:var(--ink)}.needle-logo:after{content:"";position:absolute;left:4px;bottom:0;width:22px;height:15px;border:4px solid var(--ink);border-top:0}.needle-logo i{position:absolute;left:15px;top:28px;width:30px;height:2px;background:var(--thread);transform:rotate(17deg);transform-origin:left}.needle-logo em{position:absolute;right:-16px;bottom:7px;width:8px;height:8px;border-right:2px solid var(--thread);border-bottom:2px solid var(--thread);transform:rotate(45deg)}.nav{display:flex;gap:22px}.nav a{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}
.hero{min-height:760px;padding:88px 0;display:grid;grid-template-columns:1fr .95fr;gap:60px;align-items:center}.eyebrow{color:var(--thread-dark);font-size:11px;font-weight:950;letter-spacing:.17em}.hero h1{max-width:720px;margin:18px 0 24px;font-family:Georgia,serif;font-size:clamp(52px,7vw,94px);font-weight:500;letter-spacing:-.052em;line-height:.91}.hero-copy>p{max-width:650px;color:var(--muted);font-size:20px}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:31px}.hero-actions span{color:var(--muted);font-size:14px}.button{display:inline-block;padding:14px 19px;background:var(--thread-dark);color:#fff;border-radius:3px;font-size:14px;font-weight:900;letter-spacing:.03em;text-decoration:none}
.under-needle{position:relative;min-height:560px;background:linear-gradient(110deg,#e5e2d9,#f8f5ed 60%,#c7c8c2);border:1px solid rgba(18,51,47,.28);overflow:hidden}.needle-bar{position:absolute;left:50%;top:-30px;width:42px;height:280px;transform:translateX(-50%);background:linear-gradient(90deg,#777,#f6f4ed 46%,#999);border:1px solid #777}.needle-bar span{position:absolute;left:20px;top:170px;width:3px;height:210px;background:#343b3b}.presser-foot{position:absolute;left:50%;top:220px;width:230px;height:180px;transform:translateX(-50%);border:22px solid #666;border-top-width:42px;border-bottom:0;background:linear-gradient(90deg,#90938f,#f3f1ea 50%,#8b8e89);clip-path:polygon(22% 0,78% 0,100% 100%,62% 100%,56% 48%,44% 48%,38% 100%,0 100%)}.presser-foot:after{content:"";position:absolute;left:50%;top:2px;width:3px;height:128px;background:#222;transform:translateX(-50%)}.needle-plate{position:absolute;inset:auto 0 0;height:240px;background:linear-gradient(165deg,#d1d0ca,#f7f4ec 50%,#b9bbb7);border-top:2px solid #777}.feed-dog{position:absolute;top:78px;width:88px;height:8px;background:repeating-linear-gradient(90deg,#555 0 8px,transparent 8px 14px)}.feed-dog.one{left:48px}.feed-dog.two{right:48px}.feed-dog.three{left:calc(50% - 44px);top:106px}.thread-path{position:absolute;left:50%;top:-110px;width:3px;height:260px;background:var(--thread);transform-origin:top}.service-slip{position:absolute;left:45px;right:45px;bottom:25px;padding:18px 22px;background:#fffaf0;border-left:5px solid var(--thread);transform:rotate(-1deg)}.service-slip small{font-size:9px;font-weight:950;letter-spacing:.16em;color:var(--thread-dark)}.service-slip h2{font:700 32px/1 Georgia,serif;margin:7px 0}.service-slip p{margin:0;color:var(--muted)}.service-slip time{position:absolute;right:22px;bottom:18px;font:700 13px ui-monospace,monospace;color:var(--fault)}
.proof,.screens{padding:110px 0}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:end;margin-bottom:48px}.section-heading h2,.how h2,.trust h2,.index-title h2{margin:12px 0 0;font-family:Georgia,serif;font-size:clamp(40px,5.5vw,70px);font-weight:500;line-height:.98;letter-spacing:-.045em}.section-heading>p{margin:0;color:var(--muted);font-size:18px}
.service-seam{position:relative;display:grid;gap:0;padding-left:44px}.service-seam:before{content:"";position:absolute;left:11px;top:20px;bottom:20px;width:3px;background:repeating-linear-gradient(0deg,var(--thread) 0 8px,transparent 8px 15px)}.service-seam article{position:relative;display:grid;grid-template-columns:60px 260px 1fr;gap:28px;align-items:center;padding:34px 0;border-top:1px solid var(--line)}.service-seam article:before{content:"";position:absolute;left:-38px;top:50%;width:20px;height:5px;background:var(--thread)}.seam-number{font:700 24px ui-monospace,monospace;color:var(--thread-dark)}.service-seam h3{font:700 25px/1.15 Georgia,serif;margin:0 0 8px}.service-seam p{margin:0;color:var(--muted)}.artifact{display:grid;padding:16px 18px;min-height:100px;border:1px solid var(--ink);font-family:ui-monospace,monospace}.artifact small{font-size:9px;letter-spacing:.13em}.artifact b{font-size:16px;margin:6px 0}.artifact em{font-size:12px;font-style:normal;color:var(--muted)}.data-plate{background:var(--ink);color:var(--cream);border-color:var(--thread)}.data-plate em{color:#c6d0ca}.needle-packet{background:#e8dcc2;border-style:dashed}.service-docket{background:#fff;border-left:5px solid var(--thread)}
.how{padding:105px 0;display:grid;grid-template-columns:1.3fr .7fr;gap:72px;align-items:center}.how ol{margin:38px 0 0;padding:0;list-style:none;display:grid;gap:24px}.how li{display:grid;grid-template-columns:220px 1fr;gap:18px;padding-top:18px;border-top:1px solid var(--line)}.how li span{color:var(--muted)}.safety{background:var(--dark);color:var(--cream);padding:32px;border-left:6px solid var(--thread)}.safety small{color:#ffad91;font-weight:950;letter-spacing:.13em}.safety p{font-size:18px}
.feature-band{background:var(--dark);color:var(--cream);padding:100px 0}.service-index{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.index-title .eyebrow{color:#ffad91}.service-index ol{margin:0;padding:0;list-style:none}.service-index li{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:22px 0;border-top:1px dashed rgba(248,241,226,.32)}.service-index small{color:#ffad91;font:700 10px ui-monospace,monospace;letter-spacing:.1em}.service-index h3{margin:0;font-size:19px;line-height:1.35}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 30px;align-items:start}.shots figure{margin:0}.shots figure:nth-child(3n+2){margin-top:70px}.shots figure:nth-child(3n){margin-top:140px}.phone-frame{width:min(320px,100%);margin:auto;padding:5px;background:var(--ink);border:1px solid var(--ink);overflow:hidden}.phone-frame img{display:block;width:100%;height:auto}.shots figcaption{max-width:320px;margin:auto;padding:14px 0;color:var(--muted);font-size:14px;border-top:3px solid var(--thread)}.shots figcaption strong{display:block;color:var(--ink);font-size:14px;font-family:ui-monospace,monospace}
.trust{padding:115px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:74px;align-items:center}.trust>div>p{max-width:620px;color:var(--muted);font-size:18px}.price-slip{position:relative;background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--thread);padding:34px 30px 27px}.price-slip:after{content:"";position:absolute;left:18px;right:18px;bottom:-2px;height:7px;background:repeating-linear-gradient(90deg,var(--canvas) 0 7px,transparent 7px 13px)}.price-slip small{color:var(--thread-dark);font-weight:950;letter-spacing:.13em}.price-slip strong{display:block;font:700 62px/1 Georgia,serif;margin:14px 0 5px}.price-slip span{color:var(--muted)}.price-slip ul{padding-left:20px;margin:22px 0}.price-slip code{display:block;padding-top:13px;border-top:1px dashed var(--line);color:var(--muted)}
.legal{max-width:820px;padding:90px 0 120px}.legal h1{font:500 clamp(44px,7vw,78px)/.95 Georgia,serif;letter-spacing:-.045em}.legal h2{margin-top:38px}.legal p{color:var(--muted);font-size:17px}footer{display:flex;justify-content:space-between;gap:30px;padding:42px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-brand{display:grid}.footer-brand b{color:var(--ink);font:700 18px Georgia,serif}.footerlinks{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.footerlinks a{color:var(--ink)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:58px}.under-needle{max-width:650px}.section-heading,.how,.trust,.service-index{grid-template-columns:1fr}.service-seam article{grid-template-columns:55px 220px 1fr}.shots{grid-template-columns:repeat(2,1fr)}.shots figure:nth-child(n){margin-top:0}.shots figure:nth-child(even){margin-top:50px}}
@media(max-width:620px){.nav a:first-child{display:none}.nav{gap:12px}.hero{padding:52px 0}.hero h1{font-size:51px}.hero-actions{align-items:flex-start;flex-direction:column}.under-needle{min-height:470px}.presser-foot{width:190px}.service-slip{left:20px;right:20px}.service-slip time{position:static;display:block;margin-top:8px}.service-seam{padding-left:32px}.service-seam article{grid-template-columns:44px 1fr;gap:16px}.service-seam .artifact{grid-column:2}.service-seam article>div:last-child{grid-column:2}.how li,.service-index li{grid-template-columns:1fr;gap:6px}.shots{grid-template-columns:1fr}.shots figure:nth-child(n){margin-top:0}footer{display:grid}}
@media(prefers-reduced-motion:no-preference){.thread-path{animation:needle-thread .55s ease-out both}.service-slip{animation:slip-in .35s ease-out .2s both}@keyframes needle-thread{from{height:0}to{height:260px}}@keyframes slip-in{from{opacity:0;transform:translateY(12px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){:root{--line:rgba(18,51,47,.5);--muted:#2d4540}.artifact,.phone-frame,.price-slip{border-width:2px}}