:root{background:var(--color-bg);color:var(--color-text);--color-bg:#050806;--color-panel:#0b0f0c;--color-text:#e8ece9;--color-muted:#aeb8b2;--color-subtle:#7f8a84;--color-card:#ffffff09;--color-accent:#38bdf8;--color-accent-strong:#7dd3fc;--color-accent-rgb:56 189 248;--color-border:rgb(var(--color-accent-rgb) / .22);--color-accent-border-soft:rgb(var(--color-accent-rgb) / .18);--color-accent-border-hover:rgb(var(--color-accent-rgb) / .45);--color-accent-surface:rgb(var(--color-accent-rgb) / .08);--color-accent-wash:rgb(var(--color-accent-rgb) / .12);--color-accent-glow:rgb(var(--color-accent-rgb) / .06);--color-accent-glow-soft:rgb(var(--color-accent-rgb) / .04);--color-accent-glow-strong:rgb(var(--color-accent-rgb) / .7);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--color-bg);margin:0;padding:0}a{color:inherit}body{min-height:100vh}.logo-mark svg{width:100%;height:100%;display:block}.brand-mark #outer-ring,.brand-mark #outer-ring path,.brand-mark #inner-ring,.brand-mark #core{transform-box:view-box;transform-origin:60px 60px}.brand-mark #outer-ring{animation:2.2s both logoOuterRing}.brand-mark #outer-ring path{opacity:0;animation:.5s ease-out both logoOuterSegment}.brand-mark #outer-ring-segment-1{animation-delay:70ms}.brand-mark #outer-ring-segment-2{animation-delay:.17s}.brand-mark #outer-ring-segment-3{animation-delay:.27s}.brand-mark #outer-ring-segment-4{animation-delay:.37s}.brand-mark #inner-ring{opacity:0;animation:1.2s 1.2s both logoInnerRing}.brand-mark #core{opacity:0;animation:.4s ease-out 2.55s both logoCore;transform:scale(.94)}@keyframes logoOuterRing{0%{animation-timing-function:cubic-bezier(.45,0,.75,1);transform:rotate(0)}12%{animation-timing-function:linear;transform:rotate(96deg)}68%{animation-timing-function:linear;transform:rotate(1040deg)}82%{animation-timing-function:linear;transform:rotate(1240deg)}92%{animation-timing-function:cubic-bezier(.25,.25,.1,1);transform:rotate(1360deg)}to{transform:rotate(1440deg)}}@keyframes logoOuterSegment{0%{opacity:0}72%{opacity:.92}to{opacity:1}}@keyframes logoInnerRing{0%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.75,1);transform:rotate(0)}8%{opacity:1}12%{opacity:1;animation-timing-function:linear;transform:rotate(-72deg)}68%{opacity:1;animation-timing-function:linear;transform:rotate(-780deg)}82%{opacity:1;animation-timing-function:linear;transform:rotate(-930deg)}92%{opacity:1;animation-timing-function:cubic-bezier(.25,.25,.1,1);transform:rotate(-1020deg)}to{opacity:1;transform:rotate(-1080deg)}}@keyframes logoCore{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.brand-mark #outer-ring,.brand-mark #outer-ring path,.brand-mark #inner-ring,.brand-mark #core{opacity:1;animation:none;transform:none}}.page-layout{grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:center;gap:40px;display:grid}.page-content{min-width:0}.page-image{aspect-ratio:1;background-color:var(--color-card);border:1px solid var(--color-accent-border-soft);width:100%;box-shadow:0 0 0 1px var(--color-accent-border-soft), 0 24px 60px var(--color-accent-glow);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px}@media (width<=780px){.page-layout{grid-template-columns:1fr}.page-image{order:-1;max-width:280px}}.page-image--home{background-image:url(/images/home.png)}.page-image--about{background-image:url(/images/about.png)}.page-image--faq{background-image:url(/images/faq.png)}.page-image--contact{background-image:url(/images/contact.png)}.page-image--audit{background-image:url(/images/audit.png)}.page-image--audit-thanks{background-image:url(/images/audit-thanks.png)}.audit-thanks-message{max-width:20ch;margin:0;font-size:clamp(1.8rem,4.5vw,2.6rem);line-height:1.25}.service-icon{width:30px;height:30px;color:var(--color-accent);margin-bottom:14px}.service-card-image{object-fit:cover;border:1px solid var(--color-accent-border-soft);width:64px;height:64px;box-shadow:0 0 0 1px var(--color-accent-border-soft), 0 8px 24px var(--color-accent-glow);border-radius:10px;margin-bottom:14px;display:block}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:24px clamp(20px,5vw,64px);display:flex}.brand{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.brand-mark{flex-shrink:0;width:60px;height:60px}.brand-text{flex-direction:column;align-items:center;line-height:1.2;display:flex}.brand-name{letter-spacing:.08em;color:var(--color-text);text-align:center;font-size:1.5rem;font-weight:700}.brand-tagline{color:var(--color-subtle);letter-spacing:.02em;text-align:center;font-size:.72rem}.site-nav{gap:28px;display:flex}.site-nav a{color:var(--color-muted);font-size:.92rem;text-decoration:none;transition:color .15s}.site-nav a:hover{color:var(--color-accent-strong)}main{max-width:960px;margin:0 auto;padding:0 clamp(20px,5vw,64px) 96px}.hero{text-align:left;padding:clamp(48px,10vw,96px) 0 64px}.eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-size:.8rem;font-weight:600}.hero h1{max-width:18ch;margin:0 0 20px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15}.hero-sub{color:var(--color-muted);max-width:56ch;margin:0 0 32px;font-size:1.05rem;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:16px;display:flex}.hero-ctas .cta{box-sizing:border-box;text-align:center;white-space:nowrap;flex:1 1 0;padding:13px 18px;font-size:.92rem}.cta{background:var(--color-accent);color:#04121a;box-shadow:0 0 0 1px var(--color-accent-border-soft), 0 8px 32px var(--color-accent-glow-strong);border-radius:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-block}.cta:hover{background:var(--color-accent-strong);transform:translateY(-1px)}section h2{margin:0 0 28px;font-size:1.6rem}.how-it-works,.why-tank-labs{padding:clamp(32px,6vw,56px) 0}.process-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.process-step-number{color:var(--color-accent);letter-spacing:.1em;margin-bottom:10px;font-size:.9rem;font-weight:700;display:block}.process-step h3{margin:0 0 8px;font-size:1.1rem}.process-step p,.why-tank-labs .service-card p{color:var(--color-muted);margin:0;line-height:1.6}.page,.services{padding:clamp(48px,8vw,80px) 0}.service-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.service-card{background:var(--color-card);border:1px solid var(--color-accent-border-soft);border-radius:12px;padding:28px}.service-card h3{margin:0 0 8px;font-size:1.15rem}.service-price{color:var(--color-accent-strong);margin:0 0 18px;font-weight:600}.service-card ul{color:var(--color-muted);margin:0;padding-left:20px;line-height:1.8}.services-note{color:var(--color-subtle);margin:28px 0 0;font-size:.9rem}.services-intro{color:var(--color-muted);max-width:60ch;margin:0 0 28px;line-height:1.6}.service-description{color:var(--color-muted);margin:0 0 14px;font-size:.95rem;line-height:1.6}.web-design-section{margin-top:clamp(40px,7vw,64px)}.web-design-section .service-card ul{margin-bottom:20px}.faq{max-width:68ch;margin-top:clamp(40px,7vw,64px)}.faq-item{padding:18px 0}.faq-item+.faq-item{border-top:1px solid var(--color-accent-border-soft)}.faq-item h3{color:var(--color-text);margin:0 0 8px;font-size:1.05rem}.faq-item p{color:var(--color-muted);margin:0;line-height:1.6}.about p{color:var(--color-muted);max-width:68ch;margin:0 0 16px;line-height:1.7}.contact p{color:var(--color-muted);margin:0 0 20px}.contact-intro{max-width:56ch}.contact-steps{color:var(--color-muted);max-width:56ch;margin:0 0 28px;padding-left:20px;line-height:1.7}.contact-steps li{margin-bottom:10px}.contact-steps strong{color:var(--color-text)}.audit-intro{color:var(--color-muted);max-width:56ch;margin:0 0 32px;line-height:1.6}.audit-form{flex-direction:column;gap:8px;max-width:480px;display:flex}.audit-form label{color:var(--color-muted);margin-top:12px;font-size:.9rem}.audit-form input[type=text],.audit-form input[type=email],.audit-form input[type=url]{background:var(--color-card);border:1px solid var(--color-accent-border-soft);color:var(--color-text);border-radius:8px;padding:12px 14px;font-size:1rem}.audit-form input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.audit-required-note{color:var(--color-subtle);margin:4px 0 0;font-size:.78rem}.audit-consent{color:var(--color-muted);flex-direction:row;align-items:flex-start;gap:10px;margin:20px 0 8px;font-size:.88rem;line-height:1.5;display:flex}.audit-consent input[type=checkbox]{flex-shrink:0;width:16px;height:16px;margin-top:3px}.audit-form .cta{cursor:pointer;width:fit-content;font:inherit;border:none;margin-top:8px}.audit-confirmation{color:var(--color-accent-strong);margin-top:16px;font-size:.92rem}.audit-error{color:#f87171;margin-top:16px;font-size:.92rem}.audit-form .cta:disabled{opacity:.6;cursor:not-allowed}.proposal-title{margin:8px 0 20px;font-size:clamp(1.8rem,4vw,2.6rem)}.proposal-findings{color:var(--color-muted);max-width:68ch;margin:0 0 28px;padding-left:20px;line-height:1.7}.proposal-findings li{margin-bottom:14px}.proposal-findings strong{color:var(--color-text)}.proposal-note{color:var(--color-subtle);max-width:68ch;margin:0 0 40px;font-size:.9rem;line-height:1.6}.proposal-pricing{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:0 0 24px;display:grid}.proposal-tier{background:var(--color-card);border:1px solid var(--color-accent-border-soft);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.proposal-tier-label{color:var(--color-muted);font-size:.85rem}.proposal-tier-price{color:var(--color-accent-strong);font-size:1.2rem;font-weight:700}.proposal-scope{color:var(--color-muted);max-width:68ch;margin:0 0 32px;line-height:1.6}.proposal-response-buttons{flex-wrap:wrap;gap:16px;display:flex}.cta-secondary{color:var(--color-text);box-shadow:0 0 0 1px var(--color-accent-border-soft);background:0 0}.cta-secondary:hover{background:var(--color-card)}.hero-ctas .cta-secondary{box-shadow:0 0 0 1px var(--color-accent-border-soft), 0 6px 20px var(--color-accent-glow-strong)}.hero-ctas .cta-secondary:hover{box-shadow:0 0 0 1px var(--color-accent-border-hover), 0 8px 28px var(--color-accent-glow-strong)}.proposal-modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.proposal-modal{-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--color-accent-border-hover);text-align:center;max-width:420px;box-shadow:0 0 0 1px var(--color-accent-border-hover), 0 0 50px var(--color-accent-glow-strong);background:#0b0f0cf0;border-radius:16px;padding:32px}.proposal-modal p{margin:0 0 24px;font-size:1.15rem;line-height:1.5}.site-footer{text-align:center;color:var(--color-subtle);border-top:1px solid var(--color-border);padding:32px 20px 40px;font-size:.82rem}
