*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* OKLCH tokens */
:root{
  --bg:       oklch(0.12 0.025 240);
  --surface:  oklch(0.16 0.022 240);
  --surface2: oklch(0.20 0.020 240);
  --border:   oklch(0.28 0.030 240);
  --ink:      oklch(0.96 0.008 240);
  --ink-2:    oklch(0.75 0.018 240);
  --ink-3:    oklch(0.55 0.022 240);
  --accent:   oklch(0.62 0.18 248);
  --accent-hi:oklch(0.72 0.16 248);
  --green:    oklch(0.64 0.17 158);
  --red:      oklch(0.58 0.20 25);
  --amber:    oklch(0.72 0.17 72);
  --radius:   10px;
  --radius-lg:16px;
}

html{font-size:18px;scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--ink);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
::selection{background:oklch(0.62 0.18 248 / .35);color:var(--ink)}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif;text-wrap:balance;line-height:1.08;letter-spacing:-0.035em}
p{max-width:65ch}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* LAYOUT */
.wrap{max-width:1160px;margin:0 auto;padding:0 max(20px,calc((100vw - 1160px)/2))}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  height:60px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 max(20px,calc((100vw - 1160px)/2));
  background:oklch(0.12 0.025 240 / .85);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
}
.nav-logo{display:flex;align-items:center;gap:9px}
.nav-logo svg{width:32px;height:32px;flex-shrink:0}
.nav-logo span{font-family:'Bricolage Grotesque',sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:-0.04em}
.nav-links{display:flex;gap:28px;list-style:none;align-items:center}
.nav-links a{font-size:.85rem;font-weight:400;color:var(--ink-3);transition:color .18s}
.nav-links a:hover{color:var(--ink)}
.nav-links .btn-nav{
  background:var(--accent);color:var(--ink);
  padding:8px 20px;border-radius:100px;
  font-size:.85rem;font-weight:500;
  transition:background .18s,transform .18s;
}
.nav-links .btn-nav:hover{background:var(--accent-hi);transform:translateY(-1px)}

/* BUTTONS */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 28px;border-radius:100px;
  font-size:.95rem;font-weight:500;
  border:none;cursor:pointer;
  transition:all .2s cubic-bezier(.4,0,.2,1);
  font-family:'Inter',sans-serif;
  text-decoration:none;
}
.btn-primary{background:var(--accent);color:var(--ink);box-shadow:0 0 0 0 oklch(0.62 0.18 248 / 0)}
.btn-primary:hover{background:var(--accent-hi);transform:translateY(-2px);box-shadow:0 8px 32px oklch(0.62 0.18 248 / .3)}
.btn-ghost{background:transparent;color:var(--ink-2);border:1px solid var(--border)}
.btn-ghost:hover{border-color:var(--accent);color:var(--ink)}
.btn svg{width:16px;height:16px;transition:transform .2s}
.btn-primary:hover svg{transform:translateX(3px)}

