/* The approved identity and existing business components, composed around the recording decision. */
@font-face{font-family:Satoshi;src:url('/fonts/satoshi-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('/fonts/satoshi-700.woff2') format('woff2');font-weight:700;font-display:swap}
.header-action{white-space:nowrap}
.homepage-v2 .hero-layout{align-items:center;gap:56px;grid-template-columns:minmax(0,1.04fr) minmax(380px,1fr)}
.homepage-v2 .hero-copy{padding-block:12px}
.homepage-v2 .hero .display{font-size:clamp(42px,4.2vw,60px)}
.homepage-v2 .hero-secondary{font-size:14px;max-width:38ch;line-height:1.5;text-underline-offset:5px}
.hero-intake .request-context{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--canvas)}
.hero-intake .request-context p{font-size:13px;line-height:1.6;color:var(--navy);margin:0;max-width:none}
.hero-intake .context-actions{display:grid;gap:10px;margin-top:12px}
.hero-intake .request-context button{font-size:13px;min-height:44px;line-height:1.5}
.hero-intake .context-undo{display:inline-block;margin-top:8px}
.hero-intake .audio-bars{background:url('/final/visual-language/assets/signal.svg') center/contain no-repeat;width:20px;height:26px;flex:0 0 20px}
.hero-intake .audio-bars i{display:none}
.homepage-v2 .recordings{padding-top:76px;padding-bottom:44px}
.homepage-v2 .recording-introduction{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.homepage-v2 .recording-introduction .display{font-size:clamp(38px,3.7vw,52px)}
.homepage-v2 .recording-workspace .photo-group{grid-template-columns:minmax(0,1fr) 220px;gap:28px}
.homepage-v2 .need-panel{display:flex;flex-direction:column;min-height:365px}
.homepage-v2 .need-prompt{margin-bottom:18px}
.homepage-v2 .need-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.homepage-v2 .need-actions .need-add{margin-top:8px;font-size:14px;min-height:46px;padding:11px 15px;gap:12px}
.homepage-v2 .need-actions>a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;margin-top:0}
.homepage-v2 .recording-limits{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:1px solid var(--line);padding-top:28px;margin-top:36px}
.homepage-v2 .recording-limits p{font-size:15px;line-height:1.7;max-width:60ch}
.homepage-v2 .recording-limits .limit-title{font-size:17px;color:var(--navy);margin-bottom:12px}
.homepage-v2 .recording-limits p+p{margin-top:0}
.homepage-v2 .handling{padding-block:48px 72px;gap:64px}
.homepage-v2 .handling .display{font-size:clamp(36px,3.6vw,50px)}
.homepage-v2 .handling-details{padding:30px}
.homepage-v2 .reviews{padding-block:8px 72px}
.homepage-v2 .reviews .display{font-size:clamp(38px,3.8vw,52px)}
.homepage-v2 .reviews .review-card{min-height:330px}
.homepage-v2 .process-band{padding-block:64px}
.homepage-v2 .process-intro .display{font-size:clamp(38px,3.8vw,52px)}
.homepage-v2 .process-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.homepage-v2 .process-list li{display:block;padding-top:20px!important}
.homepage-v2 .process-number{display:block;font-size:14px;line-height:1;color:#a7d8ff;margin-bottom:18px;font-weight:700}
.homepage-v2 .process-list .step-title{font-size:18px!important;line-height:1.45;margin-bottom:12px}
.homepage-v2 .process-list p{font-size:15px;line-height:1.7}
.homepage-v2 .quote-row{margin-top:32px;padding-top:26px}
.homepage-v2 .process-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:30px}
.homepage-v2 .process-contact{color:white;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.site-footer{border-top:1px solid #ffffff28}
@media(min-width:901px) and (max-width:1100px){
 .homepage-v2 .hero-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}
 .homepage-v2 .hero .display{font-size:42px}
 .homepage-v2 .recording-workspace{grid-template-columns:220px minmax(0,1fr);gap:28px}
 .homepage-v2 .recording-workspace .photo-group{grid-template-columns:1fr}
 .homepage-v2 .recording-workspace .signal-photos{max-width:230px;justify-self:center}
 .homepage-v2 .recording-introduction{gap:36px}
}
@media(min-width:761px) and (max-width:900px){
 .homepage-v2 .hero-layout{grid-template-columns:1fr;gap:30px}
 .homepage-v2 .hero-copy{max-width:670px}
 .homepage-v2 .hero .display{font-size:52px}
 .homepage-v2 .hero-intake{max-width:none}
 .homepage-v2 .recording-introduction,.homepage-v2 .handling,.homepage-v2 .process-intro{display:block}
 .homepage-v2 .recording-introduction .display,.homepage-v2 .handling .display,.homepage-v2 .process-intro .display{font-size:44px;max-width:100%;margin-bottom:22px}
 .homepage-v2 .handling-details{margin-top:28px}
 .homepage-v2 .recording-workspace{grid-template-columns:220px minmax(0,1fr);gap:26px}
 .homepage-v2 .recording-workspace .photo-group{grid-template-columns:1fr}
 .homepage-v2 .recording-workspace .signal-photos{width:230px;max-width:80%;justify-self:center}
 .homepage-v2 .process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .homepage-v2 .quote-row{grid-template-columns:1fr;gap:24px}
}
@media(max-width:760px){
 .site-header{gap:12px}.identity img{width:190px}.header-action{font-size:12px;padding:10px 12px;min-height:44px}
 .homepage-v2 .hero-layout{display:grid;grid-template-columns:1fr;gap:26px;width:calc(100% - 36px)}
 .homepage-v2 .hero-copy{padding:0}
 .homepage-v2 .hero .display{font-size:clamp(31px,8.4vw,43px)}
 .homepage-v2 .hero .intro{font-size:19px}
 .homepage-v2 .hero-copy>p:not(.intro):not(.micro){font-size:16px;line-height:1.65}
 .homepage-v2 .hero .micro{font-size:13px;margin-top:16px}
 .homepage-v2 .hero-secondary{font-size:13px}
 .homepage-v2 .recordings{padding-block:48px 24px}
 .homepage-v2 .recording-introduction .display{font-size:35px}
 .homepage-v2 .recording-workspace{display:block}
 .homepage-v2 .recording-workspace .photo-group{display:block}
 .homepage-v2 .recording-workspace .need-panel{min-height:0;padding:24px}
 .homepage-v2 .need-actions{margin-top:8px}
 .homepage-v2 .recording-limits{grid-template-columns:1fr;gap:24px;margin-top:28px;padding-top:24px}
 .homepage-v2 .recording-limits p{font-size:15px}
 .homepage-v2 .handling{padding-block:24px 48px;gap:24px}
 .homepage-v2 .handling .display{font-size:35px}
 .homepage-v2 .handling-details{padding:24px}
 .homepage-v2 .reviews{padding-block:0 48px}
 .homepage-v2 .reviews .display{font-size:36px}
 .homepage-v2 .process-band{padding-block:48px}
 .homepage-v2 .process-intro .display{font-size:35px;max-width:100%}
 .homepage-v2 .process-list{grid-template-columns:1fr;gap:24px}
 .homepage-v2 .process-list li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:14px}
 .homepage-v2 .process-number{margin:7px 0 0}
 .homepage-v2 .process-list .step-title{font-size:17px!important;margin-bottom:10px}
 .homepage-v2 .process-list p{font-size:15px}
 .homepage-v2 .process-actions{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:360px){
 .identity img{width:158px}.site-header{gap:10px}.header-action{font-size:11px;padding-inline:10px}.menu-toggle{min-width:40px;width:40px}
 .homepage-v2 .hero .display{font-size:28px}
 .homepage-v2 .recording-introduction .display,.homepage-v2 .handling .display,.homepage-v2 .process-intro .display{font-size:29px}
 .homepage-v2 .recording-workspace .need-panel{padding:20px}
 .homepage-v2 .need-panel h3{font-size:21px}
 .homepage-v2 .need-actions .need-add{font-size:13px;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){.homepage-v2 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep required markers with their labels and give the compact count field a usable minimum. */
.homepage-v2 .hero .hero-intake .file-pair{grid-template-columns:minmax(104px,.7fr) minmax(0,1.3fr);align-items:start}
.homepage-v2 .hero .hero-intake .file-pair .field{white-space:nowrap}
@media(max-width:360px){.homepage-v2 .hero .hero-intake .file-pair{grid-template-columns:minmax(0,1fr);gap:14px}}

/* One quiet input system across all three review screens. */
.homepage-v2 .hero .hero-intake .field{display:block;font-size:14px;line-height:1.5;margin-bottom:8px}
.homepage-v2 .hero .hero-intake #project-helper{font-size:14px;line-height:1.55;margin:0 0 10px}
.homepage-v2 .hero .hero-intake .recording-privacy{font-size:12px;line-height:1.5;margin:0 0 18px}
.homepage-v2 .hero .hero-intake textarea{min-height:128px;height:128px;padding:14px;font:400 16px/1.5 var(--font-body);resize:vertical}
.homepage-v2 .hero .hero-intake input,.homepage-v2 .hero .hero-intake select{font-size:16px;min-height:48px}
.homepage-v2 .hero .hero-intake :is(input,textarea,select):focus-visible{outline:2px solid var(--action-blue,#0062cf);outline-offset:2px;box-shadow:none}
.homepage-v2 .hero .hero-intake [aria-invalid="true"]{border-color:var(--error)}
.homepage-v2 .hero .hero-intake [aria-invalid="true"]:focus-visible{outline-color:var(--error)}
.homepage-v2 .hero .hero-intake .crm-field-error{font-size:13px;line-height:1.5;margin:10px 0 0}
.homepage-v2 .hero .hero-intake .form-actions{display:flex;align-items:center;gap:12px;margin-top:20px}
.homepage-v2 .hero .hero-intake .form-actions .back{min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--navy)}
.homepage-v2 .hero .hero-intake .form-actions .btn{min-height:48px;font-size:15px;line-height:1.4;transform:none;animation:none}
.homepage-v2 .hero .hero-intake .form-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:360px){.homepage-v2 .hero .hero-intake .form-cols{grid-template-columns:1fr;gap:0}}

@media(max-width:360px){.homepage-v2 .hero .hero-intake .form-actions .btn{font-size:14px;padding-inline:12px}.homepage-v2 .hero .hero-intake .form-actions .action-arrow{display:none}}

/* Keep the sensitive-file route compact, with an arrow attached to its label. */
.homepage-v2 .hero .hero-secondary{display:inline-flex;align-items:center;gap:8px;max-width:100%;text-decoration:none}
.homepage-v2 .hero .hero-secondary .hero-link-label{text-decoration:underline;text-underline-offset:4px}
.homepage-v2 .hero .hero-secondary>span:last-child{flex:none}

/* Recognizable audiences and three concise, confirmed service benefits. */
.homepage-v2 .hero .hero-served{font-size:16px;line-height:1.6;margin:0 0 20px;max-width:43ch}
.homepage-v2 .hero-benefits{list-style:none;display:grid;gap:12px;padding:0;margin:0;color:white;font-size:15px;line-height:1.5}
.homepage-v2 .hero-benefits li{display:flex;align-items:baseline;gap:12px}
.homepage-v2 .hero-benefits li::before{content:"";display:block;align-self:center;width:15px;height:19px;flex:none;background:#62B5FF;mask:url('/final/visual-language/assets/signal.svg') center/contain no-repeat}
.homepage-v2 .hero-copy .hero-actions{margin-top:20px}
@media(max-width:360px){.homepage-v2 .hero-benefits{font-size:14px;gap:10px}.homepage-v2 .hero .hero-served{font-size:15px}}