:root{
  --red:#b43122; --ink:#30231d; --night:#30231d; --paper:#f8f4eb; --gray:#61534b;
  --rule:#d8cdbc; --lime:#f0ad7b; --blush:#f1dccb; --serif:Newsreader,Georgia,serif;
}
html{background:var(--paper)}
::selection{background:#f6b998;color:#30231d}
:focus-visible{outline-color:var(--red)}
.shell{width:min(1340px,calc(100% - clamp(48px,9vw,160px)))}
.mast,footer{background:var(--paper);color:var(--ink)}
.mast-inner{height:77px;border-bottom:1px solid var(--rule)}
.wordmark{font-weight:800;letter-spacing:-1.8px}
.wordmark img{width:31px;height:31px}
.mast nav{color:var(--ink);gap:30px}
.mast nav a:hover,.story-link:hover,.demo-link:hover{color:var(--red)}
.pill.top-cta,.press-button,.primary{
  color:#fff9f2;background:var(--ink);border:1px solid var(--ink);border-radius:6px;
  font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:20px;
}
.pill.top-cta{padding:11px 17px}
.press-button,.primary{padding:14px 19px;font-size:14px}
.press-button span,.primary span{font:19px Arial}
.pill.top-cta:hover,.press-button:hover,.primary:hover{background:var(--red);border-color:var(--red);color:white}
.intro{overflow:hidden}
.phone-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:clamp(483px,41vw,680px)}
.pitch{position:relative;z-index:2;padding:43px 0 49px}
.kicker{display:flex;align-items:center;gap:9px;font:700 11px/1.4 Manrope,Arial,sans-serif;letter-spacing:.055em;color:var(--red);text-transform:uppercase}
.kicker span,.call-state span{height:7px;width:7px;background:var(--red);border-radius:50%;display:inline-block;flex:none}
.pitch h1{margin:26px 0 18px;font:500 clamp(70px,7.7vw,125px)/.96 Georgia,'Times New Roman',serif;letter-spacing:-.082em}
.pitch h1 em{font:italic 450 .99em/.95 var(--serif);color:var(--red);letter-spacing:-.065em;white-space:nowrap}
.pitch-copy{max-width:450px;font-size:clamp(15px,1.35vw,20px);line-height:1.58;color:var(--gray)}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:25px}
.launch-note{max-width:440px;margin:16px 0 0;padding-left:12px;border-left:2px solid var(--red);color:var(--gray);font-size:12px;line-height:1.5}
.launch-note strong{display:block;color:var(--ink);font-size:14px;font-weight:650}
.launch-note a{text-decoration:underline;text-underline-offset:2px}
.story-link,.call-action{display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:650}
.story-link{border-bottom:1px solid #ab8a79;padding-bottom:3px}
.story-link span{color:var(--red);font:15px Arial}
.call-scene{height:100%;min-height:470px;position:relative;isolation:isolate}
.dial-rings{position:absolute;inset:5% -12% 12% 8%;display:grid;place-items:center;pointer-events:none}
.dial-rings i{grid-area:1/1;width:87%;aspect-ratio:1;border:1px solid #c894722b;border-radius:50%}
.dial-rings i:nth-child(2){width:69%}.dial-rings i:nth-child(3){width:51%}
.receiver{position:absolute;inset:-5% -11% 0 -6%;width:117%;height:99%;border:0;background:transparent;padding:0;cursor:pointer;z-index:1;display:grid;place-items:center;transition:transform .55s cubic-bezier(.2,.8,.25,1)}
.receiver img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(3px 23px 12px #70371c22);animation:float 6s ease-in-out infinite;transform-origin:56% 53%}
.receiver:hover{transform:translateY(-5px) rotate(-2deg)}
.receiver:focus-visible{outline-offset:-16px;border-radius:12%}
.call-caption{position:absolute;left:4%;bottom:4%;width:min(340px,89%);z-index:3;padding:13px 17px 13px;border-left:2px solid var(--red);background:linear-gradient(90deg,var(--paper) 76%,transparent);pointer-events:none}
.call-state{display:flex;align-items:center;gap:7px;color:var(--red);font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.call-state span{width:5px;height:5px}
.call-quote{margin:4px 0 5px;font:500 clamp(20px,2.2vw,33px)/1.05 Georgia,serif;letter-spacing:-.045em}
.call-action{border:0;border-bottom:1px solid #bca492;background:transparent;padding:4px 0 2px;font-size:11px;color:var(--ink);pointer-events:auto}
.call-action:hover{color:var(--red)}
.call-scene[data-stage="2"] .receiver img{animation:ring .58s ease-in-out infinite}
.call-scene[data-stage="2"] .dial-rings i{animation:ringwave 1.4s ease-out infinite;border-color:#d58a61}
.call-scene[data-stage="2"] .dial-rings i:nth-child(2){animation-delay:.18s}
.call-scene[data-stage="2"] .dial-rings i:nth-child(3){animation-delay:.36s}
.call-scene[data-stage="3"] .receiver{transform:translate(1%,-2%) rotate(-5deg)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}
@keyframes ring{0%,48%,100%{transform:rotate(-1deg)}12%,34%{transform:rotate(1.8deg) translateY(-3px)}22%,42%{transform:rotate(-2deg)}}
@keyframes ringwave{from{opacity:.85;transform:scale(.85)}to{opacity:0;transform:scale(1.09)}}
.journey{position:relative;background:#f0e6d6;padding:25px 0 30px;border-top:1px solid #dfcfba;border-bottom:1px solid #dfcfba}
.story-head{display:flex;align-items:end;justify-content:space-between;gap:20px}
.story-head .kicker{font-size:9px}.story-head .kicker span{height:5px;width:5px}
.story-head h2{font:500 clamp(27px,2.7vw,43px)/1 Georgia,serif;letter-spacing:-.06em;margin-top:5px}
.story-switch{display:flex;align-items:center;gap:10px}
.story-switch label{font-size:11px;color:var(--gray)}
.story-switch select,.select-box select{color:var(--ink);background:#fbf6ec;border:1px solid #c6b39c;padding:7px 9px;border-radius:5px;font:650 12px/1.4 Manrope,Arial,sans-serif;max-width:100%}
.story-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:20px 0 0;padding:0}
.story-route li{position:relative;padding:0 14px 0 0}
.story-route li::before,.story-route li::after{content:"";display:block;position:absolute;left:20px;right:0;top:10px;height:1px;background:#c8b7a2}
.story-route li::after{background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .8s}
.story-route li.reached:not([aria-current])::after{transform:scaleX(1)}
.story-route li:last-child::before,.story-route li:last-child::after{display:none}
.route-step{position:relative;display:grid;place-items:center;font:600 8px/1 var(--mono);width:21px;height:21px;border-radius:50%;border:1px solid #aa9580;background:#f3eadb;color:#655547}
.reached .route-step{background:var(--red);border-color:var(--red);color:white}
.story-route h3{font-size:14px;letter-spacing:-.035em;margin:9px 0 3px}
.story-route p{color:var(--gray);font:400 12px/1.45 Manrope,Arial,sans-serif;max-width:250px}
.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.example{padding-block:clamp(48px,5.5vw,85px)}
.section-intro{margin:16px 0 28px;align-items:center}
.section-intro h2,.process h2,.closing h2{font:500 clamp(43px,5vw,79px)/1.03 Georgia,serif;letter-spacing:-.073em}
h2 em,.process h2 em{color:var(--red)}
.section-intro>p{max-width:410px}
.viewer{border-color:#cbbba7;border-radius:8px}
.viewer-head{background:#513628}.live-dot{background:#f29c76}.sample{color:#f6d9c4}
.sector-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px clamp(16px,2.3vw,34px);border-bottom:1px solid var(--rule);background:#f1e7d9}
.industry-select,.sector-nav,.select-box{display:flex;align-items:center;gap:12px}
.industry-select{min-width:0}.industry-select label,#sector-count{color:#665444;font:9px/1.5 var(--mono);letter-spacing:.07em}
.select-box{min-width:0}.select-box>span{display:none}.sector-nav button{width:32px;height:32px;border:1px solid #b8a18b;border-radius:50%;background:transparent;color:var(--ink)}
.controls{background:#f5ede1}.display{background:#fffaf2}
.view-tabs button{border-color:var(--rule);color:var(--gray)}.view-tabs button>span{color:#845740}
.view-tabs button[aria-selected=true]{background:#ecd7c4}.view-tabs button:hover{background:#f1dfcc}
.ad-logo{background:#f7e9da;color:var(--red)}.preview-label,.preview-foot,.range-caps,.chart small{color:var(--gray)}
#sample-budget{accent-color:var(--red)}.chart i{background:#e3ad86}.chart>div:last-child i{background:var(--red)}
.process{background:#eee4d7}.process-list li{border-color:#c8b5a4}.process-list li>span{color:var(--red)}
.closing{background:#ad3022;color:#fff5e9}.closing h2 em,.closing .eyebrow{color:#fff5e9}
footer{border-top:1px solid var(--rule)}.footer-inner{border:0;color:var(--gray)}
.footer-inner .wordmark{color:var(--ink)}footer a:hover{color:var(--red)}
#motion-setting{color:var(--gray);background:none;border:0;border-bottom:1px solid var(--rule);padding:3px 0;font:inherit}
.quiet-motion,.quiet-motion *{scroll-behavior:auto!important}.quiet-motion *,.quiet-motion *::before,.quiet-motion *::after{animation:none!important;transition:none!important}
@media(min-width:1500px){.call-scene{min-height:550px}}
@media(max-width:900px){
  .phone-hero{min-height:425px}.call-scene{min-height:425px}.pitch h1{font-size:clamp(56px,7.6vw,77px)}
  .pitch-copy{font-size:15px}.hero-actions{gap:16px}.call-caption{left:9%;bottom:3%}.story-switch{display:grid;gap:3px}
}
@media(max-width:680px){
  .shell{width:calc(100% - 38px)}.mast-inner{height:60px}.wordmark{font-size:23px}
  .phone-hero{grid-template-columns:1fr;min-height:0}.pitch{padding:28px 0 0}.kicker{font-size:9px}
  .pitch h1{font-size:clamp(51px,12.5vw,77px);margin:13px 0 9px}.pitch-copy{max-width:450px;font-size:14px;line-height:1.48}
  .hero-actions{margin-top:15px;gap:17px}.press-button{padding:11px 14px;font-size:12px}.story-link{font-size:11px}
  .call-scene{height:clamp(263px,58vw,322px);min-height:0}.dial-rings{inset:1% -13% 1% 23%}
  .receiver{inset:-1% -12% 0 7%;width:110%;height:102%}
  .call-caption{left:0;bottom:5%;width:61%;padding:8px 9px;background:linear-gradient(90deg,var(--paper) 80%,transparent)}
  .call-state{font-size:8px}.call-quote{font-size:19px}.call-action{font-size:10px;padding-block:3px}
  .journey{padding:20px 0 23px}.story-head{align-items:start}.story-head h2{font-size:26px}
  .story-switch{width:123px}.story-switch label{font-size:9px}.story-switch select{font-size:10px;width:100%}
  .story-route{grid-template-columns:1fr 1fr;gap:17px 9px;margin-top:17px}.story-route h3{font-size:12px}.story-route p{font-size:11px}
  .story-route li:nth-child(2)::before,.story-route li:nth-child(2)::after{display:none}
  .example{padding-block:36px}.section-intro h2,.process h2{font-size:40px}.section-intro>p{font-size:13px}
  .industry-select{display:grid;gap:4px}.select-box select{font-size:11px}.sector-nav{gap:5px}.sector-nav button{width:26px;height:26px}
  .process-list li{grid-template-columns:58px 1fr}.closing h2{font-size:47px}
}
@media(prefers-reduced-motion:reduce){.receiver img,.dial-rings i{animation:none!important}}

.receiver{display:block}
.call-caption{padding:13px 16px 11px 46px;width:min(317px,87%);border:1px solid #ddcbbb;border-left:3px solid var(--red);border-radius:5px;background:#fffaf2;box-shadow:0 6px 18px #70462812}
.caption-top{position:absolute;top:12px;left:13px;color:var(--red)}.cue{width:20px;height:20px;display:none}
[data-stage="0"] .cue-search,[data-stage="1"] .cue-ad,[data-stage="2"] .cue-ring,[data-stage="3"] .cue-check{display:block}
.call-quote{font-size:clamp(20px,2vw,29px);line-height:1.08}
.call-outcome{color:var(--gray);font-size:11px;line-height:1.4;margin:3px 0 1px}.call-outcome:empty{display:none}
.call-scene[data-stage="0"] .call-quote{animation:letters 1s ease-out both}
.call-scene[data-stage="1"] .call-quote{animation:ad-appear .45s ease-out both}
.call-scene[data-stage="3"] .call-quote{animation:answer .4s ease-out both}
@keyframes letters{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes ad-appear{from{opacity:.1;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes answer{from{opacity:.1;transform:translateX(-5px)}to{opacity:1;transform:none}}
@media(max-width:680px){.call-caption{padding:8px 11px 8px 33px;left:0;bottom:4%;width:63%}.caption-top{top:9px;left:8px}.cue{width:15px;height:15px}.call-quote{font-size:18px}.call-outcome{font-size:10px}}