/* HERO */
.hero{
  min-height:100vh;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
  padding:120px max(20px,calc((100vw - 1160px)/2)) 80px;
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:'';
  position:absolute;
  top:-20%;right:-10%;
  width:70%;height:80%;
  background:radial-gradient(ellipse, oklch(0.22 0.05 240) 0%, transparent 70%);
  pointer-events:none;
}
.hero-text h1{
  font-size:clamp(2.6rem, 5.5vw, 4.6rem);
  font-weight:800;
  margin-bottom:24px;
  line-height:1.0;
  letter-spacing:-0.04em;
}
.hero-text h1 .hi{color:var(--accent)}
.hero-text p{
  font-size:1.1rem;
  color:var(--ink-2);
  line-height:1.7;
  margin-bottom:36px;
  max-width:52ch;
  font-weight:300;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

/* PHONE MOCKUP */
.hero-phone{position:relative}
.phone{
  width:270px;
  margin:0 auto;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:28px;
  overflow:hidden;
  position:relative;
  z-index:2;
  box-shadow:0 32px 80px oklch(0 0 0 / .5), 0 0 0 1px oklch(1 0 0 / .04);
}
.phone-bar{
  height:26px;background:var(--surface2);
  display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid var(--border);
}
.phone-bar-pill{width:72px;height:4px;background:var(--border);border-radius:10px}
.phone-head{
  padding:12px 16px;
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.phone-av{width:34px;height:34px;background:var(--accent);border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.phone-av svg{width:18px;height:18px}
.phone-name{font-size:.85rem;font-weight:600}
.phone-online{font-size:.7rem;color:var(--green)}
.phone-body{padding:14px;min-height:290px;display:flex;flex-direction:column;gap:8px}
.msg{display:flex;flex-direction:column}
.msg.in{align-items:flex-start}
.msg.out{align-items:flex-end}
.bubble{
  padding:9px 13px;border-radius:14px;
  font-size:.78rem;line-height:1.5;
  max-width:86%;
}
.bubble.in-b{background:var(--surface2);border:1px solid var(--border);color:var(--ink-2);border-bottom-left-radius:3px}
.bubble.out-b{background:var(--accent);color:var(--ink);border-bottom-right-radius:3px}
.msg-time{font-size:.62rem;color:var(--ink-3);margin-top:3px;padding:0 2px}
.typing{
  display:flex;align-items:center;
  padding:9px 13px;
  background:var(--surface2);border:1px solid var(--border);
  border-radius:14px;border-bottom-left-radius:3px;
  width:52px;
}
.dots{display:flex;gap:4px}
.dots i{width:5px;height:5px;background:var(--ink-3);border-radius:50%;display:inline-block;animation:dot 1.4s infinite}
.dots i:nth-child(2){animation-delay:.2s}
.dots i:nth-child(3){animation-delay:.4s}
@keyframes dot{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}

/* FLOATING CARDS */
.float-card{
  position:absolute;
  background:oklch(0.15 0.022 240 / .95);
  backdrop-filter:blur(16px);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:12px 16px;
  display:flex;align-items:center;gap:10px;
  box-shadow:0 8px 32px oklch(0 0 0 / .3);
  z-index:3;
}
.fc-icon{
  width:36px;height:36px;
  border-radius:var(--radius);
  display:grid;place-items:center;
  font-size:1rem;
  flex-shrink:0;
}
.fc-val{font-size:1.1rem;font-weight:700;letter-spacing:-0.02em;font-family:'Bricolage Grotesque',sans-serif}
.fc-label{font-size:.65rem;color:var(--ink-3)}
.fc1{top:24px;right:-32px;animation:rise .5s .6s both}
.fc2{bottom:120px;left:-40px;animation:rise .5s .8s both}
.fc3{bottom:28px;right:-20px;animation:rise .5s 1.0s both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* BAND */
.band{
  padding:44px max(20px,calc((100vw - 1160px)/2));
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  display:flex;justify-content:center;align-items:center;gap:56px;
  flex-wrap:wrap;
}
.band-item{text-align:center}
.band-n{font-family:'Bricolage Grotesque',sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-0.04em}
.band-l{font-size:.72rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}

/* SECTION BASE */
.section{padding:96px max(20px,calc((100vw - 1160px)/2))}

/* PROBLEM */
.problem-header{
  display:grid;grid-template-columns:1fr 1fr;
  gap:60px;align-items:end;
  margin-bottom:52px;
}
.problem-header h2{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:700}
.problem-header p{font-size:1rem;color:var(--ink-2);line-height:1.7}
.problem-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.pc{
  padding:28px 24px;
  border-bottom:1px solid var(--border);
  border-right:1px solid var(--border);
  transition:background .2s;
}
.pc:nth-child(2n){border-right:0}
.pc:nth-last-child(-n+2){border-bottom:0}
.pc:hover{background:oklch(0.62 0.18 248 / .04)}
.pc-icon{
  width:40px;height:40px;
  border-radius:var(--radius);
  background:oklch(0.62 0.18 248 / .08);
  border:1px solid oklch(0.62 0.18 248 / .15);
  display:grid;place-items:center;
  margin-bottom:16px;
}
.pc-icon svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pc h3{font-size:1rem;font-weight:600;margin-bottom:7px}
.pc p{font-size:.88rem;color:var(--ink-2);line-height:1.6;max-width:100%}

/* BEFORE / AFTER */
.ba{
  display:grid;grid-template-columns:1fr auto 1fr;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  margin-top:32px;
}
.ba-col{padding:28px 24px}
.ba-before{background:oklch(0.58 0.20 25 / .04)}
.ba-after{background:oklch(0.64 0.17 158 / .04)}
.ba-sep{display:grid;place-items:center;padding:0 16px;border-left:1px solid var(--border);border-right:1px solid var(--border)}
.ba-sep svg{width:18px;height:18px;stroke:var(--ink-3);fill:none;stroke-width:1.5;stroke-linecap:round}
.ba-title{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.ba-before .ba-title{color:var(--red)}
.ba-after .ba-title{color:var(--green)}
.ba-item{display:flex;gap:8px;font-size:.88rem;color:var(--ink-2);margin-bottom:9px;line-height:1.5}
.ba-item .mark{flex-shrink:0;margin-top:1px;font-size:.9rem}

/* SERVICES */
.svc-header{
  display:grid;grid-template-columns:1fr 1fr;
  gap:60px;align-items:end;margin-bottom:48px;
}
.svc-header h2{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:700}
.svc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1px;
  background:var(--border);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.sc{
  background:var(--bg);
  padding:32px 28px;
  position:relative;
  overflow:hidden;
  transition:background .2s;
}
.sc::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--accent);
  opacity:0;transition:opacity .2s;
}
.sc:hover{background:var(--surface)}
.sc:hover::before{opacity:1}
.sc-icon{
  width:44px;height:44px;
  background:oklch(0.62 0.18 248 / .08);
  border:1px solid oklch(0.62 0.18 248 / .15);
  border-radius:var(--radius);
  display:grid;place-items:center;
  margin-bottom:18px;
}
.sc-icon svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sc h3{font-size:1rem;font-weight:600;margin-bottom:8px;line-height:1.3}
.sc p{font-size:.85rem;color:var(--ink-2);line-height:1.6;max-width:100%}
.sc-list{margin-top:14px;display:flex;flex-direction:column;gap:6px}
.sc-item{display:flex;gap:7px;font-size:.78rem;color:var(--ink-3);align-items:flex-start}
.sc-item::before{content:'✓';color:var(--accent);flex-shrink:0}

/* PLATFORM */
.platform-intro{text-align:center;margin-bottom:52px}
.platform-intro h2{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:700;margin-bottom:14px}
.platform-intro p{font-size:1rem;color:var(--ink-2);margin:0 auto;max-width:56ch}
.browser{
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  max-width:1020px;
  margin:0 auto;
}
.browser-bar{
  display:flex;align-items:center;gap:8px;
  padding:11px 16px;
  background:var(--surface2);
  border-bottom:1px solid var(--border);
}
.browser-dots{display:flex;gap:5px}
.browser-dots i{width:8px;height:8px;border-radius:50%;display:inline-block}
.browser-url{flex:1;text-align:center;font-size:.75rem;color:var(--ink-3);letter-spacing:.02em}
.browser-body{display:grid;grid-template-columns:195px 1fr;min-height:400px}
.sidebar{border-right:1px solid var(--border);padding:12px 0}
.tab-btn{
  display:flex;align-items:center;gap:10px;
  padding:10px 16px;
  font-size:.82rem;color:var(--ink-3);
  cursor:pointer;transition:all .15s;
  border-left:2px solid transparent;
  font-family:'Inter',sans-serif;
  background:none;border-right:none;border-top:none;border-bottom:none;
  width:100%;text-align:left;
}
.tab-btn:hover,.tab-btn.active{color:var(--ink);background:oklch(0.62 0.18 248 / .06);border-left-color:var(--accent)}
.tab-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.tab-panel{display:none;padding:22px}
.tab-panel.active{display:block;animation:fadein .25s ease}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.tp-h{font-size:1rem;font-weight:600;margin-bottom:4px}
.tp-s{font-size:.78rem;color:var(--ink-3);margin-bottom:18px}

/* PIPELINE */
.pipe-cols{display:flex;gap:12px}
.pipe-col{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px}
.pipe-hdr{font-size:.68rem;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.pipe-badge{background:oklch(0.62 0.18 248 / .1);color:var(--accent);padding:2px 7px;border-radius:4px;font-size:.65rem;font-weight:600}
.pipe-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;margin-bottom:7px}
.pipe-card .nm{font-weight:500;font-size:.82rem;margin-bottom:2px}
.pipe-card .sub{color:var(--ink-3);font-size:.72rem}

/* CONTACTS */
.ct-list{display:flex;flex-direction:column;gap:6px}
.ct-row{
  display:grid;grid-template-columns:34px 1fr 100px 90px;
  gap:12px;align-items:center;
  padding:9px 12px;
  border:1px solid var(--border);border-radius:var(--radius);
  background:var(--surface);
}
.ct-av{width:34px;height:34px;border-radius:50%;background:oklch(0.62 0.18 248 / .12);display:grid;place-items:center;font-size:.78rem;font-weight:600;color:var(--accent)}
.ct-name{font-size:.85rem;font-weight:500}
.ct-tag{font-size:.72rem;color:var(--ink-3)}
.ct-status{font-size:.72rem;display:flex;align-items:center;gap:5px}
.dot-status{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}

/* CONVERSATIONS */
.conv-list{display:flex;flex-direction:column;gap:6px}
.conv-row{
  display:grid;grid-template-columns:38px 1fr auto;
  gap:12px;align-items:center;
  padding:10px 12px;
  border:1px solid var(--border);border-radius:var(--radius);
  background:var(--surface);transition:background .15s;cursor:default;
}
.conv-row:hover{background:var(--surface2)}
.conv-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:.82rem;font-weight:600}
.conv-name{font-size:.85rem;font-weight:500}
.conv-preview{font-size:.75rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.conv-time{font-size:.7rem;color:var(--ink-3);white-space:nowrap}
.unread{background:var(--accent);color:var(--ink);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.62rem;font-weight:600;margin-top:4px}

/* CALENDAR */
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:18px}
.cal-hdr{font-size:.7rem;color:var(--ink-3);text-align:center;padding:6px 0;font-weight:500}
.cal-day{text-align:center;padding:8px 4px;border-radius:7px;font-size:.82rem;color:var(--ink-3);cursor:default}
.cal-day.today{background:var(--accent);color:var(--ink);font-weight:600}
.cal-day.has-ev{color:var(--ink);position:relative}
.cal-day.has-ev::after{content:'';width:3px;height:3px;background:var(--accent);border-radius:50%;position:absolute;bottom:3px;left:50%;transform:translateX(-50%)}
.cal-events{display:flex;flex-direction:column;gap:5px}
.cal-ev{display:flex;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:.82rem}
.cal-ev-t{font-size:.75rem;color:var(--accent);font-weight:500;min-width:52px}

/* REPORTS */
.rpt-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.rpt-m{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.rpt-m-l{font-size:.75rem;color:var(--ink-3);margin-bottom:5px}
.rpt-m-v{font-size:1.6rem;font-weight:700;font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.rpt-m-d{font-size:.72rem;color:var(--green);margin-top:3px}
.chart{height:100px;display:flex;align-items:flex-end;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}
.bar{flex:1;border-radius:3px 3px 0 0;background:oklch(0.62 0.18 248 / .35);transition:height .4s cubic-bezier(.4,0,.2,1)}

/* PROCESS */
.process-section{background:oklch(0.14 0.023 240)}
.process-header{margin-bottom:52px}
.process-header h2{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:700;margin-bottom:14px}
.process-header p{font-size:1rem;color:var(--ink-2);max-width:52ch}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.step{
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:32px;
  background:var(--bg);
  transition:all .2s;
}
.step:hover{background:var(--surface);border-color:oklch(0.62 0.18 248 / .3)}
.step-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.step-n{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:2.4rem;font-weight:800;
  color:oklch(0.62 0.18 248 / .12);
  letter-spacing:-.04em;line-height:1;
}
.step-tag{
  background:oklch(0.62 0.18 248 / .08);
  border:1px solid oklch(0.62 0.18 248 / .18);
  border-radius:100px;
  padding:4px 12px;
  font-size:.72rem;color:var(--accent);
}
.step h3{font-size:1.05rem;font-weight:600;margin-bottom:7px}
.step p{font-size:.88rem;color:var(--ink-2);line-height:1.6;max-width:100%}

/* INDUSTRIES */
.ind-header{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;
  align-items:end;margin-bottom:44px;
}
.ind-header h2{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:700}
.ind-header p{font-size:1rem;color:var(--ink-2);line-height:1.7}
.ind-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;
}
.ind-card{
  background:var(--bg);padding:24px 20px;
  text-align:center;transition:background .2s;
}
.ind-card:hover{background:var(--surface)}
.ind-card .em{font-size:1.8rem;margin-bottom:11px;display:block}
.ind-card h4{font-size:.92rem;font-weight:600;margin-bottom:4px}
.ind-card p{font-size:.78rem;color:var(--ink-3);line-height:1.4;max-width:100%}

/* FAQ */
.faq-header{margin-bottom:44px}
.faq-header h2{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:700;margin-bottom:14px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fq{
  border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:24px;background:var(--surface);transition:background .2s;
}
.fq:hover{background:var(--surface2)}
.fq h3{font-size:.95rem;font-weight:600;margin-bottom:7px}
.fq p{font-size:.88rem;color:var(--ink-2);line-height:1.6;max-width:100%}

/* CTA */
.cta-section{
  background:oklch(0.14 0.023 240);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.cta-section::before{
  content:'';position:absolute;
  top:50%;left:50%;transform:translate(-50%,-50%);
  width:600px;height:400px;
  background:radial-gradient(ellipse, oklch(0.20 0.06 240) 0%, transparent 70%);
  pointer-events:none;
}
.cta-inner{position:relative;z-index:1;max-width:560px;margin:0 auto}
.cta-inner h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;margin-bottom:16px}
.cta-inner>p{font-size:1rem;color:var(--ink-2);line-height:1.7;margin:0 auto 36px;max-width:52ch}
.form{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:28px;text-align:left;
  position:relative;z-index:2;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.form-group{display:flex;flex-direction:column;gap:5px}
.form-group.full{grid-column:1/-1}
.form-label{font-size:.8rem;color:var(--ink-3)}
.form-field{
  background:var(--surface2);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:11px 14px;
  font-size:.9rem;color:var(--ink);
  font-family:'Inter',sans-serif;
  outline:none;width:100%;
  transition:border-color .18s;
}
.form-field:focus{border-color:var(--accent)}
.form-field::placeholder{color:var(--ink-3)}
textarea.form-field{resize:vertical;min-height:80px}
.form-submit{width:100%;margin-top:8px;border:none;cursor:pointer;font-family:'Inter',sans-serif;font-size:.95rem}
.trust-row{display:flex;gap:20px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--ink-3)}
.trust-item .ck{color:var(--green)}
.form-success{display:none;text-align:center;padding:28px;font-size:1rem;color:var(--green);font-weight:500}

/* FOOTER */
footer{
  border-top:1px solid var(--border);
  padding:52px max(20px,calc((100vw - 1160px)/2)) 32px;
}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px}
.footer-brand{max-width:340px}
.footer-tagline{font-size:.85rem;color:var(--ink-3);margin-top:12px;line-height:1.6}
.footer-right{text-align:right}
.footer-contact-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px}
.footer-email{font-family:'Bricolage Grotesque',sans-serif;font-size:1.3rem;font-weight:600;color:var(--ink);transition:color .18s}
.footer-email:hover{color:var(--accent)}
.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:20px;border-top:1px solid var(--border);
  font-size:.75rem;color:var(--ink-3);
}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:.07s}
.reveal-d2{transition-delay:.14s}
.reveal-d3{transition-delay:.21s}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* RESPONSIVE */
@media(max-width:920px){
  .hero{grid-template-columns:1fr;gap:40px;padding-top:100px}
  .hero-phone{order:-1;max-width:360px;margin:0 auto}
  .problem-header,.svc-header,.ind-header,.steps{grid-template-columns:1fr;gap:24px}
  .browser-body{grid-template-columns:1fr}.sidebar{display:none}
  .faq-grid{grid-template-columns:1fr}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .ba{grid-template-columns:1fr}.ba-sep{padding:12px;border-left:none;border-right:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
  .nav-links li:not(:last-child){display:none}
  .pipe-cols{flex-direction:column}
  .rpt-metrics{grid-template-columns:1fr 1fr}
  .ct-row{grid-template-columns:34px 1fr 80px}
  .ct-row>:last-child{display:none}
  .band{gap:28px}
}
@media(max-width:500px){
  .ind-grid{grid-template-columns:1fr 1fr}
  .fc1,.fc2,.fc3{display:none}
  .rpt-metrics{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
}