:root{
  --bg:#f4f1e9;
  --panel:#e9e4d9;
  --panel-2:#ded8cb;
  --text:#111211;
  --muted:#696861;
  --line:#d4d0c6;
  --dark:#111211;
  --white:#fffef9;
  --accent:#cbb778;
  --radius:18px;
  --shadow:0 24px 70px rgba(17,18,17,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img,svg{display:block;max-width:100%}
::selection{background:#1d1e1c;color:#fff}
.skip-link{position:fixed;left:18px;top:-80px;z-index:100;background:#111;color:#fff;padding:12px 16px;border-radius:10px;font-weight:700}
.skip-link:focus{top:18px}
:focus-visible{outline:3px solid #8e762b;outline-offset:4px}

.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid rgba(17,18,17,.09);position:sticky;top:0;background:rgba(244,241,233,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:30}
.logo{font:700 1.18rem 'Space Grotesk',sans-serif;letter-spacing:-.045em}.logo span{color:#87847c}
.nav nav{display:flex;align-items:center;gap:27px;font-size:.88rem;font-weight:700}
.nav nav>a:not(.nav-cta){position:relative}
.nav nav>a:not(.nav-cta)::after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-6px;background:#111;transition:right .2s ease}
.nav nav>a:not(.nav-cta):hover::after{right:0}
.nav-cta,.button,.mini-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .2s ease,background .2s ease,color .2s ease,opacity .2s ease}
.nav-cta{background:var(--dark);color:#fff;padding:12px 18px}
.menu-btn{display:none;border:0;background:transparent;color:#111;font-size:1.55rem;line-height:1;width:44px;height:44px;cursor:pointer}

.hero{min-height:calc(100vh - 78px);padding:clamp(72px,8.5vw,138px) 5.5vw;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:7vw;align-items:center}
.eyebrow{font-size:.7rem;letter-spacing:.17em;font-weight:800;color:#77736a;margin:0 0 18px}
.hero h1,.section h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.068em;margin:0}
.hero h1{font-size:clamp(3.3rem,6.6vw,7.2rem);line-height:.91;max-width:940px}
.hero h1 em,.section h2 span{font-style:normal;font-weight:500;color:#89867e}
.lead{font-size:clamp(1.02rem,1.3vw,1.18rem);color:#5f5d57;max-width:650px;margin:30px 0}
.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.button{min-height:52px;padding:15px 21px;gap:24px;font-size:.9rem;cursor:pointer}
.button.dark{background:var(--dark);color:#fff}.button.dark:hover,.nav-cta:hover{background:#2d2e2b;transform:translateY(-2px)}
.text-link{font-size:.9rem;font-weight:800}.text-link:hover{opacity:.58}
.trust{display:flex;gap:18px 24px;flex-wrap:wrap;margin-top:35px;color:#68655f;font-size:.75rem;font-weight:600}

.hero-card{position:relative}.hero-card::after{content:"";position:absolute;inset:14% -7% -7% 12%;background:#ded8cb;border-radius:40px;z-index:-1;transform:rotate(-4deg)}
.browser{background:#111;border-radius:22px;padding:10px;box-shadow:var(--shadow);transform:rotate(1.8deg)}
.browser-top{height:36px;display:flex;align-items:center;gap:6px;color:#b8b8b2;padding:0 10px;font-size:.7rem}.browser-top span{width:8px;height:8px;border-radius:50%;background:#5b5c58}.browser-top small{margin:auto}
.audit-preview{background:#ece7dc;min-height:490px;border-radius:13px;padding:42px;overflow:hidden}
.mini-brand{font-size:.64rem;font-weight:800;letter-spacing:.17em;margin:0;color:#6e6a61}.audit-preview h2{font:600 clamp(2.2rem,3.7vw,4.1rem)/.95 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:46px 0 28px}.audit-preview h2 b{font-weight:500;color:#807d74}
.audit-list{list-style:none;padding:0;margin:0;border-top:1px solid #c9c4b8}.audit-list li{display:grid;grid-template-columns:28px 1fr;gap:2px 12px;padding:12px 0;border-bottom:1px solid #c9c4b8}.audit-list li span{grid-row:1/3;color:#858178;font-size:.66rem;font-weight:800;padding-top:3px}.audit-list li b{font-size:.82rem}.audit-list li small{color:#77736b;font-size:.72rem}
.mini-button{margin-top:25px;background:#111;color:#fff;padding:11px 15px;font-size:.68rem;letter-spacing:.03em}.mini-button:hover{transform:translateY(-2px)}

.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 5.5vw;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#77736b;font-size:.63rem;font-weight:800;letter-spacing:.14em}
.section{padding:clamp(86px,9vw,132px) 5.5vw}
.section-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:52px}.section-head>p{max-width:390px;color:#68665f;margin:0}
.section h2{font-size:clamp(2.65rem,5.2vw,5.8rem);line-height:.94;max-width:950px}

.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-link{display:block;transition:transform .24s ease}.project-link:hover{transform:translateY(-5px)}
.project-visual{height:430px;border-radius:17px;padding:18px;overflow:hidden}.preview-window{height:100%;border-radius:12px;padding:24px;box-shadow:0 18px 42px rgba(0,0,0,.11);transition:transform .25s ease;overflow:hidden}.project-link:hover .preview-window{transform:scale(1.014)}
.cafe-preview{background:#d7d0c0}.cafe-preview .preview-window{background:#f6efe3;color:#342a22}.auto-preview{background:#b8bcb9}.auto-preview .preview-window{background:#131719;color:#f4f4ef}.barber-preview{background:#d7d5ce}.barber-preview .preview-window{background:#f1f0ec;color:#161616;border:1px solid #d2d0c8}
.preview-nav{display:flex;justify-content:space-between;align-items:center;font-size:.55rem;letter-spacing:.06em}.preview-nav span{opacity:.62}.preview-copy{margin-top:74px}.preview-copy small{font-size:.54rem;letter-spacing:.15em;font-weight:800}.preview-copy h3{font:600 clamp(2.15rem,3vw,3.6rem)/.91 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:13px 0}.preview-copy p{font-size:.8rem;max-width:240px;opacity:.66}.visual-button{display:inline-block;margin-top:24px;background:#111;color:#fff;border-radius:999px;padding:10px 14px;font-size:.66rem;font-weight:800}.light-button{background:#f5f4ef!important;color:#111!important}
.project-info{padding:20px 4px 0;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.project-info h3{margin:0;font:600 1.12rem 'Space Grotesk',sans-serif}.project-info p{color:#77746d;margin:7px 0 0;font-size:.87rem;max-width:330px}.project-info>b{font-size:.72rem;white-space:nowrap}.concept-pill{display:inline-block;border:1px solid #c8c4bb;border-radius:999px;padding:5px 8px;margin-bottom:8px;font-size:.56rem;color:#7c786f;font-weight:800;letter-spacing:.09em}
.work-cta{margin-top:44px;border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.work-cta p{max-width:650px;color:#66635d;margin:0}

.outcome-section{background:#111;color:#f5f2e9}.outcome-section .eyebrow,.why-me .eyebrow{color:#aaa69d}.outcome-section .section-head>p,.why-me .section-head>p{color:#aaa69d}.outcome-section h2 span,.why-me h2 span{color:#8a8984}
.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#343531;border:1px solid #343531}.outcome-grid article{background:#111;padding:36px 30px;min-height:280px}.outcome-grid article>span,.benefit-card>span{font-size:.65rem;letter-spacing:.14em;color:#aaa69d;font-weight:800}.outcome-grid h3,.benefit-card h3{font:600 1.55rem/1.05 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:50px 0 12px}.outcome-grid p,.benefit-card p{color:#b8b6ae;font-size:.9rem;margin:0}

.services{background:#e7e2d7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8c3b8}.service{padding:30px 26px 22px 0;border-bottom:1px solid #c8c3b8}.service>b{font-size:.65rem;color:#7e7a72}.service h3{font:600 1.48rem 'Space Grotesk',sans-serif;margin:24px 0 10px;letter-spacing:-.03em}.service p{color:#68655e;font-size:.88rem;margin:0}.industry-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.industry-row span{border:1px solid #c3beb2;border-radius:999px;padding:8px 12px;font-size:.62rem;letter-spacing:.12em;font-weight:800;color:#6f6b63}

.why-me{background:#111;color:#f5f2e9}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#343531;border:1px solid #343531}.benefit-card{background:#111;padding:32px 26px;min-height:292px}.benefit-card h3{margin-top:55px}

.process{background:#f7f4ed}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-step{border-top:1px solid #bcb8af;padding-top:18px}.process-step>div{font-size:.65rem;font-weight:800;letter-spacing:.12em;color:#858178}.process-step h3{font:600 1.3rem/1.08 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:38px 0 12px}.process-step p{font-size:.87rem;color:#6b6861}.process-action{margin-top:42px}

.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about>div:nth-child(2){font-size:1.08rem;color:#57554f;max-width:640px}.about>div:nth-child(2)>p:first-child{font-size:1.22rem;color:#33332f}.stats{display:flex;gap:48px;margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}.stats div{display:flex;flex-direction:column;gap:8px}.stats b{font:600 2.2rem 'Space Grotesk',sans-serif;color:#111}.stats small{font-size:.62rem;letter-spacing:.1em;color:#77746d;font-weight:800}

.faq-section{background:#e8e4da}.faq-list{max-width:900px;margin-left:auto}.faq-list details{border-top:1px solid #c5c0b6}.faq-list details:last-child{border-bottom:1px solid #c5c0b6}.faq-list summary{list-style:none;cursor:pointer;padding:22px 45px 22px 0;font:600 1.08rem 'Space Grotesk',sans-serif;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:2px;top:17px;font-size:1.55rem;font-weight:400}.faq-list details[open] summary::after{content:"−"}.faq-list details p{margin:-6px 0 24px;color:#68655e;max-width:780px}

.contact{background:#d7d1c4;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact-title p:not(.eyebrow){max-width:560px;color:#5f5c55}.offer-note,.honesty-note{max-width:560px;padding:16px 0;border-top:1px solid #bdb7aa;color:#4f4d47;font-size:.88rem}.honesty-note{border-bottom:1px solid #bdb7aa}.direct-email{display:inline-block;margin-top:20px;font-weight:800;font-size:.9rem}.direct-email:hover{opacity:.62}
form{display:grid;gap:20px;background:rgba(255,255,255,.18);border:1px solid rgba(17,18,17,.12);padding:30px;border-radius:20px}label{font-size:.74rem;font-weight:800;display:grid;gap:6px}.optional{font-weight:500;color:#817d74;margin-left:4px}input,textarea,select{width:100%;border:0;border-bottom:1px solid #99938a;background:transparent;padding:12px 0;color:#111;outline:none;border-radius:0}input:focus,textarea:focus,select:focus{border-color:#111}textarea{min-height:125px;resize:vertical}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.privacy-note,.form-message{font-size:.72rem;color:#66625b;margin:0}.privacy-note a{text-decoration:underline}.form-message{min-height:1.3em;font-weight:700}.form-message a{text-decoration:underline}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}

footer{background:#111;color:#aaa8a1;padding:34px 5.5vw;display:grid;grid-template-columns:auto 1fr auto auto;gap:26px;align-items:center;font-size:.74rem}footer .logo{color:#fff}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:#fff}.copyright{white-space:nowrap}
.mobile-contact-cta{display:none}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr .86fr;gap:5vw}.hero h1{font-size:clamp(3.1rem,6vw,5.7rem)}
  .projects{grid-template-columns:1fr 1fr}.project:last-child{grid-column:1/-1}.project:last-child .project-link{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project:last-child .project-info{align-self:end;padding-bottom:6px}
  .service-grid,.benefit-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
  footer{grid-template-columns:auto 1fr auto}.copyright{grid-column:1/-1;margin:0}
}

@media(max-width:850px){
  .nav{height:72px;padding:0 5.5vw}.menu-btn{display:block;z-index:32}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#f4f1e9;border-bottom:1px solid var(--line);padding:22px 5.5vw 28px;flex-direction:column;align-items:flex-start;gap:20px;box-shadow:0 18px 30px rgba(0,0,0,.07)}.nav nav.open{display:flex}.nav-cta{width:100%;text-align:center}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.hero-card{max-width:650px}.browser{transform:none}.hero-card::after{display:none}.audit-preview{min-height:440px}
  .section-head{display:block}.section-head>p{margin-top:24px;max-width:620px}
  .projects{grid-template-columns:1fr}.project:last-child{grid-column:auto}.project:last-child .project-link{display:block}
  .outcome-grid{grid-template-columns:1fr}.outcome-grid article{min-height:auto}.outcome-grid h3{margin-top:28px}
  .about,.contact{grid-template-columns:1fr}.contact{gap:48px}.faq-list{margin-left:0}
  .work-cta{align-items:flex-start;flex-direction:column}
  footer{grid-template-columns:1fr;align-items:flex-start}.copyright{grid-column:auto}.footer-links{flex-wrap:wrap}
}

@media(max-width:600px){
  body{padding-bottom:68px}.section{padding-left:6vw;padding-right:6vw}.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:clamp(3rem,14vw,4.4rem)}.lead{font-size:1rem}.strip{display:none}
  .actions{align-items:flex-start;flex-direction:column}.button{width:100%;justify-content:space-between}.text-link{padding:6px 0}
  .trust{display:grid;gap:8px}.audit-preview{min-height:420px;padding:30px 26px}.audit-preview h2{font-size:2.45rem;margin-top:34px}.browser-top small{font-size:.6rem}
  .section h2{font-size:clamp(2.6rem,12vw,4rem)}.project-visual{height:390px}.project-info{align-items:flex-start;flex-direction:column;gap:8px}.preview-nav span{display:none}.preview-copy{margin-top:58px}
  .service-grid,.benefit-grid,.process-grid{grid-template-columns:1fr}.service{padding-right:0}.benefit-card{min-height:auto}.benefit-card h3{margin-top:28px}
  .stats{gap:25px;justify-content:space-between}.stats b{font-size:1.7rem}.stats small{font-size:.54rem}
  form{padding:22px 18px}.contact{padding-bottom:100px}
  .mobile-contact-cta{display:flex;position:fixed;left:12px;right:12px;bottom:10px;z-index:45;background:#111;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:999px;min-height:50px;padding:0 18px;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.22)}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}