:root{--bg-hero:#0b0e14;--bg-white:#fff;--bg-section:#f4f7fb;--bg-footer:#0a1628;--text-primary:#0f172a;--text-muted:#64748b;--text-on-dark:#fff;--text-on-dark-muted:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--border:#e2e8f0;--radius-pill:999px;--radius-card:20px;--shadow-card:0 12px 40px #0f172a14;--max-width:1120px;--font:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text-primary);background:var(--bg-white);-webkit-font-smoothing:antialiased;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,textarea{font:inherit}.container{width:min(100% - 2.5rem, var(--max-width));margin-inline:auto}.section{padding:5.5rem 0;scroll-margin-top:5rem}#how-it-works,#websites,#ai,#deeper,#faq,#about,#contact,#top{scroll-margin-top:5rem}.section--alt{background:var(--bg-section)}.section__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:inline-block}.section__title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.15}.section__lead{color:var(--text-muted);max-width:40rem;font-size:1.125rem}.btn{border-radius:var(--radius-pill);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.85rem 1.6rem;font-size:.95rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:3px solid #2563eb73}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{color:var(--text-on-dark);background:0 0;border-color:#ffffff59}.btn--secondary:hover{background:#ffffff0f;border-color:#fff}.btn--secondary-light{color:var(--accent);border-color:var(--accent);background:0 0}.btn--secondary-light:hover{background:#2563eb0f}.btn--ghost-dark{background:var(--text-primary);color:#fff}.btn--ghost-dark:hover{background:#1e293b}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.section{padding:4rem 0}}.logo{letter-spacing:.04em;color:var(--text-on-dark);font-size:1.15rem;font-weight:800}.logo__ai{color:var(--accent);margin-left:.15em}.logo--footer{font-size:1rem}.site-header{z-index:50;padding:1rem 0;transition:background .25s,box-shadow .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;inset:0 0 auto}.site-header--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0e14eb;box-shadow:0 1px #ffffff0f}.site-header__inner{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.nav{align-items:center;gap:1.75rem;display:flex}.nav__list{gap:1.35rem;display:flex}.nav__list a{color:#ffffffd1;font-size:.9rem;font-weight:500;transition:color .15s}.nav__list a:hover,.nav__list a:focus-visible{color:#fff}.nav-toggle{cursor:pointer;background:0 0;border:0;width:2.5rem;height:2.5rem;display:none;position:relative}.nav-toggle span{background:#fff;border-radius:2px;height:2px;transition:transform .2s,opacity .2s,top .2s;position:absolute;left:.5rem;right:.5rem}.nav-toggle span:first-child{top:.8rem}.nav-toggle span:nth-child(2){top:1.2rem}.nav-toggle span:nth-child(3){top:1.6rem}.nav-toggle--open span:first-child{top:1.2rem;transform:rotate(45deg)}.nav-toggle--open span:nth-child(2){opacity:0}.nav-toggle--open span:nth-child(3){top:1.2rem;transform:rotate(-45deg)}.mobile-nav{display:none}.hero{background:var(--bg-hero);min-height:92vh;color:var(--text-on-dark);align-items:center;padding:7rem 0 5rem;scroll-margin-top:5rem;display:flex;position:relative;overflow:hidden}.hero__wireframe{pointer-events:none;background-image:linear-gradient(115deg,#0000 0% 38%,#64748b1f 38.5%,#0000 39.5%),linear-gradient(115deg,#0000 0% 52%,#64748b1a 52.5%,#0000 53.5%),linear-gradient(155deg,#0000 0% 62%,#64748b14 62.5%,#0000 63.5%),linear-gradient(25deg,#0000 0% 45%,#64748b12 45.5%,#0000 46.5%);position:absolute;inset:0}.hero__content{z-index:1;text-align:center;max-width:52rem;margin-inline:auto;position:relative}.hero__title{letter-spacing:-.035em;color:#e2e8f0;margin-bottom:1.25rem;font-size:clamp(2rem,4.5vw,3.35rem);font-weight:800;line-height:1.15}.hero__accent{color:var(--accent)}.hero__sub{color:var(--text-on-dark-muted);max-width:40rem;margin:0 auto 2rem;font-size:clamp(1.05rem,2vw,1.2rem)}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.75rem;margin-left:0;padding-left:0;list-style:none;display:grid}.step-card{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.75rem}.step-card__num{width:2.25rem;height:2.25rem;color:var(--accent);background:#dbeafe;border-radius:999px;place-items:center;margin-bottom:1rem;font-size:.95rem;font-weight:800;display:inline-grid}.step-card h3{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.step-card p{color:var(--text-muted);font-size:.975rem}.websites{grid-template-columns:1.15fr 1fr;align-items:start;gap:2.5rem;display:grid}.websites .section__lead{margin-bottom:1.25rem}.price-callout{color:var(--text-primary);margin:0 0 .35rem;font-size:1.15rem;font-weight:600}.price-callout strong{color:var(--accent);font-size:1.35rem}.price-note{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.check-list{gap:.75rem;margin-bottom:2rem;display:grid}.check-list li{color:var(--text-primary);align-items:flex-start;gap:.75rem;font-weight:500;display:flex}.check-list__mark{width:1.5rem;height:1.5rem;color:var(--accent);background:#dbeafe;border-radius:999px;flex-shrink:0;place-items:center;margin-top:.1rem;font-size:.75rem;font-weight:700;display:grid}.websites__visual{gap:1.25rem;display:grid}.sample-mockup{margin:0}.sample-mockup__label{color:#92400e;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-pill);background:#fef3c7;margin-bottom:.65rem;padding:.3rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.browser-frame{background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.browser-frame__chrome{border-bottom:1px solid var(--border);background:#f1f5f9;align-items:center;gap:.4rem;padding:.65rem .85rem;display:flex}.browser-frame__dot{background:#cbd5e1;border-radius:50%;width:.55rem;height:.55rem}.browser-frame__dot:first-child{background:#fca5a5}.browser-frame__dot:nth-child(2){background:#fcd34d}.browser-frame__dot:nth-child(3){background:#86efac}.browser-frame__url{border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:999px;flex:1;margin-left:.5rem;padding:.2rem .75rem;font-size:.7rem;font-weight:500}.browser-frame__page{background:linear-gradient(#0b1220 0%,#132038 55%,#f8fafc 55%);padding:1rem 1.1rem 1.15rem}.mock-site__nav{color:#e2e8f0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.15rem;display:flex}.mock-site__logo{letter-spacing:.02em;font-size:.85rem;font-weight:800}.mock-site__nav-links{color:#94a3b8;white-space:nowrap;font-size:.65rem}.mock-site__hero{color:#e2e8f0;margin-bottom:1.35rem}.mock-site__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#93c5fd;margin-bottom:.4rem;font-size:.65rem;font-weight:600}.mock-site__title{letter-spacing:-.02em;color:#fff;margin-bottom:.4rem;font-size:1.15rem;font-weight:800;line-height:1.2}.mock-site__sub{color:#94a3b8;max-width:22rem;margin-bottom:.85rem;font-size:.75rem;line-height:1.45}.mock-site__cta-row{flex-wrap:wrap;gap:.45rem;display:flex}.mock-site__cta{background:var(--accent);color:#fff;border-radius:999px;align-items:center;padding:.4rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.mock-site__cta--ghost{color:#e2e8f0;background:0 0;border:1px solid #ffffff59}.mock-site__services{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.mock-site__service{border:1px solid var(--border);text-align:center;color:var(--text-primary);background:#fff;border-radius:10px;padding:.65rem .5rem;font-size:.7rem;font-weight:600;box-shadow:0 4px 12px #0f172a0a}.sample-mockup__caption{color:var(--text-muted);margin-top:.65rem;font-size:.8rem;line-height:1.4}.care-card{background:var(--bg-white);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:1.5rem 1.75rem;position:relative}.care-card__badge{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);background:#dbeafe;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.care-card__price{letter-spacing:-.04em;margin-bottom:.4rem;font-size:2.25rem;font-weight:800;line-height:1}.care-card__price span{color:var(--text-muted);font-size:1rem;font-weight:600}.care-card h3{margin-bottom:.4rem;font-size:1.1rem}.care-card>p{color:var(--text-muted);margin:0;font-size:.95rem}.consult-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;display:grid}.consult-grid--compact{max-width:48rem}.consult-card{background:var(--bg-section);border-radius:var(--radius-card);border:1px solid var(--border);padding:1.75rem}.consult-card h3{margin:1rem 0 .65rem;font-size:1.15rem;font-weight:700}.consult-card>p{color:var(--text-muted)}.section__cta{margin-top:1.75rem}.faq{max-width:44rem}.faq-list{gap:.85rem;margin-top:2rem;display:grid}.faq-item{background:var(--bg-white);border:1px solid var(--border);border-radius:14px;padding:1.15rem 1.35rem}.faq-item dt{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:.35rem;font-size:1rem;font-weight:700}.faq-item dd{color:var(--text-muted);margin:0;font-size:.95rem}.about__intro{max-width:40rem;margin-bottom:2.5rem}.principle-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.principle-card{background:var(--bg-white);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:1.5rem}.principle-card h3{color:var(--accent);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.principle-card p{color:var(--text-muted);font-size:.975rem}.contact{grid-template-columns:.9fr 1.2fr;align-items:start;gap:3rem;display:grid}.contact__details{gap:1.15rem;margin-top:2rem;display:grid}.contact__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.contact__details a{color:var(--text-primary);font-size:1.1rem;font-weight:600;transition:color .15s}.contact__details a:hover{color:var(--accent)}.contact-form{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--radius-card);gap:1rem;padding:1.75rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form label{color:var(--text-primary);gap:.4rem;font-size:.875rem;font-weight:600;display:grid}.contact-form .label-text{line-height:1.3;display:inline}.contact-form .req{color:var(--accent);font-weight:700;display:inline}.optional{color:var(--text-muted);font-weight:500;display:inline}.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--bg-white);width:100%;color:var(--text-primary);border-radius:12px;padding:.75rem .9rem;transition:border-color .15s,box-shadow .15s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb26}.contact-form textarea{resize:vertical;min-height:120px}.contact-form .btn{justify-self:start;margin-top:.25rem}.contact-form .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-microcopy{color:var(--text-muted);margin:-.35rem 0 0;font-size:.85rem}.form-status{font-size:.925rem;font-weight:500}.form-status--ok{color:#059669}.form-status--err{color:#dc2626}.site-footer{background:var(--bg-footer);color:var(--text-on-dark-muted);padding:2.5rem 0}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.site-footer__brand{gap:.35rem;display:grid}.site-footer__tagline{color:var(--text-on-dark-muted);max-width:18rem;font-size:.875rem}.site-footer__area{color:#64748b;max-width:22rem;margin-top:.15rem;font-size:.8rem;line-height:1.45}.site-footer__copy{font-size:.9rem}.site-footer__links{flex-wrap:wrap;gap:1.25rem;display:flex}.site-footer__links a{font-size:.9rem;font-weight:500;transition:color .15s}.site-footer__links a:hover{color:#fff}@media (width<=900px){.steps-grid,.consult-grid,.websites,.contact,.principle-grid{grid-template-columns:1fr}.nav{display:none}.nav-toggle{display:block}.mobile-nav{z-index:40;background:#0b0e14fa;padding:5.5rem 1.5rem 2rem;transition:transform .25s;display:block;position:fixed;inset:0;transform:translate(100%)}.mobile-nav--open{transform:translate(0)}.mobile-nav[hidden]{display:none}.mobile-nav--open[hidden]{display:block}.mobile-nav ul{gap:.25rem;margin-bottom:1.5rem;display:grid}.mobile-nav a:not(.btn){color:#fff;border-bottom:1px solid #ffffff14;padding:.85rem 0;font-size:1.15rem;font-weight:600;display:block}.mock-site__nav-links{display:none}}@media (width<=600px){.form-row{grid-template-columns:1fr}.hero{min-height:auto;padding:7.5rem 0 4.5rem}.site-footer__inner{flex-direction:column;align-items:flex-start}.mock-site__services{grid-template-columns:1fr}}
