/* TMB/BRANDS — static GoDaddy deployment */
:root {
  --ink: #101018;
  --paper: #f7f7f5;
  --purple: #4a31ed;
  --violet: #8c39df;
  --blue: #2549d8;
  --muted: #686873;
  --font: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font); font-weight: 400; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
section { position: relative; overflow: hidden; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-weight: 500; letter-spacing: -.045em; }
.hero { min-height: 90vh; min-height: 90svh; display: grid; place-items: center; color: white; text-align: center; isolation: isolate; background: #090916; }
.hero-bg { position: absolute; inset: 0; z-index: -2; background: url("https://images.squarespace-cdn.com/content/v1/68a5bdd38f815476cf38918e/e8aea93f-cc4f-4ded-b393-f600ed89255f/BACK-TBM.png") center/cover no-repeat; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg,rgba(4,3,18,.45),rgba(5,6,28,.15) 55%,rgba(12,5,30,.35)); }
.hero-inner { width: min(1200px, 90vw); padding: 7rem 0; }
.hero-kicker { margin: 0 auto 2.4rem; max-width: 780px; font-size: clamp(1rem,2vw,1.45rem); line-height: 1.4; font-weight: 500; }
.hero h1 { margin: 0; font-size: clamp(4rem,13vw,11.5rem); line-height: .92; letter-spacing: -.075em; font-weight: 600; }
.hero h1 span { color: #a98bff; }
.hero-scroll { position: absolute; bottom: 2.2rem; width: 1px; height: 42px; background: rgba(255,255,255,.35); }
.hero-scroll span { display:block; width: 1px; height: 18px; background: white; }
.section-light { background: var(--paper); }
.intro { min-height: 570px; display: grid; grid-template-columns: minmax(180px,.7fr) minmax(0,2fr); gap: clamp(2rem,7vw,8rem); align-items: center; padding: clamp(5rem,10vw,10rem) max(7vw, calc((100vw - 1280px)/2)); }
.intro-mark { align-self: stretch; display: flex; align-items: center; justify-content: center; }
.intro-mark img { width: min(230px,75%); max-height: 300px; object-fit: contain; }
.intro-copy { max-width: 900px; }
.eyebrow { text-transform: uppercase; letter-spacing: .16em; font-size: .76rem; line-height: 1.3; font-weight: 600; color: #6b6b75; margin-bottom: 2rem; }
.intro h2 { font-size: clamp(2rem,4.1vw,4.25rem); line-height: 1.14; margin: 0; }
.approach { color: white; min-height: 850px; display: flex; align-items: center; isolation: isolate; background: #160b37; }
.approach-image { position: absolute; inset: 0; z-index: -2; background: url("https://images.squarespace-cdn.com/content/v1/68a5bdd38f815476cf38918e/ad68138e-9ffa-4eba-9e35-23ea4f88f653/pexels-codioful-7135037.jpg") center/cover no-repeat; }
.approach::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(100deg,rgba(8,5,30,.92),rgba(23,6,55,.72) 60%,rgba(23,6,55,.35)); }
.approach-content { width: min(1320px,86vw); margin: 0 auto; padding: 8rem 0; }
.eyebrow-light { color: rgba(255,255,255,.68); }
.approach h2 { max-width: 1050px; font-size: clamp(2.4rem,5.6vw,5.8rem); line-height: 1.06; margin-bottom: 5rem; }
.approach h2 span { color: #b8a7ff; }
.steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem; border-top: 1px solid rgba(255,255,255,.35); padding-top: 1.6rem; }
.step { display: grid; grid-template-columns: 2.4rem 1fr; gap: 1rem; }
.step-number,.edge-index { font-size: .7rem; letter-spacing: .12em; color: #c5b8ff; }
.step h3 { font-size: clamp(1.3rem,2vw,1.8rem); margin: 0 0 .65rem; letter-spacing: -.025em; }
.step p { color: rgba(255,255,255,.76); font-size: 1rem; line-height: 1.6; margin: 0; max-width: 300px; }
.why { min-height: 780px; display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: clamp(3rem,8vw,9rem); padding: clamp(5rem,10vw,9rem) max(7vw, calc((100vw - 1280px)/2)); }
.why-art { position: relative; min-height: 520px; display: grid; place-items: center; }
.why-art .arc { position: absolute; width: 65%; max-height: 520px; object-fit: contain; opacity: .95; transform: rotate(-7deg); }
.product-image { width: 75%; height: 430px; object-fit: cover; position: relative; box-shadow: 0 30px 80px rgba(20,12,60,.16); }
.why-copy { max-width: 650px; }
.why-copy h2 { font-size: clamp(2rem,4vw,4.15rem); line-height: 1.13; margin-bottom: 2rem; }
.why-statement { font-size: clamp(1.1rem,1.8vw,1.5rem); line-height: 1.55; color: #5e5d68; max-width: 620px; }
.why-statement strong { color: var(--purple); font-weight: 600; }
.edge { color: white; min-height: 730px; display: flex; align-items: center; isolation: isolate; background: #080817; }
.edge-bg { position:absolute; inset:0; z-index:-2; background: url("https://images.squarespace-cdn.com/content/v1/68a5bdd38f815476cf38918e/e8aea93f-cc4f-4ded-b393-f600ed89255f/BACK-TBM.png") center/cover no-repeat; opacity: .45; }
.edge::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(120deg,rgba(5,5,20,.9),rgba(10,8,38,.62)); }
.edge-inner { width: min(1320px,86vw); margin: 0 auto; padding: 7rem 0; }
.edge-grid { display:grid; grid-template-columns:repeat(3,1fr); gap: clamp(1.5rem,4vw,4rem); }
.edge-card { min-height: 300px; border-top: 1px solid rgba(255,255,255,.45); padding-top: 1.5rem; display:flex; flex-direction:column; }
.edge-card h2 { font-size:clamp(2rem,3.8vw,3.8rem); line-height:1.03; margin: 2.8rem 0 1.3rem; }
.edge-card p { color:rgba(255,255,255,.75); font-size:1.05rem; line-height:1.6; max-width:300px; margin-top:auto; }
.vision { min-height: 620px; display:flex; align-items:center; color:white; background: radial-gradient(ellipse at 80% 15%,#4a31ed 0%,#23134e 32%,#090916 72%); isolation:isolate; }
.vision-copy { width:min(1050px,80vw); margin:0 auto; padding:8rem 0; position:relative; z-index:1; }
.vision h2 { font-size:clamp(2.4rem,5.3vw,5.4rem); line-height:1.08; max-width:1050px; margin:0; }
.vision-wordmark { position:absolute; right:-2vw; bottom:-2.5vw; font-size:clamp(4rem,13vw,13rem); letter-spacing:-.08em; font-weight:600; color:rgba(255,255,255,.055); white-space:nowrap; }
footer { min-height:90px; padding:1.5rem 7vw; background:#080816; color:rgba(255,255,255,.62); display:flex; align-items:center; justify-content:space-between; gap:1rem; font-size:.78rem; letter-spacing:.04em; }
footer span:first-child { color:#fff; font-weight:600; letter-spacing:.08em; }
@media (max-width: 760px) {
  .hero { min-height:78vh; min-height:78svh; }
  .hero-inner { padding:5rem 0; }
  .hero-kicker { max-width:310px; margin-bottom:1.7rem; }
  .intro { min-height:unset; grid-template-columns:1fr; gap:2rem; padding:5rem 8vw; }
  .intro-mark { justify-content:flex-start; }
  .intro-mark img { width:105px; max-height:130px; }
  .intro h2 { font-size:clamp(1.85rem,7vw,2.7rem); }
  .approach { min-height:unset; }
  .approach-content { width:84vw; padding:5.5rem 0; }
  .approach h2 { font-size:clamp(2.25rem,9vw,3.5rem); margin-bottom:3.5rem; }
  .steps { grid-template-columns:1fr; gap:1.7rem; }
  .step p { max-width: none; }
  .why { grid-template-columns:1fr; gap:2.5rem; padding:5rem 8vw; }
  .why-art { min-height:320px; }
  .product-image { height:290px; width:78%; }
  .why-art .arc { max-height:340px; }
  .why-copy h2 { font-size:clamp(2rem,8vw,3.1rem); }
  .edge { min-height:unset; }
  .edge-inner { width:84vw; padding:5.5rem 0; }
  .edge-grid { grid-template-columns:1fr; gap:2rem; }
  .edge-card { min-height:220px; }
  .edge-card h2 { margin:1.8rem 0 1rem; font-size:2.6rem; }
  .vision { min-height:540px; }
  .vision-copy { width:84vw; padding:6rem 0; }
  .vision h2 { font-size:clamp(2.35rem,8.5vw,3.5rem); }
  .vision-wordmark { font-size:18vw; bottom:1rem; }
  footer { align-items:flex-start; flex-direction:column; padding:1.5rem 8vw; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }