@keyframes akFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
html{scroll-behavior:smooth}
body{margin:0;background:#F2EEE6;-webkit-font-smoothing:antialiased;font-family:'Hanken Grotesk',sans-serif;color:#17140F}
a{color:inherit;text-decoration:none}
a:hover{color:#6A211D}
::selection{background:#6A211D;color:#F2EEE6}
input,select,button{font:inherit}
:focus-visible{outline:2px solid #6A211D;outline-offset:3px}
input::placeholder{color:rgba(23,20,15,.38)}
select option{color:#17140F}
img{max-width:100%;display:block}
button{font-family:inherit}
[hidden]{display:none !important}

.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(24px,5.6vw,72px);box-sizing:border-box}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#6A211D}
.eyebrow.muted{font-size:12px;letter-spacing:.16em;color:#6B6458}
.eyebrow.accent{font-size:12px;letter-spacing:.16em;color:#6A211D}
.eyebrow.light{font-size:13px;letter-spacing:.14em;color:#B5AC9C}
.ink-accent{color:#6A211D}
.light-accent{color:#D98B7C}
.section-title{margin:0;font-family:'Libre Caslon Display',serif;font-weight:400;font-size:clamp(52px,6.4vw,92px);line-height:.95;letter-spacing:-.025em}
.section-title.center{text-align:center}

/* Header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(242,238,230,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #D8D1C4}
.header-row{padding-top:22px;padding-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo-link{display:flex}
.logo-img{height:19px}
.main-nav{display:flex;gap:clamp(18px,3vw,40px);font-size:15px;color:#4A443B;flex-wrap:wrap}
.main-nav a{text-decoration:none}
.book-call-link{font-size:15px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:3px}

/* Hero */
.hero-section{overflow:hidden;border-bottom:1px solid #D8D1C4}
.hero-wrap{padding-top:64px;padding-bottom:48px;min-height:calc(100vh - 72px);box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:40px}
.hero-copy{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:44px}
.hero-title{margin:0;font-family:'Libre Caslon Display',serif;font-weight:400;font-size:clamp(88px,15vw,210px);line-height:.86;letter-spacing:-.035em}
.hero-sub-block{display:flex;flex-direction:column;align-items:flex-start;gap:32px;max-width:520px;border-left:1px solid #6A211D;padding-left:28px}
.hero-sub{margin:0;font-size:20px;line-height:1.5;color:#3A352D;text-align:justify;hyphens:auto}
.btn-primary{text-decoration:none;background:#17140F;color:#F2EEE6;padding:20px 28px;font-size:16px;font-weight:500;display:flex;gap:14px;align-items:center;border:0;cursor:pointer;transition:background .2s}
.btn-primary:hover{background:#6A211D;color:#F2EEE6}

.hero-visual{flex:0 0 380px;position:relative;min-height:600px;margin-left:auto}
.phone-scaler{position:absolute;left:-20px;bottom:-10px;width:460px;height:642px}
.phone-stage{position:relative;width:100%;height:100%}
.phone-img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 30px 40px rgba(40,25,10,.18))}
.story-screen{position:absolute;left:62.7px;top:11.1px;width:223.7px;height:477.4px;border-radius:30px;overflow:hidden;background:#2A2420 url(assets/creative-mock.png) center/cover no-repeat;color:#F6F1E8;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Hanken Grotesk',sans-serif}
.story-top-fade{position:absolute;inset:0 0 auto 0;height:120px;background:linear-gradient(rgba(10,8,6,.55),rgba(10,8,6,0))}
.story-bottom-fade{position:absolute;inset:auto 0 0 0;height:110px;background:linear-gradient(rgba(10,8,6,0),rgba(10,8,6,.6))}
.story-notch{position:absolute;left:50%;top:9px;width:70px;height:20px;margin-left:-35px;border-radius:12px;background:#050505}
.story-ui{position:relative;display:flex;flex-direction:column;gap:9px;padding:0 8px}
.story-status-row{display:flex;justify-content:space-between;align-items:center;height:38px;padding:0 14px 0 18px;font-size:11.5px;font-weight:600;color:#fff}
.status-icons{display:flex;gap:4px;align-items:center}
.story-progress-row{display:flex;gap:3px}
.story-progress-bar{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.story-progress-bar.done{background:rgba(255,255,255,.9)}
.story-progress-fill{height:2px;background:#fff;width:0%}
.story-progress-fill.run{width:100%;transition:width 2.8s linear}
.story-account-row{display:flex;align-items:center;gap:7px;padding:0 2px}
.story-avatar{width:26px;height:26px;border-radius:50%;background:#F2EEE6;display:flex;align-items:center;justify-content:center;flex:none}
.story-avatar img{height:12px}
.story-account-text{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}
.story-account-name{font-size:11.5px;font-weight:600;color:#fff}
.story-account-sponsored{font-size:10px;color:rgba(255,255,255,.85)}
.story-dots{font-size:15px;color:#fff;letter-spacing:1px;line-height:1}
.story-cta-row{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 0 18px 0;color:#fff}
.story-cta-pill{background:#fff;color:#17140F;border-radius:20px;padding:7px 16px;font-size:11.5px;font-weight:600}

.lead-notif{position:absolute;left:-115px;top:67px;width:252px;background:rgba(250,248,244,.97);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:0.5px solid rgba(255,255,255,.7);border-radius:18px;padding:10px 12px;display:flex;gap:10px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Hanken Grotesk',sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.06),0 14px 34px -12px rgba(40,25,10,.32);transform:translateY(-14px) scale(.96);opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .5s}
.lead-notif.on{transform:translateY(0) scale(1);opacity:1}
.lead-notif-icon{width:32px;height:32px;border-radius:8px;background:#17140F;flex:none;display:flex;align-items:center;justify-content:center}
.lead-notif-icon img{height:15px}
.lead-notif-icon img.invert{filter:invert(1)}
.lead-notif-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.lead-notif-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.lead-notif-title{font-size:12.5px;font-weight:600;color:#17140F}
.lead-notif-time{font-size:11px;color:#8A8274}
.lead-notif-text{font-size:12px;line-height:1.3;color:#3A352D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Problem */
.problem-section{border-bottom:1px solid #D8D1C4}
.problem-wrap{padding:clamp(80px,10vw,140px) clamp(24px,5.6vw,72px);display:flex;flex-direction:column;align-items:center;gap:80px}
.problem-grid{position:relative;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:56px 40px}
.problem-connector{position:absolute;left:16.66%;right:16.66%;top:38px;border-top:1px dashed #8F846F}
.problem-chevron{position:absolute;top:32px;background:#F2EEE6;padding:0 6px;box-sizing:content-box}
.chevron-1{left:calc(33.33% - 5px)}
.chevron-2{left:calc(66.66% - 5px)}
.problem-col{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
.problem-icon{position:relative;z-index:1;width:76px;height:76px;border-radius:50%;background:#F2EEE6;border:1px solid #17140F;display:flex;align-items:center;justify-content:center;flex:none}
.problem-text{display:flex;flex-direction:column;gap:12px;max-width:300px}
.problem-phrase{margin:0;font-family:'Libre Caslon Display',serif;font-size:clamp(24px,2.3vw,30px);line-height:1.2;text-wrap:balance}
.better-way-link{display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;color:#6A211D}
.better-way-link span{font-family:'Libre Caslon Display',serif;font-size:clamp(24px,2.4vw,32px)}

/* How it works */
.how-section{border-bottom:1px solid #D8D1C4;scroll-margin-top:70px}
.how-wrap{padding:clamp(80px,10vw,140px) clamp(24px,5.6vw,72px);display:flex;flex-direction:column;gap:64px}
.how-scroll{overflow-x:auto;margin:0 -8px;padding:0 8px}
.how-inner{min-width:860px;display:flex;flex-direction:column}
.how-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding-right:11%}
.how-stat{display:flex;flex-direction:column;gap:8px;padding:0 20px 22px;border-left:1px solid rgba(23,20,15,.25)}
.how-stat-accent{border-left:1px solid #6A211D}
.how-stat-num{font-family:'Libre Caslon Display',serif;font-size:clamp(40px,4.6vw,64px);line-height:.95;letter-spacing:-.02em;color:#17140F}
.how-stat-num.accent{color:#6A211D}
.how-stat-label{font-size:15px;color:#6B6458}
.funnel-box{position:relative;height:320px}
.funnel-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.funnel-business{position:absolute;right:0;top:0;bottom:0;width:11%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none}
.funnel-business-icon{width:84px;height:84px;border-radius:50%;background:#17140F;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 36px -16px rgba(23,20,15,.5);margin-top:34px}
.funnel-business-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#17140F;white-space:nowrap}
.how-steps-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding-right:11%;padding-top:36px;border-top:1px solid #D8D1C4}
.how-step{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:22px;align-content:start;padding-left:20px}
.how-step-icon-row{display:flex;align-items:center}
.how-step-icon{width:56px;height:56px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:#F2EEE6;border:1px solid #17140F}
.how-step-icon.filled{background:#6A211D;border:1px solid #6A211D}
.how-step-dash{flex:1;height:1px;border-top:1px dashed #8F846F;margin:0 4px 0 16px}
.how-step-chevron{flex:none;margin-right:20px}
.how-step-title{margin:0;font-family:'Libre Caslon Display',serif;font-weight:400;font-size:clamp(28px,2.6vw,34px);line-height:1.05}
.how-step-title.accent{color:#6A211D}
.how-step-bullets{display:flex;flex-direction:column;gap:12px;padding-right:24px}
.how-step-bullet{display:flex;gap:12px;align-items:baseline;font-size:16px;line-height:1.4;color:#3A352D}
.bullet-dash{width:12px;height:1px;background:#6A211D;flex:none;transform:translateY(-4px)}
.how-step-create{display:flex;flex-direction:column;gap:10px;align-self:start;padding-right:24px}
.how-step-create-list{font-size:15px;line-height:1.5;color:#6B6458}
.slash{color:#B5AC9C;padding:0 8px}

/* Portfolio */
.portfolio-section{border-bottom:1px solid #D8D1C4;scroll-margin-top:70px;overflow:hidden}
.portfolio-wrap{padding:clamp(80px,10vw,140px) clamp(24px,5.6vw,72px) clamp(64px,8vw,110px);display:flex;flex-direction:column;gap:56px}
.portfolio-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
.gal-nav{display:flex;gap:12px}
.gal-nav-btn{width:52px;height:52px;border-radius:50%;border:1px solid #17140F;background:transparent;color:#17140F;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,color .25s}
.gal-nav-btn:hover{background:#17140F;color:#F2EEE6}
.gal-track{display:flex;gap:clamp(20px,2.4vw,36px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:12px 0 40px;margin:-12px 0 -40px}
.gal-track::-webkit-scrollbar{display:none}
.gal-item{flex:none;scroll-snap-align:start;opacity:0;transform:translateY(60px)}
.gal-track.is-visible .gal-item{opacity:1;transform:translateY(0)}
.gal-float{animation-name:akFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:flex;flex-direction:column;gap:14px}
.gal-media{position:relative;width:clamp(220px,22vw,280px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#E6DFD2;box-shadow:0 1px 2px rgba(40,25,10,.06),0 30px 50px -28px rgba(40,25,10,.45);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.gal-media:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 1px 2px rgba(40,25,10,.06),0 40px 60px -26px rgba(40,25,10,.55)}
.gal-img,.gal-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sound-btn{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(23,20,15,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#F2EEE6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.sound-btn:hover{background:rgba(23,20,15,.8)}
.gal-caption{display:flex;justify-content:space-between;align-items:center;padding:0 4px}
.gal-caption-title{font-family:'Libre Caslon Display',serif;font-size:22px}
.gal-spacer{flex:none;width:1px}

/* Timeline */
.timeline-section{border-bottom:1px solid #D8D1C4;scroll-margin-top:70px}
.timeline-wrap{padding:clamp(80px,10vw,140px) clamp(24px,5.6vw,72px);display:flex;flex-direction:column;gap:56px}
.timeline-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 64px}
.timeline-title{font-size:clamp(48px,6vw,84px);line-height:.98;max-width:820px}
.timeline-legend{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#3A352D;padding-bottom:8px}
.legend-row{display:flex;align-items:center;gap:12px}
.legend-swatch{width:28px;height:2px;display:inline-block}
.legend-swatch.solid{background:#6A211D}
.legend-swatch.dashed{height:0;border-top:1.5px dashed #17140F}
.timeline-scroll{overflow-x:auto;margin:0 -8px;padding:0 8px}
.timeline-inner{min-width:820px;display:flex;flex-direction:column}
.timeline-chart{position:relative;height:340px;border-bottom:1px solid #17140F}
.timeline-phases{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 2fr}
.phase-1{border-left:1px solid #17140F;background:repeating-linear-gradient(135deg,rgba(23,20,15,.045) 0 1px,transparent 1px 9px);position:relative}
.phase-1 .phase-label{position:absolute;left:16px;top:16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#6B6458}
.phase-2{border-left:1px solid rgba(23,20,15,.25)}
.phase-3{border-left:1px solid #6A211D;background:linear-gradient(90deg,rgba(106,33,29,.05),rgba(106,33,29,.09))}
.phase-card{position:absolute;left:16px;top:45%;display:flex;flex-direction:column;gap:12px;padding:12px 16px 14px 12px;background:rgba(242,238,230,.92);border:1px solid #D8D1C4;border-radius:12px;box-shadow:0 10px 24px -14px rgba(40,25,10,.25)}
.phase-pill{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:#2F4A3A;color:#F2EEE6;font-size:12px;font-weight:500;white-space:nowrap}
.phase-pill-icon{width:22px;height:22px;border-radius:50%;background:#F2EEE6;display:flex;align-items:center;justify-content:center}
.phase-pill-icon img{height:11px}
.phase-checks{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#3A352D}
.phase-check{display:flex;align-items:center;gap:8px}
.timeline-gridline{position:absolute;left:0;right:0;border-top:1px solid rgba(23,20,15,.07)}
.timeline-svg{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(-10px 100% -10px 0);transition:clip-path 2.2s cubic-bezier(.45,.05,.25,1)}
.timeline-svg.on{clip-path:inset(-10px 0% -10px 0)}
.timeline-dot{position:absolute;width:11px;height:11px;margin:-6px 0 0 -6px;border-radius:50%;background:#F2EEE6;border:1.5px solid #6A211D}
.timeline-dot-final{position:absolute;right:0;width:15px;height:15px;margin:-8px -8px 0 0;border-radius:50%;background:#6A211D;box-shadow:0 0 0 6px rgba(106,33,29,.14)}
.timeline-final-label{position:absolute;right:20px;font-family:'Libre Caslon Display',serif;font-size:22px;color:#6A211D;white-space:nowrap}
.timeline-months{display:grid;grid-template-columns:1fr 1fr 2fr}
.month-col{display:flex;flex-direction:column;gap:10px;padding:28px 24px 0 20px;border-left:1px solid rgba(23,20,15,.25)}
.month-col:first-child{border-left:1px solid #17140F}
.month-col:last-child{border-left:1px solid #6A211D}
.month-title{font-family:'Libre Caslon Display',serif;font-size:clamp(28px,2.6vw,34px);line-height:1}
.month-title.accent{color:#6A211D}
.month-desc{font-size:16px;line-height:1.5;color:#3A352D;text-wrap:pretty}
.timeline-note{position:relative;align-self:flex-end;max-width:560px;margin-top:-20px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px 22px 16px 16px;background:#FFFDF9;border-radius:16px;box-shadow:0 1px 2px rgba(40,25,10,.08),0 18px 36px -18px rgba(40,25,10,.3)}
.timeline-note-tail{position:absolute;right:44px;top:-6px;width:12px;height:12px;background:#FFFDF9;transform:rotate(45deg);border-radius:2px}
.timeline-note-i{width:26px;height:26px;border-radius:50%;background:#6A211D;color:#F2EEE6;display:flex;align-items:center;justify-content:center;font-family:'Libre Caslon Display',serif;font-style:italic;font-size:15px;line-height:1}
.timeline-note-text{margin:3px 0 0;font-size:16px;line-height:1.5;color:#3A352D;text-wrap:pretty}

/* FAQ */
.faq-section{scroll-margin-top:70px}
.faq-wrap{padding:clamp(80px,10vw,140px) clamp(24px,5.6vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px 80px;align-items:start}
.faq-list{display:flex;flex-direction:column;border-top:1px solid #17140F}
.faq-item{border-bottom:1px solid #D8D1C4}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;background:none;border:0;cursor:pointer;text-align:left;color:#17140F}
.faq-q:hover{color:#6A211D}
.faq-q-text{font-family:'Libre Caslon Display',serif;font-size:clamp(22px,2vw,27px);line-height:1.2}
.faq-icon{position:relative;width:16px;height:16px;flex:none}
.faq-icon-h{position:absolute;left:0;top:7.5px;width:16px;height:1px;background:currentColor}
.faq-icon-v{position:absolute;left:7.5px;top:0;width:1px;height:16px;background:currentColor;transition:transform .25s}
.faq-a{margin:0;padding:0 48px 28px 0;font-size:17px;line-height:1.55;color:#3A352D;text-wrap:pretty}

/* Final CTA */
.book-section{background:#17140F;color:#F2EEE6;scroll-margin-top:70px}
.book-wrap{padding:clamp(80px,10vw,140px) clamp(24px,5.6vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px 96px;align-items:start}
.book-copy{display:flex;flex-direction:column;gap:28px}
.book-title{font-size:clamp(52px,6.4vw,92px)}
.book-sub{margin:0;font-size:20px;line-height:1.5;color:#D8D1C4;max-width:460px;text-wrap:pretty}
.book-form{display:flex;flex-direction:column;gap:26px}
.book-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:26px 28px}
.book-field{display:flex;flex-direction:column;gap:8px;font-size:13px;letter-spacing:.06em;color:#B5AC9C}
.book-field input,.book-field select{background:transparent;border:0;border-bottom:1px solid rgba(242,238,230,.3);padding:8px 0;font-size:17px;color:#F2EEE6;outline-offset:4px}
.book-field select{appearance:auto}
.range-block{display:flex;flex-direction:column;gap:12px}
.range-label{font-size:13px;letter-spacing:.06em;color:#B5AC9C}
.range-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));border:1px solid rgba(242,238,230,.3)}
.range-btn{padding:14px 10px;border:0;border-right:1px solid rgba(242,238,230,.18);background:transparent;color:#F2EEE6;font-size:15px;cursor:pointer;transition:background .2s}
.range-btn:hover{background:rgba(242,238,230,.1)}
.range-btn.selected{background:#F2EEE6;color:#17140F}
.range-error{font-size:13px;color:#D98B7C}
.consent-row{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;font-size:13px;line-height:1.5;color:#B5AC9C;cursor:pointer}
.consent-row input{width:16px;height:16px;margin:2px 0 0;accent-color:#6A211D}
.btn-submit{background:#F2EEE6;color:#17140F;border:0;padding:20px 30px;font-size:16px;font-weight:500;cursor:pointer;display:flex;gap:14px;align-items:center;transition:background .2s}
.btn-submit:hover{background:#D98B7C}
.book-thanks{display:flex;flex-direction:column;gap:18px}
.book-thanks-title{font-family:'Libre Caslon Display',serif;font-size:30px}
.calendly-placeholder{min-height:520px;border:1px dashed rgba(242,238,230,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px}
.calendly-sub{font-size:16px;color:#D8D1C4}
.edit-details-btn{align-self:flex-start;background:none;border:0;color:#B5AC9C;font-size:14px;cursor:pointer;padding:0;border-bottom:1px solid currentColor;transition:color .2s}
.edit-details-btn:hover{color:#F2EEE6}

/* Footer */
.site-footer{background:#17140F;color:#B5AC9C;border-top:1px solid rgba(242,238,230,.14)}
.footer-row{padding:36px clamp(24px,5.6vw,72px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;font-size:14px}
.footer-logo{height:16px;opacity:.9}
.footer-logo.invert{filter:invert(1)}
.footer-email{color:#F2EEE6;transition:color .2s}
.footer-email:hover{color:#D98B7C}
.footer-links{display:flex;gap:28px}
.footer-link{transition:color .2s}
.footer-link:hover{color:#F2EEE6}

/* ===== Mobile layout (<768px) ===== */
/* Base: hide mobile-only elements by default (desktop-first source order) */
.header-mobile-row,.mobile-menu-panel,.hero-mobile,.how-mobile,.gal-dots,.timeline-mobile,.problem-connector-vertical{display:none}

.eyebrow.small{font-size:11px;letter-spacing:.16em}

/* Portfolio progress dots (built for mobile, harmless if unused on desktop) */
.gal-dot{height:2px;flex:1;background:#D8D1C4;transition:background .3s}
.gal-dot.active{background:#6A211D}

@media (max-width: 767px) {
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}

  /* Header */
  .header-desktop-row{display:none}
  .header-mobile-row{display:flex;align-items:center;justify-content:space-between;padding:10px 24px 10px 14px}
  .header-mobile-left{display:flex;align-items:center;gap:6px}
  .burger-btn{width:44px;height:44px;border:0;background:transparent;color:#17140F;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}
  .burger-btn:hover{color:#6A211D}
  .mobile-logo-link{display:flex}
  .mobile-logo-img{height:16px}
  .book-call-btn-mobile{text-decoration:none;font-size:14px;font-weight:500;background:#17140F;color:#F2EEE6;padding:10px 16px;transition:background .2s}
  .book-call-btn-mobile:hover{background:#6A211D;color:#F2EEE6}
  .mobile-menu-panel.open{display:flex;position:absolute;left:0;right:0;top:100%;background:#F2EEE6;border-bottom:1px solid #D8D1C4;box-shadow:0 24px 40px -24px rgba(40,25,10,.35);padding:8px 24px 24px;flex-direction:column;z-index:25}
  .mobile-menu-link{text-decoration:none;display:flex;justify-content:space-between;align-items:center;min-height:56px;border-bottom:1px solid #D8D1C4;font-family:'Libre Caslon Display',serif;font-size:26px;color:#17140F;transition:color .2s}
  .mobile-menu-link:hover{color:#6A211D}
  .mobile-menu-link span{font-family:'Hanken Grotesk',sans-serif;font-size:16px;color:#6A211D}

  /* Hero */
  .hero-desktop{display:none}
  .hero-mobile{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:720px}
  .hero-mobile-bg{position:absolute;right:-150px;bottom:-30px;width:460px;height:642px;opacity:.32;pointer-events:none}
  .hero-mobile-phone-img{position:absolute;inset:0;width:100%;height:100%}
  .hero-mobile-screen{position:absolute;left:62.7px;top:11.1px;width:223.7px;height:477.4px;border-radius:30px;overflow:hidden;background:#2A2420 url(assets/creative-mock.png) center/cover no-repeat}
  .hero-mobile-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#F2EEE6 0%,rgba(242,238,230,.85) 38%,rgba(242,238,230,.35) 70%,rgba(242,238,230,.75) 100%);pointer-events:none}
  .hero-mobile-content{position:relative;flex:1;padding:48px 24px 32px;display:flex;flex-direction:column;gap:32px;box-sizing:border-box}
  .hero-mobile-title{margin:0;font-family:'Libre Caslon Display',serif;font-weight:400;font-size:88px;line-height:.86;letter-spacing:-.035em}
  .hero-mobile-sub-block{display:flex;flex-direction:column;gap:24px;border-left:1px solid #6A211D;padding-left:18px}
  .hero-mobile-sub{margin:0;font-size:18px;line-height:1.5;color:#3A352D}
  .hero-mobile-cta{justify-content:space-between;padding:18px 22px}

  /* Sound familiar */
  .problem-wrap{padding:72px 24px;gap:44px}
  .problem-grid{display:flex;flex-direction:column;gap:36px;position:relative}
  .problem-connector,.problem-chevron{display:none}
  .problem-connector-vertical{display:block;position:absolute;left:28px;top:28px;bottom:28px;border-left:1px dashed #8F846F}
  .problem-col{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;text-align:left}
  .problem-icon{width:56px;height:56px}
  .problem-icon svg{width:22px;height:22px}
  .problem-text{padding-top:4px;max-width:none;gap:8px}
  .problem-phrase{font-size:23px;line-height:1.22}
  .better-way-link{flex-direction:row;align-items:center;gap:14px}
  .better-way-link span{font-size:26px}
  .better-way-link svg{width:12px;height:28px}

  /* How it works */
  .how-wrap{padding:72px 24px;gap:40px}
  .how-desktop{display:none}
  .how-mobile{display:flex;flex-direction:column;gap:40px}
  .how-mobile-funnel{position:relative;height:440px}
  .funnel-canvas-mobile{position:absolute;inset:0;width:100%;height:100%;display:block}
  .how-mobile-stat{position:absolute;left:0;width:44%;display:flex;flex-direction:column;justify-content:center;gap:4px}
  .how-mobile-stat .how-stat-num{font-size:40px;line-height:1}
  .how-mobile-stat .how-stat-label{font-size:14px}
  .how-mobile-stat-1{top:0;height:28%}
  .how-mobile-stat-2{top:28%;height:28%}
  .how-mobile-stat-3{top:56%;height:28%}
  .how-mobile-business{position:absolute;left:72%;bottom:0;margin-left:-28px;pointer-events:none}
  .funnel-business-icon.small{width:56px;height:56px}
  .funnel-business-icon.small svg{width:24px;height:24px}
  .how-mobile-business-label{position:absolute;left:0;bottom:18px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#17140F}
  .how-mobile-steps{position:relative;display:flex;flex-direction:column;gap:40px;padding-top:8px}
  .how-mobile-steps::before{content:"";position:absolute;left:24px;top:56px;bottom:120px;border-left:1px dashed #8F846F}
  .how-mobile-step{position:relative;display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start}
  .how-step-icon.small{width:48px;height:48px}
  .how-step-icon.small svg{width:20px;height:20px}
  .how-mobile-step-body{display:flex;flex-direction:column;gap:14px;padding-top:6px}
  .how-mobile-step .how-step-bullets{gap:9px}
  .how-mobile-step .how-step-create{gap:6px}

  /* Portfolio */
  .portfolio-wrap{padding:72px 0 56px;gap:32px}
  .portfolio-head{padding:0 24px}
  .portfolio-wrap .section-title{font-size:46px}
  .gal-nav-btn{width:44px;height:44px}
  .gal-track{gap:16px;padding:8px 24px 28px;scroll-padding-left:24px}
  .gal-item{padding-top:0 !important;opacity:1;transform:none}
  .gal-float{animation:none}
  .gal-media{width:224px;border-radius:20px;box-shadow:0 1px 2px rgba(40,25,10,.06),0 24px 40px -24px rgba(40,25,10,.45)}
  .gal-media:hover{transform:none;box-shadow:0 1px 2px rgba(40,25,10,.06),0 24px 40px -24px rgba(40,25,10,.45)}
  .gal-caption-title{font-size:20px}
  .gal-dots{display:flex;gap:6px;padding:0 24px}

  /* Timeline */
  .timeline-wrap{padding:72px 24px;gap:32px}
  .timeline-title{font-size:44px;max-width:none}
  .timeline-head{gap:16px}
  .timeline-legend{flex-direction:row;gap:22px;padding-bottom:0;font-size:13px}
  .legend-swatch{width:24px}
  .timeline-desktop{display:none}
  .timeline-mobile{display:block}
  .timeline-mobile-chart{position:relative;height:230px;border-bottom:1px solid #17140F}
  .timeline-phases-mobile{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 2fr}
  .phase-m-1{border-left:1px solid #17140F;background:repeating-linear-gradient(135deg,rgba(23,20,15,.045) 0 1px,transparent 1px 9px)}
  .phase-m-2{border-left:1px solid rgba(23,20,15,.25)}
  .phase-m-3{border-left:1px solid #6A211D;background:linear-gradient(90deg,rgba(106,33,29,.05),rgba(106,33,29,.09))}
  .timeline-gridline-mobile{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(23,20,15,.07)}
  .timeline-mobile-chart .timeline-svg{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(-10px 100% -10px 0);transition:clip-path 2.2s cubic-bezier(.45,.05,.25,1)}
  .timeline-mobile-chart .timeline-svg.on{clip-path:inset(-10px 0% -10px 0)}
  .timeline-mobile-chart .timeline-dot-final{right:0}
  .timeline-final-label-mobile{position:absolute;right:12px;top:calc(46 / 340 * 100% + 14px);font-family:'Libre Caslon Display',serif;font-size:17px;color:#6A211D;white-space:nowrap}
  .timeline-months-mobile{display:flex;flex-direction:column}
  .month-row{display:grid;gap:6px;padding:18px 0 18px 16px;border-left:1px solid #17140F}
  .month-row-2{border-left:1px solid rgba(23,20,15,.25)}
  .month-row-3{border-left:1px solid #6A211D}
  .month-title-mobile{font-family:'Libre Caslon Display',serif;font-size:26px;line-height:1}
  .month-title-mobile.accent{color:#6A211D}
  .akila-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:rgba(242,238,230,.92);border:1px solid #D8D1C4;border-radius:12px;margin-top:24px}
  .akila-card .phase-pill{white-space:normal}
  .phase-checks.wrap-checks{flex-direction:row;flex-wrap:wrap;gap:8px 16px;font-size:14px}
  .timeline-note-mobile{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;padding:14px 16px;background:#FFFDF9;border-radius:14px;box-shadow:0 1px 2px rgba(40,25,10,.08),0 14px 30px -18px rgba(40,25,10,.3);margin-top:16px}
  .timeline-note-mobile .timeline-note-text{font-size:15px;margin:3px 0 0}

  /* FAQ */
  .faq-wrap{padding:72px 24px}
  .faq-q{padding:20px 0;gap:18px}
  .faq-q-text{font-size:21px}
  .faq-icon{width:14px;height:14px}
  .faq-icon-h{width:14px;top:6.5px}
  .faq-icon-v{left:6.5px;height:14px}
  .faq-a{padding:0 24px 22px 0;font-size:16px}

  /* Final CTA */
  .book-wrap{padding:72px 24px;gap:40px}
  .book-title{font-size:46px}
  .book-sub{font-size:17px}
  .book-form{gap:22px}
  .book-fields{grid-template-columns:1fr;gap:22px}
  .book-field input,.book-field select{padding:10px 0}
  .range-group{grid-template-columns:1fr 1fr;gap:10px;border:0}
  .range-btn{min-height:52px;border:1px solid rgba(242,238,230,.3);border-radius:0}
  .range-btn.selected{border-color:#F2EEE6}
  .btn-submit{padding:18px 22px;justify-content:space-between}

  /* Footer */
  .footer-row{flex-direction:column;align-items:flex-start;gap:18px;padding:32px 24px 40px}
  .footer-logo{height:15px}
}

@media (prefers-reduced-motion: reduce) {
  .gal-float{animation:none !important}
}
.header-right{display:flex;align-items:center;gap:22px}
.lang-switch{display:inline-flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.08em}
.lang-opt{text-decoration:none;color:#8A8274}
.lang-opt.on{color:#17140F;font-weight:600}
.lang-opt:hover{color:#6A211D}
.lang-sep{color:#B8B0A2}
.mobile-lang{padding:18px 24px;font-size:14px}