/* Shared styles for inner pages; builds on /assets/home/styles.css */
:root{--green:var(--accent);--text:var(--fg);--border:var(--line);--bg3:var(--card);--red:#d4553a;--blue:var(--accent);--sans:Inter,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--vt:var(--mono)}
body.page{background:var(--bg);color:var(--fg);line-height:1.6}
.page main{padding-top:72px}
.page main>section,.page main>.hero,.page main>.terminal,.page main>.cta-block,.page .legal{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.page main>section{padding-top:72px;padding-bottom:72px}
.page .hero{padding-top:96px;padding-bottom:48px}
.page .hero-label,.page .section-label,.page .service-tag{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--accent);margin-bottom:14px}
.page .hero-title{font-size:clamp(2.3rem,6vw,4.4rem);line-height:1.05;letter-spacing:-.035em;max-width:18ch;margin:0 0 20px}
.page .hero-title .accent,.page .accent{color:var(--accent)}
.page .hero-sub,.page .problem-text,.page .intake-intro,.page .cta-text{color:var(--muted);font-size:1.12rem;max-width:62ch}
.page .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.page .hero-cta .btn,.page .cta-block .btn{margin-top:0}
.page .section-title{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 28px}
.page .divider{height:1px;background:var(--line);max-width:1072px;margin:0 auto!important}
.page .services-grid,.page .proof-grid,.page .choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.page .process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.page .service-card,.page .proof-box,.page .step,.page .choice-card,.page .faq-item,.page .terminal,.page .intake-shell,.page .cta-block{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:28px;transition:transform .25s ease-out,box-shadow .25s}
.page .service-card:hover,.page .choice-card:hover,.page .proof-box:hover{transform:translateY(-3px)}
.page .service-card{display:flex;flex-direction:column}
.page .service-title,.page .step-title{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:4px 0 10px}
.page .service-desc,.page .step-desc,.page .proof-label,.page .faq-a{color:var(--muted)}
.page .service-deliverables,.page .mini-list{list-style:none;padding:0;margin:16px 0}
.page .service-deliverables li,.page .mini-list li{padding:6px 0 6px 26px;position:relative}
.page .service-deliverables li::before,.page .mini-list li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.page .service-price{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:14px}
.page .price-value,.page .proof-value{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--fg)}
.page .price-label{font-size:13px;color:var(--muted)}
.page .step-num{color:var(--accent);margin-bottom:12px}
.page .terminal{padding:0;overflow:hidden;max-width:760px;font-family:var(--mono);font-size:14px}
.page main>.terminal{margin:24px auto 0;width:calc(100% - 48px);max-width:1072px;padding:0}
.page .terminal-header{display:flex;gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.page .terminal-dot{width:10px;height:10px;border-radius:50%}
.page .terminal-body{padding:18px 20px}
.page .terminal-line{padding:3px 0}
.page .prompt,.page .ok{color:var(--accent)}
.page .cursor{display:inline-block;width:8px;height:1em;background:var(--accent);vertical-align:middle;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.page .hl{color:var(--fg);font-weight:600}
.page .faq-list{display:grid;gap:12px}
.page .faq-item{padding:0}
.page .faq-q{cursor:pointer;padding:20px 24px;font-weight:600;display:flex;justify-content:space-between;gap:16px}
.page .faq-q::after{content:'+';color:var(--muted)}
.page .faq-a{display:none;padding:0 24px 20px}
.page .faq-item.open .faq-a{display:block}
.page .faq-item.open .faq-q::after{content:'−'}
.page .cta-block{text-align:center;margin-top:48px;margin-bottom:48px}
.page .cta-block .cta-text{margin:0 auto 20px}
/* intake form */
.page .intake-shell{padding:36px}
.page .intake-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.page .intake-field{display:grid;gap:.45rem}
.page .intake-field.full,.page .consent-row,.page .intake-actions{grid-column:1/-1}
.page .intake-field>span{font-size:14px;font-weight:600}
.page .intake-field input,.page .intake-field select,.page .intake-field textarea{width:100%;font:inherit;font-size:16px;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.page .intake-field textarea{min-height:140px;resize:vertical}
.page .intake-field input:focus,.page .intake-field select:focus,.page .intake-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.page .intake-note{font-size:13px;color:var(--muted)}
.page .consent-row{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.page .consent-row input{margin-top:.3rem;accent-color:var(--accent)}
.page .intake-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.page .intake-actions .btn{margin-top:0}
.page .intake-actions button:disabled{opacity:.55;cursor:wait}
.page .form-status{font-size:14px;color:var(--muted)}
.page .form-status.success{color:#1f8a5b}.page .form-status.error{color:#d4553a}
.page .honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:720px){.page .intake-grid{grid-template-columns:1fr}.page .intake-actions .btn{width:100%}.page .intake-shell{padding:24px}}
/* legal pages */
.page .legal{max-width:760px;padding-top:120px;padding-bottom:64px}
.page .legal h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.03em;line-height:1.1}
.page .legal h2{font-size:1.3rem;margin-top:2rem}
.page .legal p,.page .legal li{color:var(--muted)}
.page .legal a{color:var(--accent)}
/* footer extras */
.page .foot-mail a{color:var(--muted)}