:root{
  --bg:#000;
  --ink:#f7f8ff;
  --muted:#a6adbd;
  --panel:#111216;
  --panel-2:#18191f;
  --blue:#2f7bff;
  --purple:#7b45f6;
  --violet:#a15cff;
  --orange:#f5a400;
  --line:rgba(255,255,255,.12);
  --shadow:0 28px 90px rgba(47,123,255,.18);
  --radius-xl:34px;
  --radius-lg:24px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 18% 8%,rgba(123,69,246,.28),transparent 25%),
    radial-gradient(circle at 84% 13%,rgba(47,123,255,.21),transparent 28%),
    radial-gradient(circle at 52% 36%,rgba(245,164,0,.075),transparent 30%),
    linear-gradient(180deg,#0b0807 0%,#07070b 34%,#000 72%),
    #000;
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black 0%,transparent 78%)}
.site-header{position:fixed;top:14px;left:50%;transform:translateX(-50%) translateY(0);z-index:10;width:min(var(--max),calc(100% - 32px));margin:0;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.22);background:rgba(8,10,14,.42);backdrop-filter:blur(18px);border-radius:999px;box-shadow:0 14px 42px rgba(0,0,0,.30);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em;font-size:18px}.nav{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#edf2ff}.nav a{padding:10px 14px;border-radius:999px;transition:background .2s ease,color .2s ease}.nav a:hover{background:rgba(255,255,255,.13);color:#fff}.nav-contact{background:#fff;color:#050509!important}
.section-shell{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.hero{position:relative;width:100vw;min-height:760px;min-height:100svh;margin:0 0 0 calc(50% - 50vw);padding:190px max(32px,calc((100vw - var(--max))/2 + 16px)) 118px;overflow:hidden;background:linear-gradient(180deg,#f0e8d8 0%,#2a1b10 72%,#140c08 90%,#09070a 100%)}.hero-image{position:absolute;inset:0;background-image:url('/assets/usespeaky-hero.webp');background-size:cover;background-position:60% 40%;z-index:0;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 66%,rgba(0,0,0,.70) 84%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 66%,rgba(0,0,0,.70) 84%,transparent 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(6,9,16,.52) 28%,rgba(20,22,28,.22) 54%,rgba(0,0,0,.02) 78%);pointer-events:none;z-index:1}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 16%,rgba(47,123,255,.12),transparent 36%),radial-gradient(circle at 82% 20%,rgba(123,69,246,.09),transparent 34%),radial-gradient(circle at 78% 78%,rgba(245,164,0,.06),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,0) 16%,rgba(0,0,0,0) 58%,rgba(18,11,8,.48) 84%,rgba(9,7,10,.88) 100%);pointer-events:none;z-index:1}.hero-copy{position:relative;z-index:2;max-width:720px;padding-top:0;text-shadow:0 3px 24px rgba(0,0,0,.54)}.eyebrow,.section-label{margin:0 0 16px;color:#bcd2ff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;max-width:720px;font-size:clamp(54px,7.3vw,98px);line-height:.88;letter-spacing:-.078em}h2{font-size:clamp(34px,5vw,68px);line-height:.94;letter-spacing:-.06em;margin-bottom:20px}h3{font-size:22px;letter-spacing:-.035em;margin-bottom:10px}.hero-lede,.intro-panel p,.operations-copy p,.split-copy p,.consulting-card p,.footer p{color:var(--muted);font-size:18px;line-height:1.65}.hero-lede{max-width:650px;font-size:19px;color:#eef2fb}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-cta,.secondary-cta,.consulting-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;font-weight:800;letter-spacing:-.02em}.primary-cta{padding:0 24px;color:#050509;background:#fff;box-shadow:0 18px 46px rgba(255,255,255,.16)}.secondary-cta{padding:0 22px;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.52)}.trust-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.trust-strip span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#f2f4fb;font-size:13px;font-weight:700}
.media-stage{position:relative;min-height:620px;border-radius:44px;background:linear-gradient(145deg,#15161d,#07080b);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.hero-visual{min-height:590px}.hero-visual:before{content:"";position:absolute;inset:34px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8}.orb-one{width:160px;height:160px;background:var(--orange);top:48px;right:50px}.orb-two{width:230px;height:230px;background:var(--blue);bottom:-70px;left:-40px}.agent-card,.dashboard-card,.process-line{position:absolute;border-radius:28px;background:rgba(17,18,22,.82);border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.32);backdrop-filter:blur(14px)}.agent-card{width:250px;padding:20px;display:grid;gap:12px}.agent-card small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.agent-card strong{line-height:1.25;letter-spacing:-.02em}.agent-avatar{width:64px;height:64px;border-radius:24px 24px 50% 50%;position:relative;box-shadow:inset 0 -8px rgba(0,0,0,.18)}.agent-avatar:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:12px;left:21px;box-shadow:0 26px 0 10px rgba(255,255,255,.5)}.avatar-gold{background:var(--orange)}.avatar-blue{background:var(--blue)}.avatar-green{background:var(--purple)}.card-content{top:88px;left:44px;transform:rotate(-5deg)}.card-moderation{top:242px;right:34px;transform:rotate(4deg)}.card-systems{bottom:70px;left:82px;transform:rotate(3deg)}.dashboard-card{right:62px;bottom:70px;width:230px;padding:18px}.dash-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.dash-row span{width:34px;height:34px;border-radius:12px;background:var(--blue)}.bars{display:grid;gap:8px}.bars i{display:block;width:var(--w);height:9px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--purple))}
.proof-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-60px;padding:126px 0 112px}.proof-strip:before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);right:calc(50% - 50vw);top:-110px;bottom:0;background:radial-gradient(circle at 22% 12%,rgba(245,164,0,.10),transparent 34%),radial-gradient(circle at 76% 18%,rgba(123,69,246,.12),transparent 40%),radial-gradient(circle at 54% 22%,rgba(47,123,255,.07),transparent 42%),linear-gradient(180deg,rgba(9,7,10,0) 0%,rgba(9,7,10,.34) 24%,rgba(9,7,10,.68) 44%,#09070a 66%,#050507 86%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 84%,transparent 100%)}.proof-card{min-height:176px;padding:24px;border-radius:26px;background:linear-gradient(150deg,rgba(123,69,246,.38),rgba(47,123,255,.12) 55%,rgba(245,164,0,.16));border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 68px rgba(0,0,0,.30)}.proof-card:nth-child(2){background:linear-gradient(150deg,rgba(47,123,255,.40),rgba(22,23,30,.78) 58%,rgba(123,69,246,.18))}.proof-card:nth-child(3){background:linear-gradient(150deg,rgba(245,164,0,.42),rgba(22,23,30,.78) 58%,rgba(47,123,255,.18))}.proof-card span{display:block;margin-bottom:24px;color:#d8dded;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.proof-card strong{display:block;margin-bottom:10px;font-size:clamp(34px,4vw,54px);line-height:.9;letter-spacing:-.055em}.proof-card p{margin:0;color:#d6d9e4;line-height:1.45;font-size:14px}
.intro-section{padding:0 0 108px}.intro-panel{position:relative;background:linear-gradient(145deg,rgba(24,25,31,.96),rgba(9,10,14,.94));border:1px solid var(--line);border-radius:var(--radius-xl);padding:clamp(30px,5vw,58px);box-shadow:0 22px 80px rgba(0,0,0,.34)}.intro-panel .section-label{display:inline-flex;margin-bottom:22px;padding:9px 13px;border-radius:999px;border:1px solid rgba(47,123,255,.28);background:rgba(47,123,255,.12);color:#b9d0ff}.intro-panel h2{max-width:950px}.intro-panel p{max-width:820px}.section-heading{max-width:740px;margin-bottom:34px}.services-section{padding:40px 0 110px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{min-height:230px;padding:28px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);cursor:default;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.service-card:hover,.service-card:focus-within{transform:translateY(-7px);box-shadow:0 26px 72px rgba(47,123,255,.25);background:linear-gradient(145deg,var(--blue),var(--purple));color:#fff;border-color:rgba(255,255,255,.22)}.service-card p{color:var(--muted);line-height:1.55;margin-bottom:0;transition:color .25s ease}.service-card:hover p,.service-card:focus-within p{color:rgba(255,255,255,.82)}
.operations-section{background:#030305;color:#fff;border-radius:52px;margin:20px 16px 110px;overflow:hidden;border:1px solid var(--line)}.operations-shell{display:grid;grid-template-columns:.85fr 1fr;gap:48px;align-items:center;padding:84px 0}.operations-copy .eyebrow{color:var(--orange)}.operations-copy p{color:var(--muted)}.process-stack{min-height:460px;background:linear-gradient(145deg,rgba(123,69,246,.24),rgba(47,123,255,.14));box-shadow:none;border-color:rgba(255,255,255,.12)}.process-line{position:relative;margin:0 auto 14px;width:min(84%,520px);padding:18px 20px;display:flex;justify-content:space-between;gap:16px;background:rgba(17,18,22,.92);color:#fff}.process-line:nth-child(1){margin-top:58px;transform:rotate(-1deg)}.process-line:nth-child(2){transform:translateX(34px) rotate(1deg)}.process-line:nth-child(3){transform:translateX(-22px) rotate(-.6deg)}.process-line:nth-child(4){transform:translateX(18px) rotate(.8deg)}.process-line span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.split-section{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:center;padding-bottom:110px}.media-frame{min-height:480px;border-radius:42px;background:linear-gradient(135deg,rgba(47,123,255,.28),rgba(123,69,246,.24));border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:var(--shadow)}.media-frame:after{content:"";position:absolute;inset:54px;border-radius:36px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.10)}.media-controls{position:absolute;z-index:1;left:26px;bottom:26px;padding:16px 18px;border-radius:18px;background:rgba(17,18,22,.88);border:1px solid var(--line);display:grid;gap:4px}.media-controls span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.split-copy p{max-width:610px}.consulting-section{padding-bottom:90px}.consulting-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding:clamp(30px,5vw,58px);border-radius:var(--radius-xl);background:linear-gradient(135deg,#111216,#081a35);border:1px solid var(--line);box-shadow:0 22px 80px rgba(0,0,0,.34)}.consulting-card h2,.consulting-card p{grid-column:1;max-width:780px}.consulting-link{grid-column:2;grid-row:2/span 2;padding:0 24px;background:#fff;color:#050509}.footer{width:min(var(--max),calc(100% - 32px));margin:0 auto 24px;padding:26px 0 10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.footer p{max-width:640px;font-size:14px;margin:8px 0 0}.footer a{font-weight:800}.media-stage[data-media-url],.replaceable-media[data-media-url]{background-size:var(--media-scale,cover);background-position:var(--media-position,center);background-repeat:no-repeat}.hero-visual[data-media-url]:before,.hero-visual[data-media-url] .orb,.hero-visual[data-media-url] .agent-card,.hero-visual[data-media-url] .dashboard-card{display:none}.process-stack[data-media-url]{box-shadow:var(--shadow);border-color:rgba(255,255,255,.16)}.process-stack[data-media-url] .process-line{display:none}.process-stack[data-media-url]:after,.hero-visual[data-media-url]:after,.media-frame[data-media-url]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.24));pointer-events:none}.replaceable-media[data-media-url] .media-controls{display:none}
@media(max-width:1050px){h1{font-size:clamp(46px,8vw,76px)}.hero{padding-top:170px}}
@media(max-width:920px){.nav a:not(.nav-contact){display:none}.operations-shell,.split-section,.consulting-card{grid-template-columns:1fr}.hero{min-height:760px;padding:150px 32px 86px}.hero-image{background-position:64% center}.media-stage{min-height:540px}.proof-strip,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.consulting-link{grid-column:1;grid-row:auto;width:fit-content}}
@media(max-width:620px){.site-header{width:calc(100% - 20px);top:10px}.brand{font-size:17px}.hero{min-height:760px;margin-top:0;margin-bottom:34px;padding:128px 20px 64px}.hero-image{background-position:70% center}h1{font-size:clamp(44px,15vw,66px)}.hero-lede{font-size:16px;line-height:1.55}.hero-actions{display:grid}.trust-strip span{font-size:12px}.media-stage{min-height:470px;border-radius:32px}.agent-card{width:210px;padding:16px}.card-content{left:22px;top:64px}.card-moderation{right:18px;top:215px}.card-systems{left:34px;bottom:40px}.dashboard-card{display:none}.proof-strip,.services-grid{grid-template-columns:1fr}.operations-section{border-radius:34px;margin-inline:8px}.footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.hero{background-image:url('/assets/usespeaky-hero.webp');background-size:cover;background-position:60% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Soft cross-section blending pass: avoid hard background color cuts between sections. */
main{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 21%,rgba(245,164,0,.055),transparent 18%),radial-gradient(circle at 86% 31%,rgba(123,69,246,.085),transparent 22%),radial-gradient(circle at 18% 58%,rgba(47,123,255,.055),transparent 24%)}
.proof-strip:before{top:-190px;bottom:-100px;background:radial-gradient(circle at 22% 22%,rgba(245,164,0,.11),transparent 34%),radial-gradient(circle at 76% 20%,rgba(123,69,246,.12),transparent 40%),radial-gradient(circle at 54% 34%,rgba(47,123,255,.075),transparent 42%),linear-gradient(180deg,rgba(9,7,10,0) 0%,rgba(9,7,10,.34) 24%,rgba(9,7,10,.78) 48%,rgba(5,5,7,.72) 76%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%)}
.intro-section,.services-section,.split-section,.consulting-section{position:relative;z-index:1}
.intro-section:before,.services-section:before,.split-section:before,.consulting-section:before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);right:calc(50% - 50vw);top:-120px;bottom:-120px;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%)}
.intro-section:before{background:radial-gradient(circle at 50% 24%,rgba(47,123,255,.07),transparent 36%),radial-gradient(circle at 12% 70%,rgba(245,164,0,.045),transparent 26%)}
.services-section:before{background:radial-gradient(circle at 15% 10%,rgba(245,164,0,.06),transparent 26%),radial-gradient(circle at 74% 22%,rgba(123,69,246,.065),transparent 34%),linear-gradient(180deg,rgba(0,0,0,0),rgba(7,6,8,.35) 48%,rgba(0,0,0,0))}
.operations-section{position:relative;background:linear-gradient(180deg,rgba(3,3,5,0) 0%,rgba(3,3,5,.84) 11%,rgba(3,3,5,.94) 50%,rgba(3,3,5,.82) 89%,rgba(3,3,5,0) 100%);border-color:rgba(255,255,255,.07);box-shadow:0 -80px 160px rgba(47,123,255,.045),0 90px 180px rgba(123,69,246,.04)}
.operations-section:before{content:"";position:absolute;inset:-120px -16px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 20%,rgba(245,164,0,.07),transparent 24%),radial-gradient(circle at 82% 36%,rgba(47,123,255,.075),transparent 28%),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.46) 42%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%)}
.split-section:before{background:radial-gradient(circle at 32% 12%,rgba(47,123,255,.06),transparent 30%),radial-gradient(circle at 70% 68%,rgba(245,164,0,.045),transparent 28%)}
.consulting-section:before{background:radial-gradient(circle at 74% 36%,rgba(47,123,255,.10),transparent 34%),radial-gradient(circle at 16% 72%,rgba(123,69,246,.07),transparent 30%)}

/* v03 hero polish: lower the shorter hero copy and dissolve the image-to-background seam. */
.hero{box-shadow:0 72px 150px rgba(9,7,10,.82)}
.hero-image{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.78) 74%,rgba(0,0,0,.30) 91%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.78) 74%,rgba(0,0,0,.30) 91%,transparent 100%)}
.hero:after{inset:0 0 -1px 0;background:radial-gradient(circle at 18% 16%,rgba(47,123,255,.12),transparent 36%),radial-gradient(circle at 82% 20%,rgba(123,69,246,.09),transparent 34%),radial-gradient(circle at 78% 78%,rgba(245,164,0,.06),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,0) 16%,rgba(0,0,0,0) 52%,rgba(18,11,8,.42) 72%,rgba(9,7,10,.92) 94%,#09070a 100%)}
.hero-copy{padding-top:clamp(56px,7vh,86px);max-width:760px}
.hero-copy h1{max-width:760px;font-size:clamp(56px,6.9vw,92px);line-height:.9}
@media(max-width:920px){.hero-copy{padding-top:clamp(32px,5vh,58px)}.hero-copy h1{font-size:clamp(46px,8vw,76px)}}
@media(max-width:620px){.hero-copy{padding-top:24px}.hero-copy h1{font-size:clamp(42px,14vw,64px)}}