:root{--bg:#07070a;--panel:#0d0c11;--text:#f7f5f7;--muted:#aaa5ad;--pink:#f21b6a;--pink2:#a40c58;--line:rgba(255,255,255,.12);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(7,7,10,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:28px;letter-spacing:-1.4px}.brand i{font-style:normal;color:var(--pink)}.links{display:flex;gap:30px;align-items:center;color:#d5d0d7;font-size:14px}.links a:hover{color:white}.pill{border:1px solid var(--line);padding:10px 15px;border-radius:999px}.hero{min-height:760px;position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 18% 50%,rgba(242,27,106,.33),transparent 31%),radial-gradient(circle at 72% 18%,rgba(114,12,73,.28),transparent 28%);filter:blur(20px)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#d8a4bd;margin-bottom:20px}.hero h1,.pagehero h1{font-size:clamp(54px,7vw,98px);line-height:.94;letter-spacing:-.06em;margin:0 0 28px;max-width:850px}.hero p,.pagehero p{font-size:20px;color:#c3bdc5;max-width:650px}.actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:14px 20px;background:white;color:#111;font-size:14px;font-weight:650}.btn.secondary{background:transparent;color:white;border:1px solid var(--line)}.visual{position:relative}.visual img{width:100%;height:600px;object-fit:cover;object-position:center;border-radius:32px;filter:saturate(.9) contrast(1.04)}.visual:after{content:"";position:absolute;inset:0;border-radius:32px;background:linear-gradient(90deg,var(--bg),transparent 32%),linear-gradient(0deg,var(--bg),transparent 30%)}.xline{display:flex;align-items:center;gap:16px;margin:54px 0 0}.xline b{font-size:34px}.xline span{height:2px;flex:1;background:linear-gradient(90deg,var(--pink),rgba(242,27,106,0))}.section{padding:120px 0;border-top:1px solid rgba(255,255,255,.05)}.section.light{background:#f5f3f4;color:#111}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--pink);margin-bottom:14px}.section h2{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.045em;margin:0 0 28px}.lede{font-size:21px;max-width:760px;color:var(--muted)}.light .lede{color:#5e5860}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-top:60px}.stat{background:var(--panel);padding:36px}.stat strong{font-size:48px;letter-spacing:-.05em;display:block}.stat span{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px}.card{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));min-height:210px}.card .num{color:var(--pink);font-size:12px;margin-bottom:44px}.card h3{font-size:21px;margin:0 0 10px}.card p{font-size:14px;color:var(--muted);margin:0}.reveal{position:relative;border-radius:30px;overflow:hidden;margin-top:50px;min-height:520px;background:#160912}.reveal img{width:100%;height:520px;object-fit:cover;opacity:.68}.reveal .overlay{position:absolute;inset:0;padding:48px;display:flex;align-items:flex-end;background:linear-gradient(0deg,rgba(7,7,10,.94),transparent 70%)}.reveal h3{font-size:42px;max-width:650px;margin:0}.evidence{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.evidence img{border-radius:24px}.metricrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.metric{border-top:1px solid var(--line);padding-top:20px}.metric strong{font-size:40px;display:block}.metric span{font-size:13px;color:var(--muted)}.quote{padding:80px 0;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(242,27,106,.18),transparent 45%)}.quote blockquote{font-size:clamp(34px,5vw,64px);letter-spacing:-.04em;line-height:1.05;max-width:950px;margin:0 auto 22px}.quote p{color:var(--muted)}.footer{padding:58px 0;border-top:1px solid var(--line)}.footgrid{display:grid;grid-template-columns:1fr auto;gap:40px}.fine{font-size:11px;color:#77727a;max-width:920px;margin-top:50px}.pagehero{padding:120px 0 80px;background:radial-gradient(circle at 20% 20%,rgba(242,27,106,.2),transparent 35%)}.pagehero h1{max-width:1000px}.article{max-width:900px}.article h2{font-size:42px;margin-top:70px}.article p,.article li{color:#bdb7c0;font-size:18px}.compare{width:100%;border-collapse:collapse;margin-top:40px}.compare th,.compare td{padding:18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#aaa}.compare td:first-child{color:#aaa;width:18%}.compare td:nth-child(2){color:white}.compare td:nth-child(3){color:#aaa}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;padding:16px;border-radius:12px;border:1px solid var(--line);background:#0c0b10;color:white;font:inherit}.form textarea{min-height:160px}.mobile{display:none}@media(max-width:900px){.wrap{width:min(100% - 30px,var(--max))}.links{display:none}.mobile{display:block}.hero{min-height:auto;padding:90px 0}.hero-grid,.split,.evidence,.contactgrid{grid-template-columns:1fr}.hero h1,.pagehero h1{font-size:54px}.visual{order:-1}.visual img{height:400px}.cards{grid-template-columns:1fr 1fr}.stats,.metricrow{grid-template-columns:1fr}.section{padding:84px 0}.footgrid{grid-template-columns:1fr}}@media(max-width:560px){.cards{grid-template-columns:1fr}.hero h1,.pagehero h1{font-size:46px}.hero p,.pagehero p,.lede{font-size:18px}.visual img{height:340px}.reveal,.reveal img{min-height:420px;height:420px}.reveal .overlay{padding:28px}.reveal h3{font-size:34px}.section h2{font-size:42px}}
/* V2 brand + motion refinements */
body{font-family:Avenir,"Avenir Next",Montserrat,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.brandlogo{display:flex;align-items:center;width:156px;height:58px;overflow:hidden}.brandlogo img{width:156px;height:auto;object-fit:contain}.footerlogo{width:210px;max-height:86px;object-fit:contain;object-position:left center}.footnote{color:#aaa;margin:4px 0 0}.footerlinks{display:flex;gap:24px;align-items:flex-start;color:#d5d0d7;font-size:14px}.brandline{width:100%;height:2px;object-fit:fill;margin:38px 0 24px}.copyright{font-size:11px;color:#77727a;margin:14px 0 0}
.hero h1,.pagehero h1,.section h2,.quote blockquote{letter-spacing:-.025em}.eyebrow,.kicker{font-size:14px;letter-spacing:.15em;font-weight:600}.hero h1,.pagehero h1{line-height:1.01}.section h2{line-height:1.04}
.xline img{width:28px;height:28px;object-fit:contain}.xline span{background-image:url('assets/axtera-line.png');background-size:100% 100%;background-repeat:no-repeat;height:3px}
.light .compare{color:#18141a}.light .compare th{color:#675d67;border-color:rgba(20,15,22,.16)}.light .compare td{border-color:rgba(20,15,22,.14)}.light .compare td:first-child,.light .compare td:nth-child(3){color:#625962}.light .compare td:nth-child(2){color:#171217;font-weight:600}
.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.75,.25,1),transform .9s cubic-bezier(.2,.75,.25,1)}.reveal-on-scroll.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-scroll{opacity:1;transform:none;transition:none}}
.teamgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.teamcard{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel);transition:transform .35s ease,border-color .35s ease}.teamcard:hover{transform:translateY(-5px);border-color:rgba(242,27,106,.42)}.headshot{aspect-ratio:4/4.5;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,#353039,#121016 65%);position:relative;overflow:hidden}.headshot:before{content:"";width:38%;aspect-ratio:1;border-radius:50%;background:#8b858d;position:absolute;top:18%}.headshot:after{content:"";width:70%;height:46%;border-radius:50% 50% 0 0;background:#77717a;position:absolute;bottom:-8%}.teamcopy{padding:24px}.teamcopy h3{font-size:22px;margin:0 0 5px}.role{font-size:13px;color:#d08cac;margin-bottom:16px}.teamcopy p{color:var(--muted);font-size:14px}.textlink{font-size:13px;color:white;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px}.profilehero{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.profilehero .headshot{border-radius:28px}.bio{max-width:760px}.bio p{font-size:18px;color:#bbb4bd}.backlink{display:inline-block;margin-bottom:24px;color:#aaa;font-size:13px}
@media(max-width:900px){.teamgrid{grid-template-columns:1fr 1fr}.profilehero{grid-template-columns:1fr}.brandlogo{width:135px}.brandlogo img{width:135px}}@media(max-width:560px){.teamgrid{grid-template-columns:1fr}.eyebrow,.kicker{font-size:13px}.footerlinks{flex-wrap:wrap}}
/* V3 interaction + content refinements */
.nav{position:fixed;left:0;right:0;top:0;transition:transform .28s cubic-bezier(.2,.75,.25,1),background .25s ease}.nav.nav-hidden{transform:translateY(-105%)}
.links>a:not(.pill){position:relative;transition:color .24s ease}.links>a:not(.pill):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:linear-gradient(90deg,var(--pink),#a855f7);transition:right .28s cubic-bezier(.2,.75,.25,1)}
.links>a:not(.pill):hover:after{right:0}.btn,.pill,.textlink{transition:transform .25s cubic-bezier(.2,.75,.25,1),background .25s ease,border-color .25s ease,color .25s ease}.btn:hover,.pill:hover{transform:translateY(-2px)}.btn span{display:inline-block;transition:transform .25s ease}.btn:hover span{transform:translateX(4px)}
.hero{padding-top:76px}.hero-copy{padding-top:56px}.hero h1{max-width:780px}.hero-product{height:610px!important;object-fit:cover!important;object-position:55% center!important}.visual:after{background:linear-gradient(90deg,var(--bg),transparent 25%),linear-gradient(0deg,var(--bg),transparent 22%)}
.company-principle{margin-top:48px;padding-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:140px 1fr;gap:30px}.company-principle strong{font-size:13px;color:var(--pink);text-transform:uppercase;letter-spacing:.12em}.company-principle p{margin:0;color:var(--muted);font-size:18px;max-width:760px}
.product-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}.product-step{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#0d0c11}.product-step img{width:100%;aspect-ratio:1.25;object-fit:cover}.product-step span{display:block;padding:14px 16px;color:#bdb7c0;font-size:12px}
.evidence-native{padding:34px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(242,27,106,.08),rgba(255,255,255,.018))}.evidence-native .metricrow{margin-top:40px}
.xfactor{position:relative;overflow:hidden;text-align:left}.xfactor .xfactor-mark{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:min(40vw,520px);opacity:.13}.xfactor blockquote{margin-left:0}.xfactor p{font-size:18px}.xfactor .wrap{position:relative;z-index:1}
.footerlogo{width:190px}.footnote{display:none}.footer-legal{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;margin-top:34px}.footer .fine{margin:0;max-width:none}.refs{font-size:11px;color:#77727a}.refs strong{display:block;color:#aaa;margin-bottom:8px}.footerlinks a{transition:color .2s ease}.footerlinks a:hover{color:white}
.career-intro{max-width:760px}.jobs{margin-top:44px;border-top:1px solid var(--line)}.job{border-bottom:1px solid var(--line)}.job-toggle{width:100%;background:none;border:0;color:inherit;padding:26px 0;display:grid;grid-template-columns:1.3fr .7fr .7fr auto;gap:20px;align-items:center;text-align:left;font:inherit;cursor:pointer}.job-title{font-size:21px;font-weight:600}.job-meta{font-size:13px;color:var(--muted)}.job-plus{font-size:26px;font-weight:300;transition:transform .3s ease}.job.open .job-plus{transform:rotate(45deg)}.job-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.75,.25,1)}.job.open .job-body{grid-template-rows:1fr}.job-body-inner{overflow:hidden}.job-copy{max-width:820px;padding:8px 0 48px}.job-copy h3{font-size:20px;margin:30px 0 10px}.job-copy p,.job-copy li{color:#bdb7c0;font-size:16px}.job-copy ul{padding-left:20px}.career-form{margin-top:70px;padding:40px;border-radius:28px;background:#0d0c11;border:1px solid var(--line)}.career-form .form-note{color:var(--muted);max-width:720px}.tally-placeholder{margin-top:28px;border:1px dashed rgba(255,255,255,.2);border-radius:20px;padding:48px 28px;text-align:center;color:#8e8891}.tally-placeholder strong{display:block;color:white;font-size:20px;margin-bottom:8px}
@media(max-width:900px){.hero-copy{padding-top:10px}.product-sequence{grid-template-columns:1fr 1fr}.footer-legal{grid-template-columns:1fr}.job-toggle{grid-template-columns:1fr auto}.job-toggle .job-meta{display:none}.xfactor .xfactor-mark{width:70vw;right:-25%;opacity:.09}}
@media(max-width:560px){.product-sequence{grid-template-columns:1fr}.hero{padding-top:70px}.hero h1{max-width:100%}.career-form{padding:26px 20px}.company-principle{grid-template-columns:1fr;gap:8px}}

/* v4 directed revisions */
.hero-copy{padding-top:92px;padding-bottom:88px}
.hero h1{white-space:nowrap;max-width:none}
.hero .actions{margin-top:32px;margin-bottom:34px}
.visual{background:#09090c;border-radius:32px;overflow:hidden}
.visual img{background:#09090c}
.visual:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:32px;background:linear-gradient(90deg,#07070a 0%,rgba(7,7,10,.84) 7%,rgba(7,7,10,0) 30%),linear-gradient(0deg,#07070a 0%,rgba(7,7,10,.62) 8%,rgba(7,7,10,0) 28%)}
.visual:after{z-index:3}
.xfactor{text-align:center}
.xfactor blockquote{margin-left:auto;margin-right:auto}
.xfactor .xfactor-mark{left:50%;right:auto;transform:translate(-50%,-50%);opacity:.08}
.procedure-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-top:70px}
.product-sequence.six{grid-template-columns:repeat(3,1fr);margin-top:46px}
.product-sequence.six .product-step img{aspect-ratio:1.22/1;object-fit:cover}
@media(max-width:1100px){.hero h1{white-space:normal}}
@media(max-width:900px){.hero-copy{padding-top:10px;padding-bottom:30px}.procedure-intro{grid-template-columns:1fr}.product-sequence.six{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.product-sequence.six{grid-template-columns:1fr}}

/* v6 directed interaction refinements */
.btn,.pill{position:relative;isolation:isolate;overflow:hidden;will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease,color .35s ease}
.btn:before,.pill:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#f21b6a,#9d2cf4);transform:translateX(-105%);transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.btn:hover,.pill:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 12px 34px rgba(242,27,106,.2);color:#fff;border-color:transparent}
.btn:hover:before,.pill:hover:before{transform:translateX(0)}
.btn span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s ease}
.btn:hover span{transform:translateX(3px) rotate(-8deg);background:rgba(255,255,255,.16)}
.dark-btn:before{background:linear-gradient(110deg,#f21b6a,#74115b)}
.card{transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,border-color .38s ease}
.card:hover{transform:translateY(-8px) scale(1.035);box-shadow:0 18px 45px rgba(20,10,18,.12);border-color:rgba(242,27,106,.36)!important;z-index:2}
.card .num{font-size:clamp(32px,4vw,56px);font-weight:650;line-height:1;letter-spacing:-.05em;margin-bottom:34px}
.product-step{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));backdrop-filter:blur(14px);transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .38s ease,box-shadow .38s ease}
.product-step:hover{transform:translateY(-8px) scale(1.025);border-color:rgba(242,27,106,.38);box-shadow:0 18px 46px rgba(0,0,0,.24)}
.product-step img{background:rgba(255,255,255,.88);mix-blend-mode:screen}
.product-step span{font-size:16px;line-height:1.35;padding:18px 20px;color:#eee9ef}
.trak-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:center}.trak-hero-art{border-radius:30px;overflow:hidden;background:#0d0c11;box-shadow:0 30px 80px rgba(0,0,0,.35)}.trak-hero-art img{width:100%;height:520px;object-fit:cover;object-position:center;filter:contrast(1.04)}
.trak-procedure-section{padding-bottom:78px}.trak-difference-section{padding-top:78px;padding-bottom:78px}.trak-evidence-section{padding-top:78px}
.compare{table-layout:fixed}.compare th:first-child,.compare td:first-child{width:15%}.compare th:nth-child(2),.compare td:nth-child(2){width:40%}.compare th:nth-child(3),.compare td:nth-child(3){width:45%}.compare td{line-height:1.4}
.headshot:before,.headshot:after{display:none!important}.headshot img{width:100%;height:100%;object-fit:cover;object-position:center top;position:relative;z-index:1}
@media(max-width:900px){.trak-hero-grid{grid-template-columns:1fr}.trak-hero-art img{height:400px}.card:hover,.product-step:hover{transform:none}}

/* Team portrait alignment locked from approved v9. */
.teamcard .role{font-size:16px;line-height:1.35}
.teamcard .headshot img,.profilehero .headshot img{object-position:center center!important;transform:translateY(-4%) scale(1.035)!important;transform-origin:center center}
.teamcard[href*="katie"] .headshot img,body[data-person="katie"] .profilehero .headshot img{transform:translateY(-7%) scale(1.035)!important}
.teamcard[href*="marisa"] .headshot img,body[data-person="marisa"] .profilehero .headshot img{transform:translateY(-15%) scale(1.035)!important}

/* v9 accumulated site refinements — 2026-09-24 */
.navin{min-height:96px}.links{font-size:17px;gap:34px}.links .pill{padding:13px 21px}.pagehero{padding-top:176px;padding-bottom:104px}.pagehero .wrap>h1,.pagehero .wrap>div>h1{margin-top:8px}.team-intro{padding-top:12px}
.btn:hover span{transform:translateX(4px) rotate(0deg)!important}
.split>div+div,.split>p.lede{padding-top:28px}
.reveal-on-scroll .kicker,.reveal-on-scroll h2{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal-on-scroll.in .kicker,.reveal-on-scroll.in h2{opacity:1;transform:none}

/* Homepage company section */
.company-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px 72px}.company-title{grid-column:1}.company-lede{grid-column:2;padding-top:28px}.company-lower{grid-column:2;border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(260px,1.2fr);gap:34px;align-items:center}.company-principle{margin:0;padding:0;border:0;display:block}.company-principle p{font-size:18px}.social-collage{position:relative;height:270px;display:block}.social-collage img{position:absolute;width:48%;height:210px;object-fit:cover;object-position:top;border-radius:14px;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 45px rgba(0,0,0,.28);transition:transform .3s ease}.social-collage img:nth-child(1){left:0;top:24px;transform:rotate(-4deg)}.social-collage img:nth-child(2){left:27%;top:0;z-index:2}.social-collage img:nth-child(3){right:0;top:30px;transform:rotate(4deg)}.social-collage:hover img:nth-child(1){transform:translateX(-4px) rotate(-5deg)}.social-collage:hover img:nth-child(2){transform:translateY(-5px)}.social-collage:hover img:nth-child(3){transform:translateX(4px) rotate(5deg)}.social-collage span{position:absolute;bottom:0;right:0;font-size:13px;color:#d9d3db}

/* TRAK atmospheric motion */
.trak-motion-band{height:240px;position:relative;overflow:hidden;background:#07070a;margin-top:-1px}.trak-wave{position:absolute;inset:-30% -8%;background:url('assets/scroll-wave.png') center/cover no-repeat;opacity:.18;filter:hue-rotate(92deg) saturate(1.5) contrast(1.05);mix-blend-mode:screen;transform:translate3d(var(--wave-x,0px),var(--wave-y,0px),0) scale(1.08);will-change:transform}.trak-glow{position:absolute;inset:-60% 10% -60% 10%;background:url('assets/axtera-blur-orb.jpeg') center/contain no-repeat;opacity:.22;mix-blend-mode:screen;filter:saturate(1.2)}
.trak-procedure-section{border-top:0}.trak-procedure-section .product-step{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.trak-procedure-section .product-step img{background:rgba(255,255,255,.72);opacity:.93;mix-blend-mode:screen}
.difference-head{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end}.difference-head p{font-size:19px;color:#625962;margin:0 0 28px}.difference-shell{margin-top:34px;padding:10px 28px 18px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(242,27,106,.045));border:1px solid rgba(20,15,22,.1);box-shadow:0 20px 60px rgba(40,20,35,.06)}.trak-evidence-section .metric strong{font-size:clamp(52px,5vw,76px)}

/* Footer consistency */
.footerlinks{font-size:15px;gap:26px}.footer-legal{border-top:1px solid var(--line);padding-top:26px}.footer .fine,.footer .refs,.copyright{line-height:1.55}

@media(max-width:900px){.navin{min-height:82px}.pagehero{padding-top:138px;padding-bottom:76px}.company-layout{grid-template-columns:1fr;gap:24px}.company-title,.company-lede,.company-lower{grid-column:1}.company-lede{padding-top:0}.company-lower{grid-template-columns:1fr;gap:28px}.social-collage{height:245px;max-width:520px}.difference-head{grid-template-columns:1fr;gap:0}.difference-head p{margin-top:0}.trak-motion-band{height:170px}.split>div+div,.split>p.lede{padding-top:0}}
@media(max-width:560px){.navin{min-height:76px}.pagehero{padding-top:118px;padding-bottom:58px}.pagehero h1{font-size:44px;line-height:1.02}.pagehero p{margin-top:22px}.section{padding:68px 0}.section h2{font-size:40px;margin-bottom:22px}.team-intro p{margin-top:18px}.social-collage{height:205px}.social-collage img{height:165px}.company-lower{padding-top:24px}.trak-motion-band{height:120px}.trak-wave{opacity:.12}.trak-glow{opacity:.14}.difference-shell{padding:6px 14px 12px;border-radius:20px;overflow-x:auto}.compare{min-width:680px}.product-step span{font-size:14px;padding:15px 16px}.metricrow{gap:22px}.metric strong{font-size:46px}.trak-evidence-section .metric strong{font-size:54px}.footer{padding:46px 0}.footer-legal{gap:24px}.footerlinks{gap:16px}}

/* v10 requested-only corrections */
/* Remove standalone TRAK wave band; atmospheric accents should never create a separate module. */
.trak-motion-band{display:none!important}
/* Restore procedure sequence prominence and apply a true translucent/frosted treatment. */
.trak-procedure-section .procedure-intro{grid-template-columns:minmax(300px,.72fr) minmax(720px,1.28fr);gap:52px;align-items:end}
.trak-procedure-section .product-sequence.six{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0}
.trak-procedure-section .product-step{border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 34px rgba(0,0,0,.14)}
.trak-procedure-section .product-step img{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(235,224,234,.58));opacity:.96;mix-blend-mode:normal}
@media(max-width:1100px){.trak-procedure-section .procedure-intro{grid-template-columns:1fr}.trak-procedure-section .product-sequence.six{max-width:none}}
@media(max-width:900px){.trak-procedure-section .product-sequence.six{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.trak-procedure-section .product-sequence.six{grid-template-columns:1fr}}

/* v11 requested corrections only */
.company-lower{grid-template-columns:1fr!important}
.linkedin-section .social-collage-feed{height:300px;max-width:520px;justify-self:end;width:100%}
.teamgrid{margin-top:18px}
.pagehero-content,.career-intro{max-width:1000px;margin-left:0}
.pagehero-animate h1,.pagehero-animate .eyebrow,.pagehero-animate .kicker,.pagehero-animate p{opacity:0;transform:translateY(20px)}
.pagehero-animate.hero-in h1,.pagehero-animate.hero-in .eyebrow,.pagehero-animate.hero-in .kicker,.pagehero-animate.hero-in p{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.pagehero-animate.hero-in h1{transition-delay:.08s}.pagehero-animate.hero-in p{transition-delay:.16s}
.team-actions{display:flex;align-items:center;gap:14px}.linkedin-icon{width:24px;height:24px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;transition:border-color .25s ease,transform .25s ease}.linkedin-icon:hover{border-color:var(--pink);transform:translateY(-1px)}
@media(max-width:900px){.linkedin-section .social-collage-feed{justify-self:start}.teamgrid{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.pagehero-animate h1,.pagehero-animate .eyebrow,.pagehero-animate .kicker,.pagehero-animate p{opacity:1;transform:none}}

/* v12 corrections: preserve existing design; only restore requested procedure layout + headline motion */
.trak-procedure-section .procedure-intro.procedure-intro-metrics{display:block;margin-top:52px}
.trak-procedure-section .procedure-intro-metrics>.metricrow{max-width:760px;margin-top:0;margin-bottom:46px}
.trak-procedure-section .procedure-intro-metrics>.product-sequence.six{width:100%;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0}
.trak-procedure-section .product-sequence.six .product-step img{width:100%;aspect-ratio:1.55/1;object-fit:cover}
.hero-animate .hero-copy h1,.hero-animate .hero-copy p,.hero-animate .hero-copy .actions{opacity:0;transform:translateY(20px)}
.hero-animate.hero-in .hero-copy h1,.hero-animate.hero-in .hero-copy p,.hero-animate.hero-in .hero-copy .actions{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.hero-animate.hero-in .hero-copy p{transition-delay:.10s}.hero-animate.hero-in .hero-copy .actions{transition-delay:.18s}
@media(max-width:900px){.trak-procedure-section .procedure-intro-metrics>.product-sequence.six{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.trak-procedure-section .procedure-intro-metrics>.product-sequence.six{grid-template-columns:1fr}.trak-procedure-section .procedure-intro-metrics>.metricrow{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){.hero-animate .hero-copy h1,.hero-animate .hero-copy p,.hero-animate .hero-copy .actions{opacity:1;transform:none}}


/* v12.2 checkpoint: requested team refinements only */
:root{--team-title-magenta:#a9345e}
.teamcard .role,.profilehero .role{color:var(--team-title-magenta)}
.team-roster{padding-top:64px}
@media(max-width:900px){.team-roster{padding-top:48px}}
@media(max-width:560px){.team-roster{padding-top:36px}}

/* v12.3 checkpoint: approved Team + TRAK refinements */
.trademark{font-size:.52em;line-height:0;vertical-align:super;margin-left:.04em;font-weight:inherit}
/* Make the Team card entrance one notch more noticeable while remaining restrained. */
.teamcard{opacity:0;transform:translateY(38px);transition:opacity .78s cubic-bezier(.2,.75,.25,1),transform .78s cubic-bezier(.2,.75,.25,1),border-color .35s ease}
.teamgrid.cards-in .teamcard{opacity:1;transform:none}
.teamgrid.cards-in .teamcard:nth-child(1){transition-delay:0ms}.teamgrid.cards-in .teamcard:nth-child(2){transition-delay:100ms}.teamgrid.cards-in .teamcard:nth-child(3){transition-delay:200ms}.teamgrid.cards-in .teamcard:nth-child(4){transition-delay:300ms}.teamgrid.cards-in .teamcard:nth-child(5){transition-delay:400ms}.teamgrid.cards-in .teamcard:nth-child(6){transition-delay:500ms}.teamgrid.cards-in .teamcard:nth-child(7){transition-delay:600ms}
.teamgrid.cards-in .teamcard:hover{transform:translateY(-5px)}
@media(prefers-reduced-motion:reduce){.teamcard{opacity:1;transform:none;transition:border-color .35s ease}}
/* v12.4: stronger Team portrait hover only. Approved portrait framing remains unchanged at rest. */
.teamcard .headshot img{transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .5s ease!important}
.teamcard:hover{transform:translateY(-8px) scale(1.012)!important;border-color:rgba(242,27,106,.58);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.teamcard:hover .headshot img{filter:brightness(1.04) contrast(1.035)}
.teamcard:hover .headshot img{transform:translateY(-4%) scale(1.075)!important}
.teamcard[href*="katie"]:hover .headshot img{transform:translateY(-7%) scale(1.075)!important}
.teamcard[href*="marisa"]:hover .headshot img{transform:translateY(-15%) scale(1.075)!important}
@media (hover:none){.teamcard:hover{transform:none!important;box-shadow:none}.teamcard:hover .headshot img{filter:none}}

/* v12.5 requested TRAK Difference refinements */
.trak-difference-section .difference-head{display:block}
.trak-difference-section .difference-head>div{max-width:900px}
.trak-difference-section .difference-head p{max-width:760px;margin:0;color:#625962;font-size:21px}
.trak-difference-section .compare tr:last-child td{border-bottom:0}

/* v12.7 — Option 2 frosted glass. Only the edge-connected white field from the source render is made transparent; medical artwork pixels are preserved. */
.trak-procedure-section .product-step{
  position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.26);
  background:
    radial-gradient(90% 80% at 15% 5%,rgba(255,255,255,.30),transparent 55%),
    radial-gradient(80% 70% at 90% 90%,rgba(169,52,94,.13),transparent 60%),
    linear-gradient(145deg,rgba(232,234,242,.28),rgba(196,190,205,.13));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 18px 44px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.trak-procedure-section .product-step::before{
  content:"";position:absolute;inset:0 0 58px;pointer-events:none;z-index:0;
  background:linear-gradient(120deg,rgba(255,255,255,.20),rgba(255,255,255,0) 38%,rgba(197,137,174,.10) 75%,rgba(255,255,255,.08));
}
.trak-procedure-section .product-step img{position:relative;z-index:1;display:block;width:100%;height:auto;background:transparent}
.trak-procedure-section .product-step span{position:relative;z-index:2}

/* v12.8 — procedure image QA, equalized metrics, and click-to-expand lightbox */
.trak-procedure-section .procedure-intro-metrics>.metricrow{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:900px}
.trak-procedure-section .procedure-intro-metrics>.metricrow .metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.trak-procedure-section .procedure-intro-metrics>.metricrow .metric strong{line-height:1;min-height:48px;white-space:nowrap}
.trak-procedure-section .procedure-intro-metrics>.metricrow .metric span{font-size:16px;line-height:1.35;margin-top:12px}
.trak-procedure-section .product-step img[role="button"]{cursor:zoom-in}
.procedure-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:48px;background:rgba(5,5,8,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.procedure-lightbox.open{opacity:1;visibility:visible}
.procedure-lightbox img{display:block;max-width:min(1180px,92vw);max-height:86vh;width:auto;height:auto;object-fit:contain;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.5);background:#fff}
.procedure-lightbox-close{position:fixed;top:24px;right:28px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(20,20,24,.78);color:#fff;font:300 30px/1 sans-serif;cursor:pointer}
@media(max-width:560px){.trak-procedure-section .procedure-intro-metrics>.metricrow{gap:18px}.trak-procedure-section .procedure-intro-metrics>.metricrow .metric span{font-size:15px}.procedure-lightbox{padding:20px}.procedure-lightbox img{max-width:94vw;max-height:82vh;border-radius:16px}}

/* v12.10 — requested TRAK Difference/evidence typography + modal visual parity */
.trak-difference-section .compare th:nth-child(2),
.trak-difference-section .compare th:nth-child(3){font-size:17px;line-height:1.25;letter-spacing:.11em;font-weight:700}
.trak-evidence-section .metric span{font-size:17px;line-height:1.45}
.procedure-lightbox img{background:transparent}
@media(max-width:560px){
  .trak-difference-section .compare th:nth-child(2),
  .trak-difference-section .compare th:nth-child(3){font-size:15px}
  .trak-evidence-section .metric span{font-size:16px}
}
/* v12.11 — source-image fidelity: use original full-resolution procedure renders directly. */
.trak-procedure-section .product-step{
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
}
.trak-procedure-section .product-step img{
  width:100%;
  height:auto;
  aspect-ratio:1536 / 1229;
  object-fit:cover;
  object-position:center;
  opacity:1;
  mix-blend-mode:normal;
  filter:none;
  image-rendering:auto;
  background:transparent;
}
.procedure-lightbox img{
  max-width:min(1536px,92vw);
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:1;
  filter:none;
  image-rendering:auto;
  background:transparent;
}

/* v12.12 — visible glass treatment as a presentation layer only.
   Original high-resolution medical source files remain untouched. */
.trak-procedure-section .product-step{
  isolation:isolate;
  background:
    radial-gradient(100% 95% at 8% 0%,rgba(255,255,255,.34),transparent 48%),
    radial-gradient(90% 85% at 100% 100%,rgba(184,35,96,.20),transparent 58%),
    linear-gradient(145deg,rgba(77,75,82,.96),rgba(45,42,49,.96));
  border:1px solid rgba(255,255,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 18px 44px rgba(0,0,0,.22);
}
.trak-procedure-section .product-step::before{
  inset:0 0 58px;
  z-index:2;
  background:
    radial-gradient(85% 70% at 12% 5%,rgba(255,255,255,.24),transparent 52%),
    radial-gradient(75% 70% at 92% 92%,rgba(174,35,96,.20),transparent 62%),
    linear-gradient(135deg,rgba(37,35,42,.30),rgba(30,27,34,.42));
  mix-blend-mode:multiply;
  pointer-events:none;
}
.trak-procedure-section .product-step::after{
  content:"";position:absolute;inset:0 0 58px;z-index:3;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.17),rgba(255,255,255,0) 32%,rgba(193,53,111,.09) 78%,rgba(255,255,255,.06));
}
.trak-procedure-section .product-step img{z-index:1}
.trak-procedure-section .product-step span{z-index:4;background:linear-gradient(135deg,rgba(27,25,31,.95),rgba(45,32,42,.95))}

/* Expanded view uses the same glass treatment without modifying the source image. */
.procedure-lightbox{--glass-radius:22px}
.procedure-lightbox::before{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(1536px,92vw);height:min(80vw,88vh);max-height:88vh;border-radius:var(--glass-radius);
  background:
    radial-gradient(100% 90% at 8% 0%,rgba(255,255,255,.28),transparent 48%),
    radial-gradient(90% 85% at 100% 100%,rgba(184,35,96,.18),transparent 58%),
    linear-gradient(145deg,rgba(77,75,82,.95),rgba(42,39,47,.96));
  border:1px solid rgba(255,255,255,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 30px 90px rgba(0,0,0,.5);
  pointer-events:none;
}
.procedure-lightbox img{
  position:relative;z-index:2;border-radius:var(--glass-radius);box-shadow:none;
  /* Presentation-only tint. No resampling, masking, compression, or source-file edits. */
}
.procedure-lightbox::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;
  width:min(1536px,92vw);height:min(80vw,88vh);max-height:88vh;border-radius:var(--glass-radius);
  background:linear-gradient(135deg,rgba(35,32,39,.28),rgba(30,27,34,.38));mix-blend-mode:multiply;
}
@media(max-width:560px){.procedure-lightbox{--glass-radius:16px}}

/* v12.13 — corrected glass layering. The transparent procedure PNG sits ABOVE the glass surface, untouched. */
.trak-procedure-section .product-step{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(100% 95% at 8% 0%,rgba(255,255,255,.34),transparent 48%),
    radial-gradient(90% 85% at 100% 100%,rgba(184,35,96,.20),transparent 58%),
    linear-gradient(145deg,rgba(77,75,82,.96),rgba(45,42,49,.96));
}
.trak-procedure-section .product-step::before,
.trak-procedure-section .product-step::after{display:none!important;content:none!important}
.trak-procedure-section .product-step img{
  position:relative;z-index:2;opacity:1!important;mix-blend-mode:normal!important;filter:none!important;
  background:transparent!important;
}
.trak-procedure-section .product-step span{position:relative;z-index:3}
.procedure-lightbox::after{display:none!important;content:none!important}
.procedure-lightbox::before{
  z-index:1;
  background:
    radial-gradient(100% 90% at 8% 0%,rgba(255,255,255,.28),transparent 48%),
    radial-gradient(90% 85% at 100% 100%,rgba(184,35,96,.18),transparent 58%),
    linear-gradient(145deg,rgba(77,75,82,.95),rgba(42,39,47,.96));
}
.procedure-lightbox img{position:relative;z-index:2;opacity:1!important;mix-blend-mode:normal!important;filter:none!important;background:transparent!important}

/* v12.14 — procedure asset correction. Transparent artwork sits above glass; no overlay touches artwork. */
.trak-procedure-section .product-step img,
.procedure-lightbox img{opacity:1!important;mix-blend-mode:normal!important;filter:none!important;background:transparent!important;}

/* v12.16 — keep TRAK trademark attached to CTA label despite flex gap */
.btn > .trademark{margin-left:-10px;margin-right:0}

/* v12.17 — CTA consistency: Follow Axtera uses the same hover fill animation as all primary CTAs. */
.linkedin-section .dark-btn::before{background:linear-gradient(110deg,#f21b6a,#9d2cf4)!important;}


/* v12.19 requested content, alignment, and motion refinements */
.company-lede .lede,.company-principle p{font-size:19px!important;line-height:1.55;color:var(--muted);margin:0}
.company-lower{padding-top:28px!important}.company-lede{padding-top:28px!important}
.teamcard .role,.profilehero .role{color:var(--pink)!important}
.careers-hero .career-intro{max-width:900px;margin:0 auto 0 0}.careers-hero h1{max-width:820px}.careers-hero p{max-width:720px}
.careers-openings .jobs{margin-top:44px}.job-toggle{grid-template-columns:minmax(300px,1.3fr) repeat(3,minmax(110px,.45fr)) auto}.job-copy{max-width:1000px}.job-copy .eeo{margin-top:28px}.job-copy .btn{margin-top:10px}
/* Clearly visible, elegant headline reveal: fade + rise + brief blur. */
.reveal-on-scroll .kicker,.reveal-on-scroll h2{opacity:0;transform:translateY(30px);filter:blur(5px);transition:opacity .78s cubic-bezier(.2,.75,.25,1),transform .78s cubic-bezier(.2,.75,.25,1),filter .62s ease}
.reveal-on-scroll.in .kicker,.reveal-on-scroll.in h2{opacity:1;transform:none;filter:blur(0)}
.reveal-on-scroll.in h2{transition-delay:.07s}
.pagehero-animate h1,.pagehero-animate .eyebrow,.pagehero-animate .kicker,.pagehero-animate p{opacity:0;transform:translateY(30px);filter:blur(5px)}
.pagehero-animate.hero-in h1,.pagehero-animate.hero-in .eyebrow,.pagehero-animate.hero-in .kicker,.pagehero-animate.hero-in p{opacity:1;transform:none;filter:blur(0);transition:opacity .78s cubic-bezier(.2,.75,.25,1),transform .78s cubic-bezier(.2,.75,.25,1),filter .62s ease}
.pagehero-animate.hero-in h1{transition-delay:.07s}.pagehero-animate.hero-in p{transition-delay:.15s}
@media(max-width:900px){.job-toggle{grid-template-columns:1fr auto}.job-toggle .job-meta{display:none}.careers-hero .career-intro{margin-left:0}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll .kicker,.reveal-on-scroll h2,.pagehero-animate h1,.pagehero-animate .eyebrow,.pagehero-animate .kicker,.pagehero-animate p{opacity:1;transform:none;filter:none;transition:none}}


/* v12.20 — final spacing refinements */

/* Why Axtera: tighten the relationship between the first paragraph,
   divider, and second paragraph while preserving the two-column layout. */
.company-layout{
  row-gap:18px;
}
.company-lede{
  padding-top:28px!important;
}
.company-lower{
  padding-top:20px!important;
}

/* Unmet Need: use the same paragraph-to-primary-CTA spacing rhythm
   established elsewhere on the site. */
.section.light .split > div:nth-child(2) > .lede{
  margin:0;
}
.section.light .split > div:nth-child(2) > .lede + .btn{
  margin-top:28px!important;
}

/* TRAK comparison chart: slightly more vertical breathing room. */
.trak-difference-section .compare th,
.trak-difference-section .compare td{
  padding-top:24px;
  padding-bottom:24px;
}

/* Careers hero: restore the standard site grid alignment. */
.careers-hero .career-intro{
  width:min(var(--max),calc(100% - 48px));
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:900px){
  .careers-hero .career-intro{
    width:min(100% - 30px,var(--max));
    margin-left:auto;
    margin-right:auto;
  }
}
/* v12.35: Team headshots visibly animate on initial page landing. */
.teamgrid .teamcard .headshot{opacity:0;transform:translateY(24px) scale(.965);filter:blur(5px);transition:opacity .72s ease,transform .82s cubic-bezier(.2,.75,.25,1),filter .62s ease}
.teamgrid.cards-in .teamcard .headshot{opacity:1;transform:none;filter:blur(0)}
.teamgrid.cards-in .teamcard:nth-child(1) .headshot{transition-delay:80ms}.teamgrid.cards-in .teamcard:nth-child(2) .headshot{transition-delay:160ms}.teamgrid.cards-in .teamcard:nth-child(3) .headshot{transition-delay:240ms}.teamgrid.cards-in .teamcard:nth-child(4) .headshot{transition-delay:320ms}.teamgrid.cards-in .teamcard:nth-child(5) .headshot{transition-delay:400ms}.teamgrid.cards-in .teamcard:nth-child(6) .headshot{transition-delay:480ms}.teamgrid.cards-in .teamcard:nth-child(7) .headshot{transition-delay:560ms}
@media(prefers-reduced-motion:reduce){.teamgrid .teamcard .headshot{opacity:1;transform:none;filter:none;transition:none}}

/* v12.37 Team landing: bring portraits into the initial viewport so their entrance is visible on page load. */
@media (min-width:901px){
  body:has(.team-roster) .pagehero{padding-bottom:42px;}
  .team-roster{padding-top:34px;}
  .teamgrid{margin-top:0;}
}
\n/* v12.40 — approved patient collage homepage hero */\n.patient-hero{min-height:700px;background:#07070a;isolation:isolate}\n.patient-hero:before{display:none}\n.patient-hero .patient-hero-bg{position:absolute;z-index:-2;inset:0 0 0 39%;background-image:url("assets/patient-collage-approved.webp");background-repeat:no-repeat;background-size:cover;background-position:center center}\n.patient-hero:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#07070a 0%,#07070a 31%,rgba(7,7,10,.94) 39%,rgba(7,7,10,.55) 51%,rgba(7,7,10,.08) 69%,rgba(7,7,10,0) 82%),radial-gradient(circle at 12% 44%,rgba(242,27,106,.23),transparent 31%)}\n.patient-hero .hero-grid{grid-template-columns:1.02fr .98fr;min-height:700px}\n.patient-hero .hero-copy{z-index:2;padding-top:64px;padding-bottom:64px}\n.patient-hero .hero-copy h1{white-space:normal;max-width:680px}\n.patient-hero .hero-copy p{max-width:620px}\n.patient-hero .patient-hero-spacer{height:1px;background:none;border-radius:0;overflow:visible}\n.patient-hero .patient-hero-spacer:before,.patient-hero .patient-hero-spacer:after{display:none}\n@media(max-width:900px){.patient-hero{min-height:760px;align-items:flex-end}.patient-hero .patient-hero-bg{inset:0 0 38% 22%;background-size:cover;background-position:52% center}.patient-hero:after{background:linear-gradient(0deg,#07070a 0%,#07070a 34%,rgba(7,7,10,.82) 48%,rgba(7,7,10,.1) 72%),linear-gradient(90deg,#07070a 0%,rgba(7,7,10,.3) 30%,transparent 65%)}.patient-hero .hero-grid{min-height:760px;display:flex;align-items:flex-end}.patient-hero .hero-copy{padding:0 0 62px}.patient-hero .patient-hero-spacer{display:none}}\n@media(max-width:560px){.patient-hero{min-height:720px}.patient-hero .patient-hero-bg{inset:0 0 46% 0;background-position:48% center}.patient-hero .hero-grid{min-height:720px}.patient-hero .hero-copy{padding-bottom:46px}}\n

/* v12.41 — homepage buzz treatment based on approved Axtera reference */
.buzz-hero{min-height:700px;background:#07070a;isolation:isolate;overflow:hidden}
.buzz-hero:before{display:none}
.buzz-hero .buzz-field{position:absolute;z-index:-2;inset:0;pointer-events:none;background:
 radial-gradient(ellipse 52% 56% at 13% 84%,rgba(235,23,107,.74) 0%,rgba(196,22,104,.52) 25%,rgba(101,21,86,.30) 47%,rgba(31,9,29,.12) 66%,rgba(7,7,10,0) 82%),
 radial-gradient(ellipse 42% 44% at 20% 82%,rgba(91,58,127,.34) 0%,rgba(91,58,127,.12) 48%,rgba(7,7,10,0) 75%);
 filter:saturate(.95)}
.buzz-hero:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,7,10,0) 0%,rgba(7,7,10,.03) 34%,rgba(7,7,10,.76) 72%,#07070a 100%)}
.buzz-hero .hero-grid{grid-template-columns:1fr .65fr;min-height:700px;align-items:center}
.buzz-hero .hero-copy{z-index:2;padding-top:72px;padding-bottom:52px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.buzz-hero .hero-copy h1{white-space:normal;max-width:760px}
.buzz-hero .hero-copy p{max-width:650px}
.buzz-hero .hero-xline{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:58px;width:min(1120px,calc(100vw - 96px))}
.buzz-hero .hero-xline b{font-size:30px;line-height:1;color:#fff;font-weight:800;flex:0 0 auto}
.buzz-hero .hero-xline span{height:2px;flex:1;background:linear-gradient(90deg,#f21b6a 0%,#d31a72 48%,rgba(177,22,112,.72) 72%,rgba(177,22,112,.12) 100%)}
.buzz-hero .buzz-hero-spacer{height:1px;background:none;border-radius:0;overflow:visible}
.buzz-hero .buzz-hero-spacer:before,.buzz-hero .buzz-hero-spacer:after{display:none}
@media(max-width:900px){.buzz-hero{min-height:720px}.buzz-hero .hero-grid{grid-template-columns:1fr;min-height:720px}.buzz-hero .hero-copy{padding-top:58px;padding-bottom:42px}.buzz-hero .buzz-field{background:radial-gradient(ellipse 82% 52% at 18% 82%,rgba(235,23,107,.66) 0%,rgba(133,23,98,.40) 35%,rgba(7,7,10,0) 78%)}.buzz-hero .hero-xline{width:100%;padding-top:48px}.buzz-hero .buzz-hero-spacer{display:none}}
@media(max-width:560px){.buzz-hero{min-height:680px}.buzz-hero .hero-grid{min-height:680px}.buzz-hero .hero-copy{padding-top:44px;padding-bottom:34px}.buzz-hero .hero-xline{gap:12px;padding-top:38px}.buzz-hero .hero-xline b{font-size:25px}}

/* v12.42 — exact supplied Axtera X asset + enlarged centered buzz */
.buzz-hero .buzz-field{background:
 radial-gradient(ellipse 68% 72% at 14.2% 84%,rgba(235,23,107,.76) 0%,rgba(196,22,104,.53) 25%,rgba(101,21,86,.31) 48%,rgba(31,9,29,.13) 67%,rgba(7,7,10,0) 84%),
 radial-gradient(ellipse 58% 60% at 14.2% 84%,rgba(91,58,127,.34) 0%,rgba(91,58,127,.13) 49%,rgba(7,7,10,0) 77%)}
.buzz-hero .hero-xline{overflow:visible}
.buzz-hero .hero-xline img{display:block;width:30px;height:30px;object-fit:contain;object-position:center;flex:0 0 30px}
.buzz-hero .hero-xline span{background:linear-gradient(90deg,#f21b6a 0%,#d31a72 45%,#a52a9d 76%,rgba(130,40,159,.18) 100%);background-size:180% 100%;animation:axteraLineFlow 7s ease-in-out infinite}
@keyframes axteraLineFlow{0%,100%{background-position:0% 50%;opacity:.82}50%{background-position:100% 50%;opacity:1}}
@media(max-width:900px){.buzz-hero .buzz-field{background:radial-gradient(ellipse 105% 68% at 16% 84%,rgba(235,23,107,.68) 0%,rgba(133,23,98,.41) 36%,rgba(7,7,10,0) 80%)}.buzz-hero .hero-xline img{width:28px;height:28px;flex-basis:28px}}
@media(max-width:560px){.buzz-hero .hero-xline img{width:25px;height:25px;flex-basis:25px}}
@media(prefers-reduced-motion:reduce){.buzz-hero .hero-xline span{animation:none}}

/* v12.43 — restore approved headline wrap, full-bleed animated line, grainy buzz */
.buzz-hero .hero-copy h1{max-width:900px!important;white-space:nowrap!important}
.buzz-hero .hero-xline{width:calc(100vw - max(24px,(100vw - var(--max))/2));max-width:none!important;margin-right:calc(-1 * max(24px,(100vw - var(--max))/2));}
.buzz-hero .hero-xline span{height:2px;background:linear-gradient(90deg,#f21b6a 0%,#df176f 28%,#b52494 62%,#7f2cb8 100%);background-size:220% 100%;animation:axteraLineFlow 7s ease-in-out infinite}
.buzz-hero .buzz-field:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E");background-size:180px 180px;mask-image:radial-gradient(ellipse 72% 76% at 14.2% 84%,#000 0%,rgba(0,0,0,.9) 42%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 72% 76% at 14.2% 84%,#000 0%,rgba(0,0,0,.9) 42%,transparent 82%)}
@media(max-width:900px){.buzz-hero .hero-copy h1{white-space:normal!important}.buzz-hero .hero-xline{width:calc(100vw - 15px);margin-right:-15px}}

/* v12.49 — v12.43 atmospheric treatment, subtly circularized and X-centered */
.buzz-hero .buzz-field{background:
 radial-gradient(ellipse 70% 70% at calc(max(24px,(100vw - var(--max))/2) + 15px) 84%,rgba(235,23,107,.76) 0%,rgba(196,22,104,.53) 25%,rgba(101,21,86,.31) 48%,rgba(31,9,29,.13) 67%,rgba(7,7,10,0) 84%),
 radial-gradient(ellipse 59% 59% at calc(max(24px,(100vw - var(--max))/2) + 15px) 84%,rgba(91,58,127,.34) 0%,rgba(91,58,127,.13) 49%,rgba(7,7,10,0) 77%)}
.buzz-hero .buzz-field:after{mask-image:radial-gradient(ellipse 74% 74% at calc(max(24px,(100vw - var(--max))/2) + 15px) 84%,#000 0%,rgba(0,0,0,.9) 42%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 74% 74% at calc(max(24px,(100vw - var(--max))/2) + 15px) 84%,#000 0%,rgba(0,0,0,.9) 42%,transparent 82%)}
.buzz-hero .hero-xline span{animation-duration:3.5s}
@media(max-width:900px){.buzz-hero .buzz-field{background:radial-gradient(ellipse 82% 82% at 30px 84%,rgba(235,23,107,.68) 0%,rgba(133,23,98,.41) 36%,rgba(7,7,10,0) 80%)}.buzz-hero .buzz-field:after{mask-image:radial-gradient(ellipse 86% 86% at 30px 84%,#000 0%,rgba(0,0,0,.9) 42%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 86% 86% at 30px 84%,#000 0%,rgba(0,0,0,.9) 42%,transparent 82%)}}

/* v12.50 — stronger fine grain to match the existing Axtera site reference */
.buzz-hero .buzz-field:after{
  opacity:.34;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='5' seed='7' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.92'/%3E%3C/svg%3E");
  background-size:128px 128px;
}


/* v12.52 — full responsive + UX scrub. Desktop design remains locked. */
.menu-toggle{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.025);padding:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#fff;cursor:pointer}
.menu-toggle span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .25s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mobile-menu{display:none;overflow:hidden;max-height:0;background:rgba(7,7,10,.98);border-top:1px solid rgba(255,255,255,.06);transition:max-height .32s cubic-bezier(.2,.75,.25,1)}
.mobile-menu-inner{display:flex;flex-direction:column;padding-top:16px;padding-bottom:22px}
.mobile-menu a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid rgba(255,255,255,.07);font-size:17px;color:#f5f2f5}
.mobile-menu a:last-child{border-bottom:0;color:#fff}
body.menu-open{overflow:hidden}
.btn,.pill,.menu-toggle,.job-toggle,.linkedin-icon{touch-action:manipulation}

@media (max-width:1199px) and (min-width:901px){
  :root{--max:1080px}
  .wrap{width:min(var(--max),calc(100% - 64px))}
  .hero h1,.pagehero h1{font-size:clamp(52px,6.4vw,76px)}
  .section{padding:96px 0}
  .split{gap:48px}
  .cards{gap:12px}.card{padding:22px;min-height:200px}
  .trak-hero-grid{gap:42px}.trak-hero-art img{height:460px}
  .teamgrid{gap:16px}
}

@media(max-width:900px){
  .navin{height:70px}.brandlogo,.brandlogo img{width:142px}
  .links,.mobile{display:none!important}.menu-toggle{display:flex}.mobile-menu{display:block}
  .nav.menu-open-nav .mobile-menu{max-height:300px}
  .wrap{width:min(100% - 40px,var(--max))}
  .pagehero{padding:112px 0 64px}
  .pagehero h1,.hero h1{font-size:clamp(46px,8vw,64px);line-height:1.02}
  .pagehero p,.hero p{font-size:18px;line-height:1.55}
  .section{padding:72px 0}.section h2{font-size:clamp(38px,6.5vw,54px)}
  .split{gap:30px}.cards{margin-top:38px}.card{min-height:190px}
  .trak-hero-grid{gap:36px}.trak-hero-art img{height:min(48vw,410px)}
  .teamgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .contactgrid{gap:44px}
  .footer{padding:48px 0}.footerlinks{justify-content:flex-start;flex-wrap:wrap}
  .compare{font-size:14px}.compare th,.compare td{padding:14px 12px}
  .buzz-hero{min-height:620px!important;padding:0!important}
  .buzz-hero .hero-grid{min-height:620px!important}
  .buzz-hero .hero-copy{padding-top:104px!important;padding-bottom:44px!important;justify-content:flex-start!important}
  .buzz-hero .hero-copy h1{font-size:clamp(48px,8.3vw,66px)!important;margin-bottom:24px}
  .buzz-hero .hero-copy p{max-width:620px}
  .buzz-hero .actions{margin-top:28px}
  .buzz-hero .hero-xline{margin-top:72px!important;padding-top:0!important;width:calc(100vw - 20px)!important;margin-right:-20px!important}
}

@media(max-width:600px){
  .navin{height:64px}.brandlogo,.brandlogo img{width:126px}.menu-toggle{width:42px;height:42px}
  .wrap{width:calc(100% - 32px)}
  .pagehero{padding:96px 0 48px}
  .pagehero h1,.hero h1{font-size:clamp(40px,11vw,52px)!important;line-height:1.04;margin-bottom:22px}
  .pagehero p,.hero p,.lede{font-size:17px;line-height:1.55}
  .eyebrow,.kicker{font-size:12px;letter-spacing:.14em;margin-bottom:14px}
  .section{padding:58px 0}.section h2{font-size:clamp(36px,10vw,46px);line-height:1.04;margin-bottom:22px}
  .split{gap:24px}.cards{grid-template-columns:1fr;margin-top:30px;gap:12px}.card{min-height:0;padding:22px}.card .num{margin-bottom:28px}
  .teamgrid{grid-template-columns:1fr;gap:14px;margin-top:34px}.team-roster{padding-top:28px!important}
  .teamcopy{padding:20px}.headshot{aspect-ratio:1/1.05}
  .trak-hero-grid{gap:26px}.trak-hero-art{border-radius:20px}.trak-hero-art img{height:280px}
  .trak-hero.pagehero{padding-bottom:46px}
  .trak-procedure-section .procedure-intro.procedure-intro-metrics{margin-top:34px}
  .trak-procedure-section .procedure-intro-metrics>.metricrow{grid-template-columns:1fr!important;gap:14px;margin-bottom:28px}
  .metricrow{gap:18px}.metric strong{font-size:34px}
  .difference-shell{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:-16px;padding-right:16px}.difference-shell .compare{min-width:720px}
  .contactgrid{gap:34px}.form input,.form textarea{font-size:16px}
  .career-form{padding:24px 18px;margin-top:44px}.job-toggle{padding:22px 0}.job-title{font-size:18px}
  .footgrid{gap:28px}.footerlogo{width:170px}.footerlinks{gap:14px 20px}.fine{margin-top:34px}
  .buzz-hero{min-height:600px!important}
  .buzz-hero .hero-grid{min-height:600px!important}
  .buzz-hero .hero-copy{padding-top:92px!important;padding-bottom:34px!important}
  .buzz-hero .hero-copy h1{font-size:clamp(42px,11.5vw,54px)!important;white-space:normal!important;max-width:100%!important}
  .buzz-hero .hero-copy p{font-size:16px;max-width:94%}
  .buzz-hero .actions{margin-top:24px}.buzz-hero .btn{padding:13px 18px}
  .buzz-hero .hero-xline{margin-top:58px!important;width:calc(100vw - 16px)!important;margin-right:-16px!important;gap:12px}
  .buzz-hero .hero-xline img{width:26px;height:26px;flex-basis:26px}
}

@media(max-width:380px){
  .wrap{width:calc(100% - 26px)}
  .pagehero h1,.hero h1{font-size:39px!important}
  .buzz-hero .hero-copy h1{font-size:41px!important}
  .section h2{font-size:35px}
}

/* v12.53 — TRAK Difference responsive containment fix */
@media (max-width:900px){
  .trak-difference-section .difference-shell{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    padding:8px 14px 14px;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .trak-difference-section .difference-shell .compare{
    width:720px;
    min-width:720px;
    margin-top:24px;
    table-layout:fixed;
  }
}
@media (max-width:560px){
  .trak-difference-section .difference-shell{
    margin-left:0!important;
    margin-right:0!important;
    padding:8px 12px 14px!important;
    border-radius:18px;
  }
  .trak-difference-section .difference-shell .compare{
    width:680px;
    min-width:680px;
  }
  .trak-difference-section .compare th,
  .trak-difference-section .compare td{
    padding:16px 12px;
  }
}

/* v12.54 — TRAK Difference mobile stacked comparison */
@media (max-width:560px){
  .trak-difference-section .difference-shell{
    overflow:visible!important;
    padding:8px 14px 14px!important;
  }
  .trak-difference-section .difference-shell .compare{
    width:100%!important;
    min-width:0!important;
    margin-top:14px!important;
    table-layout:auto!important;
    border-collapse:separate;
    border-spacing:0;
  }
  .trak-difference-section .compare tr:first-child{display:none}
  .trak-difference-section .compare tr:not(:first-child){
    display:block;
    padding:20px 0 22px;
    border-bottom:1px solid rgba(20,15,22,.14);
  }
  .trak-difference-section .compare tr:last-child{border-bottom:0}
  .trak-difference-section .compare td{
    display:block;
    width:100%!important;
    border:0!important;
    padding:0!important;
  }
  .trak-difference-section .compare td:first-child{
    margin-bottom:16px;
    color:#171217!important;
    font-size:17px;
    font-weight:700;
    letter-spacing:-.01em;
  }
  .trak-difference-section .compare td:nth-child(2),
  .trak-difference-section .compare td:nth-child(3){
    position:relative;
    padding-top:24px!important;
    font-size:15px;
    line-height:1.45;
  }
  .trak-difference-section .compare td:nth-child(2){
    color:#171217!important;
    font-weight:600;
    margin-bottom:16px;
  }
  .trak-difference-section .compare td:nth-child(3){color:#625962!important}
  .trak-difference-section .compare td:nth-child(2)::before,
  .trak-difference-section .compare td:nth-child(3)::before{
    position:absolute;
    top:0;
    left:0;
    font-size:10px;
    line-height:1;
    letter-spacing:.13em;
    text-transform:uppercase;
    font-weight:750;
    color:#8b7d88;
  }
  .trak-difference-section .compare td:nth-child(2)::before{content:"TRAK™"}
  .trak-difference-section .compare td:nth-child(3)::before{content:"Conventional medial branch RFA"}
}

/* v12.56 ELT review iteration */
.homepage-contact{background:linear-gradient(180deg,#151116 0%,#09080b 100%)}
.form select{width:100%;appearance:none;-webkit-appearance:none;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.2);padding:18px 2px;font:inherit;border-radius:0}
.form select option{color:#111;background:#fff}
.challenge-leadin{margin:46px 0 18px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:#cfc7ce}
.cite-marker{font-size:.45em;vertical-align:super;margin-left:3px;color:#e71b62}
.study-link{margin:22px 0 0}.study-link a{color:#e71b62;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.team-roster{background:linear-gradient(180deg,#f4f1f3 0%,#ece8ed 100%);color:#171317}
.team-roster .teamcard{color:#fff}
.teamcard{cursor:default}
@media(max-width:700px){.homepage-contact .contactgrid{gap:42px}.challenge-leadin{margin-top:32px}}

/* v12.57 focused ELT correction */
/* Homepage hero: approved corporate copy, no eyebrow/CTA, vertically balanced as a group. */
.buzz-hero .hero-copy{padding-top:0!important;padding-bottom:0!important;align-self:center!important;min-height:520px;justify-content:center!important}
.buzz-hero .hero-copy h1{white-space:normal!important;max-width:920px!important}
.buzz-hero .hero-xline{margin-top:70px!important;padding-top:0!important}
.home-trak-need{position:relative;overflow:hidden;background:linear-gradient(180deg,#09080b 0%,#111016 100%)}
.home-trak-need:after{content:"";position:absolute;width:680px;height:680px;right:-260px;bottom:-420px;border-radius:50%;background:radial-gradient(circle,rgba(242,27,106,.16),rgba(123,30,135,.08) 45%,transparent 72%);pointer-events:none}
.home-supporting{max-width:760px;color:#aaa5ad;font-size:17px;margin-top:24px}
.home-trak-tech{position:relative;overflow:hidden;background:linear-gradient(155deg,#17121a 0%,#0a090d 58%,#100a12 100%)}
.home-trak-tech:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 48%,rgba(242,27,106,.055) 48.2%,transparent 67%);pointer-events:none}
.home-tech-glow{position:absolute;right:-5%;top:-35%;width:58vw;height:150%;background:radial-gradient(ellipse,rgba(229,24,105,.20),rgba(110,30,142,.10) 38%,transparent 68%);filter:blur(16px);pointer-events:none}
.home-trak-tech .wrap{position:relative;z-index:1}

/* Procedure gallery: artwork is the interface. No captions or overlays duplicate embedded labels. */
.trak-procedure-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b090d 0%,#151019 48%,#09080b 100%)}
.procedure-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 35% at 15% 18%,rgba(242,27,106,.14),transparent 70%),radial-gradient(ellipse 52% 34% at 88% 78%,rgba(115,37,153,.13),transparent 72%)}
.procedure-heading{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end}
.procedure-heading .lede{margin:0}
.procedure-metrics{position:relative;margin:48px 0 34px}
.procedure-gallery{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.procedure-frame{appearance:none;border:1px solid rgba(255,255,255,.13);padding:0;margin:0;background:#09080b;border-radius:24px;overflow:hidden;cursor:zoom-in;box-shadow:0 22px 55px rgba(0,0,0,.22);transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}
.procedure-frame:hover{transform:translateY(-4px);border-color:rgba(242,27,106,.4);box-shadow:0 28px 65px rgba(0,0,0,.32)}
.procedure-frame img{display:block;width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain!important;background:#08070a!important;opacity:1!important;mix-blend-mode:normal!important;filter:none!important}
.procedure-expand-hint{position:relative;margin:20px 0 0;color:#77727a;font-size:12px;text-align:right}
.procedure-lightbox::before,.procedure-lightbox::after{display:none!important;content:none!important}
.procedure-lightbox img{max-width:94vw!important;max-height:90vh!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* Visual relief is atmospheric and dimensional, not a white page section. */
.team-roster{position:relative;overflow:hidden;background:linear-gradient(180deg,#0c0b0f 0%,#17131a 45%,#0b0a0e 100%)!important;color:var(--text)!important}
.team-roster:before{content:"";position:absolute;inset:-10% -15%;background:radial-gradient(ellipse 34% 30% at 18% 15%,rgba(242,27,106,.16),transparent 72%),radial-gradient(ellipse 40% 34% at 88% 58%,rgba(104,40,155,.13),transparent 72%);pointer-events:none}
.team-roster .wrap{position:relative;z-index:1}
.team-roster .teamcard{background:linear-gradient(180deg,rgba(25,22,29,.94),rgba(13,12,17,.96));border-color:rgba(255,255,255,.13);box-shadow:0 18px 50px rgba(0,0,0,.14)}
.team-roster .headshot{background:linear-gradient(180deg,#211c24,#121015)}
body:has(.team-roster) .pagehero{position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 65% at 80% 40%,rgba(242,27,106,.15),transparent 70%),linear-gradient(180deg,#09080b,#0d0b10)}
body:has(.team-roster) .pagehero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:100px;background:linear-gradient(180deg,transparent,#0c0b0f);pointer-events:none}
.homepage-contact{position:relative;overflow:hidden;background:radial-gradient(ellipse 50% 80% at 8% 55%,rgba(126,30,135,.12),transparent 70%),linear-gradient(180deg,#151116 0%,#09080b 100%)}
body:has(.contactgrid) .pagehero{background:radial-gradient(ellipse 45% 70% at 75% 45%,rgba(242,27,106,.16),transparent 72%),linear-gradient(180deg,#08070a,#100c12)}
body:has(.contactgrid) .section:not(.homepage-contact){background:radial-gradient(ellipse 38% 55% at 92% 25%,rgba(111,35,147,.09),transparent 72%),#09080b}

@media(max-width:900px){
 .buzz-hero .hero-copy{min-height:560px}
 .buzz-hero .hero-xline{margin-top:52px!important}
 .procedure-heading{grid-template-columns:1fr;gap:18px}
 .procedure-gallery{grid-template-columns:1fr}
}
@media(max-width:560px){
 .buzz-hero .hero-copy{min-height:540px}
 .buzz-hero .hero-copy h1{font-size:44px!important}
 .procedure-gallery{gap:16px}
 .procedure-frame{border-radius:17px}
 .procedure-expand-hint{text-align:left}
}

/* v12.58 homepage-only review iteration */
.home-corporate-headline span{display:block;white-space:nowrap}
.home-trak-technology{
  position:relative;
  min-height:calc(100vh - 76px);
  display:flex;
  align-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#f7f6f7 0%,#fff 58%,#faf6f9 100%);
  color:#111;
  border-top:0;
}
.home-trak-technology::before{
  content:"";
  position:absolute;
  inset:auto -8% -32% 48%;
  height:76%;
  background:radial-gradient(ellipse at center,rgba(242,27,106,.085),rgba(144,54,174,.035) 42%,transparent 72%);
  pointer-events:none;
}
.home-tech-lines{
  position:absolute;
  right:-2%;
  bottom:-3%;
  width:min(48vw,760px);
  height:min(52vh,520px);
  background:url('assets/scroll-wave.png') right bottom/contain no-repeat;
  opacity:.18;
  filter:saturate(.75);
  pointer-events:none;
}
.home-tech-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(64px,9vw,150px);align-items:center;width:100%}
.home-tech-heading .kicker{display:inline-flex;align-items:center;justify-content:center;margin-bottom:32px;padding:11px 20px;border-radius:999px;background:#1d1d1f;color:#fff;letter-spacing:.08em}
.home-tech-heading h2{max-width:610px;font-size:clamp(52px,5.4vw,82px);line-height:.98;letter-spacing:-.055em;margin:0;color:#080808}
.home-tech-heading h2 .trademark{font-size:.32em;top:-1.25em}
.home-tech-copy{max-width:650px;padding-top:74px}
.home-tech-copy .lede{color:#454049;font-size:clamp(19px,1.55vw,24px);line-height:1.5;margin:0 0 25px}
.home-cite{font-size:.52em;vertical-align:super;line-height:0;color:#111;font-weight:650;margin-left:1px}
.home-tech-cta{margin-top:18px;background:#e8e7e8;color:#111}
.home-tech-cta span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:-8px -10px -8px 4px;border-radius:50%;background:#151515;color:#fff}
@media(max-width:900px){
  .home-corporate-headline span{white-space:normal}
  .home-trak-technology{min-height:auto;padding:110px 0}
  .home-tech-layout{grid-template-columns:1fr;gap:48px}
  .home-tech-copy{padding-top:0;max-width:720px}
  .home-tech-lines{width:70vw;height:45vh;opacity:.12}
}
@media(max-width:560px){
  .home-trak-technology{padding:82px 0}
  .home-tech-heading .kicker{margin-bottom:24px}
  .home-tech-heading h2{font-size:44px}
  .home-tech-copy .lede{font-size:18px}
}

/* v12.59 corrected homepage technology section — explicit page-scoped overrides */
body.homepage .home-trak-technology{
  background:#f7f6f7 !important;
  background-image:linear-gradient(135deg,#f7f6f7 0%,#ffffff 58%,#fbf7fa 100%) !important;
  color:#080808 !important;
  border-top:0 !important;
  min-height:calc(100svh - 76px);
}
body.homepage .home-trak-technology .home-tech-heading h2{color:#080808 !important;}
body.homepage .home-trak-technology .home-tech-copy .lede{color:#454049 !important;}
body.homepage .home-trak-technology .home-tech-heading .kicker{background:#1d1d1f !important;color:#fff !important;}
body.homepage .home-trak-technology .home-tech-cta{background:#e8e7e8 !important;color:#111 !important;}
body.homepage .home-trak-technology .home-tech-lines{mix-blend-mode:multiply;opacity:.14;}
body.homepage .home-trak-technology::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 28%,rgba(242,27,106,.018));}
body.homepage .home-trak-technology .home-tech-layout{position:relative;z-index:2;}
@media(max-width:900px){body.homepage .home-trak-technology{min-height:auto!important;}}

/* v12.60 — homepage Technology: reference-site typography, placement and native site CTA */
body.homepage section.home-trak-technology{min-height:calc(100svh - 76px)!important;padding:clamp(80px,9vh,125px) 0!important;display:flex!important;align-items:center!important;background:#fff!important;color:#080808!important;isolation:isolate}
body.homepage .home-trak-technology .home-tech-layout{display:block!important;position:relative;z-index:2;width:min(1450px,calc(100% - 13.5vw))!important;max-width:none!important;margin-inline:auto!important}
body.homepage .home-trak-technology .home-tech-heading{max-width:100%!important}
body.homepage .home-trak-technology .home-tech-heading .kicker{display:inline-flex!important;font-size:clamp(12px,1.15vw,17px)!important;letter-spacing:0!important;font-weight:500!important;text-transform:uppercase!important;padding:12px 22px!important;margin:0 0 clamp(28px,4vh,46px)!important;border-radius:100px!important;background:#222!important;color:#fff!important}
body.homepage .home-trak-technology .home-tech-heading h2{max-width:1370px!important;font-size:clamp(39px,4.25vw,72px)!important;font-weight:400!important;line-height:1.16!important;letter-spacing:-.047em!important;margin:0 0 clamp(28px,4vh,48px)!important;color:#050505!important}
body.homepage .home-trak-technology .home-tech-heading h2 .trademark{font-size:.42em!important;vertical-align:super!important;line-height:0!important;top:0!important;letter-spacing:0!important}
body.homepage .home-trak-technology .home-tech-heading .lede{max-width:1360px!important;font-size:clamp(17px,1.48vw,25px)!important;line-height:1.55!important;font-weight:400!important;color:#46424b!important;margin:0 0 30px!important}
body.homepage .home-trak-technology .home-tech-heading .btn{margin:0!important;background:#fff!important;color:#111!important;border:1px solid rgba(20,20,24,.2)!important;box-shadow:none!important}
body.homepage .home-trak-technology .home-tech-heading .btn span{background:transparent!important;color:inherit!important;border-radius:50%!important;width:25px!important;height:25px!important;margin:0!important}
body.homepage .home-trak-technology .home-tech-heading .btn:hover{color:#fff!important;border-color:transparent!important}
body.homepage .home-trak-technology .home-tech-lines{background-image:url('assets/scroll-wave.png')!important;opacity:.095!important;mix-blend-mode:multiply!important;right:-8%!important;bottom:-23%!important;width:65vw!important;height:70vh!important}
body.homepage .home-trak-technology::before{display:none!important}
body.homepage .home-trak-technology::after{display:none!important}
@media(max-width:900px){body.homepage .home-trak-technology .home-tech-layout{width:calc(100% - 48px)!important}body.homepage .home-trak-technology .home-tech-heading h2{font-size:clamp(37px,6vw,60px)!important}}
@media(max-width:560px){body.homepage section.home-trak-technology{min-height:85svh!important;padding:90px 0!important}body.homepage .home-trak-technology .home-tech-layout{width:calc(100% - 36px)!important}body.homepage .home-trak-technology .home-tech-heading h2{font-size:clamp(34px,9vw,47px)!important;line-height:1.12!important}body.homepage .home-trak-technology .home-tech-heading .lede{font-size:17px!important}body.homepage .home-trak-technology .home-tech-lines{width:100vw!important;opacity:.07!important}}

/* v12.61 — homepage TRAK supplied background + unified homepage alignment */
body.homepage section.home-trak-technology{
  background:#fff url('assets/AXT_Web-TRAKImage.png') center center / cover no-repeat !important;
}
body.homepage .home-trak-technology .home-tech-lines{display:none!important;}
body.homepage .home-trak-technology .home-tech-layout{
  width:min(var(--max),calc(100% - 48px))!important;
  max-width:var(--max)!important;
  margin-inline:auto!important;
}
/* Hero and Technology now share the exact same site-wide .wrap left/right grid. */
body.homepage .buzz-hero .hero-grid{
  width:min(var(--max),calc(100% - 48px))!important;
  max-width:var(--max)!important;
  margin-inline:auto!important;
}
@media(max-width:900px){
  body.homepage .home-trak-technology .home-tech-layout,
  body.homepage .buzz-hero .hero-grid{width:min(100% - 30px,var(--max))!important;}
  body.homepage section.home-trak-technology{background-position:62% center!important;}
}


/* v12.62 — responsive TRAK artwork + homepage citation normalization */
body.homepage section.home-trak-technology{
  background-image:url('assets/AXT_Web-TRAKImage-desktop.png')!important;
  background-position:center center!important;
  background-size:cover!important;
}
body.homepage .home-cite{
  color:inherit!important;
  font-weight:inherit!important;
  opacity:1!important;
}
body.homepage .home-tech-reference{
  margin:24px 0 0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#6b6770!important;
}
@media(max-width:900px){
  body.homepage section.home-trak-technology{
    background-image:url('assets/AXT_Web-TRAKImage-mobile.png')!important;
    background-position:center center!important;
    background-size:cover!important;
  }
}

/* v12.64 — homepage consolidation + typography refinement */
body.homepage .homepage-contact{min-height:calc(100svh - 76px);display:flex;align-items:center;padding:clamp(84px,10vh,120px) 0;background:radial-gradient(ellipse 48% 70% at 8% 54%,rgba(126,30,135,.13),transparent 72%),linear-gradient(180deg,#151116 0%,#09080b 100%)}
body.homepage .homepage-contact .contactgrid{align-items:start;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(52px,7vw,96px)}
body.homepage .home-contact-email{margin:30px 0 0}
body.homepage .home-social-callout{margin-top:52px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:minmax(0,.9fr) minmax(210px,1.1fr);gap:28px;align-items:center}
body.homepage .home-social-callout .kicker{margin-bottom:10px}
body.homepage .home-social-callout h3{font-size:clamp(24px,2.2vw,34px);line-height:1.08;letter-spacing:-.018em;margin:0 0 12px}
body.homepage .home-social-callout p{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 18px;max-width:410px}
body.homepage .home-linkedin-link{display:inline-flex;gap:8px;align-items:center}
body.homepage .home-social-collage{height:170px;max-width:330px;width:100%;justify-self:end}
body.homepage .home-social-collage img{height:132px;border-radius:10px}
body.homepage .home-social-collage img:nth-child(1){top:20px}
body.homepage .home-social-collage img:nth-child(3){top:22px}
/* Use the typeface's native kerning and reduce overly aggressive negative tracking. */
body{font-kerning:normal;font-optical-sizing:auto;font-variant-ligatures:common-ligatures contextual}
body.homepage .buzz-hero .hero-copy h1,body.homepage .home-trak-technology .home-tech-heading h2,body.homepage .homepage-contact h2{letter-spacing:-.018em!important;font-kerning:normal}
body.homepage .home-trak-technology .home-tech-heading h2 .trademark{font-size:.30em!important;vertical-align:baseline!important;position:relative!important;top:-1.42em!important;margin-left:.08em!important;line-height:0!important;letter-spacing:0!important}
@media(max-width:900px){body.homepage .homepage-contact{min-height:auto}body.homepage .homepage-contact .contactgrid{grid-template-columns:1fr;gap:46px}body.homepage .home-social-callout{grid-template-columns:minmax(0,.9fr) minmax(200px,1.1fr)}body.homepage .home-social-collage{justify-self:end}}
@media(max-width:620px){body.homepage .home-social-callout{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:28px}body.homepage .home-social-collage{justify-self:start;max-width:360px;height:180px}body.homepage .buzz-hero .hero-copy h1,body.homepage .home-trak-technology .home-tech-heading h2,body.homepage .homepage-contact h2{letter-spacing:-.012em!important}}


/* v12.65 — contact-first hierarchy with subordinate LinkedIn strip */
body.homepage .homepage-contact{align-items:flex-start;padding:clamp(84px,10vh,120px) 0}
body.homepage .homepage-contact .home-contact-primary{align-items:start;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(52px,7vw,96px)}
body.homepage .homepage-contact .home-contact-primary .form{position:relative;z-index:2}
body.homepage .home-social-callout{width:100%;margin-top:clamp(54px,7vh,84px);padding:28px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);gap:clamp(34px,6vw,82px);align-items:center;opacity:.78}
body.homepage .home-social-callout:hover{opacity:.92}
body.homepage .home-social-callout h3{font-size:clamp(21px,1.75vw,28px);line-height:1.15;letter-spacing:-.012em;margin:0 0 14px;max-width:430px;font-weight:500}
body.homepage .home-linkedin-link{font-size:14px;color:rgba(255,255,255,.72)}
body.homepage .home-social-collage{width:100%;max-width:none;height:132px;justify-self:stretch;overflow:hidden}
body.homepage .home-social-collage img{height:104px;border-radius:8px;opacity:.86}
body.homepage .home-social-collage img:nth-child(1){top:14px}
body.homepage .home-social-collage img:nth-child(3){top:15px}
@media(max-width:900px){body.homepage .homepage-contact .home-contact-primary{grid-template-columns:1fr;gap:46px}body.homepage .home-social-callout{grid-template-columns:minmax(0,.72fr) minmax(300px,1.28fr);gap:32px}}
@media(max-width:620px){body.homepage .home-social-callout{grid-template-columns:1fr;gap:20px;margin-top:48px;padding-top:24px}body.homepage .home-social-collage{max-width:none;height:124px}body.homepage .home-social-collage img{height:96px}}
\n\n/* v12.66 — homepage refinement: hero depth, social preview, footer rules, TRAK trademark */
body.homepage .buzz-hero{
  min-height:calc(100svh - 112px)!important;
  padding:0!important;
}
body.homepage .buzz-hero .hero-grid{
  min-height:calc(100svh - 112px)!important;
}
body.homepage .home-social-callout{
  border-top:0!important;
  padding-top:0!important;
}
body.homepage .home-social-collage{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 12px!important;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
body.homepage .home-social-collage img,
body.homepage .home-social-collage img:nth-child(1),
body.homepage .home-social-collage img:nth-child(2),
body.homepage .home-social-collage img:nth-child(3){
  position:static!important;
  flex:0 0 calc((100% - 28px)/3)!important;
  width:calc((100% - 28px)/3)!important;
  height:auto!important;
  aspect-ratio:1.2 / 1!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  opacity:.82!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.025)!important;
  scroll-snap-align:start;
}
body.homepage .home-social-collage:hover img,
body.homepage .home-social-collage:hover img:nth-child(1),
body.homepage .home-social-collage:hover img:nth-child(2),
body.homepage .home-social-collage:hover img:nth-child(3){transform:none!important;}
body.homepage .footer{border-top:0!important;}
body.homepage .footer-legal{border-top:1px solid var(--line)!important;}
body.homepage .home-trak-technology .home-tech-heading h2 .trademark{
  display:inline-block!important;
  font-size:.28em!important;
  vertical-align:baseline!important;
  position:relative!important;
  top:-.82em!important;
  margin-left:.07em!important;
  line-height:0!important;
  letter-spacing:0!important;
}
@media(max-width:900px){
  body.homepage .buzz-hero,body.homepage .buzz-hero .hero-grid{min-height:calc(100svh - 96px)!important;}
  body.homepage .home-social-collage img,
  body.homepage .home-social-collage img:nth-child(1),
  body.homepage .home-social-collage img:nth-child(2),
  body.homepage .home-social-collage img:nth-child(3){flex-basis:46%!important;width:46%!important;}
}
@media(max-width:620px){
  body.homepage .buzz-hero,body.homepage .buzz-hero .hero-grid{min-height:calc(100svh - 82px)!important;}
  body.homepage .home-social-collage img,
  body.homepage .home-social-collage img:nth-child(1),
  body.homepage .home-social-collage img:nth-child(2),
  body.homepage .home-social-collage img:nth-child(3){flex-basis:78%!important;width:78%!important;aspect-ratio:1.1/1!important;}
}


/* v12.67 — homepage ends at contact form; left-justified utility footer */
body.homepage .home-social-callout{display:none!important;}
body.homepage .homepage-contact{padding-bottom:clamp(82px,9vw,132px);}
body.homepage .footer-home{border-top:0!important;padding:64px 0 42px;}
body.homepage .footer-home-main{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(360px,1.05fr);gap:clamp(64px,10vw,150px);align-items:start;padding-bottom:48px;}
body.homepage .footer-home-brand{display:flex;flex-direction:column;align-items:flex-start;}
body.homepage .footer-home .footerlogo{width:184px;margin:0 0 12px;}
body.homepage .footer-home-tagline{font-size:17px;line-height:1.35;color:rgba(255,255,255,.84);margin:0 0 34px;}
body.homepage .footer-home-actions{display:flex;gap:12px;flex-wrap:wrap;}
body.homepage .footer-action{min-width:142px;height:52px;padding:0 22px;border:1px solid rgba(255,255,255,.42);border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px;color:#fff;transition:border-color .2s ease,background .2s ease;}
body.homepage .footer-action:hover{border-color:rgba(255,255,255,.82);background:rgba(255,255,255,.04);}
body.homepage .footer-linkedin{justify-content:flex-start;min-width:146px;}
body.homepage .footer-linkedin-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:2px;background:#fff;color:#0b0b0d;font-size:12px;font-weight:800;line-height:1;}
body.homepage .footer-home-links{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:48px;max-width:520px;}
body.homepage .footer-home-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
body.homepage .footer-link-heading{font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:12px;}
body.homepage .footer-home-links a{font-size:14px;color:rgba(255,255,255,.62);transition:color .2s ease;}
body.homepage .footer-home-links a:hover{color:#fff;}
body.homepage .footer-home .footer-legal{border-top:1px solid var(--line)!important;padding-top:28px;margin-top:0;grid-template-columns:.34fr 1.66fr;gap:44px;}
body.homepage .footer-home .copyright{margin-top:18px;}
@media(max-width:800px){body.homepage .footer-home-main{grid-template-columns:1fr;gap:48px}body.homepage .footer-home-links{max-width:100%;grid-template-columns:1fr 1fr}body.homepage .footer-home .footer-legal{grid-template-columns:1fr;gap:18px}}
@media(max-width:520px){body.homepage .footer-home{padding-top:52px}body.homepage .footer-home-links{grid-template-columns:1fr;gap:34px}body.homepage .footer-home-actions{width:100%}body.homepage .footer-action{min-width:0;flex:1}.footer-home-main{padding-bottom:38px}}

/* v12.69 — narrow footer refinements from approved v12.67 */
body.homepage .footer-home-tagline{font-size:clamp(25px,2.15vw,34px);line-height:1.05;letter-spacing:-.025em;font-kerning:normal;color:#fff;margin:0 0 34px;max-width:360px;}
body.homepage .footer-home .footerlogo{width:184px;margin:0 0 14px;}
body.homepage .footer-home .footer-legal{grid-template-columns:.58fr 1.42fr;align-items:end;gap:clamp(44px,7vw,100px);}
body.homepage .footer-legal-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;}
body.homepage .footer-legal-brand .copyright{margin:0;text-align:left;}
body.homepage .footer-disclaimer{display:flex;flex-direction:column;align-items:flex-start;}
body.homepage .footer-disclaimer>.fine{margin:0;}
body.homepage .footer-disclaimer .footer-references{margin-top:14px;}
body.homepage .footer-disclaimer .footer-references .fine{margin:0;}
@media(max-width:800px){body.homepage .footer-home .footer-legal{grid-template-columns:1fr;align-items:start;gap:28px}body.homepage .footer-legal-brand{order:2}body.homepage .footer-disclaimer{order:1}}


/* v12.70 — narrow footer refinements only */
.site-footer .footer-logo,
.site-footer .footer-bottom .footer-logo {
  align-self: start;
  margin-top: 0 !important;
}

/* Keep the logo as the only element in the bottom-left and align its top
   with the disclaimer/reference content on the right. */
.site-footer .footer-lower,
.site-footer .footer-legal-row,
.site-footer .footer-bottom {
  align-items: start !important;
}
.site-footer .footer-rights {
  margin: 14px 0 0 auto;
  text-align: right;
  color: rgba(255,255,255,.52);
  font-size: 12px;
  line-height: 1.4;
}

/* Apply the same interaction language used by site CTAs to the footer's
   Contact and LinkedIn actions without changing their layout. */
.site-footer a[href*="contact"],
.site-footer a[href*="linkedin"] {
  transition: transform .24s ease, background-color .24s ease, color .24s ease, border-color .24s ease;
}
.site-footer a[href*="contact"]:hover,
.site-footer a[href*="contact"]:focus-visible,
.site-footer a[href*="linkedin"]:hover,
.site-footer a[href*="linkedin"]:focus-visible {
  transform: translateY(-2px);
}
.site-footer a[href*="contact"] .arrow,
.site-footer a[href*="contact"] .btn-arrow,
.site-footer a[href*="linkedin"] .arrow,
.site-footer a[href*="linkedin"] .btn-arrow {
  transition: transform .24s ease;
}
.site-footer a[href*="contact"]:hover .arrow,
.site-footer a[href*="contact"]:hover .btn-arrow,
.site-footer a[href*="linkedin"]:hover .arrow,
.site-footer a[href*="linkedin"]:hover .btn-arrow {
  transform: translateX(4px);
}

@media (min-width: 760px) {
  .site-footer .footer-lower,
  .site-footer .footer-legal-row,
  .site-footer .footer-bottom {
    position: relative;
  }
}


/* v12.71 — exact homepage footer/legal alignment + hero fold correction */

/* Legal row: top of logo and top of disclaimer are flush. */
body.homepage .footer-home .footer-legal{
  align-items:start!important;
}
body.homepage .footer-legal-brand{
  justify-content:flex-start!important;
  align-items:flex-start!important;
}
body.homepage .footer-home .footerlogo{
  margin:0!important;
  align-self:flex-start!important;
}

/* Rights live with disclaimer/reference copy and use the same typography. */
body.homepage .footer-disclaimer .footer-rights{
  margin:14px 0 0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:#77727a!important;
  text-align:left!important;
}

/* Footer actions use the same filled CTA response language as site buttons. */
body.homepage .footer-action{
  position:relative!important;
  overflow:hidden!important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease!important;
}
body.homepage .footer-action:hover,
body.homepage .footer-action:focus-visible{
  background:#fff!important;
  border-color:#fff!important;
  color:#111!important;
  transform:translateY(-2px)!important;
}
body.homepage .footer-action > span{
  transition:transform .22s ease!important;
}
body.homepage .footer-action:hover > span:last-child,
body.homepage .footer-action:focus-visible > span:last-child{
  transform:translateX(4px)!important;
}
body.homepage .footer-linkedin:hover .footer-linkedin-mark,
body.homepage .footer-linkedin:focus-visible .footer-linkedin-mark{
  background:#111!important;
  color:#fff!important;
}

/* Let the white Technology section visibly enter the viewport at the fold.
   This removes the extra black hero tail while preserving the hero composition. */
body.homepage .buzz-hero,
body.homepage .buzz-hero .hero-grid{
  min-height:calc(100svh - 150px)!important;
}
@media(max-width:900px){
  body.homepage .buzz-hero,
  body.homepage .buzz-hero .hero-grid{
    min-height:calc(100svh - 128px)!important;
  }
}
@media(max-width:620px){
  body.homepage .buzz-hero,
  body.homepage .buzz-hero .hero-grid{
    min-height:calc(100svh - 112px)!important;
  }
}
\n\n/* v12.73 — exact approved v12.71 homepage footer, locked sitewide */
.footer.footer-home .footer-disclaimer .fine,
.footer.footer-home .footer-disclaimer .footer-references,
.footer.footer-home .footer-disclaimer .footer-references .fine,
.footer.footer-home .footer-disclaimer .footer-reference-copy,
.footer.footer-home .footer-disclaimer .footer-rights{
  font-size:11px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:#77727a!important;
  letter-spacing:0!important;
}
.footer.footer-home .footer-disclaimer .footer-references{margin-top:14px!important;}
.footer.footer-home .footer-disclaimer .footer-references p{margin:0!important;}
.footer.footer-home .footer-disclaimer .footer-rights{margin:14px 0 0!important;text-align:left!important;}
.footer.footer-home .footer-legal{align-items:start!important;}
.footer.footer-home .footer-legal-brand{align-items:flex-start!important;justify-content:flex-start!important;}
.footer.footer-home .footerlogo{margin:0!important;align-self:flex-start!important;}


/* v12.74 — homepage footer is the literal sitewide source of truth.
   These selectors are intentionally page-agnostic so no page-specific body
   class can break the approved homepage footer. */
.footer-sitewide-approved .footer-home-main{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
  gap:72px!important;
  align-items:start!important;
}
.footer-sitewide-approved .footer-home-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.footer-sitewide-approved .footer-home-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:28px!important;
}
.footer-sitewide-approved .footer-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-width:142px!important;
  height:52px!important;
  padding:0 20px!important;
  border:1px solid #66636a!important;
  border-radius:999px!important;
  color:#f7f5f7!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.footer-sitewide-approved .footer-linkedin{
  justify-content:flex-start!important;
}
.footer-sitewide-approved .footer-linkedin-mark{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border-radius:2px!important;
  background:#fff!important;
  color:#0a0a0c!important;
  font-size:11px!important;
  font-weight:700!important;
  flex:0 0 auto!important;
}
.footer-sitewide-approved .footer-home-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(120px,1fr))!important;
  gap:72px!important;
}
.footer-sitewide-approved .footer-home-links > div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.footer-sitewide-approved .footer-home-links a{
  display:block!important;
  text-decoration:none!important;
}
.footer-sitewide-approved .footer-link-heading{
  display:block!important;
  margin-bottom:6px!important;
}

/* Legal row exactly follows homepage geometry. */
.footer-sitewide-approved .footer-legal{
  display:grid!important;
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)!important;
  align-items:start!important;
}
.footer-sitewide-approved .footer-legal-brand,
.footer-sitewide-approved .footerlogo,
.footer-sitewide-approved .footer-disclaimer{
  align-self:start!important;
}
.footer-sitewide-approved .footerlogo{
  margin:0!important;
}

/* ALL bottom-right legal copy uses one typography system. */
.footer-sitewide-approved .footer-disclaimer,
.footer-sitewide-approved .footer-disclaimer p,
.footer-sitewide-approved .footer-disclaimer .fine,
.footer-sitewide-approved .footer-references,
.footer-sitewide-approved .footer-references *,
.footer-sitewide-approved .footer-rights{
  font-size:11px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:#77727a!important;
  letter-spacing:0!important;
}
.footer-sitewide-approved .footer-references{
  margin-top:14px!important;
}
.footer-sitewide-approved .footer-references p,
.footer-sitewide-approved .footer-references ol,
.footer-sitewide-approved .footer-references ul{
  margin-top:0!important;
  margin-bottom:0!important;
}
.footer-sitewide-approved .footer-references strong,
.footer-sitewide-approved .footer-references b{
  font-weight:400!important;
}
.footer-sitewide-approved .footer-rights{
  margin:14px 0 0!important;
  text-align:left!important;
}

/* Preserve approved homepage CTA behavior on every page. */
.footer-sitewide-approved .footer-action{
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease!important;
}
.footer-sitewide-approved .footer-action:hover,
.footer-sitewide-approved .footer-action:focus-visible{
  background:#fff!important;
  border-color:#fff!important;
  color:#111!important;
  transform:translateY(-2px)!important;
}
.footer-sitewide-approved .footer-action:hover > span:last-child,
.footer-sitewide-approved .footer-action:focus-visible > span:last-child{
  transform:translateX(4px)!important;
}
.footer-sitewide-approved .footer-linkedin:hover .footer-linkedin-mark,
.footer-sitewide-approved .footer-linkedin:focus-visible .footer-linkedin-mark{
  background:#111!important;
  color:#fff!important;
}

@media(max-width:800px){
  .footer-sitewide-approved .footer-home-main,
  .footer-sitewide-approved .footer-legal{
    grid-template-columns:1fr!important;
  }
  .footer-sitewide-approved .footer-home-main{gap:44px!important;}
  .footer-sitewide-approved .footer-home-links{gap:32px!important;}
  .footer-sitewide-approved .footer-legal{gap:28px!important;}
}


/* v12.75 — TRUE GLOBAL FOOTER LOCK
   Mirrors the approved homepage footer values without relying on body.homepage. */
.footer.footer-home.footer-sitewide-approved{
  border-top:0!important;
  padding:64px 0 42px!important;
}
.footer.footer-home.footer-sitewide-approved .footer-home-main{
  display:grid!important;
  grid-template-columns:minmax(300px,.95fr) minmax(360px,1.05fr)!important;
  gap:clamp(64px,10vw,150px)!important;
  align-items:start!important;
  padding-bottom:48px!important;
}
.footer.footer-home.footer-sitewide-approved .footer-home-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.footer.footer-home.footer-sitewide-approved .footer-home-tagline{
  font-size:clamp(25px,2.15vw,34px)!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  font-kerning:normal!important;
  color:#fff!important;
  margin:0 0 34px!important;
  max-width:360px!important;
}
.footer.footer-home.footer-sitewide-approved .footer-home-actions{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:0!important;
}
.footer.footer-home.footer-sitewide-approved .footer-action{
  min-width:142px!important;
  height:52px!important;
  padding:0 22px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  font-size:14px!important;
  line-height:1!important;
  color:#fff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.footer.footer-home.footer-sitewide-approved .footer-linkedin{
  justify-content:flex-start!important;
  min-width:146px!important;
}
.footer.footer-home.footer-sitewide-approved .footer-linkedin-mark{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  border-radius:2px!important;
  background:#fff!important;
  color:#0b0b0d!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.footer.footer-home.footer-sitewide-approved .footer-home-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(140px,1fr))!important;
  gap:48px!important;
  max-width:520px!important;
}
.footer.footer-home.footer-sitewide-approved .footer-home-links>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
}
.footer.footer-home.footer-sitewide-approved .footer-link-heading{
  font-size:11px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:#fff!important;
  margin-bottom:12px!important;
}
.footer.footer-home.footer-sitewide-approved .footer-home-links a{
  display:block!important;
  font-size:14px!important;
  color:rgba(255,255,255,.62)!important;
  text-decoration:none!important;
}
.footer.footer-home.footer-sitewide-approved .footer-home-links a:hover{
  color:#fff!important;
}

/* Approved legal row geometry and typography */
.footer.footer-home.footer-sitewide-approved .footer-legal{
  border-top:1px solid var(--line)!important;
  padding-top:28px!important;
  margin-top:0!important;
  display:grid!important;
  grid-template-columns:.58fr 1.42fr!important;
  gap:clamp(44px,7vw,100px)!important;
  align-items:start!important;
}
.footer.footer-home.footer-sitewide-approved .footer-legal-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.footer.footer-home.footer-sitewide-approved .footerlogo{
  width:184px!important;
  height:auto!important;
  margin:0!important;
  align-self:flex-start!important;
}
.footer.footer-home.footer-sitewide-approved .footer-disclaimer{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  align-self:start!important;
}
.footer.footer-home.footer-sitewide-approved .footer-disclaimer,
.footer.footer-home.footer-sitewide-approved .footer-disclaimer p,
.footer.footer-home.footer-sitewide-approved .footer-disclaimer .fine,
.footer.footer-home.footer-sitewide-approved .footer-references,
.footer.footer-home.footer-sitewide-approved .footer-references *,
.footer.footer-home.footer-sitewide-approved .footer-rights{
  font-size:11px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:#77727a!important;
  letter-spacing:0!important;
}
.footer.footer-home.footer-sitewide-approved .footer-disclaimer>.fine{
  margin:0!important;
}
.footer.footer-home.footer-sitewide-approved .footer-references{
  margin:14px 0 0!important;
}
.footer.footer-home.footer-sitewide-approved .footer-references p,
.footer.footer-home.footer-sitewide-approved .footer-references ol,
.footer.footer-home.footer-sitewide-approved .footer-references ul{
  margin:0!important;
  padding-left:0!important;
}
.footer.footer-home.footer-sitewide-approved .footer-references strong,
.footer.footer-home.footer-sitewide-approved .footer-references b{
  font-weight:400!important;
}
.footer.footer-home.footer-sitewide-approved .footer-rights{
  margin:14px 0 0!important;
  text-align:left!important;
}

/* Approved CTA interaction */
.footer.footer-home.footer-sitewide-approved .footer-action{
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease!important;
}
.footer.footer-home.footer-sitewide-approved .footer-action:hover,
.footer.footer-home.footer-sitewide-approved .footer-action:focus-visible{
  background:#fff!important;
  border-color:#fff!important;
  color:#111!important;
  transform:translateY(-2px)!important;
}
.footer.footer-home.footer-sitewide-approved .footer-action > span{
  transition:transform .22s ease!important;
}
.footer.footer-home.footer-sitewide-approved .footer-action:hover > span:last-child,
.footer.footer-home.footer-sitewide-approved .footer-action:focus-visible > span:last-child{
  transform:translateX(4px)!important;
}
.footer.footer-home.footer-sitewide-approved .footer-linkedin:hover .footer-linkedin-mark,
.footer.footer-home.footer-sitewide-approved .footer-linkedin:focus-visible .footer-linkedin-mark{
  background:#111!important;
  color:#fff!important;
}

@media(max-width:800px){
  .footer.footer-home.footer-sitewide-approved .footer-home-main{
    grid-template-columns:1fr!important;
    gap:48px!important;
  }
  .footer.footer-home.footer-sitewide-approved .footer-home-links{
    max-width:100%!important;
    grid-template-columns:1fr 1fr!important;
  }
  .footer.footer-home.footer-sitewide-approved .footer-legal{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .footer.footer-home.footer-sitewide-approved .footer-legal-brand{order:2!important;}
  .footer.footer-home.footer-sitewide-approved .footer-disclaimer{order:1!important;}
}
@media(max-width:520px){
  .footer.footer-home.footer-sitewide-approved{padding-top:52px!important;}
  .footer.footer-home.footer-sitewide-approved .footer-home-links{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .footer.footer-home.footer-sitewide-approved .footer-home-actions{width:100%!important;}
  .footer.footer-home.footer-sitewide-approved .footer-action{
    min-width:0!important;
    flex:1!important;
  }
  .footer.footer-home.footer-sitewide-approved .footer-home-main{padding-bottom:38px!important;}
}

/* v12.76 — TRAK header redesign. Footer remains locked. */
.trak-hero-v1276{
  position:relative!important;
  min-height:calc(100svh - 150px)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#8b167f url("assets/TRAK-HeaderDesktop.jpeg") center center/cover no-repeat!important;
  display:flex!important;
  align-items:center!important;
}
.trak-hero-v1276 .trak-hero-grid{
  width:min(var(--max),calc(100% - 48px))!important;
  min-height:calc(100svh - 150px)!important;
  margin:auto!important;
  display:flex!important;
  align-items:center!important;
}
.trak-hero-v1276 .trak-hero-copy{
  width:min(720px,56vw)!important;
  padding-top:52px!important;
}
.trak-hero-v1276 .trak-hero-copy h1{
  margin:0 0 34px!important;
  max-width:720px!important;
  color:#fff!important;
  font-size:clamp(54px,5.35vw,82px)!important;
  line-height:1.01!important;
  letter-spacing:-.018em!important;
  font-kerning:normal!important;
}
.trak-hero-v1276 .trak-hero-copy h1 span{display:block!important;white-space:nowrap!important}
.trak-hero-v1276 .trak-hero-copy p{
  margin:0!important;
  max-width:690px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:20px!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}
.trak-hero-v1276 .trak-hero-copy .trademark{
  color:inherit!important;
}
/* The separate hero art module is intentionally removed; artwork is baked into the supplied background. */
.trak-hero-v1276 .trak-hero-art{display:none!important}

@media(max-width:900px){
  .trak-hero-v1276{
    min-height:calc(100svh - 128px)!important;
    background-image:url("assets/TRAK-HeaderMobile.jpeg")!important;
    background-position:center center!important;
  }
  .trak-hero-v1276 .trak-hero-grid{
    width:min(100% - 40px,var(--max))!important;
    min-height:calc(100svh - 128px)!important;
    align-items:center!important;
  }
  .trak-hero-v1276 .trak-hero-copy{
    width:100%!important;
    padding-top:44px!important;
  }
  .trak-hero-v1276 .trak-hero-copy h1{
    font-size:clamp(46px,8vw,64px)!important;
    max-width:650px!important;
  }
  .trak-hero-v1276 .trak-hero-copy p{font-size:18px!important;max-width:610px!important}
}
@media(max-width:620px){
  .trak-hero-v1276{
    min-height:calc(100svh - 112px)!important;
    background-position:center center!important;
  }
  .trak-hero-v1276 .trak-hero-grid{
    width:calc(100% - 32px)!important;
    min-height:calc(100svh - 112px)!important;
    align-items:center!important;
  }
  .trak-hero-v1276 .trak-hero-copy{
    width:100%!important;
    padding-top:28px!important;
  }
  .trak-hero-v1276 .trak-hero-copy h1{
    font-size:clamp(40px,11vw,52px)!important;
    line-height:1.03!important;
    margin-bottom:28px!important;
    max-width:100%!important;
  }
  .trak-hero-v1276 .trak-hero-copy h1 span{white-space:normal!important}
  .trak-hero-v1276 .trak-hero-copy p{
    font-size:16px!important;
    line-height:1.48!important;
    max-width:94%!important;
  }
}


/* v12.77 — requested TRAK-page refinements only */

/* Citation markers: never use an accent color; always match surrounding copy. */
.cite-marker,
sup.cite-marker,
a .cite-marker,
h1 .cite-marker,
h2 .cite-marker,
h3 .cite-marker,
p .cite-marker,
.lede .cite-marker,
.card .cite-marker,
.trak-evidence-section .cite-marker{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Procedure section: deliberate light visual break between dark Challenge and dark Evidence. */
.trak-procedure-section{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 52% 42% at 88% 8%,rgba(242,27,106,.055),transparent 70%),
    radial-gradient(ellipse 44% 38% at 8% 92%,rgba(112,54,151,.045),transparent 72%),
    linear-gradient(180deg,#f7f5f6 0%,#f0edef 100%)!important;
  color:#141116!important;
  border-top:0!important;
}
.trak-procedure-section .procedure-atmosphere{
  display:none!important;
}
.trak-procedure-section .kicker{
  color:var(--pink)!important;
}
.trak-procedure-section h2,
.trak-procedure-section .lede,
.trak-procedure-section .metric strong,
.trak-procedure-section .metric span{
  color:#141116!important;
}
.trak-procedure-section .lede{
  color:#514b53!important;
}

/* Headline and right-side paragraph begin on the same top line. */
.trak-procedure-section .procedure-heading{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:72px!important;
  align-items:start!important;
}
.trak-procedure-section .procedure-heading .lede{
  margin:0!important;
  padding-top:0!important;
}

/* Metrics adapted to light section. */
.trak-procedure-section .procedure-metrics .metric{
  border-top-color:rgba(20,17,22,.16)!important;
}
.trak-procedure-section .procedure-metrics .metric span{
  color:#625c64!important;
}

/* Six procedure images: three columns x two rows on desktop. */
.trak-procedure-section .procedure-gallery{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.trak-procedure-section .procedure-frame{
  border:1px solid rgba(20,17,22,.12)!important;
  background:#fff!important;
  border-radius:20px!important;
  box-shadow:0 16px 42px rgba(30,20,28,.08)!important;
}
.trak-procedure-section .procedure-frame:hover{
  border-color:rgba(242,27,106,.34)!important;
  box-shadow:0 22px 48px rgba(30,20,28,.13)!important;
}
.trak-procedure-section .procedure-frame img{
  background:#fff!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}

/* The instruction beneath the image grid was intentionally removed in HTML. */

@media(max-width:900px){
  .trak-procedure-section .procedure-heading{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .trak-procedure-section .procedure-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .trak-procedure-section .procedure-gallery{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .trak-procedure-section .procedure-frame{
    border-radius:17px!important;
  }
}


/* v12.78 — new procedure artwork + programmed labels only.
   The approved procedure grid sizing/columns are intentionally unchanged. */
.trak-procedure-section .procedure-frame{
  position:relative!important;
}
.trak-procedure-section .procedure-frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1600 / 1250!important;
  object-fit:cover!important;
  object-position:center!important;
}
.trak-procedure-section .procedure-overlay{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  min-height:34%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  gap:3px;
  padding:34px 20px 17px;
  color:#fff;
  text-align:left;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(8,7,10,0) 0%,rgba(8,7,10,.10) 24%,rgba(8,7,10,.70) 100%);
}
.trak-procedure-section .procedure-overlay-num{
  display:block;
  font-size:10px;
  line-height:1;
  font-weight:650;
  letter-spacing:.16em;
  opacity:.72;
}
.trak-procedure-section .procedure-overlay-title{
  display:block;
  font-size:14px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:-.01em;
}
@media(max-width:560px){
  .trak-procedure-section .procedure-overlay{
    padding:32px 17px 15px;
  }
  .trak-procedure-section .procedure-overlay-title{
    font-size:13px;
  }
}


/* v12.79 — Team page header artwork only */
body:has(.team-roster) .pagehero{
  background-image:url("assets/Team-Header-Desktop.jpeg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body:has(.team-roster) .pagehero:after{display:none!important;}
@media(max-width:700px){
  body:has(.team-roster) .pagehero{
    background-image:url("assets/Team-Header-Mobile.png")!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}


/* v12.82 — Team hero correction: height + paragraph legibility only */
body:has(.team-roster) .pagehero{
  min-height:calc(100svh - 150px)!important;
  height:auto!important;
}
body:has(.team-roster) .pagehero p{
  color:#fff!important;
}
@media(max-width:900px){
  body:has(.team-roster) .pagehero{min-height:calc(100svh - 128px)!important;}
}
@media(max-width:620px){
  body:has(.team-roster) .pagehero{min-height:calc(100svh - 112px)!important;}
}
@supports not (height:100svh){
  body:has(.team-roster) .pagehero{min-height:calc(100vh - 150px)!important;}
  @media(max-width:900px){body:has(.team-roster) .pagehero{min-height:calc(100vh - 128px)!important;}}
  @media(max-width:620px){body:has(.team-roster) .pagehero{min-height:calc(100vh - 112px)!important;}}
}


/* v12.83 — Team hero content alignment + first-row immediate visibility */

/* Match TRAK hero behavior: vertically center the existing Team copy block
   without changing its width, typography, horizontal alignment, or hero height. */
body:has(.team-roster) .pagehero{
  display:flex!important;
  align-items:center!important;
}
body:has(.team-roster) .pagehero > .wrap{
  width:100%;
}

/* First three headshot modules populate immediately on page load.
   Remaining roster reveal behavior is unchanged. */
body:has(.team-roster) .team-roster > *:nth-child(-n+3),
body:has(.team-roster) .team-grid > *:nth-child(-n+3){
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}


/* v12.84 — Team hero horizontal alignment only.
   Align Team copy to the same content gutter as the header logo. */
body:has(.team-roster) .pagehero > .wrap{
  width:min(1120px,calc(100% - 40px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:620px){
  body:has(.team-roster) .pagehero > .wrap{
    width:calc(100% - 32px)!important;
  }
}


/* v12.89 — Team landing bug fix.
   The roster is NOT controlled by the global scroll-reveal observer.
   This guarantees the first row is present on initial page render. */
body:has(.team-roster) .team-roster{
  padding-top:28px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
body:has(.team-roster) .teamgrid > .teamcard:nth-child(-n+3){
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@keyframes teamRosterOnLoad{
  from{opacity:0;transform:translateY(18px);}
  to{opacity:1;transform:translateY(0);}
}
body:has(.team-roster) .team-roster-onload{
  animation:teamRosterOnLoad .7s .08s cubic-bezier(.2,.75,.25,1) both;
}
@media(prefers-reduced-motion:reduce){
  body:has(.team-roster) .team-roster-onload{animation:none!important;}
}


/* v12.92 — Careers header image only */
.careers-hero{
  background-image:url("assets/Careers-Header.jpeg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* v12.93 — Careers hero locked to approved sitewide header system. */
.careers-hero{
  position:relative!important;
  min-height:calc(100svh - 150px)!important;
  height:auto!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  background:#8b167f url("assets/Careers-Header.jpeg") center center/cover no-repeat!important;
}
.careers-hero > .career-intro{
  width:min(1120px,calc(100% - 40px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.careers-hero h1{color:#fff!important;}
.careers-hero p{color:#fff!important;}
@media(max-width:900px){
  .careers-hero{min-height:calc(100svh - 128px)!important;}
}
@media(max-width:620px){
  .careers-hero{min-height:calc(100svh - 112px)!important;}
  .careers-hero > .career-intro{width:calc(100% - 32px)!important;}
}
@supports not (height:100svh){
  .careers-hero{min-height:calc(100vh - 150px)!important;}
  @media(max-width:900px){.careers-hero{min-height:calc(100vh - 128px)!important;}}
  @media(max-width:620px){.careers-hero{min-height:calc(100vh - 112px)!important;}}
}


/* v12.94 — Contact header artwork + locked sitewide hero dimensions */
body:has(.contactgrid) .pagehero{
  position:relative!important;
  min-height:calc(100svh - 150px)!important;
  height:auto!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  background:#8b167f url("assets/Contact-Header.png") center center/cover no-repeat!important;
}
body:has(.contactgrid) .pagehero > .wrap{
  width:min(1120px,calc(100% - 40px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body:has(.contactgrid) .pagehero h1,
body:has(.contactgrid) .pagehero .eyebrow,
body:has(.contactgrid) .pagehero p{
  color:#fff!important;
}
@media(max-width:900px){
  body:has(.contactgrid) .pagehero{min-height:calc(100svh - 128px)!important;}
}
@media(max-width:620px){
  body:has(.contactgrid) .pagehero{min-height:calc(100svh - 112px)!important;}
  body:has(.contactgrid) .pagehero > .wrap{width:calc(100% - 32px)!important;}
}
@supports not (height:100svh){
  body:has(.contactgrid) .pagehero{min-height:calc(100vh - 150px)!important;}
  @media(max-width:900px){body:has(.contactgrid) .pagehero{min-height:calc(100vh - 128px)!important;}}
  @media(max-width:620px){body:has(.contactgrid) .pagehero{min-height:calc(100vh - 112px)!important;}}
}

/* v12.95 Contact-only refinement */
body:has(.contactgrid) .pagehero{min-height:calc((100svh - 150px) * .60)!important;}
@media(max-width:900px){body:has(.contactgrid) .pagehero{min-height:calc((100svh - 128px) * .60)!important;}}
@media(max-width:620px){body:has(.contactgrid) .pagehero{min-height:calc((100svh - 112px) * .60)!important;}}
@supports not (height:100svh){body:has(.contactgrid) .pagehero{min-height:calc((100vh - 150px) * .60)!important;}@media(max-width:900px){body:has(.contactgrid) .pagehero{min-height:calc((100vh - 128px) * .60)!important;}}@media(max-width:620px){body:has(.contactgrid) .pagehero{min-height:calc((100vh - 112px) * .60)!important;}}}

/* v12.96 — Contact hero copy: true vertical centering within reduced hero */
body:has(.contactgrid) .pagehero{
  position:relative!important;
  display:block!important;
}
body:has(.contactgrid) .pagehero > .wrap{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}


/* v12.97 — Contact headline alignment refinement only.
   Match the global logo/content gutter and move the headline block down
   to the visual middle of the reduced Contact artwork. */
body:has(.contactgrid) .pagehero > .wrap{
  width:min(var(--max),calc(100% - 48px))!important;
  max-width:var(--max)!important;
  left:50%!important;
  top:55%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
@media(max-width:900px){
  body:has(.contactgrid) .pagehero > .wrap{
    width:min(100% - 30px,var(--max))!important;
    top:53%!important;
  }
}


/* v12.98 — global header/logo justification audit.
   Canonical desktop header gutter = global .wrap:
   width:min(var(--max),calc(100% - 48px)); margin:auto.
   TRAK and Contact already comply. Correct Team + Careers only. */
body:has(.team-roster) .pagehero > .wrap,
.careers-hero > .career-intro{
  width:min(var(--max),calc(100% - 48px))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:900px){
  body:has(.team-roster) .pagehero > .wrap,
  .careers-hero > .career-intro{
    width:min(100% - 30px,var(--max))!important;
  }
}
@media(max-width:620px){
  body:has(.team-roster) .pagehero > .wrap,
  .careers-hero > .career-intro{
    width:calc(100% - 32px)!important;
  }
}


/* v12.99 — TRAK procedure copy + headline alignment only.
   Desktop: right-side copy begins level with the H2, not the Procedure kicker. */
.trak-procedure-section .procedure-heading .procedure-copy{
  padding-top:34px!important;
}
.trak-procedure-section .procedure-copy p{
  margin:0 0 18px!important;
  color:inherit!important;
}
.trak-procedure-section .procedure-copy p:last-child{
  margin-bottom:0!important;
}
@media(max-width:900px){
  .trak-procedure-section .procedure-heading .procedure-copy{
    padding-top:0!important;
  }
}


/* v13.01 — TRAK procedure metric labels only */
.trak-procedure-section .procedure-metrics .metric span{
  font-size:15px!important;
}


/* v13.05 — TRAK procedure step overlay legibility only */
.trak-procedure-section .step-overlay,
.trak-procedure-section .product-step .step-copy,
.trak-procedure-section .product-step .step-label{
  font-size:15px!important;
  line-height:1.35!important;
}
.trak-procedure-section .step-overlay .step-number,
.trak-procedure-section .product-step .step-number{
  font-size:14px!important;
}


/* v13.06 — procedure preview banner + navigable lightbox */
.trak-procedure-section .procedure-overlay{
  min-height:auto!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:12px 16px!important;
  background:rgba(12,10,14,.78)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
.trak-procedure-section .procedure-overlay-num{
  font-size:13px!important;
  line-height:1!important;
  opacity:.76!important;
  flex:0 0 auto!important;
}
.trak-procedure-section .procedure-overlay-title{
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:500!important;
}
.procedure-lightbox-stage{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:94vw;
  max-height:90vh;
}
.procedure-lightbox-stage img{
  max-width:94vw!important;
  max-height:90vh!important;
}
.procedure-lightbox-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  color:#fff;
  background:rgba(10,9,12,.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  text-align:left;
}
.procedure-lightbox-num{
  font-size:13px;
  font-weight:650;
  letter-spacing:.16em;
  opacity:.72;
}
.procedure-lightbox-title{
  font-size:16px;
  line-height:1.2;
  font-weight:500;
}
.procedure-lightbox-arrow{
  position:fixed;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(18,17,21,.55);
  color:#fff;
  font:300 30px/1 Arial,sans-serif;
  cursor:pointer;
  opacity:.72;
  transition:opacity .2s ease,background .2s ease,border-color .2s ease;
}
.procedure-lightbox-arrow:hover{
  opacity:1;
  background:rgba(28,26,32,.82);
  border-color:rgba(255,255,255,.34);
}
.procedure-lightbox-prev{left:24px}
.procedure-lightbox-next{right:24px}
@media(max-width:560px){
  .trak-procedure-section .procedure-overlay{padding:10px 12px!important;gap:8px!important}
  .trak-procedure-section .procedure-overlay-num{font-size:11px!important}
  .trak-procedure-section .procedure-overlay-title{font-size:14px!important}
  .procedure-lightbox-arrow{width:42px;height:42px;font-size:27px}
  .procedure-lightbox-prev{left:8px}
  .procedure-lightbox-next{right:8px}
  .procedure-lightbox-caption{padding:12px 14px}
  .procedure-lightbox-title{font-size:14px}
}


/* v13.07 — carry the procedure banner treatment into expanded image preview */
.procedure-lightbox-caption{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:14px 18px!important;
  background:rgba(12,10,14,.82)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  color:#fff!important;
  z-index:4!important;
}
.procedure-lightbox-caption .procedure-lightbox-num{
  font-size:13px!important;
  line-height:1!important;
  opacity:.76!important;
}
.procedure-lightbox-caption .procedure-lightbox-title{
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:500!important;
}


/* v13.17 — requested UI refinements */

/* Send message now uses the exact same child-arrow treatment as other .btn CTAs. */
.form .btn > span{
  width:25px!important;
  height:25px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}

/* Desktop homepage fold: reveal roughly 50–100px of the white Technology section. */
@media(min-width:901px){
  body.homepage .buzz-hero,
  body.homepage .buzz-hero .hero-grid{
    min-height:calc(100svh - 176px)!important;
  }
}

/* Homepage only: tighten the space after the form before the locked footer. */
body.homepage .homepage-contact{
  padding-bottom:clamp(62px,7vw,100px)!important;
}




/* v13.21 — clean TRAK™ treatment
   All TRAK marks use semantic <sup class="trademark">™</sup>.
   Do not manually offset the symbol vertically; the browser's native
   superscript positioning scales with the surrounding typography. */
sup.trademark{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:inline!important;
  vertical-align:super!important;
  font-size:.42em!important;
  line-height:0!important;
  margin-left:.10em!important;
  margin-right:0!important;
  padding:0!important;
  letter-spacing:0!important;
  font-weight:500!important;
  color:inherit!important;
}


/* v13.22 — TRAK™ optical refinement */
sup.trademark{
  position:relative!important;
  top:-.10em!important;
}

/* Homepage Technology headline: prevent legacy TRAK-specific styling
   from making the word look different from the surrounding headline. */
body.homepage .technology-section h2 .trademark,
body.homepage .technology-section h2 sup.trademark{
  font-family:inherit!important;
  font-style:normal!important;
  text-transform:none!important;
}


/* v13.23 — Homepage Technology TRAK™ optical fix
   The oversized headline needs its own cap-height alignment rather than
   inheriting the smaller-text superscript geometry used elsewhere. */
body.homepage .home-trak-mark{
  display:inline-block!important;
  white-space:nowrap!important;
}
body.homepage .home-trak-mark > sup.trademark{
  position:relative!important;
  top:-.32em!important;
  vertical-align:baseline!important;
  font-size:.30em!important;
  line-height:0!important;
  margin-left:.07em!important;
}


/* v13.24 — definitive homepage Technology TRAK™ alignment */
body.homepage .home-trak-mark{
  display:inline-block!important;
  position:relative!important;
  white-space:nowrap!important;
}
body.homepage .home-trak-mark > sup.trademark{
  position:absolute!important;
  top:.08em!important;
  left:100%!important;
  transform:none!important;
  vertical-align:baseline!important;
  font-size:.22em!important;
  line-height:1!important;
  margin-left:.10em!important;
  margin-right:0!important;
  padding:0!important;
}


/* v13.25 — homepage TRAK™ cascade fix
   Higher specificity than legacy .home-trak-technology/.home-tech-heading TM rules. */
body.homepage .home-trak-technology .home-tech-heading h2 .home-trak-mark{
  display:inline-block!important;
  position:relative!important;
  white-space:nowrap!important;
}

body.homepage .home-trak-technology .home-tech-heading h2 .home-trak-mark > sup.trademark{
  position:absolute!important;
  top:.08em!important;
  left:100%!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  vertical-align:baseline!important;
  font-size:.22em!important;
  line-height:1!important;
  margin-left:.10em!important;
  margin-right:0!important;
  padding:0!important;
  letter-spacing:0!important;
  font-weight:500!important;
}


/* v13.26 — homepage TRAK™ visible cap-height alignment */
body.homepage .home-trak-technology .home-tech-heading h2 .home-trak-mark > sup.trademark{
  top:.34em!important;
  left:100%!important;
  margin-left:.08em!important;
  font-size:.22em!important;
}


/* v13.27 — homepage TRAK™ final optical adjustment
   Lower TM slightly so its top aligns with the visible top of TRAK. */
body.homepage .home-trak-technology .home-tech-heading h2 .home-trak-mark > sup.trademark{
  top:.43em!important;
}


/* v13.28 — homepage TRAK™ flush cap-height alignment */
body.homepage .home-trak-technology .home-tech-heading h2 .home-trak-mark > sup.trademark{
  top:.52em!important;
}


/* v13.29 — homepage TRAK™ lower to exact cap-height */
body.homepage .home-trak-technology .home-tech-heading h2 .home-trak-mark > sup.trademark{
  top:.61em!important;
}


/* v13.36 — requested site refinements */
body.homepage .buzz-hero .hero-copy p{
  color:#fff!important;
}

/* Contact hero: approximately 30% taller than the approved reduced-height version. */
body:has(.contact-page) .pagehero.contact-hero,
body:has(.contact-page) .contact-hero{
  min-height:clamp(390px,39vw,546px)!important;
}


/* v13.37 — header copy + Contact hero refinement */

/* Contact hero: larger vertical canvas, canonical logo gutter, true vertical centering. */
body:has(.contact-page) .pagehero.contact-hero,
body:has(.contact-page) .contact-hero{
  min-height:clamp(500px,48vw,650px)!important;
  position:relative!important;
}
body:has(.contact-page) .contact-hero .pagehero-copy,
body:has(.contact-page) .contact-hero .hero-copy{
  width:min(var(--max),calc(100% - 48px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  padding:0!important;
}

@media(max-width:700px){
  body:has(.contact-page) .contact-hero .pagehero-copy,
  body:has(.contact-page) .contact-hero .hero-copy{
    width:calc(100% - 32px)!important;
  }
}


/* v13.38 — Careers headline optical kerning: tighten r–t in “Start” */
.start-rt-kern{
  letter-spacing:-0.035em!important;
}

/* v13.39 — footer logo links home without changing its appearance */
.footer-legal-brand > a{
  display:inline-block;
  line-height:0;
}
.footer-legal-brand > a .footerlogo{
  display:block;
}


/* v13.40 — Contact hero lower boundary
   Extend the header graphic downward while preserving the existing
   text justification/alignment. Following page content flows down naturally. */
body:has(.contact-page) .pagehero.contact-hero,
body:has(.contact-page) .contact-hero{
  min-height:clamp(585px,56vw,760px)!important;
}


/* v13.41 — Contact hero actual height override
   Explicit height is required because legacy Contact rules constrain the hero.
   This extends the artwork itself and pushes the form/content below it downward. */
html body:has(.contact-page) .pagehero.contact-hero,
html body:has(.contact-page) .contact-hero{
  height:clamp(585px,56vw,760px)!important;
  min-height:clamp(585px,56vw,760px)!important;
  max-height:none!important;
}

/* Preserve approved Contact hero copy alignment within the taller artwork. */
html body:has(.contact-page) .contact-hero .pagehero-copy,
html body:has(.contact-page) .contact-hero .hero-copy{
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(var(--max),calc(100% - 48px))!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:700px){
  html body:has(.contact-page) .contact-hero .pagehero-copy,
  html body:has(.contact-page) .contact-hero .hero-copy{
    width:calc(100% - 32px)!important;
  }
}


/* v13.42 — Contact hero: corrected selector + actual extension
   contact.html has .contactgrid, not .contact-page. */
html body:has(.contactgrid) .pagehero{
  height:auto!important;
  min-height:calc((100svh - 150px) * .88)!important;
  max-height:none!important;
}

/* Keep copy truly centered vertically and on the global logo gutter. */
html body:has(.contactgrid) .pagehero > .wrap{
  width:min(var(--max),calc(100% - 48px))!important;
  max-width:var(--max)!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:900px){
  html body:has(.contactgrid) .pagehero{
    min-height:calc((100svh - 128px) * .88)!important;
  }
  html body:has(.contactgrid) .pagehero > .wrap{
    width:min(100% - 30px,var(--max))!important;
  }
}
@media(max-width:620px){
  html body:has(.contactgrid) .pagehero{
    min-height:calc((100svh - 112px) * .88)!important;
  }
  html body:has(.contactgrid) .pagehero > .wrap{
    width:calc(100% - 32px)!important;
  }
}
@supports not (height:100svh){
  html body:has(.contactgrid) .pagehero{
    min-height:calc((100vh - 150px) * .88)!important;
  }
}


/* v13.43 — Homepage Contact → Footer spacing
   Reduce the excess empty band beneath the form while preserving
   the form and locked footer layouts. */
body.homepage .contact-section,
body.homepage .home-contact,
body.homepage section:has(.contactgrid){
  padding-bottom:clamp(56px,5vw,82px)!important;
  min-height:0!important;
}

body.homepage footer,
body.homepage .site-footer{
  margin-top:0!important;
}


/* v13.44 — TRAK OUR SOLUTION equal vertical spacing
   Use the same outer spacing above the intro and below the procedure gallery. */
body:has(.trak-procedure-section) .trak-procedure-section{
  padding-top:clamp(72px,6vw,96px)!important;
  padding-bottom:clamp(72px,6vw,96px)!important;
}


/* v13.45 — align Careers + Contact hero copy to approved Team hero position.
   Team remains the reference and is not changed. */
body:has(.careers-page) .pagehero > .wrap,
body:has(.careersgrid) .pagehero > .wrap,
html body:has(.contactgrid) .pagehero > .wrap{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(var(--max),calc(100% - 48px))!important;
  max-width:var(--max)!important;
  margin:0!important;
  padding:0!important;
}

/* Careers page actual fallback selector. */
body:has(.jobs) .pagehero > .wrap,
body:has(.careers) .pagehero > .wrap{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(var(--max),calc(100% - 48px))!important;
  max-width:var(--max)!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:700px){
  body:has(.careers-page) .pagehero > .wrap,
  body:has(.careersgrid) .pagehero > .wrap,
  body:has(.jobs) .pagehero > .wrap,
  body:has(.careers) .pagehero > .wrap,
  html body:has(.contactgrid) .pagehero > .wrap{
    width:calc(100% - 32px)!important;
  }
}


/* v13.46 — Team roster: raise Marisa's final-row card only
   Match the vertical spacing used between the preceding roster rows. */
.team-roster .team-card:last-child{
  transform:translateY(-18px)!important;
}


/* v13.47 — CORRECTED RECENT EDITS
   These selectors match the actual HTML classes in the current package. */

/* 1) TRAK OUR SOLUTION: equal top and bottom section spacing. */
.trak-procedure-section{
  padding-top:80px!important;
  padding-bottom:80px!important;
}

/* 2) HERO COPY POSITION:
   Team is the approved reference. Careers + Contact are moved down to match
   the visual headline position of Meet the Team, while retaining their
   existing horizontal logo-gutter alignment and text justification. */
.careers-hero > .career-intro{
  position:relative!important;
  top:28px!important;
  transform:none!important;
}

body:has(.contactgrid) > .pagehero > .wrap,
body:has(.contactgrid) .pagehero > .wrap{
  top:calc(50% + 28px)!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(var(--max),calc(100% - 48px))!important;
  max-width:var(--max)!important;
  margin:0!important;
  padding:0!important;
}

/* 3) TEAM ROSTER:
   Actual card class is .teamcard (not .team-card). Raise Marisa only. */
body:has(.team-roster) .teamgrid > .teamcard:last-child{
  position:relative!important;
  top:-18px!important;
}

/* Neutralize the ineffective typo selector from v13.46. */
.team-roster .team-card:last-child{
  transform:none!important;
}

@media(max-width:700px){
  .careers-hero > .career-intro{
    top:0!important;
  }
  body:has(.contactgrid) .pagehero > .wrap{
    top:50%!important;
    width:calc(100% - 32px)!important;
  }
  body:has(.team-roster) .teamgrid > .teamcard:last-child{
    top:0!important;
  }
}


/* v13.48 — Marisa headshot alignment
   Correct the IMAGE CROP, not the card position.
   Restore the card to the normal grid position and shift only Marisa's
   portrait upward inside the same fixed headshot module. */
body:has(.team-roster) .teamgrid > .teamcard:last-child{
  top:0!important;
  transform:none!important;
}

body:has(.team-roster) .teamgrid > .teamcard:last-child .headshot img[alt="Marisa Conte"]{
  object-fit:cover!important;
  object-position:center 68%!important;
}


/* v13.49 — Marisa portrait alignment, root-cause fix.
   The legacy Marisa rule targeted .teamcard[href*="marisa"], but current
   team cards are <article> elements with no href, so that rule never matched.
   Target the actual Marisa image directly and apply the intended portrait shift. */
body:has(.team-roster) .teamgrid .teamcard .headshot img[alt="Marisa Conte"]{
  object-position:center center!important;
  transform:translateY(-15%) scale(1.035)!important;
  transform-origin:center center!important;
}

/* Preserve the same relative crop on hover if hover is ever re-enabled. */
body:has(.team-roster) .teamgrid .teamcard:hover .headshot img[alt="Marisa Conte"]{
  transform:translateY(-15%) scale(1.075)!important;
}

/* v13.50 — Careers headline optical kerning: open the r–t pair in “Start” */
.start-rt-kern{
  letter-spacing:0.012em!important;
}

/* v13.53 — TRAK clinical evidence card refinement */
.trak-evidence-section .evidence-native{
  box-shadow:
    0 0 0 1px rgba(242,27,106,.08),
    0 0 34px rgba(242,27,106,.13),
    0 22px 70px rgba(242,27,106,.11),
    inset 0 0 42px rgba(242,27,106,.025);
}
.trak-evidence-section .evidence-native h2{
  margin-bottom:42px;
}
.trak-evidence-section .evidence-native h2 + .lede{
  margin-top:0;
}
.trak-evidence-section .evidence-native .lede + .lede{
  margin-top:20px;
}
.trak-evidence-section .evidence-native .study-link{
  margin-top:42px;
}
@media(max-width:560px){
  .trak-evidence-section .evidence-native h2{margin-bottom:32px}
  .trak-evidence-section .evidence-native .study-link{margin-top:34px}
}


/* v13.54 — requested site refinements */
/* Homepage TRAK trademark: lower slightly for optical alignment with TRAK */
body.homepage .home-trak-technology .home-tech-heading h2 .trademark{top:-.72em!important;}
/* Team: slightly more breathing room before first headshot row */
body:has(.team-roster) .team-roster{padding-top:calc(120px + 22px)!important;}
@media(max-width:900px){body:has(.team-roster) .team-roster{padding-top:70px!important;}}
@media(max-width:560px){body:has(.team-roster) .team-roster{padding-top:48px!important;}}
/* Clickable email treatment stays visually consistent */
.email-link{transition:color .2s ease;}
.email-link:hover{color:var(--pink);}
/* Simple client-side verification for prototype contact forms */
.simple-captcha{margin-top:2px;}
.simple-captcha label{display:grid;grid-template-columns:auto minmax(90px,130px);gap:14px;align-items:center;color:#aaa5ad;font-size:13px;}
.simple-captcha .captcha-answer{padding:12px 14px!important;}
.captcha-error{display:block;min-height:18px;margin-top:6px;color:#f28aaa;font-size:12px;}
@media(max-width:560px){.simple-captcha label{grid-template-columns:1fr;gap:8px;}}


/* v13.57 — sitewide TRAK™ optical alignment
   Raise the trademark slightly to align its top with the TRAK cap height,
   and open the K-to-™ spacing one notch across all uses. */
sup.trademark{
  top:-.16em!important;
  margin-left:.14em!important;
}

/* Homepage Technology headline uses an absolutely positioned mark and needs
   its own optical values while preserving the same visual relationship. */
body.homepage .home-trak-technology .home-tech-heading h2 .home-trak-mark > sup.trademark{
  top:-.76em!important;
  left:100%!important;
  margin-left:.12em!important;
}

/* v13.59 — homepage Technology TRAK™ final normalization
   The sitewide TRAK™ treatment is approved and locked. This one homepage
   instance now uses that exact same inline superscript geometry instead of
   the legacy absolute-positioned homepage overrides. */
body.homepage .home-trak-technology .home-tech-heading h2 .home-trak-mark > sup.trademark{
  position:relative!important;
  inset:auto!important;
  top:-.16em!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:inline!important;
  vertical-align:super!important;
  font-size:.42em!important;
  line-height:0!important;
  margin-left:.14em!important;
  margin-right:0!important;
  padding:0!important;
  letter-spacing:0!important;
  font-weight:500!important;
  color:inherit!important;
}


/* v13.61 — mobile-only refinements; preserve production forms and desktop layouts. */
.home-corporate-headline .headline-mobile{display:none!important}
.home-corporate-headline .headline-desktop{display:contents!important}
@media(max-width:620px){
  /* Homepage: deliberate four-line headline, vertically balanced hero. */
  body.homepage .home-corporate-headline .headline-desktop{display:none!important}
  body.homepage .home-corporate-headline .headline-mobile{display:block!important}
  body.homepage .home-corporate-headline .headline-mobile>span{display:block!important;white-space:nowrap!important}
  body.homepage .buzz-hero,
  body.homepage .buzz-hero .hero-grid{min-height:max(760px,calc(100svh - 112px))!important}
  body.homepage .buzz-hero .hero-grid{align-items:center!important}
  body.homepage .buzz-hero .hero-copy{
    min-height:0!important;
    align-self:center!important;
    justify-content:center!important;
    padding:80px 0 66px!important;
  }
  body.homepage .buzz-hero .hero-copy h1{
    font-size:clamp(30px,8.15vw,44px)!important;
    line-height:1.08!important;
    max-width:100%!important;
  }
  /* Sitewide mobile footer: Explore and Connect share one row. */
  .footer.footer-home.footer-sitewide-approved .footer-home-links{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:24px!important;
    row-gap:0!important;
    max-width:100%!important;
    align-items:start!important;
  }
  .footer.footer-home.footer-sitewide-approved .footer-home-links>div{min-width:0!important}
  /* Contact page only: shorten the image-free gradient hero ~35%. */
  html body:not(.homepage):has(.contactgrid) .pagehero{
    height:auto!important;
    min-height:calc((100svh - 112px) * .57)!important;
    max-height:none!important;
  }
  html body:not(.homepage):has(.contactgrid) .pagehero>.wrap{
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  /* Expanded mobile menu only: superscript must not be flex item. */
  .mobile-menu-inner>a{display:block!important;align-content:center!important}
  .mobile-menu-inner>a>sup.trademark{
    position:relative!important;
    top:-.16em!important;
    vertical-align:super!important;
    display:inline!important;
    line-height:0!important;
    margin-left:.14em!important;
  }
}

/* v13.62 targeted mobile refinements */
@media(max-width:620px){
 html,body{max-width:100%;overflow-x:clip;}
 body.homepage .home-corporate-headline .headline-mobile>span{white-space:nowrap!important;}
 body.homepage .buzz-hero .hero-copy h1{font-size:clamp(35px,9.5vw,52px)!important;line-height:1.055!important;}
 .footer.footer-home.footer-sitewide-approved .footerlogo{width:156px!important;max-width:156px!important;}
 .trak-procedure-section.reveal-on-scroll{transition:opacity 1.05s ease,transform 1.05s cubic-bezier(.2,.75,.25,1)!important;transform:translateY(14px);}
 .trak-procedure-section.reveal-on-scroll .kicker,.trak-procedure-section.reveal-on-scroll h2{filter:none!important;transform:translateY(12px);transition:opacity .95s ease,transform .95s cubic-bezier(.2,.75,.25,1)!important;}
 .procedure-lightbox-stage{touch-action:pan-y;}
}

/* v13.63: targeted performance and legibility refinements. */
@media(max-width:620px){
  body.homepage .buzz-hero .hero-copy h1{
    font-size:clamp(40px,10.6vw,60px)!important;
    line-height:1.025!important;
    letter-spacing:-.045em!important;
  }
  body.homepage .home-corporate-headline .headline-mobile>span{letter-spacing:inherit!important;}
}
/* A reveal should not block content after it enters the viewport. Avoid expensive blur paints. */
.reveal-on-scroll .kicker,.reveal-on-scroll h2{filter:none!important;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)!important;}
.reveal-on-scroll.in .kicker,.reveal-on-scroll.in h2{transition-delay:0s!important;}
@media(max-width:900px){
  .reveal-on-scroll{transform:translate3d(0,12px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);}
  .reveal-on-scroll.in{transform:none!important;}
  .reveal-on-scroll .kicker,.reveal-on-scroll h2{transform:translate3d(0,10px,0);}
  .reveal-on-scroll.in .kicker,.reveal-on-scroll.in h2{transform:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .reveal-on-scroll,.reveal-on-scroll .kicker,.reveal-on-scroll h2{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}
}
/* The TRAK wordmark's superscript must not create excess spacing before the next word. */
body.homepage .home-trak-technology .home-tech-heading h2 .home-trak-mark{margin-right:0!important;}
/* Embedded applications must not inherit section entrance delays. */
.careers-openings .tally-embed,.careers-openings .tally-embed iframe{opacity:1!important;visibility:visible!important;transform:none!important;}

/* v13.64: approved responsive typography and TRAK layout refinements */
@media (max-width:620px){
 body.homepage .buzz-hero .hero-copy h1{font-size:clamp(43px,12.0vw,67px)!important;letter-spacing:-.025em!important;line-height:1.035!important;}
 body.homepage .buzz-hero .hero-copy h1 .headline-mobile>span{letter-spacing:inherit!important;}
 .trak-hero-copy h1{letter-spacing:-.045em;}
 .trak-evidence-section .evidence-native{background:radial-gradient(ellipse at 16% 5%,rgba(242,27,106,.16),transparent 68%),linear-gradient(145deg,rgba(242,27,106,.08),rgba(255,255,255,.018));}
 .trak-hero + .section .cards .card{background:radial-gradient(ellipse at 12% 0%,rgba(242,27,106,.16),transparent 78%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));}
}
.trak-hero + .section .split>p.lede{padding-top:0!important;margin-top:0!important;}
@media(max-width:900px){.trak-hero + .section .split{gap:18px!important;} .trak-procedure-section .procedure-heading{gap:18px!important;} .trak-evidence-section .evidence-native h2{margin-bottom:18px!important;}}

/* v13.65 — Contact mobile hero alignment and simplified content. Desktop unchanged. */
@media (max-width:620px){
  body:has(.contactgrid) .contact-secondary-heading{display:none!important;}
  html body:not(.homepage):has(.contactgrid) .pagehero > .wrap{
    top:60%!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* v13.66 — Desktop TRAK Challenge: align paragraph with main headline, below eyebrow. */
@media (min-width:901px){
  .trak-hero + .section .split > p.lede{
    padding-top:34px!important;
    margin-top:0!important;
  }
}


/* v13.67 — Mobile-only hero artwork and homepage typography refinements. */
@media (max-width:700px){
  .trak-hero-v1276{background-image:url("assets/AXT-MobileGraphics-TRAK-v1367.webp")!important;}
  body:has(.team-roster) .pagehero{background-image:url("assets/AXT-MobileGraphics-Team-v1367.webp")!important;}
  .careers-hero{background-image:url("assets/AXT-MobileGraphics-Careers-v1367.webp")!important;}
}
@media (max-width:620px){
  /* Keep the introductory phrase together; maintain the rest of the headline's scale. */
  body.homepage .home-trak-technology .home-tech-heading h2 .home-tech-intro{
    display:inline-block!important;
    white-space:nowrap!important;
    font-size:clamp(22px,6.0vw,36px)!important;
    letter-spacing:-.018em!important;
    line-height:1.18!important;
  }
  /* Preserve all five approved line breaks; let 'care' reach closer to the paragraph's right edge. */
  body.homepage .buzz-hero .hero-copy h1{
    font-size:clamp(44px,12.5vw,70px)!important;
    letter-spacing:-.012em!important;
    font-kerning:normal!important;
    font-variant-ligatures:common-ligatures!important;
  }
  body.homepage .home-corporate-headline .headline-mobile>span{letter-spacing:inherit!important;}
}

/* v13.68 — Mobile homepage Technology headline: one consistent size throughout. */
@media (max-width:620px){
  body.homepage .home-trak-technology .home-tech-heading h2{
    font-size:clamp(21px,6.1vw,34px)!important;
    letter-spacing:-.012em!important;
    line-height:1.16!important;
  }
  body.homepage .home-trak-technology .home-tech-heading h2 .home-tech-intro{
    font-size:inherit!important;
    letter-spacing:inherit!important;
    line-height:inherit!important;
    white-space:nowrap!important;
  }
}

/* v13.69 — Mobile Technology heading: full-width first line, uniform typography. */
@media (max-width:620px){
  body.homepage .home-trak-technology .home-tech-heading h2{
    font-size:clamp(29px,8.1vw,48px)!important;
    letter-spacing:-.025em!important;
    line-height:1.12!important;
  }
  body.homepage .home-trak-technology .home-tech-heading h2 .home-tech-intro{
    font-size:inherit!important;
    letter-spacing:inherit!important;
    line-height:inherit!important;
    white-space:nowrap!important;
  }
}

/* v13.70 — consistent heading-to-supporting-copy rhythm across site.
   Keep approved headline sizes and layouts; standardize only the vertical gap. */
@media (max-width:900px){
  /* Apply to headings immediately followed by their supporting paragraph. */
  .section h2:has(+ p.lede),
  .section h2:has(+ p:not([class])),
  .hero-copy h1:has(+ p),
  .trak-hero-copy h1:has(+ p),
  .pagehero h1:has(+ p){margin-bottom:20px!important;}
  .section h2 + p.lede,
  .section h2 + p:not([class]),
  .hero-copy h1 + p,
  .trak-hero-copy h1 + p,
  .pagehero h1 + p{margin-top:0!important;}
  /* Homepage Technology uses a bespoke high-specificity headline rule. */
  body.homepage .home-trak-technology .home-tech-heading h2{margin-bottom:20px!important;}
  body.homepage .home-trak-technology .home-tech-heading h2 + p.lede{margin-top:0!important;}
}

/* v13.74 — Ward Warren headshot vertical alignment.
   Adjust portrait framing only; preserve card position and other portraits. */
body:has(.team-roster) .teamgrid .teamcard .headshot img[alt="Ward Warren"]{
  object-position:center center!important;
  transform:translateY(-8%) scale(1.035)!important;
  transform-origin:center center!important;
}
body:has(.team-roster) .teamgrid .teamcard:hover .headshot img[alt="Ward Warren"]{
  transform:translateY(-8%) scale(1.075)!important;
}

/* v13.75 — David Twomley portrait framing: modestly tighter crop in the
   existing headshot module, without modifying the source image. */
body:has(.team-roster) .teamgrid .teamcard .headshot img[alt="David Twomley"]{
  object-position:center center!important;
  transform:translateY(-5%) scale(1.11)!important;
  transform-origin:center center!important;
}
body:has(.team-roster) .teamgrid .teamcard:hover .headshot img[alt="David Twomley"]{
  transform:translateY(-5%) scale(1.15)!important;
}

/* v13.76 — Ward portrait aligned with other commercial team headshots. */
body:has(.team-roster) .teamgrid .teamcard .headshot img[alt="Ward Warren"]{
  object-position:center center!important;
  transform:translateY(3%) scale(1.0)!important;
}
body:has(.team-roster) .teamgrid .teamcard:hover .headshot img[alt="Ward Warren"]{
  transform:translateY(3%) scale(1.04)!important;
}

/* v13.77 — Team portrait alignment audit.
   Normalize all eight cards to a common visible crown/head-top position.
   The individual source photos have different amounts of upper padding;
   compensate per portrait without editing original image files.
   Override legacy per-person transforms (including hover) in one place. */
body:has(.team-roster) .team-roster .teamgrid .teamcard .headshot img {
  object-fit:cover!important;
  object-position:center top!important;
  transform:translateY(var(--portrait-y, 0%)) scale(1.035)!important;
  transform-origin:center top!important;
}
body:has(.team-roster) .team-roster .teamgrid .teamcard:hover .headshot img {
  transform:translateY(var(--portrait-y, 0%)) scale(1.035)!important;
}
body:has(.team-roster) .headshot img[alt="John Khoury"] {--portrait-y:-5.5%;}
body:has(.team-roster) .headshot img[alt="David Twomley"] {--portrait-y:-2.8%;}
body:has(.team-roster) .headshot img[alt="Christian Hermanas"] {--portrait-y:-4.2%;}
body:has(.team-roster) .headshot img[alt="Ally Moore"] {--portrait-y:-5.5%;}
body:has(.team-roster) .headshot img[alt="Chris Haycock"] {--portrait-y:-1.5%;}
body:has(.team-roster) .headshot img[alt="Ward Warren"] {--portrait-y:2.6%;}
body:has(.team-roster) .headshot img[alt="Katie Birkby"] {--portrait-y:-8.3%;}
body:has(.team-roster) .headshot img[alt="Marisa Conte"] {--portrait-y:-13.7%;}