:root{--ink:#08090b;--paper:#f5f5f3;--blue:#4d8cff;--violet:#8d64f8;--pink:#f0b4ff;--line:#dfdfdf;--radius:32px;--max:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.nav{position:fixed;z-index:50;top:0;left:0;width:100%;height:74px;padding:14px 24px;display:flex;align-items:center;gap:28px;color:#fff;transition:.35s}
.nav.scrolled{color:#000;background:rgba(250,250,248,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}
.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin-right:auto;white-space:nowrap}
.brand-mark{display:flex;gap:3px}.brand-mark i{display:block;width:13px;height:18px;background:currentColor;clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
.nav-links{display:flex;align-items:center;gap:24px;font-size:14px}
.button{min-height:42px;padding:0 20px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;font-size:14px}
.button-primary{color:#fff;background:linear-gradient(110deg,#8878f9,#4b91f4);box-shadow:0 10px 25px rgba(76,116,238,.25)}
.hero{position:relative;height:100svh;min-height:680px;display:grid;place-items:center;overflow:hidden;color:#fff}
.hero-photo,.closing>img,.conversation-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-photo{transform:scale(1.04);animation:heroIn 1.8s cubic-bezier(.2,.75,.2,1) forwards}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,6,.32),rgba(14,10,6,.15) 45%,rgba(14,10,6,.42))}
.hero-content{position:relative;z-index:2;text-align:center;width:min(750px,calc(100% - 36px));margin-top:-4vh}
.pill{display:inline-flex;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.76);color:#3469c4;font-size:13px;backdrop-filter:blur(8px)}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(48px,5.2vw,82px);line-height:.98;letter-spacing:-.06em;font-weight:600;margin:30px 0 22px}
.hero-content p{font-size:18px;line-height:1.35;max-width:620px;margin:0 auto 28px;color:rgba(255,255,255,.9)}
.scroll-cue{position:absolute;z-index:3;bottom:18px;left:18px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.3);font-size:14px}
.logos{background:#fff;padding:46px 24px 58px;text-align:center}.logos p{font-size:13px;color:#7d7d7d;margin-bottom:24px}.logo-row{display:flex;justify-content:center;gap:clamp(24px,5vw,72px);flex-wrap:wrap;font-weight:600;color:#9a9a9a}
.steps-story{height:430vh;position:relative;background:#fff}
.steps-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;display:grid;place-items:center}
.aurora{position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(239,170,255,.65),transparent 38%),radial-gradient(circle at 48% 12%,rgba(132,191,255,.65),transparent 40%),#fff}
.steps-heading{position:absolute;z-index:2;top:13%;left:50%;transform:translateX(-50%);text-align:center;width:min(900px,92%)}
.eyebrow{font-size:12px;letter-spacing:.32em;font-weight:700;color:#3875cd}
.steps-heading h2,.section-title h2,.comparison h2{font-size:clamp(46px,6vw,94px);line-height:.99;letter-spacing:-.055em;margin-top:25px;font-weight:600}
.card-stack{position:absolute;z-index:3;left:50%;top:57%;width:min(700px,86vw);height:min(480px,48vh);transform:translate(-50%,-20%)}
.story-card{position:absolute;inset:0;padding:34px 40px;border-radius:32px;background:#eef0fa;box-shadow:0 20px 60px rgba(60,70,120,.16);opacity:0;transform:translateY(120%) rotate(7deg) scale(.88);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s}
.story-card.is-active{opacity:1;transform:translateY(0) rotate(0) scale(1)}
.story-card.is-past{opacity:.58;transform:translateY(-10%) rotate(-5deg) scale(.94)}
.card-one{background:linear-gradient(140deg,#55aae8,#9d70ef);color:#fff}.card-two{background:linear-gradient(145deg,#547ce5,#8a61ec);color:#fff}.card-three{background:#eef0f8}.card-four{background:linear-gradient(145deg,#426cda,#a154ec);color:#fff}
.card-step{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.2);font-size:14px}.story-card h3{font-size:32px;letter-spacing:-.04em;margin:25px 0 8px}.story-card>p{font-size:18px;line-height:1.3;max-width:560px}
.mini-ad,.phone-chat,.pipeline,.dashboard{margin:30px auto 0;width:min(470px,100%);background:#fff;color:#111;border-radius:24px;padding:20px;box-shadow:0 18px 45px rgba(30,34,70,.18)}
.mini-ad{display:grid;gap:9px}.mini-ad span{font-size:11px;color:#777}.mini-ad b{font-size:22px}.mini-ad button{border:0;border-radius:9px;padding:11px;background:#111;color:#fff}
.chat-head{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#74b8ff,#8b65ef);color:#fff;font-size:11px}.chat-head i{margin-left:auto;color:#55bf78}.bubble{font-size:14px;padding:10px 13px;border-radius:14px;margin-top:13px!important}.bubble-in{background:#eee;width:75%}.bubble-out{background:#ddecff;width:82%;margin-left:auto!important}
.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pipeline span{background:#f3f4f8;padding:14px 9px;border-radius:12px;font-size:11px;display:grid;gap:8px}.pipeline b{font-size:21px}
.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard div:not(.chart){display:grid;background:#f3f5fb;padding:12px;border-radius:12px}.dashboard b{font-size:25px;color:#4f7dec}.chart{grid-column:1/-1;height:75px;display:flex;align-items:end;gap:8px}.chart i{flex:1;background:linear-gradient(#696ce9,#55a7e8);border-radius:6px 6px 2px 2px}.chart i:nth-child(1){height:25%}.chart i:nth-child(2){height:44%}.chart i:nth-child(3){height:37%}.chart i:nth-child(4){height:64%}.chart i:nth-child(5){height:78%}.chart i:nth-child(6){height:96%}
.step-dots{position:absolute;z-index:4;right:28px;top:50%;display:grid;gap:9px}.step-dots i{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.18)}.step-dots i.active{background:#397ce5;transform:scale(1.5)}
.features{padding:150px 0 90px;background:#fff;border-radius:38px 38px 0 0}.section-title{text-align:center;width:min(1050px,calc(100% - 32px));margin:0 auto 70px}.section-title h2{font-size:clamp(44px,5vw,78px)}.section-title h2 span{color:#a1a1a1}
.feature-rail{display:flex;gap:18px;overflow-x:auto;padding:0 max(24px,calc((100vw - 1440px)/2));scroll-snap-type:x mandatory;scrollbar-width:none}.feature-card{position:relative;flex:0 0 min(540px,84vw);height:560px;border-radius:28px;padding:38px;overflow:hidden;scroll-snap-align:center}.feature-card h3{font-size:31px;line-height:1.02;letter-spacing:-.04em;max-width:390px}.soft-blue{background:linear-gradient(145deg,#eff4ff,#c9ddff)}.soft-lilac{background:linear-gradient(145deg,#f8f2ff,#e3c8ff)}
.visual-phone,.contact-card{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%) rotate(-3deg);width:72%;height:350px;background:#13151c;border-radius:44px 44px 0 0;padding:30px;color:#fff;box-shadow:0 25px 45px rgba(30,40,80,.2)}.visual-phone p{margin-top:28px;background:#30333e;padding:13px;border-radius:14px}.visual-phone .answer{background:#5e7cdf;margin-left:22px}
.contact-card{height:260px;bottom:70px;background:#fff;color:#111;border-radius:28px;display:grid;align-content:center;gap:10px;transform:translateX(-50%) rotate(4deg)}.contact-card span,.contact-card small{color:#777}.contact-card b{font-size:26px}
.score-ring{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);width:240px;height:240px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#5c82eb 0 87%,rgba(255,255,255,.5) 87%);box-shadow:inset 0 0 0 35px rgba(255,255,255,.88)}.score-ring b{font-size:72px}.score-ring span{position:absolute;bottom:55px}
.bars{position:absolute;left:10%;right:10%;bottom:90px;height:240px;display:flex;align-items:end;gap:12px}.bars i{flex:1;background:linear-gradient(#a16ce7,#579deb);border-radius:10px 10px 3px 3px}.bars i:nth-child(1){height:24%}.bars i:nth-child(2){height:38%}.bars i:nth-child(3){height:34%}.bars i:nth-child(4){height:62%}.bars i:nth-child(5){height:55%}.bars i:nth-child(6){height:78%}.bars i:nth-child(7){height:92%}
.metric{text-align:center;padding:170px 24px 130px;background:#fff}.metric h2{font-size:clamp(100px,17vw,260px);line-height:.8;letter-spacing:-.08em}.metric>p{font-size:clamp(20px,2.4vw,36px);margin-top:45px}.metric-tags{display:flex;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap}.metric-tags span{padding:10px 18px;border:1px solid #ddd;border-radius:999px}
.conversation-photo{position:relative;margin:0 16px;height:850px;border-radius:34px;overflow:hidden}.conversation-photo>img{object-position:center}.conversation-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 68%)}.photo-copy{position:absolute;z-index:2;left:7%;top:15%;color:#fff;width:min(570px,84%)}.photo-copy .eyebrow{color:#b9d8ff}.photo-copy h2{font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.055em;margin:25px 0}.photo-copy p{font-size:18px;line-height:1.4}.floating-message{position:absolute;z-index:3;background:#fff;border-radius:17px;padding:15px 20px;box-shadow:0 15px 45px rgba(0,0,0,.15);display:grid}.floating-message span{font-size:11px;color:#777}.message-one{right:9%;top:26%;transform:rotate(3deg)}.message-two{right:20%;bottom:18%;transform:rotate(-3deg)}
.comparison{background:#f5f5f3;padding:150px 24px}.compare-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-card{padding:42px;border-radius:32px;background:#fff;border:1px solid #ddd}.compare-card>span{color:#777}.compare-card h3{font-size:36px;letter-spacing:-.04em;margin:18px 0 28px}.compare-card ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}.compare-card li{font-size:18px;padding-left:32px;position:relative}.compare-card li:before{position:absolute;left:0}.old li:before{content:"×";color:#e96464}.new{border:2px solid #5b87ed;box-shadow:0 20px 50px rgba(80,110,220,.12);background:linear-gradient(145deg,#fff,#f0f5ff)}.new li:before{content:"✓";color:#4e8ee8}
.closing{position:relative;height:780px;margin:0 16px 16px;border-radius:34px;overflow:hidden;color:#fff;display:grid;place-items:center;text-align:center}.closing-shade{position:absolute;inset:0;background:rgba(20,14,8,.42)}.closing-copy{position:relative;z-index:2;width:min(900px,88%)}.closing-copy h2{font-size:clamp(46px,5vw,78px);line-height:1;letter-spacing:-.055em}.closing-copy p{font-size:18px;margin:22px 0 30px}
.chat-float{position:fixed;z-index:40;right:22px;bottom:20px;width:310px;padding:12px 14px;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 16px 50px rgba(0,0,0,.14);display:flex;align-items:center;gap:10px;backdrop-filter:blur(12px)}.chat-float div{display:grid}.chat-float small{color:#8a8a8a}.chat-float button{margin-left:auto;border:0;width:34px;height:34px;border-radius:10px;background:#efefef}
footer{padding:55px 28px 85px;display:flex;align-items:center;gap:30px;background:#f5f5f3}.brand-dark{margin-right:auto}footer p,footer a{font-size:14px;color:#555}
.reveal{opacity:0;transform:translateY(28px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes heroIn{to{transform:scale(1)}}
@media(max-width:760px){
  .nav{height:62px;padding:10px 14px;gap:10px}.brand>span:last-child,.nav-links{display:none}.nav-cta{font-size:12px;min-height:38px;padding:0 13px}
  .hero{min-height:720px}.hero-photo{object-position:57% center}.hero-content{margin-top:-9vh}.pill{display:none}h1{font-size:46px;line-height:.98;margin-bottom:22px}.hero-content p{font-size:16px}.button{max-width:100%;text-align:center}
  .logos{padding:38px 16px}.logo-row{gap:20px;font-size:13px}
  .steps-story{height:390vh}.steps-sticky{min-height:650px}.steps-heading{top:12%}.steps-heading h2{font-size:47px}.card-stack{top:54%;width:88vw;height:430px}.story-card{padding:25px 24px;border-radius:26px}.story-card h3{font-size:27px;margin-top:18px}.story-card>p{font-size:15px}.mini-ad,.phone-chat,.pipeline,.dashboard{margin-top:20px}.pipeline{grid-template-columns:1fr 1fr}.step-dots{right:10px}
  .features{padding-top:100px}.section-title{margin-bottom:45px}.section-title h2,.comparison h2{font-size:45px}.feature-card{height:500px;padding:28px}.feature-card h3{font-size:28px}
  .metric{padding:120px 18px 100px}.metric h2{font-size:118px}
  .conversation-photo{height:780px;margin:0 8px}.conversation-photo>img{object-position:62% center}.conversation-photo:after{background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 65%)}.photo-copy{left:24px;top:70px;width:calc(100% - 48px)}.photo-copy h2{font-size:45px}.floating-message{font-size:13px}.message-one{right:18px;top:auto;bottom:155px}.message-two{left:18px;right:auto;bottom:70px}
  .comparison{padding:100px 16px}.compare-grid{grid-template-columns:1fr}.compare-card{padding:30px}.compare-card h3{font-size:31px}
  .closing{height:720px;margin:0 8px 8px}.closing>img{object-position:55% center}.closing-copy h2{font-size:45px}
  .chat-float{left:10px;right:10px;bottom:10px;width:auto}
  footer{padding:48px 22px 110px;display:grid;gap:18px}.brand-dark{margin:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Conversation hero: an original TAW experience. */
.hero{min-height:740px;isolation:isolate}.hero-photo{filter:saturate(.86) contrast(.98) brightness(.84);animation:heroOfficeIn 1.5s cubic-bezier(.16,.84,.26,1) both}.hero-shade{background:linear-gradient(180deg,rgba(15,11,7,.26),rgba(15,11,7,.04) 36%,rgba(15,11,7,.3) 100%)}.hero-glow{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 33%,rgba(255,255,255,.22),transparent 30%),linear-gradient(90deg,rgba(11,13,18,.14),transparent 35%,rgba(11,13,18,.1));pointer-events:none}.hero-content--conversation{margin-top:-13vh;max-width:850px}.hero-content--conversation h1{font-size:clamp(48px,5.4vw,84px);text-shadow:0 3px 24px rgba(23,16,9,.2);margin:25px 0 18px}.hero-content--conversation p{max-width:570px;text-shadow:0 2px 13px rgba(23,16,9,.2)}.hero-cta{gap:9px;min-height:48px;padding:0 22px;border-radius:14px;background:linear-gradient(105deg,#7d80ff,#438df8);transition:transform .25s ease,box-shadow .25s ease}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(59,112,243,.43)}
.hero-conversation{position:absolute;z-index:4;left:50%;bottom:3.4vh;transform:translateX(-50%);width:min(440px,calc(100vw - 36px));padding:13px 14px 11px;border:1px solid rgba(255,255,255,.72);border-radius:25px;background:rgba(250,250,251,.91);box-shadow:0 24px 62px rgba(28,23,15,.28);backdrop-filter:blur(17px);color:#20222a;animation:conversationRise 1.25s .45s cubic-bezier(.18,.85,.25,1) both}.hero-conversation__top{display:flex;align-items:center;gap:7px;padding:1px 5px 10px;font-size:11px;font-weight:700;letter-spacing:.01em;color:#666a75}.hero-conversation__top small{margin-left:auto;font-weight:500;color:#9397a3}.hero-conversation__signal{width:7px;height:7px;border-radius:50%;background:#51c379;box-shadow:0 0 0 4px rgba(81,195,121,.14);animation:signalPulse 1.8s infinite}.hero-conversation__message{display:flex;align-items:flex-start;gap:9px;padding:11px;background:#fff;border-radius:16px 16px 16px 5px;box-shadow:0 6px 20px rgba(32,34,42,.07)}.hero-conversation__avatar{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#4d94ff,#8262ef);color:#fff;font-size:9px;font-weight:700}.hero-conversation__message p{margin:1px 0 0;font-size:13px;line-height:1.34;transition:opacity .18s ease,transform .18s ease}.hero-conversation__composer{display:flex;align-items:center;margin-top:9px;padding:0 4px 0 12px;height:37px;border-radius:12px;background:#eeeff2;color:#9a9da6;font-size:12px}.hero-conversation__composer b{margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#d8dbe1;color:#fff;font-size:16px}
.hero-lead-card{position:absolute;z-index:4;right:clamp(20px,7vw,118px);bottom:5.6vh;width:225px;padding:14px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:rgba(249,250,252,.92);box-shadow:0 24px 62px rgba(28,23,15,.26);backdrop-filter:blur(17px);display:grid;grid-template-columns:42px 1fr;gap:9px;color:#24262d;animation:leadCardIn 1.15s .8s cubic-bezier(.18,.85,.25,1) both}.hero-lead-card__person{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#d0e2ff,#8b67f2);color:#fff;font-size:11px;font-weight:700}.hero-lead-card__person i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#50c379}.hero-lead-card b{display:block;font-size:13px;line-height:1.25}.hero-lead-card small{display:block;margin-top:4px;color:#7d818c;font-size:10px}.hero-lead-card em{position:absolute;right:12px;top:12px;padding:4px 6px;border-radius:7px;background:#eaf3ff;color:#4d7dcc;font-size:9px;font-style:normal;font-weight:700}.hero-lead-card button{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:11px;background:linear-gradient(100deg,#8878f9,#4b91f4);padding:10px 11px;color:#fff;font:600 11px "DM Sans",sans-serif;cursor:pointer}.hero-lead-card button span{font-size:15px}
@keyframes heroOfficeIn{from{opacity:0;transform:scale(1.075)}to{opacity:1;transform:scale(1.025)}}@keyframes conversationRise{from{opacity:0;transform:translate(-50%,42px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes leadCardIn{from{opacity:0;transform:translate(32px,24px) rotate(2deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}@keyframes signalPulse{50%{box-shadow:0 0 0 7px rgba(81,195,121,0)}}
@media(max-width:780px){.hero{min-height:690px}.hero-content--conversation{margin-top:-15vh}.hero-content--conversation h1{font-size:clamp(43px,11vw,61px)}.hero-content--conversation p{font-size:16px}.hero-photo{object-position:55% center}.hero-lead-card{right:16px;bottom:24px;width:190px;padding:11px}.hero-lead-card__person{width:35px;height:35px;border-radius:11px}.hero-lead-card b{font-size:11px}.hero-lead-card small{font-size:9px}.hero-lead-card em{right:9px;top:9px;font-size:8px}.hero-lead-card button{padding:8px 9px;font-size:10px}.hero-conversation{bottom:144px;width:min(390px,calc(100vw - 28px));padding:10px 11px}.hero-conversation__top{padding-bottom:7px}.hero-conversation__message{padding:9px}.hero-conversation__message p{font-size:12px}.scroll-cue{bottom:15px;left:15px}}@media(prefers-reduced-motion:reduce){.hero-photo,.hero-conversation,.hero-lead-card{animation:none}.hero-conversation__signal{animation:none}}

/* Scroll-driven opening sequence and step-card choreography. */
.hero{--hero-open-progress:0;--hero-ui-progress:0}.hero-photo--closed{opacity:calc(1 - var(--hero-open-progress));transform:scale(calc(1.075 - (var(--hero-open-progress) * .05)))}.hero-photo--open{opacity:var(--hero-open-progress);transform:scale(calc(1.075 - (var(--hero-open-progress) * .05)))}.hero-conversation,.hero-lead-card{opacity:var(--hero-ui-progress)}.hero-conversation{transform:translate(-50%,calc(28px * (1 - var(--hero-ui-progress)))) scale(calc(.96 + (var(--hero-ui-progress) * .04)))}.hero-lead-card{transform:translate(calc(24px * (1 - var(--hero-ui-progress))),calc(24px * (1 - var(--hero-ui-progress)))) rotate(calc(2deg * (1 - var(--hero-ui-progress))))}.hero-conversation,.hero-lead-card,.hero-photo--closed,.hero-photo--open{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.hero-photo--closed{opacity:0}.hero-photo--open{opacity:1}.hero-conversation,.hero-lead-card{opacity:1;transform:none}}

/* Brand assets, footer contact and a calmer rhythm for the story heading. */
.brand-logo{display:block;object-fit:contain}.brand-logo--horizontal{width:184px;height:auto;max-height:42px;filter:none}.nav.scrolled{background:rgba(32,33,37,.96);color:#fff;border-bottom-color:rgba(255,255,255,.1)}.nav.scrolled .brand-logo--horizontal{filter:none}.steps-heading{top:10%}.steps-heading h2{font-size:clamp(38px,4.8vw,68px);line-height:1.02;margin-top:16px}.card-stack{top:60%}
footer{position:relative;display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) minmax(220px,1fr);align-items:center;gap:clamp(26px,5vw,78px);padding:58px max(28px,6vw);background:#111217;color:#f3f3f5}.footer-brand{display:block;width:130px}.brand-logo--vertical{width:100%;height:auto}.footer-contact{display:grid;gap:8px}.footer-contact span{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:#8b8f9c;font-weight:700}.footer-contact a{font-size:15px;color:#f0f1f4;transition:color .2s ease}.footer-contact a:hover{color:#ff3d72}.footer-copy{display:grid;justify-items:start;gap:18px}.footer-copy p{font-size:14px;line-height:1.45;color:#a9acb6}.footer-copy a{display:inline-flex;gap:10px;align-items:center;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.35);font-size:14px;color:#fff}.footer-copy a span{color:#ff3d72;font-size:18px}
@media(max-width:760px){.brand-logo--horizontal{width:154px;height:auto;max-height:36px}.steps-heading{top:11%}.steps-heading h2{font-size:clamp(37px,10vw,48px);line-height:1.01}.card-stack{top:59%}footer{grid-template-columns:1fr;gap:30px;padding:48px 24px 110px}.footer-brand{width:112px}.footer-copy{gap:13px}}

/* TAW brand palette: a soft charcoal base, with magenta reserved for emphasis. */
:root{--ink:#202125;--ink-deep:#18191c;--ink-soft:#2a2b30;--paper:#f5f3f1;--magenta:#bf3b72;--magenta-hover:#a92d61;--magenta-soft:rgba(191,59,114,.13)}
body{background:var(--paper);color:var(--ink)}
.nav.scrolled{background:rgba(245,243,241,.94)}
.button-primary,.hero-cta,.hero-lead-card button{background:var(--magenta);border-color:var(--magenta);box-shadow:0 12px 26px rgba(191,59,114,.18)}
.button-primary:hover,.hero-cta:hover,.hero-lead-card button:hover{background:var(--magenta-hover);border-color:var(--magenta-hover);box-shadow:0 16px 30px rgba(191,59,114,.23)}
.eyebrow{color:var(--magenta)}
.step-dots i.active{background:var(--magenta)}
.story-card.is-active{border:1px solid rgba(191,59,114,.3);box-shadow:0 18px 45px rgba(32,33,37,.12)}
.hero-lead-card em{background:var(--magenta-soft);color:var(--magenta)}
.footer-contact span{color:#d65e91}.footer-contact a:hover,.footer-copy a:hover{color:#e87eaa}
footer{background:var(--ink-deep)}

/* Opening composition: editorial copy sits above the laptop, never across it. */
.hero-content--conversation{position:absolute;top:clamp(200px,19vh,260px);left:50%;width:min(1120px,calc(100% - 36px));margin:0;transform:translateX(-50%)}
.hero-content--conversation h1{max-width:none;margin:30px auto 28px;font-size:clamp(48px,4.1vw,76px);line-height:1.02}
.hero-content--conversation p{max-width:650px;margin:0 auto;font-size:18px;line-height:1.4}
.hero-content--conversation .hero-cta{display:none}
@media(max-width:780px){.hero-content--conversation{top:115px;width:calc(100% - 30px)}.hero-content--conversation h1{margin:22px auto 18px;font-size:clamp(40px,10vw,56px)}.hero-content--conversation p{font-size:16px;max-width:500px}}

/* Keep the entrance reveal from overriding the centered hero composition. */
.hero-content--conversation.reveal.visible{transform:translateX(-50%)}
@media(min-width:781px){.chat-float{left:22px;right:auto}}

/* Mobile composition: keep the journey readable as a deliberate single-column story. */
@media (max-width: 780px) {
  html { scroll-padding-top: 78px; }
  body { overflow-x: hidden; }

  .nav {
    align-items: center;
    padding: 14px 16px;
  }

  .nav .logo,
  .nav > a:first-child { max-width: 142px; }

  .nav-links { display: none; }

  .nav .btn,
  .nav > a:last-child {
    min-height: 42px;
    padding: 0 15px;
    font-size: .78rem;
    white-space: nowrap;
  }

  .hero {
    min-height: 910px;
    isolation: isolate;
  }

  .hero-content--conversation {
    top: 126px;
    width: min(100% - 32px, 390px);
    text-align: center;
  }

  .hero-content--conversation h1 {
    max-width: 360px;
    margin-inline: auto;
    font-size: clamp(2.35rem, 11vw, 3.1rem);
    line-height: .98;
    letter-spacing: -.065em;
  }

  .hero-content--conversation p {
    max-width: 335px;
    margin: 18px auto 0;
    font-size: 1rem;
    line-height: 1.38;
  }

  .hero-conversation {
    left: 16px;
    right: 16px;
    bottom: 168px;
    width: auto;
    max-width: none;
    transform: none;
  }

  .hero-lead-card {
    right: 16px;
    bottom: 48px;
    width: min(178px, calc(100vw - 32px));
  }

  .scroll-cue { left: 16px; bottom: 54px; }

  .hero-content--conversation.reveal.visible { transform: translateX(-50%); }
  .hero-conversation.reveal.visible,
  .hero-lead-card.reveal.visible { transform: none; }

  .chat-float {
    left: 14px;
    right: auto;
    bottom: max(12px, env(safe-area-inset-bottom));
    width: min(312px, calc(100vw - 28px));
    transform: scale(.9);
    transform-origin: left bottom;
  }

  .steps-story,
  .features,
  .metric,
  .problem,
  .comparison,
  .closing {
    padding-inline: 20px;
  }

  .steps-heading,
  .section-title {
    max-width: 350px;
    margin-inline: auto;
  }

  .steps-heading h2,
  .section-title h2,
  .metric h2,
  .problem h2,
  .comparison h2,
  .closing h2 {
    font-size: clamp(2rem, 9.4vw, 2.7rem);
    line-height: 1.01;
    letter-spacing: -.055em;
  }

  .story-card,
  .feature-card,
  .compare-card {
    min-height: 0;
    padding: 28px 24px;
    border-radius: 26px;
  }

  .story-card h3,
  .feature-card h3,
  .compare-card h3 {
    font-size: clamp(1.55rem, 7.5vw, 2rem);
    line-height: 1.03;
  }

  .story-card,
  .feature-card,
  .compare-card,
  .reveal {
    transition-duration: .45s;
  }

  .story-card:not(.is-active) {
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px) scale(.98);
    pointer-events: none;
  }

  .feature-card,
  .compare-card {
    width: 100%;
  }

  .metric-image,
  .problem-image,
  .closing-image {
    min-height: 280px;
  }

  footer {
    padding: 54px 24px calc(40px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 380px) {
  .hero { min-height: 880px; }
  .hero-content--conversation { top: 112px; }
  .hero-content--conversation h1 { font-size: 2.28rem; }
  .hero-conversation { bottom: 158px; }
  .hero-lead-card { transform: scale(.92); transform-origin: right bottom; }
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .story-card,
  .feature-card,
  .compare-card,
  .hero-photo { animation: none !important; transition: none !important; }
}

/* Brand assets use transparent PNGs so they remain clean on every background. */
.brand img {
  width: 239px;
  height: auto;
}

.footer-brand img {
  object-fit: contain;
}

@media (max-width: 780px) {
  .nav .logo,
  .nav > a:first-child { max-width: 184px; }

  .nav .brand img { width: 184px; }

  /* The scroll scene also writes an inline transform; lock this card to the mobile canvas. */
  .hero .hero-conversation,
  .hero .hero-conversation.reveal,
  .hero .hero-conversation.reveal.visible {
    left: 50% !important;
    right: auto !important;
    bottom: 156px !important;
    width: min(calc(100vw - 48px), 330px) !important;
    transform: translateX(-50%) scale(.88) !important;
    transform-origin: center bottom !important;
  }
}

/* Final mobile pass: center the chat card on the laptop and unfold the story cards. */
@media (max-width: 780px) {
  .hero .hero-conversation,
  .hero .hero-conversation.reveal,
  .hero .hero-conversation.reveal.visible {
    left: 50% !important;
    right: auto !important;
    bottom: 125px !important;
    width: min(calc(100vw - 40px), 330px) !important;
    margin: 0 !important;
    translate: -50% 0 !important;
    transform: scale(.78) !important;
    transform-origin: center bottom !important;
  }

  .steps-story.is-mobile-story {
    height: 400svh !important;
    min-height: 400svh !important;
    overflow: visible !important;
  }

  .steps-story.is-mobile-story .story-card,
  .steps-story.is-mobile-story .story-card:not(.is-active) {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(18px) scale(.98) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  .steps-story.is-mobile-story .story-card.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    z-index: 2 !important;
  }

  .steps-story.is-mobile-story .story-progress,
  .steps-story.is-mobile-story .steps-progress {
    display: none !important;
  }

  .steps-story.is-mobile-story .step-dots {
    display: flex !important;
    left: 50% !important;
    right: auto !important;
    top: calc(50% - 72px) !important;
    transform: translateX(-50%) !important;
    gap: 11px !important;
  }
}

/* The Agent Web operating system: one visual circuit, not isolated services. */
.system-map{position:relative;overflow:hidden;padding:140px 24px 120px;background:var(--ink-deep);color:#f7f5f3;isolation:isolate}.system-map:before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(circle at 50% 45%,rgba(191,59,114,.13),transparent 27%),radial-gradient(circle at 18% 34%,rgba(71,132,201,.12),transparent 23%),radial-gradient(circle at 84% 68%,rgba(221,188,115,.08),transparent 22%)}.system-map__intro{width:min(900px,calc(100% - 24px));margin:0 auto 64px;text-align:center}.system-map__intro h2{margin:18px 0 24px;font-size:clamp(58px,7vw,108px);line-height:.9;letter-spacing:-.065em}.system-map__intro h2 span{color:#9b9da5}.system-map__intro p{max-width:750px;margin:auto;color:#b8bac2;font-size:18px;line-height:1.55}.system-map__diagram{position:relative;width:min(1100px,100%);height:760px;margin:0 auto}.system-map__routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.system-map__routes path{fill:none;stroke:rgba(255,255,255,.19);stroke-width:1.5;stroke-dasharray:5 9;animation:systemRoute 14s linear infinite}.system-node,.system-hub{position:absolute;border:1px solid rgba(255,255,255,.11);box-shadow:0 25px 70px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.system-node{width:280px;min-height:178px;padding:22px;border-radius:22px;background:rgba(42,43,48,.84);opacity:0;transform:translateY(24px) scale(.97)}.system-map__diagram.visible .system-node,.system-map__diagram.visible .system-hub{animation:systemNodeIn .7s cubic-bezier(.2,.75,.2,1) forwards}.system-node--strategy{top:0;left:50%;transform:translate(-50%,24px) scale(.97);animation-delay:.05s!important}.system-map__diagram.visible .system-node--strategy{animation-name:systemTopNodeIn}.system-node--creative{top:72px;right:0;animation-delay:.15s!important}.system-node--media{right:42px;bottom:0;animation-delay:.25s!important}.system-node--web{left:42px;bottom:0;animation-delay:.35s!important}.system-node--analytics{top:72px;left:0;animation-delay:.55s!important}.system-node__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.system-node__top>span{display:grid;place-items:center;width:34px;height:25px;border-radius:999px;background:var(--magenta-soft);color:#e87eaa;font-size:11px;font-weight:700}.system-node__top>i{color:#8d909a;font-size:12px;font-style:normal;font-weight:700}.system-node h3{margin:0 0 8px;font-size:23px;line-height:1.03;letter-spacing:-.04em}.system-node p{max-width:238px;color:#aeb0b9;font-size:13px;line-height:1.42}.system-node__flow{display:flex;align-items:center;gap:7px;margin-top:17px}.system-node__flow b{width:9px;height:9px;border-radius:50%;background:#777b88;box-shadow:21px 0 0 rgba(191,59,114,.75)}.system-node__flow:after{content:"";width:85px;height:1px;margin-left:8px;background:linear-gradient(90deg,#6d7079,transparent)}.system-node__tiles{display:flex;gap:7px;margin-top:14px}.system-node__tiles b{display:grid;place-items:center;width:37px;height:29px;border-radius:7px;background:#eee;color:#24252a;font-size:9px}.system-node__tiles b:first-child{background:#bf3b72;color:#fff;transform:rotate(-5deg)}.system-node__bars{position:relative;height:34px;margin-top:13px;display:flex;align-items:end;gap:5px}.system-node__bars b{width:15px;border-radius:4px 4px 1px 1px;background:#7a7e8b}.system-node__bars b:nth-child(1){height:30%}.system-node__bars b:nth-child(2){height:50%}.system-node__bars b:nth-child(3){height:72%}.system-node__bars b:nth-child(4){height:100%;background:#bf3b72}.system-node__bars em{margin:0 0 3px 7px;color:#c8cad0;font-size:9px;font-style:normal;letter-spacing:.12em}.system-node__browser{position:relative;width:98px;height:40px;margin-top:14px;border:1px solid #676a75;border-radius:7px}.system-node__browser i{display:block;height:8px;border-bottom:1px solid #676a75}.system-node__browser span,.system-node__browser b{position:absolute;left:8px;height:4px;border-radius:2px;background:#7f838e}.system-node__browser span{top:16px;width:50px}.system-node__browser b{top:25px;width:72px;background:#bf3b72}.system-node__line{width:150px;height:35px;margin-top:11px}.system-node__line svg{width:100%;height:100%}.system-node__line path{fill:none;stroke:#d65e91;stroke-width:3;stroke-linecap:round}.system-hub{left:50%;top:50%;width:350px;min-height:255px;padding:28px;transform:translate(-50%,-45%) scale(.94);border-color:rgba(191,59,114,.48);border-radius:30px;background:linear-gradient(145deg,rgba(248,246,244,.98),rgba(226,227,232,.96));color:var(--ink);opacity:0;animation-delay:.45s!important}.system-map__diagram.visible .system-hub{animation-name:systemHubIn}.system-hub__label{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--magenta-soft);color:var(--magenta);font-size:10px;font-weight:700;letter-spacing:.12em}.system-hub__mark{position:absolute;right:27px;top:24px}.system-hub__mark span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--ink);color:#fff;font-size:10px;font-weight:700}.system-hub__mark i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#51bf79}.system-hub h3{margin:26px 0 9px;font-size:34px;line-height:1;letter-spacing:-.055em}.system-hub p{max-width:270px;color:#666a73;font-size:14px;line-height:1.45}.system-hub__status{display:flex;align-items:center;margin-top:24px;padding:11px 13px;border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(32,33,37,.08)}.system-hub__status span{display:flex;align-items:center;gap:7px;color:#70737b;font-size:10px}.system-hub__status span i{width:6px;height:6px;border-radius:50%;background:#51bf79}.system-hub__status b{margin-left:auto;color:var(--magenta);font-size:18px}.system-map__outcomes{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:50px auto 0}.system-map__outcomes span{padding:10px 15px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#c0c2c9;font-size:12px}.system-map__closing{max-width:720px;margin:30px auto 0;text-align:center;color:#91949e;font-size:17px;line-height:1.5}.system-map__closing strong{color:#f5f3f1;font-weight:500}@keyframes systemRoute{to{stroke-dashoffset:-140}}@keyframes systemNodeIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes systemTopNodeIn{to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes systemHubIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

@media(max-width:780px){.system-map{padding:105px 18px 110px}.system-map__intro{width:100%;margin-bottom:48px}.system-map__intro h2{font-size:clamp(48px,14vw,66px);margin-top:15px}.system-map__intro p{font-size:15px}.system-map__diagram{display:grid;height:auto;gap:14px}.system-map__diagram:before{content:"";position:absolute;z-index:-1;top:30px;bottom:30px;left:27px;width:1px;background:linear-gradient(transparent,rgba(191,59,114,.55) 12%,rgba(255,255,255,.17) 88%,transparent)}.system-map__routes{display:none}.system-node,.system-hub{position:relative;inset:auto;width:100%;min-height:0;margin:0;transform:translateY(20px) scale(.98)}.system-map__diagram.visible .system-node--strategy,.system-map__diagram.visible .system-hub{animation-name:systemNodeIn}.system-node{padding:22px 22px 22px 58px}.system-node__top{position:absolute;left:13px;top:20px}.system-node__top>i{display:none}.system-node__top>span{width:30px;height:30px;background:#383a40}.system-node h3{font-size:23px}.system-node p{max-width:none}.system-hub{padding:25px 22px;order:5;border-radius:24px}.system-node--strategy{order:1}.system-node--creative{order:2}.system-node--media{order:3}.system-node--web{order:4}.system-node--analytics{order:6}.system-hub__mark{right:20px;top:20px}.system-hub h3{font-size:31px}.system-map__outcomes{margin-top:38px;gap:8px}.system-map__outcomes span{font-size:11px}.system-map__closing{font-size:15px}.system-node__flow,.system-node__tiles,.system-node__bars,.system-node__browser,.system-node__line{margin-top:12px}}

@media(prefers-reduced-motion:reduce){.system-map__routes path{animation:none}.system-node,.system-hub{opacity:1;transform:none}.system-node--strategy{transform:translateX(-50%)}.system-hub{transform:translate(-50%,-50%)}@media(max-width:780px){.system-node,.system-node--strategy,.system-hub{transform:none}}}

/* Brand scale, scroll navigation and refined contact footer. */
.nav{height:94px;padding-inline:clamp(22px,3.2vw,58px);transition:height .3s ease,background-color .3s ease,box-shadow .3s ease,border-color .3s ease}.nav .brand{display:flex;align-items:center;flex:0 0 auto}.nav .brand-logo--horizontal,.nav .brand img{width:368px;max-width:none;max-height:78px}.nav.scrolled{height:82px;background:rgba(29,30,34,.97);color:#fff;border-bottom-color:rgba(255,255,255,.08);box-shadow:0 14px 42px rgba(0,0,0,.18);backdrop-filter:blur(16px)}.nav.scrolled .nav-links a{color:#f1f1f3}.system-map{margin-bottom:120px}.footer-brand{width:195px}.footer-contact{gap:14px}.footer-contact__title{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:#d65e91;font-weight:700}.footer-contact__grid{display:grid;gap:9px}.footer-contact .footer-contact__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035);color:#f2f2f4;transition:transform .22s ease,border-color .22s ease,background .22s ease}.footer-contact .footer-contact__item:hover{transform:translateX(4px);border-color:rgba(214,94,145,.42);background:rgba(255,255,255,.06);color:#fff}.footer-contact__icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(191,59,114,.14);color:#e87eaa}.footer-contact__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-contact__item>span:last-child{min-width:0;display:grid;gap:2px}.footer-contact__item small{color:#888c97;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.footer-contact__item b{color:#f1f1f3;font-size:13px;font-weight:500;overflow-wrap:anywhere}footer{grid-template-columns:minmax(205px,.65fr) minmax(310px,1.2fr) minmax(250px,1fr);padding-top:70px;padding-bottom:95px}

@media(max-width:1100px) and (min-width:781px){.nav .brand-logo--horizontal,.nav .brand img{width:300px}.nav-links{gap:18px}.nav-cta{padding-inline:16px}}

@media(max-width:780px){.nav{height:72px;padding:10px 14px}.nav .brand-logo--horizontal,.nav .brand img{width:200px;max-height:48px}.nav.scrolled{height:68px;background:rgba(29,30,34,.97)}.system-map{margin-bottom:72px}.footer-brand{width:168px}footer{grid-template-columns:1fr;padding-top:55px}.footer-contact__grid{gap:8px}.footer-contact .footer-contact__item{padding:10px}.footer-contact__icon{width:36px;height:36px;flex-basis:36px}}

/* Seventh system capability: social operations connected to the CRM core. */
.system-map__diagram{height:900px}.system-node--social{left:50%;bottom:0;transform:translate(-50%,24px) scale(.97);animation-delay:.55s!important}.system-map__diagram.visible .system-node--social{animation-name:systemTopNodeIn}.system-node--analytics{top:100px;animation-delay:.65s!important}.system-node--creative{top:100px}.system-node--media{right:42px;bottom:0}.system-node--web{left:42px;bottom:0}.system-node__social{display:grid;grid-template-columns:34px 48px 34px 8px;align-items:center;gap:8px;width:max-content;margin-top:15px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045)}.system-node__social span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#6da9ff,#8d64ed);color:#fff;font-size:9px;font-weight:700}.system-node__social b{height:5px;border-radius:999px;background:#767a86}.system-node__social b:nth-of-type(2){width:26px;background:#bf3b72}.system-node__social i{width:7px;height:7px;border-radius:50%;background:#51bf79;box-shadow:0 0 0 3px rgba(81,191,121,.12)}

@media(max-width:780px){.system-map__diagram{height:auto}.system-node--social{inset:auto;width:100%;margin:0;transform:translateY(20px) scale(.98);order:6}.system-map__diagram.visible .system-node--social{animation-name:systemNodeIn}.system-node--analytics{order:7}.system-node__social{margin-top:12px}}