:root{
  --bg:#FFF4E4;--bg-soft:#F7E7D0;--surface:#FFF9EF;--surface-2:#F2DFC4;--ink:#241008;--muted:#6C3C16;--orange:#FF7A14;--gold:#FFB13B;--border:#211007;--green:#053D1C;
  --max:1160px;--border-hard:4px solid var(--border);--border-heavy:8px solid var(--border);--shadow:10px 10px 0 var(--border);--shadow-small:6px 6px 0 var(--border);--font-display:"Arial Black","Impact",system-ui,sans-serif;--font-body:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--font-mono:"Courier New",ui-monospace,monospace;
}
*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(36,16,8,.06) 1px,transparent 1px),linear-gradient(rgba(36,16,8,.055) 1px,transparent 1px);background-size:38px 38px}body:after{content:"";position:fixed;inset:auto -5vw -20vh auto;width:55vw;height:55vw;background:var(--orange);z-index:-1;opacity:.12;border:var(--border-heavy);transform:rotate(12deg)}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}img{max-width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}::selection{background:var(--orange);color:var(--ink)}.container{width:min(var(--max),calc(100% - 28px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--bg);padding:10px 14px;z-index:1000}.skip-link:focus{left:12px;top:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,244,228,.96);border-bottom:var(--border-hard);backdrop-filter:blur(8px)}.nav-wrap{display:flex;align-items:center;gap:16px;min-height:72px;padding:10px 0}.brand-lockup{width:clamp(150px,20vw,260px);flex:0 0 auto}.brand-img{width:100%;height:auto}.nav-links{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.nav-links a{font-family:var(--font-mono);font-size:clamp(.72rem,.85vw,.86rem);font-weight:900;text-transform:uppercase;padding:9px 10px;border:2px solid transparent}.nav-links a.active,.nav-links a:hover{background:var(--orange);border-color:var(--border);text-decoration:none}.menu-btn{display:none;margin-left:auto;width:46px;height:42px;border:var(--border-hard);background:var(--orange);box-shadow:var(--shadow-small);padding:8px}.menu-btn span{display:block;height:4px;background:var(--ink);margin:5px 0}.hero,.page-hero{padding:clamp(34px,6vw,78px) 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(24px,4vw,52px);align-items:center}.eyebrow{font-family:var(--font-mono);font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:clamp(.76rem,1vw,.9rem)}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-family:var(--font-display);font-size:clamp(2.2rem,8vw,5.45rem);line-height:.91;letter-spacing:-.055em;margin:0 0 16px;text-transform:uppercase;max-width:12ch}h2{font-family:var(--font-display);font-size:clamp(1.55rem,4vw,3.2rem);line-height:.94;letter-spacing:-.045em;text-transform:uppercase;margin:0 0 12px}h3{font-size:clamp(1.05rem,2.1vw,1.35rem);line-height:1.05;margin:0 0 8px;text-transform:uppercase}.lead{font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.45;color:var(--muted);max-width:65ch;margin:0 0 20px}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border:var(--border-hard);font-family:var(--font-mono);font-weight:900;text-transform:uppercase;box-shadow:var(--shadow-small);background:var(--surface);color:var(--ink);cursor:pointer}.btn:hover{text-decoration:none;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--border)}.btn.primary{background:var(--orange)}.btn.ghost{background:var(--bg)}.btn.small{min-height:38px;padding:9px 12px;font-size:.82rem}.proof-row,.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.proof-row span,.tag-row span{border:2px solid var(--border);background:var(--surface);padding:8px 10px;font-family:var(--font-mono);font-weight:900;font-size:.78rem;text-transform:uppercase}.hero-mark{border:var(--border-heavy);background:var(--surface);box-shadow:var(--shadow);padding:clamp(18px,4vw,38px);transform:rotate(-1deg)}.hero-mark img{margin-bottom:16px}.orange-bar{height:22px;background:var(--orange);border:var(--border-hard);margin:16px 0}.hero-mark p{font-family:var(--font-mono);font-weight:900;margin:0;line-height:1.5}.section{padding:clamp(28px,5vw,62px) 0}.compact-section{padding-top:28px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;border-bottom:var(--border-hard);padding-bottom:12px}.section-title h2{margin:0}.text-link{font-family:var(--font-mono);font-weight:900;text-transform:uppercase;color:var(--orange)}.cards-grid{display:grid;gap:16px}.cards-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.block-card,.cta-card,.legal-card{background:var(--surface);border:var(--border-hard);box-shadow:var(--shadow-small);padding:clamp(16px,3vw,26px)}.card p,.block-card p,.cta-card p,.legal-card p,.card li,.legal-card li{color:var(--muted);line-height:1.55}.service-mini{min-height:190px}.index,.card-head span,.flow-step span{display:inline-grid;place-items:center;width:46px;height:42px;background:var(--orange);border:3px solid var(--border);font-family:var(--font-mono);font-weight:900;margin-bottom:12px}.split-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px;align-items:stretch}.workflow-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflow-list li{background:var(--bg-soft);border:3px solid var(--border);padding:12px;font-weight:900;text-transform:uppercase}.workflow-list span{display:inline-block;background:var(--ink);color:var(--bg);padding:4px 7px;margin-right:8px;font-family:var(--font-mono)}.product-tease-card,.product-card-large,.product-hero-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--green);color:#FFF4E4;border:var(--border-heavy);box-shadow:var(--shadow);padding:clamp(18px,4vw,36px)}.product-tease-card p,.product-card-large p,.product-hero-grid p{color:#F2DFC4}.product-tease-card .app-icon,.product-card-large .app-icon,.product-hero-grid .app-icon{width:clamp(150px,22vw,260px);border:var(--border-hard);box-shadow:var(--shadow-small);background:var(--green)}.product-card-large{grid-template-columns:auto 1fr}.product-card-large h2,.product-hero-grid h1{color:#FFF4E4}.product-hero-grid .xl{width:clamp(180px,28vw,360px)}.values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.values-grid article{border:var(--border-hard);background:var(--bg-soft);padding:16px}.values-grid b{font-family:var(--font-mono);font-size:1.1rem}.final-cta{padding-bottom:80px}.cta-card{text-align:center}.cta-card h2{max-width:14ch;margin-inline:auto}.narrow{max-width:860px}.page-hero .narrow h1{max-width:14ch}.card-head{display:flex;gap:14px;align-items:center;margin-bottom:8px}.service-card ul{display:grid;gap:7px;margin:12px 0 18px;padding-left:20px}.workflow-section{padding-top:12px}.flow-rail{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.flow-rail:before{content:"";position:absolute;left:18px;right:18px;top:50%;height:8px;background:var(--orange);border:2px solid var(--border);z-index:-1;animation:flowbar 7s linear infinite}.flow-step{background:var(--surface);border:var(--border-hard);box-shadow:var(--shadow-small);padding:16px;animation:pop .7s ease both;animation-delay:calc(var(--i)*60ms)}.flow-step p{font-size:.95rem;color:var(--muted);line-height:1.45;margin:0}.values-grid.mini{grid-template-columns:repeat(4,1fr)}.blog-card h2{font-size:clamp(1.25rem,2.3vw,1.8rem);max-width:none}.blog-card a{text-decoration:none}.blog-card span{font-family:var(--font-mono);font-weight:900;color:var(--muted)}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.brutal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:var(--surface);border:var(--border-heavy);box-shadow:var(--shadow);padding:clamp(16px,3vw,28px)}.brutal-form label{font-family:var(--font-mono);font-weight:900;text-transform:uppercase;font-size:.82rem;display:grid;gap:7px}.brutal-form textarea,.brutal-form select,.brutal-form input{width:100%;border:3px solid var(--border);background:#fffaf2;color:var(--ink);padding:13px;font:inherit;text-transform:none}.brutal-form textarea,.brutal-form label:nth-last-of-type(1){grid-column:1/-1}.brutal-form button,.form-note{grid-column:1/-1}.form-note{margin:0;color:var(--muted);font-weight:800}.contact-stack{display:grid;gap:16px}.contact-stack a,.footer-grid a{display:block;overflow-wrap:anywhere}.plain-steps{padding-left:22px;line-height:1.8;font-weight:800;color:var(--muted)}.showcase-card{border:var(--border-heavy);box-shadow:var(--shadow);background:var(--green);padding:10px}.showcase-card img{width:100%}.legal-card{max-width:880px}.legal-card h2,.legal-card h3{margin-top:1.2em}.legal-card a{color:var(--orange);font-weight:900}.simple-list{line-height:1.7}.article-body ul{line-height:1.7}.site-footer{border-top:var(--border-heavy);background:var(--ink);color:var(--bg);padding:34px 0 18px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.footer-logo{max-width:230px;background:var(--bg);border:2px solid var(--bg);margin-bottom:12px}.footer-grid h2{font-size:1rem;color:var(--orange);font-family:var(--font-mono);letter-spacing:.04em}.footer-grid p,.footer-grid span,.footer-grid a{color:#F2DFC4;line-height:1.7}.footer-bottom{border-top:2px solid rgba(255,244,228,.25);margin-top:24px;padding-top:14px;display:flex;justify-content:space-between;gap:12px;color:#F2DFC4;font-family:var(--font-mono);font-size:.82rem}.no-save,.protected-img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app-icon{aspect-ratio:1/1;object-fit:cover}@keyframes flowbar{0%{transform:scaleX(.15);transform-origin:left}50%{transform:scaleX(1)}100%{transform:scaleX(.15);transform-origin:left}}@keyframes pop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:980px){.hero-grid,.split-grid,.form-grid,.product-card-large,.product-tease-card,.product-hero-grid{grid-template-columns:1fr}.cards-grid.three,.cards-grid.two,.flow-rail,.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-rail:before{display:none}.product-card-large .app-icon,.product-tease-card .app-icon,.product-hero-grid .app-icon{justify-self:start}.footer-grid{grid-template-columns:1fr 1fr}.brutal-form{grid-template-columns:1fr}.section-title{align-items:start;flex-direction:column}.nav-links{position:fixed;inset:72px 14px auto 14px;background:var(--bg);border:var(--border-heavy);box-shadow:var(--shadow);padding:12px;display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{border:3px solid var(--border);background:var(--surface);padding:12px}.menu-btn{display:block}.brand-lockup{width:clamp(160px,42vw,240px)}}
@media (max-width:620px){.container{width:min(var(--max),calc(100% - 20px))}.nav-wrap{min-height:66px}.hero,.page-hero{padding:28px 0}.cards-grid.three,.cards-grid.two,.flow-rail,.values-grid,.values-grid.mini,.workflow-list,.footer-grid{grid-template-columns:1fr}.hero-mark{box-shadow:6px 6px 0 var(--border);border-width:5px}.btn{width:100%;box-shadow:5px 5px 0 var(--border)}.button-row{width:100%}.product-tease-card,.product-card-large,.product-hero-grid{padding:16px;border-width:5px;box-shadow:6px 6px 0 var(--border)}h1{font-size:clamp(2rem,14vw,3.7rem)}h2{font-size:clamp(1.5rem,9vw,2.35rem)}.app-icon{max-width:190px}.footer-bottom{flex-direction:column}.proof-row span,.tag-row span{font-size:.72rem}.brutal-form{border-width:5px;box-shadow:6px 6px 0 var(--border)}}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}