/* Built by scripts/build-css.mjs — edit the parts, not this file. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-500.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-700.woff2') format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-500.woff2') format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-600.woff2') format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-700.woff2') format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/plus-jakarta-sans-800.woff2') format('woff2');}
@font-face{
font-family: 'Big Shoulders DV';
src: url('../fonts/big-shoulders-60pt-bold.woff2') format('woff2');
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face{
font-family: 'Inter DV';
src: url('../fonts/inter-18pt-medium.woff2') format('woff2');
font-weight: 400; font-style: normal; font-display: swap;
}
:root{
--white:  #ffffff;
--blush:  #faf3f3;
--char:   #3c3c3c;
--red:    #e30613;
--rose:   #ee9191;
--peach:  #f3c4b9;
--cream:  #fee1d1;
--navy:   #121f36;
--foot-text: #635b5b;
--f-head: 'Big Shoulders DV', 'Big Shoulders', 'Arial Narrow', sans-serif;
--f-body: 'Inter DV', 'Inter', Arial, sans-serif;
--f-mono: 'IBM Plex Mono', ui-monospace, monospace;
--f-num:  'Montserrat', Arial, sans-serif;
--h1: clamp(46px, 3.2rem + 2.6vw, 80.47px);
--h2: clamp(32px, 1.6rem + 1.4vw, 47px);
--gut: clamp(20px, 6.5vw, 100px);
--maxw: 1440px;
}
*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
margin: 0;
font-family: var(--f-body);
font-size: 18px;
line-height: normal;
color: var(--char);
background: var(--white);
-webkit-font-smoothing: antialiased;
}
img, video, iframe{ display: block; max-width: 100%; }
a{ color: inherit; text-decoration: none; }
p{ margin: 0; }
h1, h2, h3, h4, h5, h6{ margin: 0; font-weight: 400; }
.wrap{ width: 100%; max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gut); }
.red{ color: var(--red); }
.bg-blush{ background: var(--blush); }
.bg-red{ background: var(--red); }
.bg-char{ background: var(--char); }
.h1{ font-family: var(--f-head); font-size: var(--h1); line-height: 1.2; color: var(--char); }
.h2{ font-family: var(--f-head); font-size: var(--h2); line-height: 1.3; color: var(--char); }
.lead{ font-size: 18px; line-height: normal; color: var(--char); }
.eyebrow{
display: flex; align-items: center; gap: 10px;
font-family: var(--f-mono); font-weight: 500;
font-size: 13.66px; line-height: 21.86px; letter-spacing: 4.1px;
text-transform: uppercase; color: var(--red);
margin-bottom: 8px;
}
.eyebrow::before{ content: ''; flex: 0 0 45px; height: 3px; background: var(--red); }
.eyebrow--center{ justify-content: center; }
.eyebrow--light{ color: #fff; }
.eyebrow--light::before{ background: #fff; }
.btn{
display: inline-flex; align-items: center; justify-content: center;
min-width: 180px; height: 42px; padding: 0 24px;
font-family: var(--f-body); font-size: 14.4px;
border: 1px solid var(--char); background: var(--char); color: #fff;
cursor: pointer; transition: opacity .2s;
}
.btn:hover{ opacity: .85; }
.btn--light{ background: #fff; color: #000; }
.btn--red{ background: var(--red); border-color: var(--red); color: #fff; }
.btn--outline-red{ background: var(--char); border-color: var(--red); color: #fff; font-weight: 500; }
.site-header{
position: sticky; top: 0; z-index: 50;
background: var(--blush);
height: 83px;
}
.site-header .wrap{
height: 100%;
display: flex; align-items: center; gap: 40px;
padding-inline: clamp(20px, 6vw, 86px);
}
.site-header__logo img{ width: 234px; height: auto; }
.site-nav{ display: flex; gap: 28px; margin-left: auto; margin-right: auto; }
.site-nav a{ font-family: 'Inter', var(--f-body); font-size: 16px; color: #000; }
.site-nav a[aria-current="page"], .site-nav a:hover{ text-decoration: underline; }
.site-header__cta{
display: inline-flex; align-items: center; justify-content: center;
width: 173px; height: 35px; background: var(--char); color: #fff;
font-family: var(--f-body); font-size: 12px;
}
.burger{ display: none; width: 40px; height: 40px; border: 0; background: transparent; cursor: pointer; margin-left: auto; }
.burger span{ display: block; height: 2px; margin: 6px 8px; background: var(--char); }
.mobile-nav{ display: none; }
@media (max-width: 1000px){
.site-nav, .site-header__cta{ display: none; }
.burger{ display: block; }
.site-header__logo img{ width: 170px; }
.mobile-nav.is-open{
display: flex; flex-direction: column;
position: fixed; inset: 83px 0 0; z-index: 49;
background: var(--blush); padding: 24px var(--gut);
}
.mobile-nav a{ font-family: var(--f-head); font-size: 34px; padding: 10px 0; border-bottom: 1px solid rgba(60,60,60,.12); }
}
.site-footer{ background: var(--char); color: var(--foot-text); font-size: 18px; }
.site-footer .wrap{ position: relative; padding: 35px clamp(20px, 6.5vw, 94px) 30px; }
.foot-cols{ display: grid; grid-template-columns: 358px 315px 236px auto; }
.foot-cols h4{ font-family: var(--f-body); font-size: 18px; line-height: 29px; margin-bottom: 0; }
.foot-cols a{ display: block; line-height: 29px; }
.foot-cols a:hover{ text-decoration: underline; }
.foot-shop{ display: flex; align-items: center; gap: 24px; margin-top: 6px; }
.foot-shop img{ width: 41px; height: 29px; object-fit: cover; }
.foot-shop a:last-child img{ width: 50px; height: 34px; }
.foot-bottom{ display: flex; justify-content: space-between; align-items: center; margin-top: 70px; }
.foot-social{ display: flex; align-items: center; gap: 12px; }
.foot-social img{ width: 20px; height: 20px; }
.foot-social a:first-child img{ width: 30px; height: 30px; }
@media (max-width: 900px){
.foot-cols{ grid-template-columns: 1fr 1fr; gap: 24px; }
.foot-bottom{ flex-direction: column-reverse; gap: 16px; align-items: flex-start; }
}
.home-hero{ position: relative; min-height: 649px; }
.home-hero .wrap{ display: grid; grid-template-columns: 560px 1fr; gap: 40px; padding-top: 55px; padding-bottom: 40px; }
.home-hero__title{ margin: 0 0 6px; }
.home-hero__title span{ display: block; line-height: 96.56px; }
.home-hero__text{ max-width: 551px; margin-top: 4px; }
.home-hero__ctas{ display: flex; gap: 8px; margin-top: 25px; }
.home-hero__ctas .btn{ width: 190px; height: 44px; }
.home-hero__ctas .btn--light{ width: 182px; height: 42px; margin-top: 2px; }
.home-hero__cube{ height: 585px; margin-top: -30px; }
.home-hero__cube iframe{ width: 100%; height: 100%; border: 0; }
.mp-strip{ position: relative; height: 128px; overflow: hidden; }
.mp-strip iframe{ position: absolute; left: 11px; right: 33px; top: -2px; width: calc(100% - 44px); height: 125px; border: 0; }
.mp-tag{
position: absolute; left: -20px; top: 19px; z-index: 2;
width: 217px; height: 89px;
background: var(--red);
clip-path: polygon(0 0, 78% 0, 100% 50%, 78% 100%, 0 100%);
display: flex; align-items: center; padding-left: 38px;
color: #fff; font-size: 18px;
}
.brand-band{ height: 580px; overflow: hidden; }
.brand-band iframe{ width: calc(100% + 22px); margin-left: -11px; height: 592px; margin-top: -22px; border: 0; }
.problem{ padding: 57px 0 65px; text-align: center; }
.problem .h1{ margin-top: -12px; }
.problem p.lead{ max-width: 1145px; margin: 6px auto 0; }
.eco{ position: relative; overflow: hidden; text-align: center; color: #fff; padding: 64px 0 71px; }
.eco__wm{
position: absolute; left: 50%; top: 57px; transform: translateX(-50%);
font-family: var(--f-head); font-size: clamp(120px, 19.4vw, 278.9px); line-height: 1.2;
white-space: nowrap; color: #fff; opacity: .3; pointer-events: none;
}
.eco .inner{ position: relative; }
.eco .h1{ color: #fff; }
.eco .h1.peach{ color: var(--peach); margin-top: -14px; }
.eco p.lead{ color: #fff; max-width: 849px; margin: 2px auto 0; }
.svc-head{ padding: 61px 0 28px; }
.svc-head .wrap{ display: flex; justify-content: space-between; align-items: flex-end; }
.svc-head p.lead{ text-align: right; padding-bottom: 20px; }
.tabs{ padding-bottom: 46px; }
.tabs .wrap{ padding-inline: 41px 40px; }
.tabs__bar{ display: grid; grid-template-columns: 535px 384px 1fr; gap: 1px; background: var(--rose); }
.tabs__bar button{
height: 65px; border: 0; cursor: pointer;
font-family: var(--f-mono); font-size: 12px; letter-spacing: 3.6px;
background: var(--red); color: #fff;
}
.tabs__bar button[aria-selected="true"]{ background: var(--blush); color: #000; }
.tabs__panel{ display: grid; grid-template-columns: 1fr 1fr; min-height: 370px; }
.tabs__panel[hidden]{ display: none; }
.tabs__content{ padding-top: 66px; padding-left: 26px; }
.tabs__content h6{ font-family: 'Inter', var(--f-body); font-weight: 700; font-size: 24.35px; line-height: 34px; }
.tabs__content p{ font-size: 16px; line-height: 25.6px; margin-top: 14px; max-width: 418px; }
.tabs__content a{ display: inline-block; margin-top: 60px; font-size: 18px; }
.tabs__content a:hover{ text-decoration: underline; }
.unlock{ padding: 94px 0 60px; }
.unlock .wrap{ display: grid; grid-template-columns: 620px 698px; justify-content: space-between; padding-inline: 107px 22px; }
.unlock__left{ position: sticky; top: 110px; align-self: start; }
.unlock__left .h1{ width: 382px; margin-top: 4px; line-height: 96.56px; }
.unlock__arrow{ position: absolute; left: 427px; top: 40px; width: 90px; height: 45px; fill: var(--red); }
.unlock__squiggle{ display: block; width: 217px; height: 22px; margin: 36px 0 0 65px; fill: var(--rose); }
.unlock__cards{ display: flex; flex-direction: column; gap: 54px; padding-top: 78px; }
.ucard{
position: relative; border-radius: 30px;
display: grid; grid-template-columns: 72px 1fr; gap: 0 42px;
padding: 14px 110px 42px 65px;
}
.ucard__num{ position: relative; width: 72px; height: 59px; }
.ucard__num svg{ width: 100%; height: 100%; }
.ucard__num b{
position: absolute; left: 0; right: 0; top: 16px; text-align: center;
font-family: var(--f-num); font-weight: 700; font-size: 22.5px; line-height: 27px;
}
.ucard h6{ font-family: var(--f-head); font-size: 24.35px; line-height: 34px; margin-top: 44px; }
.ucard p{ font-size: 18.21px; line-height: 29.14px; margin-top: 8px; }
.ucard--1{ background: var(--red); color: #fff; }
.ucard--1 svg{ fill: #fff; }
.ucard--2{ background: var(--rose); } .ucard--2 h6{ color: #000; }
.ucard--3{ background: var(--peach); } .ucard--3 h6{ color: #000; }
.ucard--4{ background: var(--cream); } .ucard--4 h6{ color: #000; }
.ucard--2 svg, .ucard--3 svg, .ucard--4 svg{ fill: var(--navy); }
.ucard--2 b, .ucard--3 b, .ucard--4 b{ color: var(--navy); }
.ucard--5{ background: #fff; color: var(--red); }
.ucard--5 svg{ fill: var(--red); }
.results{ padding: 67px 0 79px; text-align: center; min-height: 784px; display: flex; flex-direction: column; }
.results .h1{ margin-top: -10px; }
.results p.lead{ max-width: 718px; margin: 21px auto 0; }
.results .btn{ margin: auto auto 0; width: 189px; }
.impact{ padding: 0 0 40px; }
.impact .h1{ text-align: center; }
.impact__grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 40px; max-width: 1320px; margin: 40px auto 0; padding-inline: 81px 40px; }
.stat{ display: flex; align-items: center; gap: 10px; }
.stat img{ width: 148px; height: 148px; object-fit: contain; }
.stat .h1{ text-align: left; line-height: 1; }
.stat .eyebrow{ margin: 8px 0 0; font-weight: 400; }
.stat .eyebrow::before{ display: none; }
.stat--ai{ grid-column: 2; }
.stat--ai .eyebrow{ white-space: nowrap; }
.cta-band{ color: #fff; padding: 44px 0 67px; }
.cta-band .wrap{ display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-inline: 86px 82px; }
.cta-band .h1{ color: #fff; }
.page-hero{ padding: 35px 0 45px; }
.page-hero .wrap{ padding-inline: 138px; }
.page-hero .eyebrow{ margin-left: 5px; }
.page-hero .h1{ margin-top: 2px; }
.page-hero .lead{ margin-top: 21px; max-width: 1165px; }
.svc-row{ display: grid; grid-template-columns: 1fr 1fr; min-height: 450px; }
.svc-row__img img{ width: 100%; height: 100%; object-fit: cover; }
.svc-row__text{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 110px; }
.svc-row__num{ position: absolute; left: 61px; top: 48px; font-family: var(--f-head); font-size: var(--h1); line-height: 1.2; color: var(--red); }
.svc-row__text .h2{ max-width: 500px; }
.svc-row__text p{ max-width: 501px; margin-top: 23px; line-height: 29px; }
.svc-row__text p + p{ margin-top: 0; }
.svc-row--last{ min-height: 495px; }
.svc-cta{ padding: 96px 0 60px; }
.svc-cta .wrap{ display: flex; align-items: center; justify-content: space-between; padding-inline: 94px 70px; }
.svc-cta .btn{ width: 142px; min-width: 0; }
.mp-hero{ min-height: 558px; padding: 26px 0 60px; position: relative; }
.mp-hero .wrap{ padding-inline: 121px; position: relative; }
.mp-hero .eyebrow{ margin-left: 12px; }
.mp-hero .h1{ max-width: 681px; margin-top: 32px; }
.mp-hero .lead{ max-width: 464px; margin-top: 45px; line-height: 1.6; }
.mp-hero__badge{ position: absolute; right: 334px; top: 437px; width: 63px; }
.regions{ padding-bottom: 20px; }
.region__band{ height: 56px; background: var(--blush); display: flex; align-items: center; justify-content: center; }
.region__band h5{ font-family: var(--f-head); font-size: 31px; line-height: 40px; color: var(--red); }
.region__logos{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 22px 26px; padding: 50px clamp(20px, 5vw, 80px) 60px; }
.region__logos img{ height: 40px; width: auto; max-width: 128px; object-fit: contain; }
.mp-cta{ padding: 45px 0; }
.mp-cta .wrap{ display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-inline: 43px 70px; }
.mp-cta .btn{ min-width: 142px; }
.va-hero{ min-height: 410px; }
.va-hero .wrap{ display: grid; grid-template-columns: 1fr 320px; gap: 40px; padding: 43px 154px 48px 103px; align-items: start; }
.va-hero .eyebrow{ margin-left: 29px; }
.va-hero .h1{ max-width: 687px; margin-top: 0; }
.va-hero .lead{ max-width: 596px; margin-top: 11px; color: #000; }
.va-hero__img{ width: 320px; margin-top: -7px; }
.va-features{ height: 1648px; position: relative; }
.va-features__stage{ position: sticky; top: 90px; height: 650px; width: min(1219px, calc(100% - 40px)); margin: 31px auto 0; }
.va-features__stage img.frame{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .6s; }
.va-features__stage img.frame.is-on{ opacity: 1; }
.va-features__video{ position: absolute; left: 24.6%; top: 27%; width: 50.5%; height: 58%; object-fit: cover; }
.va-how{ min-height: 891px; }
.va-how .wrap{ padding-inline: 69px; }
.va-how .eyebrow{ margin-left: 27px; }
.va-how .lead{ font-size: 20px; line-height: 1.6; max-width: 1105px; margin-top: 10px; }
.va-cta{ padding: 22px 0 19px; }
.va-cta .wrap{ display: flex; align-items: center; justify-content: space-between; padding-inline: 92px 84px; }
.va-cta .h2{ color: #fff; }
.va-cta .btn{ min-width: 239px; }
.press-head{ padding: 32px 0 40px; text-align: center; }
.press-head p{ font-size: 20px; line-height: 1.6; }
.post{ padding: 60px 0; }
.post .wrap{ padding-inline: 112px 104px; }
.post__top{ display: grid; grid-template-columns: 400px 1fr; gap: 40px; align-items: start; }
.post__top img{ width: 100%; height: auto; }
.post__top .h2{ line-height: 1.29; }
.post__top p{ margin-top: 20px; line-height: 1.6; }
.post__body{ margin-top: 36px; line-height: 1.6; }
.post__body p + p, .post__body ul + p, .post__body p + ul{ margin-top: 18px; }
.post__body ul{ margin: 0; padding-left: 24px; }
.post__body b{ font-weight: 700; }
.gallery{ display: grid; gap: 12px; margin-top: 32px; }
.gallery img{ width: 100%; height: 100%; object-fit: cover; }
.g-2{ grid-template-columns: 1.08fr 1fr; }
.g-3{ grid-template-columns: repeat(3, 1fr); }
.g-5{ grid-template-columns: repeat(5, 1fr); }
.g-4{ grid-template-columns: repeat(4, 1fr); }
.g-diwali-1{ grid-template-columns: 470fr 470fr 252fr; }
.g-xmas{ grid-template-columns: repeat(3, 1fr); }
.g-xmas div{ display: flex; flex-direction: column; gap: 12px; }
.post__center{ text-align: center; margin-top: 24px; }
.career-hero .wrap{ display: grid; grid-template-columns: 1fr 496px; gap: 48px; padding: 35px 76px 60px 85px; align-items: start; }
.career-hero .eyebrow{ margin-left: 30px; }
.career-hero .lead{ color: #000; margin-top: 55px; max-width: 729px; line-height: 1.6; }
.career-hero img{ margin-top: 13px; width: 496px; }
.jobs{ padding: 57px 0 57px; }
.jobs .wrap{ padding-inline: 115px; }
.jobs__head{ display: flex; align-items: center; justify-content: space-between; padding: 0 34px; margin-bottom: 4px; }
.jobs__head h3{ font-family: var(--f-head); font-size: 42px; line-height: 55px; }
.jobs__apply{ display: flex; gap: 23px; }
.jobs__apply img{ width: 28px; height: 28px; }
.job{ border-bottom: 1px solid #fff; }
.job > button{
width: 100%; height: 34px; border: 0; background: var(--blush); cursor: pointer;
display: flex; align-items: center; justify-content: space-between;
padding: 0 12px; font-family: var(--f-body); font-size: 16px; color: #000; text-align: left;
}
.job > button::after{ content: '+'; font-size: 20px; }
.job > button[aria-expanded="true"]::after{ content: '–'; }
.job__panel{ background: #fff; padding: 36px 134px 60px; font-size: 15px; line-height: 1.6; color: #000; }
.job__panel[hidden]{ display: none; }
.job__panel h4{ font-family: var(--f-body); font-weight: 700; font-size: 15px; margin: 18px 0 6px; }
.job__panel h4:first-child{ margin-top: 0; white-space: pre-line; }
.job__panel ul{ margin: 0; padding-left: 22px; }
.jobs-note{ padding: 16px 0 22px; }
.jobs-note .wrap{ padding-inline: 94px; }
.jobs-note h4{ font-family: var(--f-head); font-size: 38px; line-height: 50px; }
.contact{ padding: 39px 0 80px; }
.contact .wrap{ padding-inline: 129px 117px; }
.contact .eyebrow{ margin-left: 25px; }
.contact__grid{ display: grid; grid-template-columns: 576px 1fr; gap: 69px; margin-top: 43px; }
.form-card{ background: var(--blush); border-radius: 16px; padding: 24px 24px 24px; }
.form-card h2{ font-family: var(--f-head); font-size: 42px; line-height: 55px; margin-bottom: 16px; }
.field{ margin-bottom: 21px; }
.field label, .field legend{ display: block; font-size: 16px; line-height: 25px; margin-bottom: 8px; }
.field input[type=text], .field input[type=email], .field textarea{
width: 100%; height: 36px; border: 0; border-radius: 6px; background: #fff;
padding: 0 12px; font-family: var(--f-body); font-size: 15px; color: var(--char);
}
.field textarea{ height: 92px; padding: 8px 12px; resize: vertical; }
fieldset.field{ border: 0; padding: 0; }
.checks{ display: grid; grid-template-columns: repeat(3, 166px); gap: 12px 15px; }
.checks label{ display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; }
.form-card .btn{ display: flex; margin-left: auto; width: 252px; height: 41px; }
.form-note{ font-size: 14px; margin-top: 10px; text-align: right; }
.contact__side .lead{ text-align: right; line-height: 1.6; }
.contact__side img{ width: 528px; margin: 91px 0 0 auto; }
.legal{ padding: 60px 0 80px; }
.legal .wrap{ max-width: 1233px; padding-inline: 20px; }
.legal article{ max-width: 993px; margin-left: 220px; font-size: 18px; line-height: 1.6; color: #000; }
.legal p{ margin: 0 0 18px; }
.legal h2{ font-family: var(--f-body); font-weight: 700; font-size: 18px; margin: 30px 0 12px; }
.legal h3{ font-family: var(--f-body); font-weight: 700; font-size: 18px; margin: 18px 0 8px; }
.legal ul{ margin: 0 0 18px; padding-left: 26px; }
.cs-hero{ padding: 56px 0 40px; }
.cs-hero .wrap{ padding-inline: 86px; }
.cs-hero .eyebrow{ margin-left: 12px; }
.cs-hero .lead{ font-size: 20px; line-height: 1.6; margin-top: 16px; max-width: 1180px; color: #000; }
.feed-empty{ text-align: center; padding: 80px 20px 120px; }
.feed-empty h2{ font-family: var(--f-body); font-size: 24px; margin-bottom: 10px; color: #000; }
.feed-empty p{ font-size: 16px; color: #000; }
.blog-cats{ display: flex; gap: 28px; justify-content: flex-start; padding: 30px var(--gut) 16px; border-bottom: 1px solid rgba(0,0,0,.12); }
.blog-cats a{ font-size: 16px; color: #000; }
.blog-cats a[aria-current="page"]{ color: var(--red); }
@media (max-width: 1200px){
.unlock .wrap{ grid-template-columns: 1fr; padding-inline: var(--gut); }
.unlock__left{ position: static; }
.unlock__arrow{ display: none; }
.ucard{ padding-right: 40px; }
.impact__grid{ padding-inline: var(--gut); }
}
@media (max-width: 1000px){
.home-hero .wrap, .va-hero .wrap, .career-hero .wrap, .contact__grid, .post__top{ grid-template-columns: 1fr; }
.home-hero .wrap, .va-hero .wrap, .career-hero .wrap, .page-hero .wrap, .mp-hero .wrap,
.va-how .wrap, .cs-hero .wrap, .contact .wrap, .jobs .wrap, .jobs-note .wrap, .post .wrap,
.svc-cta .wrap, .mp-cta .wrap, .va-cta .wrap, .cta-band .wrap, .tabs .wrap{ padding-inline: var(--gut); }
.home-hero__cube{ height: 420px; margin-top: 0; }
.home-hero__title span{ line-height: 1.15; }
.svc-head .wrap, .svc-cta .wrap, .mp-cta .wrap, .va-cta .wrap, .cta-band .wrap{ flex-direction: column; align-items: flex-start; }
.svc-head p.lead{ text-align: left; }
.tabs__bar{ grid-template-columns: 1fr; }
.tabs__panel{ grid-template-columns: 1fr; }
.tabs__content{ padding: 32px 0; }
.svc-row{ grid-template-columns: 1fr; }
.svc-row__img{ order: -1; height: 300px; }
.svc-row__text{ padding: 60px 24px 50px; }
.svc-row__num{ left: 24px; top: 10px; }
.impact__grid{ grid-template-columns: 1fr; }
.stat--ai{ grid-column: auto; }
.stat img{ width: 100px; height: 100px; }
.mp-hero__badge{ position: static; margin-top: 24px; }
.va-features{ height: auto; }
.va-features__stage{ position: relative; top: 0; height: auto; aspect-ratio: 1219 / 650; }
.va-how{ min-height: 0; padding-bottom: 60px; }
.va-hero__img, .career-hero img, .contact__side img{ margin: 0; width: 100%; max-width: 420px; }
.contact__side .lead{ text-align: left; }
.checks{ grid-template-columns: 1fr 1fr; }
.job__panel{ padding: 24px; }
.jobs__head{ padding: 0; }
.legal article{ margin-left: 0; }
.g-2, .g-3, .g-5, .g-4, .g-diwali-1, .g-xmas{ grid-template-columns: 1fr 1fr; }
.results{ min-height: 0; }
.results .btn{ margin-top: 40px; }
.brand-band{ height: 620px; }
.brand-band iframe{ height: 640px; }
}
.globe-band{ position: relative; height: clamp(520px, 52vw, 760px); }
.globe-band iframe{ width: 100%; height: 100%; border: 0; }
@media (max-width: 1000px){ .globe-band{ height: clamp(460px, 110vw, 640px); } }
.results__rail{ position: relative; height: 448px; margin: 10px calc(50% - 50vw) 0; }
.results__rail iframe{ width: 100%; height: 100%; border: 0; }
@media (max-width: 600px){ .results__rail{ height: 344px; margin-top: 6px; } }
.globe-band{ height: auto; }
.globe-band__head{ text-align: center; padding-top: clamp(40px, 5vw, 72px); }
.globe-band__head .h2{ margin: 0; }
.globe-band iframe{ display: block; height: clamp(520px, 52vw, 760px); }
@media (max-width: 1000px){ .globe-band iframe{ height: clamp(460px, 110vw, 640px); } }
[data-theme="aurora"]{
--au-bg:     #FBF7F6;
--au-ink:    #17121A;
--au-dim:    rgba(23, 18, 26, 0.64);
--au-faint:  rgba(23, 18, 26, 0.42);
--au-line:   rgba(23, 18, 26, 0.09);
--au-glass:  rgba(255, 255, 255, 0.58);
--au-glass-2:rgba(255, 255, 255, 0.78);
--au-glass-3:rgba(255, 255, 255, 0.88);
--au-edge:   rgba(255, 255, 255, 0.9);
--au-blur:   18px;
--au-blur-sm:11px;
--au-sat:    150%;
--au-fx:     blur(var(--au-blur)) saturate(var(--au-sat));
--au-fx-sm:  blur(var(--au-blur-sm)) saturate(130%);
--au-fx-lg:  blur(calc(var(--au-blur) * 1.35)) saturate(160%);
--au-hi:     inset 0 1px 0 rgba(255, 255, 255, 0.9);
--au-coral:  #FF6A4D;
--au-wine:   #7A0012;
--au-grad:   linear-gradient(135deg, #FF4D3D 0%, #E30613 48%, #A8031A 100%);
--au-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 24px 60px -28px rgba(122, 0, 18, 0.28);
--au-r:      26px;
--au-ease:   cubic-bezier(.16, 1, .3, 1);
--blush: transparent;
--char:  var(--au-ink);
--navy:  var(--au-ink);
--foot-text: rgba(255, 255, 255, 0.64);
--f-head: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
--f-body: 'Inter', system-ui, -apple-system, sans-serif;
--f-mono: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
--h1: clamp(38px, 1.5rem + 3.1vw, 72px);
--h2: clamp(28px, 1.2rem + 1.5vw, 44px);
background: var(--au-bg);
& body{ background: transparent; color: var(--au-ink); }
& body::before{
content: ''; position: fixed; inset: -25%; z-index: -2; pointer-events: none;
background:
radial-gradient(38% 32% at 18% 22%, rgba(255, 106, 77, .30), transparent 70%),
radial-gradient(32% 30% at 82% 14%, rgba(227, 6, 19, .17), transparent 70%),
radial-gradient(42% 38% at 72% 78%, rgba(255, 180, 168, .40), transparent 70%),
radial-gradient(30% 30% at 22% 86%, rgba(255, 214, 196, .45), transparent 70%);
animation: au-drift 28s ease-in-out infinite alternate;
translate: 0 calc(var(--au-p, 0) * -140px);
}
& body::after{
content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .35;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.05 0 0 0 0 0.08 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
& ::selection{ background: var(--red); color: #fff; }
& .h1{ font-weight: 800; letter-spacing: -0.035em; line-height: 1.04; color: var(--au-ink); }
& .h2{ font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; color: var(--au-ink); }
& .red{ color: var(--red); }
& .lead{ color: var(--au-dim); line-height: 1.65; }
& .eyebrow{
width: fit-content; gap: 12px; padding: 0; margin-bottom: 18px;
font-family: var(--f-mono); font-size: 11.5px; font-weight: 700; letter-spacing: .22em; line-height: 1;
color: var(--au-ink); background: none; border: 0; border-radius: 0; box-shadow: none;
}
& .eyebrow::before{
flex: 0 0 26px; height: 2px; border-radius: 0;
background: var(--red); box-shadow: none;
}
& .eyebrow--center{ margin-inline: auto; }
& .eyebrow--light{ color: #fff; background: none; border: 0; box-shadow: none; }
& .eyebrow--light::before{ background: #fff; box-shadow: none; }
& .stat .eyebrow{ padding: 0; background: none; border: 0; box-shadow: none; border-radius: 0; margin: 8px 0 0; color: var(--au-dim); }
& .btn, & .site-header__cta{
position: relative; overflow: hidden; isolation: isolate;
height: 48px; padding: 0 26px; border: 0; border-radius: 999px;
font-family: var(--f-head); font-size: 14.5px; font-weight: 700; letter-spacing: -0.005em;
background: var(--au-ink); color: #fff;
box-shadow: 0 12px 28px -14px rgba(23, 18, 26, .55);
transition: box-shadow .4s var(--au-ease), background-color .3s;
will-change: transform;
}
& .btn::after, & .site-header__cta::after{
content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.38) 50%, transparent 70%);
transform: translateX(-120%); transition: transform .9s var(--au-ease);
}
& .btn:hover, & .site-header__cta:hover{ opacity: 1; box-shadow: 0 18px 36px -14px rgba(227, 6, 19, .55); }
& .btn:hover::after, & .site-header__cta:hover::after{ transform: translateX(120%); }
& .btn--red, & .btn--outline-red, & .site-header__cta{ background: var(--au-grad); }
& .btn--light{
background: var(--au-glass-2); color: var(--au-ink);
box-shadow: inset 0 0 0 1px var(--au-edge), 0 10px 26px -16px rgba(122, 0, 18, .35);
backdrop-filter: var(--au-fx-sm); -webkit-backdrop-filter: var(--au-fx-sm);
}
& .btn--light:hover{ box-shadow: inset 0 0 0 1px rgba(227,6,19,.35), 0 16px 30px -16px rgba(122,0,18,.4); }
& .home-hero__cube, & .tabs__panel, & .ucard, & .stat, & .svc-row__img,
& .va-features__stage, & .form-card, & .job > button, & .job__panel,
& .feed-empty{
background: var(--au-glass);
border: 1px solid var(--au-edge);
box-shadow: var(--au-shadow);
backdrop-filter: var(--au-fx);
-webkit-backdrop-filter: var(--au-fx);
}
& .stat, & .job > button{ backdrop-filter: var(--au-fx-sm); -webkit-backdrop-filter: var(--au-fx-sm); }
& .ucard, & .stat, & .tabs__panel, & .form-card{ position: relative; isolation: isolate; overflow: hidden; }
& .ucard::after, & .stat::after, & .tabs__panel::after, & .form-card::after{
content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
background: radial-gradient(420px circle at var(--mx, 50%) var(--my, -30%), rgba(255, 255, 255, .75), transparent 45%);
opacity: 0; transition: opacity .5s;
}
& .ucard:hover::after, & .stat:hover::after, & .tabs__panel:hover::after, & .form-card:hover::after{ opacity: 1; }
& .site-header{ background: transparent; isolation: isolate; transition: transform .5s var(--au-ease); }
& .site-header::before{
content: ''; position: absolute; z-index: -1; top: 10px; bottom: 10px;
left: max(12px, calc((100% - 1400px) / 2)); right: max(12px, calc((100% - 1400px) / 2));
border-radius: 999px; background: rgba(255, 255, 255, .62); border: 1px solid var(--au-edge);
backdrop-filter: var(--au-fx); -webkit-backdrop-filter: var(--au-fx);
box-shadow: 0 10px 30px -22px rgba(122, 0, 18, .3);
transition: box-shadow .4s, background-color .4s;
}
& .site-header.is-stuck::before{ background: rgba(255,255,255,.8); box-shadow: 0 18px 44px -24px rgba(122, 0, 18, .4); }
& .site-header .wrap{ padding-inline: clamp(28px, 6vw, 96px); }
& .site-header__logo img{ width: 200px; }
& .site-nav{ gap: 4px; }
& .site-nav a{
font-family: var(--f-head); font-size: 14.5px; font-weight: 600; color: var(--au-dim);
padding: 9px 16px; border-radius: 999px; text-decoration: none;
transition: color .25s, background-color .25s;
}
& .site-nav a:hover{ color: var(--au-ink); background: rgba(227, 6, 19, .07); text-decoration: none; }
& .site-nav a[aria-current="page"]{ color: var(--au-ink); background: #fff; box-shadow: 0 6px 16px -10px rgba(122,0,18,.35); text-decoration: none; }
& .site-header__cta{ width: auto; height: 40px; padding: 0 20px; font-size: 13px; }
& .burger span{ background: var(--au-ink); border-radius: 2px; }
& .mobile-nav{ background: rgba(251, 247, 246, .94); backdrop-filter: var(--au-fx); -webkit-backdrop-filter: var(--au-fx); }
& .mobile-nav a{ font-family: var(--f-head); font-weight: 800; letter-spacing: -0.03em; border-color: var(--au-line); }
& .site-footer{
position: relative; overflow: hidden; isolation: isolate;
background: #1A0F14; border-radius: 40px 40px 0 0; margin-top: 24px;
}
& .site-footer::before{
content: ''; position: absolute; z-index: -1; right: -10%; top: -60%; width: 70%; height: 160%; pointer-events: none;
background: radial-gradient(closest-side, rgba(227, 6, 19, .35), transparent);
}
& .foot-cols h4{ font-family: var(--f-head); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.4); margin-bottom: 10px; }
& .foot-cols a{ font-size: 15.5px; transition: color .2s; }
& .foot-cols a:hover{ color: #fff; text-decoration: none; }
& .foot-shop img{ border-radius: 5px; }
& .foot-bottom{ border-top: 1px solid rgba(255,255,255,.1); padding-top: 18px; font-size: 14px; }
& .home-hero__title{ margin-bottom: 22px; }
& .home-hero__title span{ line-height: 1.02; }
& .home-hero__ctas{ gap: 12px; margin-top: 30px; }
& .home-hero__ctas .btn{ height: 50px; margin-top: 0; }
& .home-hero__cube{ border-radius: 34px; overflow: hidden; }
& .mp-strip{
background: transparent; border: 0; height: auto; overflow: visible;
display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center;
gap: clamp(14px, 2vw, 30px); padding: 6px clamp(12px, 2vw, 28px) 10px;
}
& .mp-tag{
position: static; width: auto; height: 46px; padding: 0 24px; white-space: nowrap;
clip-path: none; border-radius: 999px; background: var(--au-grad);
font-family: var(--f-head); font-size: 14.5px; font-weight: 700; letter-spacing: -.01em;
box-shadow: 0 14px 30px -12px rgba(227, 6, 19, .5);
}
& .mp-strip iframe{ position: static; left: auto; right: auto; top: auto; width: 100%; height: 104px; }
@media (max-width: 720px){
& .mp-strip{ grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 10px; }
& .mp-strip iframe{ height: 86px; }
& .mp-tag{ height: 38px; padding: 0 18px; font-size: 13px; }
}
& .brand-band{ margin: 28px clamp(10px, 2vw, 28px) 0; border-radius: 36px; border: 1px solid var(--au-edge); box-shadow: var(--au-shadow); }
& .problem{ padding-top: 96px; padding-bottom: 96px; }
& .problem .h1{ max-width: 1080px; margin-inline: auto; }
& .problem p.lead{ margin-top: 22px; max-width: 980px; }
& .eco{
margin-inline: clamp(10px, 2vw, 28px); border-radius: 40px; isolation: isolate;
background:
radial-gradient(55% 80% at 12% 0%, rgba(255, 106, 77, .9), transparent 62%),
radial-gradient(50% 75% at 92% 100%, rgba(122, 0, 18, .95), transparent 62%),
#E30613;
padding-block: 88px 96px;
}
& .eco::before{
content: ''; position: absolute; inset: -30%; z-index: -1; pointer-events: none;
background: radial-gradient(35% 35% at 50% 50%, rgba(255, 190, 170, .35), transparent 70%);
animation: au-orbit 22s linear infinite;
}
& .eco__wm{
font-weight: 800; letter-spacing: -0.05em; font-size: clamp(38px, 11.2vw, 172px); top: 64px; opacity: 1;
color: transparent; background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 80%);
-webkit-background-clip: text; background-clip: text;
}
& .eco .h1{ color: #fff; }
& .eco .h1.peach{ color: #FFD2C4; margin-top: 0; }
& .eco p.lead{ color: rgba(255,255,255,.9); margin-top: 20px; }
& .svc-head{ padding-top: 96px; }
& .tabs__bar{
grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 6px;
background: var(--au-glass); border: 1px solid var(--au-edge); border-radius: 999px;
box-shadow: var(--au-shadow); backdrop-filter: var(--au-fx); -webkit-backdrop-filter: var(--au-fx);
}
& .tabs__bar button{
height: 52px; border-radius: 999px; background: transparent; color: var(--au-dim);
font-family: var(--f-head); font-size: 12.5px; font-weight: 700; letter-spacing: .12em;
transition: color .3s, background-color .3s, box-shadow .3s;
}
& .tabs__bar button:hover{ color: var(--au-ink); background: rgba(255,255,255,.6); }
& .tabs__bar button[aria-selected="true"]{ background: var(--au-grad); color: #fff; box-shadow: 0 12px 26px -12px rgba(227,6,19,.6); }
& .tabs__panel{ margin-top: 14px; border-radius: 32px; min-height: 360px; }
& .tabs__panel > div:first-child{
margin: 14px; border-radius: 22px;
background:
radial-gradient(40% 55% at 30% 40%, rgba(255, 106, 77, .45), transparent 70%),
radial-gradient(45% 60% at 70% 65%, rgba(227, 6, 19, .28), transparent 70%),
radial-gradient(60% 70% at 50% 50%, rgba(255, 214, 196, .6), transparent 80%);
animation: au-breathe 9s ease-in-out infinite alternate;
}
& .tabs__content h6{ font-family: var(--f-head); font-weight: 800; font-size: 32px; letter-spacing: -0.03em; }
& .tabs__content p{ color: var(--au-dim); }
& .tabs__content a{
display: inline-flex; align-items: center; height: 42px; padding: 0 20px; border-radius: 999px;
background: #fff; border: 1px solid var(--au-edge); box-shadow: 0 8px 22px -14px rgba(122,0,18,.4);
font-family: var(--f-head); font-size: 14px; font-weight: 700; color: var(--red);
transition: transform .3s var(--au-ease), box-shadow .3s;
}
& .tabs__content a:hover{ text-decoration: none; transform: translateX(4px); box-shadow: 0 12px 26px -14px rgba(227,6,19,.5); }
& .tabs__panel:not([hidden]) .tabs__content{ animation: au-in .7s var(--au-ease); }
& .unlock__left .h1{ width: auto; max-width: 540px; line-height: 1.05; }
& .unlock__arrow{ left: auto; right: 40px; }
& .unlock__squiggle{ fill: var(--au-coral); margin-left: 0; }
& .unlock__cards{ gap: 20px; }
& .ucard{ border-radius: 30px; color: var(--au-ink); transition: box-shadow .5s var(--au-ease); will-change: transform; }
& .ucard:hover{ box-shadow: 0 1px 0 #fff inset, 0 34px 70px -30px rgba(122, 0, 18, .38); }
& .ucard h6{ font-family: var(--f-head); font-weight: 800; font-size: 25px; letter-spacing: -0.025em; color: inherit; }
& .ucard p{ color: var(--au-dim); }
& .ucard svg{ fill: var(--red); }
& .ucard__num b{ font-family: var(--f-head); font-weight: 800; color: var(--au-ink); }
& .ucard--2{ background: linear-gradient(160deg, rgba(255, 196, 186, .6), var(--au-glass) 70%); }
& .ucard--3{ background: linear-gradient(160deg, rgba(255, 214, 196, .65), var(--au-glass) 70%); }
& .ucard--4{ background: linear-gradient(160deg, rgba(255, 234, 222, .75), var(--au-glass) 70%); }
& .ucard--1{ background: var(--au-grad); border-color: rgba(255,255,255,.25); color: #fff; }
& .ucard--1 p{ color: rgba(255,255,255,.88); }
& .ucard--1 svg{ fill: #fff; }
& .ucard--1 b{ color: #fff; }
& .ucard--1::after{ background: radial-gradient(420px circle at var(--mx, 50%) var(--my, -30%), rgba(255,255,255,.28), transparent 45%); }
& .ucard--5{ background: linear-gradient(160deg, #2A1A22, #17121A); border-color: rgba(255,255,255,.08); color: #fff; }
& .ucard--5 h6, & .ucard--5 b{ color: #fff; }
& .ucard--5 p{ color: rgba(255,255,255,.7); }
& .ucard--5 svg{ fill: var(--au-coral); }
& .ucard--5::after{ background: radial-gradient(420px circle at var(--mx, 50%) var(--my, -30%), rgba(255,106,77,.25), transparent 45%); }
& .impact__grid{ gap: 16px; max-width: 1240px; margin-top: 44px; }
& .stat{ border-radius: 28px; padding: 22px 26px; }
& .stat img{ width: 100px; height: 100px; border-radius: 20px; mix-blend-mode: multiply; }
& .stat .h1{ font-size: clamp(40px, 2rem + 2vw, 62px); }
& .stat--ai{ grid-column: 1 / -1; justify-content: center; background: var(--au-grad); border-color: rgba(255,255,255,.25); }
& .stat--ai img{ mix-blend-mode: normal; }
& .stat--ai .h1, & .stat--ai .eyebrow{ color: #fff; }
& .cta-band, & .va-cta, & .bg-char{
margin-inline: clamp(10px, 2vw, 28px); border-radius: 40px; overflow: hidden; isolation: isolate; position: relative;
background: #1A0F14;
}
& .cta-band::before, & .va-cta::before{
content: ''; position: absolute; z-index: -1; left: 50%; bottom: -80%; width: 90%; height: 180%; transform: translateX(-50%); pointer-events: none;
background: radial-gradient(closest-side, rgba(227, 6, 19, .45), transparent);
animation: au-breathe 8s ease-in-out infinite alternate;
}
& .cta-band{ padding-block: 64px 72px; }
& .cta-band .h1, & .va-cta .h2{ color: #fff; }
& .svc-row{ gap: 0; }
& .svc-row__img{ margin: 14px clamp(10px, 2vw, 28px); border-radius: 32px; overflow: hidden; padding: 10px; }
& .svc-row__img img{ border-radius: 24px; }
& .svc-row__text{ background: transparent; }
& .svc-row__num{
font-family: var(--f-head); font-weight: 800; letter-spacing: -0.04em;
background: var(--au-grad); -webkit-background-clip: text; background-clip: text; color: transparent;
}
& .svc-row__text p{ color: var(--au-dim); }
& .mp-hero__badge{ filter: drop-shadow(0 10px 18px rgba(122,0,18,.25)); }
& .region__band{ height: auto; padding-top: 34px; }
& .region__band h5{
padding: 10px 28px; border-radius: 999px; background: var(--au-glass-2); border: 1px solid var(--au-edge);
font-family: var(--f-head); font-weight: 800; font-size: 22px; letter-spacing: -0.02em; line-height: 1.2;
box-shadow: 0 10px 26px -16px rgba(122,0,18,.4);
}
& .region__logos{ gap: 14px; padding-top: 30px; }
& .region__logos img{
height: 64px; max-width: 164px; padding: 12px 16px; border-radius: 16px; background: #fff;
border: 1px solid var(--au-edge); box-shadow: 0 12px 28px -20px rgba(122,0,18,.35);
transition: transform .4s var(--au-ease), box-shadow .4s;
}
& .region__logos img:hover{ transform: translateY(-4px); box-shadow: 0 20px 36px -18px rgba(122,0,18,.4); }
& .va-hero__img{ border-radius: 22px; box-shadow: var(--au-shadow); }
& .va-features__stage{ border-radius: 34px; overflow: hidden; }
& .va-cta{ padding-block: 34px; }
& .post{ padding-block: 48px; }
& .post__top img{ border-radius: 24px; box-shadow: var(--au-shadow); }
& .post__top p, & .post__body{ color: var(--au-dim); }
& .post__body b{ color: var(--au-ink); }
& .gallery img{ border-radius: 18px; }
& .career-hero img{ border-radius: 28px; box-shadow: var(--au-shadow); }
& .jobs__head h3{ font-family: var(--f-head); font-weight: 800; letter-spacing: -0.03em; }
& .job{ border-bottom: 0; margin-bottom: 10px; }
& .job > button{
height: 58px; padding: 0 22px; border-radius: 18px;
font-family: var(--f-head); font-weight: 700; font-size: 15.5px; color: var(--au-ink);
transition: color .25s, box-shadow .3s;
}
& .job > button:hover{ color: var(--red); }
& .job > button[aria-expanded="true"]{ color: #fff; background: var(--au-grad); border-color: transparent; }
& .job > button::after{
display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%;
background: rgba(227,6,19,.08); color: var(--red); font-size: 18px; line-height: 1;
}
& .job > button[aria-expanded="true"]::after{ background: rgba(255,255,255,.22); color: #fff; }
& .job__panel{ margin-top: 8px; border-radius: 22px; color: var(--au-dim); }
& .job__panel h4{ color: var(--au-ink); }
& .jobs-note h4{ font-family: var(--f-head); font-weight: 800; letter-spacing: -0.03em; font-size: 30px; }
& .form-card{ border-radius: 32px; padding: 30px; }
& .form-card h2{ font-family: var(--f-head); font-weight: 800; letter-spacing: -0.03em; }
& .field label, & .field legend{ font-family: var(--f-head); font-size: 14px; font-weight: 600; color: var(--au-ink); }
& .checks input{ accent-color: var(--red); }
& .field input[type=text], & .field input[type=email], & .field textarea{
height: 48px; border-radius: 14px; background: rgba(255,255,255,.85); border: 1px solid var(--au-line);
transition: border-color .25s, box-shadow .25s;
}
& .field textarea{ height: 120px; }
& .field input:focus, & .field textarea:focus{ outline: none; border-color: rgba(227,6,19,.55); box-shadow: 0 0 0 5px rgba(227,6,19,.12); }
& .form-card .btn{ height: 48px; }
& .contact__side img{ border-radius: 30px; box-shadow: var(--au-shadow); }
& .legal article{ color: var(--au-dim); }
& .legal h2, & .legal h3{ font-family: var(--f-head); font-weight: 800; color: var(--au-ink); }
& .cs-hero .lead{ color: var(--au-dim); }
& .feed-empty{ max-width: 720px; margin: 20px auto 80px; border-radius: 32px; padding: 64px 24px; }
& .feed-empty h2{ font-family: var(--f-head); font-weight: 800; color: var(--au-ink); }
& .feed-empty p{ color: var(--au-dim); }
& .blog-cats{ gap: 8px; border-bottom: 0; }
& .blog-cats a{
padding: 9px 18px; border-radius: 999px; background: var(--au-glass-2); border: 1px solid var(--au-edge);
font-family: var(--f-head); font-size: 14px; font-weight: 700;
}
& .blog-cats a[aria-current="page"]{ background: var(--au-grad); color: #fff; }
}
@keyframes au-drift{
0%   { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
50%  { transform: translate3d(4%, -3%, 0) rotate(8deg) scale(1.08); }
100% { transform: translate3d(-3%, 4%, 0) rotate(-6deg) scale(1.02); }
}
@keyframes au-orbit{ to{ transform: rotate(360deg); } }
@keyframes au-breathe{ from{ opacity: .75; transform: scale(1); } to{ opacity: 1; transform: scale(1.06); } }
[data-theme="aurora"] .cta-band::before, [data-theme="aurora"] .va-cta::before{ animation-name: au-breathe-x; }
@keyframes au-breathe-x{ from{ opacity: .7; transform: translateX(-50%) scale(1); } to{ opacity: 1; transform: translateX(-50%) scale(1.08); } }
@keyframes au-in{ from{ opacity: 0; transform: translateY(14px); filter: blur(6px); } to{ opacity: 1; transform: none; filter: none; } }
.au-motion [data-au-rise]{ opacity: 0; transform: translateY(34px); filter: blur(6px); will-change: transform, opacity; }
@media (prefers-reduced-motion: reduce){
[data-theme="aurora"] *, [data-theme="aurora"] *::before, [data-theme="aurora"] *::after{ animation: none !important; transition-duration: .01ms !important; }
.au-motion [data-au-rise]{ opacity: 1; transform: none; filter: none; }
}
@media (max-width: 1000px){
[data-theme="aurora"]{
& .tabs__bar{ grid-template-columns: 1fr; border-radius: 26px; }
& .tabs__bar button{ border-radius: 20px; }
& .tabs__panel > div:first-child{ display: none; }
& .tabs__content{ padding: 32px 26px; }
& .unlock__left .h1{ max-width: none; }
& .stat--ai{ justify-content: flex-start; }
& .site-header::before{ left: 8px; right: 8px; }
& .svc-row__img{ margin: 10px; }
& .eco, & .cta-band, & .va-cta, & .bg-char, & .brand-band{ border-radius: 28px; margin-inline: 8px; }
}
}
[data-theme="aurora"]{
--au-max:  1240px;
--au-gut:  clamp(20px, 4.5vw, 64px);
--au-band: clamp(8px, 1.4vw, 22px);
--au-sec:  clamp(34px, 3.4vw, 54px);
--gut: var(--au-gut);
& .wrap{ max-width: calc(var(--au-max) + 2 * var(--au-gut)); padding-inline: var(--au-gut); }
& .eyebrow{ margin-left: 0; }
& .eyebrow--center{ margin-inline: auto; }
& .site-header .wrap{ padding-inline: calc(var(--au-gut) + 10px); gap: 24px; }
& .site-header::before{
left: max(8px, calc((100% - var(--au-max)) / 2 - 18px));
right: max(8px, calc((100% - var(--au-max)) / 2 - 18px));
}
& .eco, & .cta-band, & .va-cta, & .brand-band, & .bg-char{ margin-inline: var(--au-band); }
& .home-hero{ min-height: 0; }
& .home-hero .wrap{ padding-block: var(--au-sec); align-items: center; }
& .home-hero__text{ max-width: 520px; }
& .home-hero__ctas{ flex-wrap: wrap; }
& .home-hero__ctas .btn, & .home-hero__ctas .btn--light{ width: auto; min-width: 0; }
& .home-hero__cube{ height: clamp(380px, 40vw, 580px); margin-top: 0; }
& .problem{ padding-block: var(--au-sec); }
& .eco{ padding-block: var(--au-sec); }
& .eco p.lead, & .problem p.lead{ margin-inline: auto; }
& .svc-head{ padding-block: var(--au-sec) calc(var(--au-sec) * .6); }
& .svc-head .wrap{ gap: 24px; }
& .svc-head p.lead{ padding-bottom: 12px; }
& .tabs{ padding-bottom: calc(var(--au-sec) * .6); }
& .unlock{ padding-block: var(--au-sec); }
& .unlock__left{ top: 120px; }
& .unlock__left .h1{ max-width: 11ch; }
& .unlock__arrow{ left: auto; right: 8%; top: 64px; }
& .unlock__squiggle{ margin: 28px 0 0; }
& .unlock__cards{ padding-top: 0; }
& .ucard{ grid-template-columns: 64px 1fr; gap: 0 26px; padding: 28px clamp(22px, 3vw, 40px) 30px; align-items: start; }
& .ucard__num{ width: 64px; height: 54px; }
& .ucard__num b{ top: 13px; font-size: 20px; }
& .ucard h6{ margin-top: 10px; }
& .results{ min-height: 0; padding-block: var(--au-sec); }
& .results .btn{ margin: 36px auto 0; width: auto; }
& .impact{ padding-block: var(--au-sec); }
& .impact__grid{ max-width: calc(var(--au-max) + 2 * var(--au-gut)); padding-inline: var(--au-gut); }
& .stat{ gap: 18px; }
& .cta-band{ padding-block: var(--au-sec); }
& .cta-band .wrap, & .svc-cta .wrap, & .mp-cta .wrap, & .va-cta .wrap{ gap: 24px 40px; flex-wrap: wrap; }
& .svc-cta, & .mp-cta{ padding-block: var(--au-sec); }
& .site-footer .wrap{ padding-block: var(--au-sec) 28px; }
& .foot-cols{ grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 32px; }
& .foot-shop{ flex-wrap: wrap; gap: 14px; }
& .foot-bottom{ margin-top: 48px; }
& .page-hero, & .cs-hero, & .press-head{ padding-block: var(--au-sec) calc(var(--au-sec) * .6); }
& .page-hero .lead, & .cs-hero .lead{ max-width: 900px; }
& .mp-hero{ min-height: 0; padding-block: var(--au-sec); }
& .mp-hero .h1{ margin-top: 0; }
& .mp-hero .lead{ margin-top: 24px; max-width: 560px; }
& .mp-hero__badge{ right: var(--au-gut); top: auto; bottom: 0; width: 84px; }
& .va-hero{ min-height: 0; }
& .va-hero .wrap, & .career-hero .wrap{ padding-block: var(--au-sec); align-items: center; }
& .career-hero .lead{ margin-top: 24px; }
& .contact{ padding-block: var(--au-sec); }
& .contact__grid{ gap: clamp(32px, 5vw, 72px); margin-top: 32px; }
& .contact__side img{ width: 100%; max-width: 520px; margin: 40px 0 0 auto; }
& .checks{ grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
& .form-card .btn{ width: auto; min-width: 200px; }
& .svc-row{ min-height: 0; }
& .svc-row__img{ margin: 12px var(--au-band); min-height: 380px; }
& .svc-row__text{ padding: clamp(56px, 6vw, 88px) clamp(28px, 5vw, 80px); }
& .svc-row__num{ left: clamp(20px, 3vw, 44px); top: clamp(20px, 3vw, 36px); }
& .region__logos{ padding-inline: var(--au-gut); max-width: calc(var(--au-max) + 2 * var(--au-gut)); margin-inline: auto; }
& .va-features__stage{ width: min(var(--au-max), calc(100% - 2 * var(--au-gut))); top: 104px; }
& .va-how{ min-height: 0; padding-block: var(--au-sec); }
& .va-how .lead{ max-width: 900px; }
& .press-head .h1{ margin-bottom: 8px; }
& .post{ padding-block: var(--au-sec); }
& .jobs{ padding-block: var(--au-sec); }
& .jobs__head{ padding: 0 4px 20px; }
& .job__panel{ padding: clamp(22px, 3vw, 36px) clamp(20px, 5vw, 64px) clamp(28px, 4vw, 48px); }
& .jobs-note{ padding-block: var(--au-sec); }
& .legal{ padding-block: var(--au-sec); }
& .legal article{ margin-inline: auto; max-width: 820px; }
& .blog-cats{ padding-inline: max(var(--au-gut), calc((100% - var(--au-max)) / 2)); }
}
@media (min-width: 1001px){
[data-theme="aurora"]{
& .home-hero .wrap{ grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: clamp(32px, 4vw, 64px); }
& .unlock .wrap{ grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 6vw, 96px); justify-content: normal; }
& .va-hero .wrap{ grid-template-columns: minmax(0, 1fr) minmax(240px, 340px); }
& .va-hero__img{ width: 100%; }
& .career-hero .wrap{ grid-template-columns: minmax(0, 1fr) minmax(280px, 440px); }
& .career-hero img{ width: 100%; margin-top: 0; }
& .post__top{ grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 4vw, 56px); }
& .contact__grid{ grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
}
}
@media (min-width: 1001px) and (max-width: 1200px){
[data-theme="aurora"]{
& .unlock .wrap{ grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
& .unlock__left{ position: sticky; }
& .unlock__arrow{ display: none; }
}
}
@media (max-width: 1000px){
[data-theme="aurora"]{
& .foot-cols{ grid-template-columns: 1fr 1fr; }
& .impact__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
& .stat--ai{ grid-column: 1 / -1; }
& .unlock__left .h1{ max-width: none; }
& .home-hero__cube{ height: clamp(360px, 72vw, 520px); }
& .svc-row__img{ min-height: 260px; height: auto; }
& .contact__side img{ margin: 24px 0 0; }
& .mp-hero__badge{ position: static; margin-top: 24px; }
& .va-features__stage{ top: 0; }
}
}
@media (max-width: 600px){
[data-theme="aurora"]{
& .impact__grid{ grid-template-columns: 1fr; }
& .stat img{ width: 76px; height: 76px; }
& .ucard{ grid-template-columns: 1fr; gap: 12px; }
& .ucard h6{ margin-top: 0; }
& .home-hero__ctas .btn{ flex: 1 1 auto; }
& .home-hero__cube{ height: clamp(360px, 108vw, 460px); border-radius: 28px; }
& .eco__wm{ font-size: 11.2vw; }
& .foot-bottom{ gap: 16px; }
& .region__band h5{ font-size: 18px; }
}
}
[data-theme="aurora"]{
& .site-header{ transition: transform .55s var(--au-ease); }
& .site-header.is-hidden{ transform: translateY(-110%); }
& .au-progress{
position: fixed; left: 0; top: 0; z-index: 60; height: 2px; width: 100%;
background: var(--au-grad); transform-origin: left; transform: scaleX(var(--au-p, 0));
pointer-events: none;
}
& .mobile-nav.is-open{
inset: 83px 8px auto; border-radius: 28px; padding: 18px 26px 26px;
background: rgba(255,255,255,.86); border: 1px solid var(--au-edge);
box-shadow: 0 30px 60px -30px rgba(122,0,18,.4);
backdrop-filter: var(--au-fx-lg); -webkit-backdrop-filter: var(--au-fx-lg);
animation: au-menu .5s var(--au-ease);
}
& .mobile-nav.is-open a{ font-size: 30px; animation: au-in .6s var(--au-ease) backwards; }
& .mobile-nav.is-open a:nth-child(2){ animation-delay: .05s; }
& .mobile-nav.is-open a:nth-child(3){ animation-delay: .1s; }
& .mobile-nav.is-open a:nth-child(4){ animation-delay: .15s; }
& .mobile-nav.is-open a:nth-child(5){ animation-delay: .2s; }
& .burger span{ transition: transform .4s var(--au-ease), opacity .3s; }
& .burger[aria-expanded="true"] span:nth-child(1){ transform: translateY(8px) rotate(45deg); }
& .burger[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
& .burger[aria-expanded="true"] span:nth-child(3){ transform: translateY(-8px) rotate(-45deg); }
& :focus-visible{ outline: 2px solid var(--red); outline-offset: 3px; border-radius: 6px; }
}
@keyframes au-menu{ from{ opacity: 0; transform: translateY(-10px) scale(.98); } to{ opacity: 1; transform: none; } }
[data-theme="aurora"]{
& .va-hero .lead, & .page-hero .lead, & .cs-hero .lead, & .va-how .lead{ margin-top: 20px; }
}
@media (max-width: 600px){
[data-theme="aurora"]{
& .impact__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
& .stat{ flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px; }
& .stat img{ width: 56px; height: 56px; border-radius: 14px; }
& .stat .h1{ font-size: 36px; }
& .stat--ai{ flex-direction: row; align-items: center; }
& .stat--ai .eyebrow{ white-space: normal; }
}
}
[data-theme="aurora"]{
& .home-hero__cube{
background: none; border: 0; box-shadow: none; border-radius: 0;
backdrop-filter: none; -webkit-backdrop-filter: none; overflow: visible;
}
& .home-hero__cube iframe{ background: transparent; color-scheme: normal; }
}
}
[data-theme="aurora"]{
& .impact{ padding-bottom: calc(var(--au-sec) * .7); }
& .impact .h1{ font-size: clamp(28px, .9rem + 1.8vw, 44px); }
& .impact__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; max-width: calc(1080px + 2 * var(--au-gut)); margin-top: 28px; }
& .stat{ padding: 14px 16px; gap: 12px; border-radius: 20px; }
& .stat img{ width: 56px; height: 56px; border-radius: 14px; }
& .stat .h1{ font-size: clamp(28px, 1rem + 1.4vw, 40px); font-variant-numeric: tabular-nums; }
& .stat .eyebrow{ font-size: 10.5px; letter-spacing: .12em; margin-top: 4px; }
& .stat--ai{ grid-column: span 2; justify-content: flex-start; }
& .stat--ai img{ border-radius: 14px; }
}
@media (max-width: 1000px){
[data-theme="aurora"] .impact__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
[data-theme="aurora"] .stat--ai{ grid-column: 1 / -1; }
}
[data-theme="aurora"]{
& .impact__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 32px; max-width: calc(1040px + 2 * var(--au-gut)); margin-top: 34px; }
& .stat, & .stat--ai{
background: none; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
padding: 0; gap: 14px; border-radius: 0; overflow: visible; justify-content: flex-start;
}
& .stat::after{ display: none; }
& .stat img, & .stat--ai img{
width: 84px; height: 84px; padding: 11px; box-sizing: border-box; border-radius: 20px; mix-blend-mode: normal;
background: #fff; box-shadow: 0 14px 28px -14px rgba(122,0,18,.35), 0 0 0 1px rgba(255,255,255,.9);
transition: transform .5s var(--au-ease);
}
& .stat:hover img{ transform: translateY(-3px) rotate(-3deg); }
& .stat .h1, & .stat--ai .h1{ font-size: clamp(34px, 1.2rem + 1.6vw, 48px); line-height: 1; color: var(--au-ink); }
& .stat .eyebrow, & .stat--ai .eyebrow{ margin-top: 8px; font-size: 11px; font-weight: 700; letter-spacing: .26em; color: var(--red); }
& .stat--ai{ grid-column: 2; }
}
@media (max-width: 1000px){
[data-theme="aurora"] .impact__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }
[data-theme="aurora"] .stat--ai{ grid-column: 1 / -1; justify-content: center; }
}
@media (max-width: 600px){
[data-theme="aurora"]{
& .stat, & .stat--ai{ flex-direction: row; align-items: center; padding: 0; gap: 10px; }
& .stat img, & .stat--ai img{ width: 56px; height: 56px; padding: 7px; border-radius: 14px; }
& .stat .h1, & .stat--ai .h1{ font-size: 28px; }
& .stat .eyebrow, & .stat--ai .eyebrow{ font-size: 9px; letter-spacing: .16em; }
}
}
[data-theme="aurora"]{
& .impact__grid{ justify-items: center; justify-content: center; grid-template-columns: repeat(3, 250px); gap: 26px 48px; }
& .stat{ width: 250px; }
& .stat--ai{ grid-column: 1 / -1; width: auto; justify-self: center; }
}
@media (max-width: 1000px){
[data-theme="aurora"] .impact__grid{ grid-template-columns: repeat(2, minmax(0, 220px)); gap: 22px 24px; }
[data-theme="aurora"] .stat{ width: 100%; }
}
@media (max-width: 600px){
[data-theme="aurora"] .impact__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
}
[data-theme="aurora"]{
& .cta-band{ padding-block: var(--au-sec); border-radius: 28px; margin-top: 12px; }
& .cta-band .h1{ font-size: clamp(26px, .9rem + 1.6vw, 42px); }
& .cta-band .btn{ height: 44px; padding: 0 22px; font-size: 14px; }
}
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){
[data-theme="aurora"]{
--au-glass:  rgba(255, 255, 255, 0.92);
--au-glass-2:rgba(255, 255, 255, 0.95);
--au-glass-3:rgba(255, 255, 255, 0.97);
}
}
@view-transition{ navigation: auto; }
::view-transition-old(root){ animation: dv-page-out .26s ease both; }
::view-transition-new(root){ animation: dv-page-in .55s cubic-bezier(.22,1,.36,1) both; }
@keyframes dv-page-out{ to{ opacity: 0; transform: translateY(-10px); } }
@keyframes dv-page-in{ from{ opacity: 0; transform: translateY(16px); } }
.site-header{ view-transition-name: site-header; }
::view-transition-group(site-header){ animation-duration: .01s; }
.dv-voice{ view-transition-name: dv-voice; }
::view-transition-group(dv-voice){ animation-duration: .01s; }
#dv-intro{ position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; overflow: hidden; pointer-events: none; }
.dv-intro__bg{ position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 40%, #FFF3F0, #FBF6F5 60%);
transition: opacity .55s ease; }
#dv-intro.is-out .dv-intro__bg{ opacity: 0; }
#dv-intro.is-out::before, #dv-intro.is-out::after{ opacity: 0; transition: opacity .4s ease; }
#dv-intro img{ will-change: transform; }
html.dv-intro-done #dv-intro{ display: none; }
#dv-intro img{ width: clamp(180px, 22vw, 300px); height: auto; clip-path: inset(0 100% 0 0); animation: dv-intro-wipe .85s cubic-bezier(.22,1,.36,1) .12s both; }
#dv-intro::after{ content: ''; position: absolute; inset: 0; transform: translateX(-100%);
background: linear-gradient(100deg, transparent 42%, rgba(255,255,255,.85) 50%, transparent 58%); animation: dv-intro-sweep .75s ease .5s both; }
#dv-intro::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 60vmax; height: 60vmax; border-radius: 50%; transform: translate(-50%, -50%) scale(.4); opacity: 0;
background: radial-gradient(circle, rgba(227,6,19,.14), rgba(227,6,19,0) 60%); animation: dv-intro-glow 1.1s ease .2s both; }
@keyframes dv-intro-wipe{ to{ clip-path: inset(0 0 0 0); } }
@keyframes dv-intro-sweep{ to{ transform: translateX(100%); } }
@keyframes dv-intro-glow{ to{ transform: translate(-50%, -50%) scale(1); opacity: 1; } }
iframe[src*="/embeds/"]{ opacity: 0; transition: opacity .8s ease; }
iframe[src*="/embeds/"].is-loaded{ opacity: 1; }
.dv-shim{ position: absolute; z-index: 0; border-radius: 28px; pointer-events: none;
background: linear-gradient(100deg, rgba(255,255,255,.22) 30%, rgba(255,255,255,.55) 50%, rgba(255,255,255,.22) 70%); background-size: 220% 100%;
animation: dv-shim 1.5s linear infinite; }
@keyframes dv-shim{ to{ background-position: -220% 0; } }
.foot-cols a{ background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 1.5px; transition: background-size .35s cubic-bezier(.22,1,.36,1); }
.foot-cols a:hover{ background-size: 100% 1.5px; }
.form-card input:focus-visible, .form-card textarea:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(227,6,19,.18), 0 0 0 1.5px #E30613; transition: box-shadow .25s; }
[data-theme] .form-card{ position: relative; overflow: visible; }
[data-theme] .form-card::after{ border-radius: inherit; }
.dv-form-intern{ position: absolute; right: 22px; top: -126px; width: 92px; height: 126px; overflow: hidden; pointer-events: none; z-index: 0; }
.dv-form-intern svg{ display: block; width: 100%; height: auto; overflow: visible; margin-top: 34px; }
.dv-form-intern svg g{ transform-box: view-box; }
.dv-form-intern .w-body{ transform-origin: 152px 606px; transition: transform .4s ease; }
.dv-form-intern .w-arm{ transform-origin: 192px 204px; transform: rotate(42deg); transition: transform .5s cubic-bezier(.34,1.3,.64,1); }
.dv-form-intern .w-arm2{ transform-origin: 108px 214px; transition: transform .5s cubic-bezier(.34,1.3,.64,1); }
.dv-form-intern .w-head{ transform-origin: 150px 175px; transition: transform .4s ease; }
.dv-form-intern .w-mouth{ transform-origin: 151px 158px; }
.dv-form-intern .w-eyes{ transform-origin: 150px 130px; animation: dv-blink 5s infinite; }
.dv-form-intern .w-shadow, .dv-form-intern .p-biscuit, .dv-form-intern .p-bottle, .dv-form-intern .p-bat, .dv-form-intern .p-foam, .dv-form-intern .p-stripe{ opacity: 0; }
.dv-form-intern .w-leg-b, .dv-form-intern .w-leg-f{ display: none; }
@keyframes dv-blink{ 0%,93%,100%{ transform: scaleY(1); } 95%{ transform: scaleY(.1); } }
.form-card.is-typing .dv-form-intern .w-head{ transform: rotate(8deg) translateY(4px); }
.form-card.is-sent .dv-form-intern .w-arm{ transform: rotate(-150deg); }
.form-card.is-sent .dv-form-intern .w-arm2{ transform: rotate(170deg); }
.form-card.is-sent .dv-form-intern .w-body{ animation: dv-hop .55s ease-in-out 3 alternate; }
.form-card.is-sent .dv-form-intern .w-mouth{ animation: dv-cheer .25s ease-in-out 6 alternate; }
@keyframes dv-hop{ to{ transform: translateY(-14px); } }
@keyframes dv-cheer{ from{ transform: scale(1,.5); } to{ transform: scale(1.1,1.3); } }
.dv-stamp{ position: absolute; right: 26px; top: 22px; z-index: 2; padding: 10px 14px; border: 3px solid #E30613; border-radius: 8px; color: #E30613;
font: 800 18px/1 var(--mono, ui-monospace, monospace); letter-spacing: .22em; transform: rotate(-12deg) scale(2.4); opacity: 0; pointer-events: none; }
.form-card.is-sent .dv-stamp{ animation: dv-stamp .5s cubic-bezier(.34,1.6,.64,1) .1s forwards; }
@keyframes dv-stamp{ to{ transform: rotate(-12deg) scale(1); opacity: 1; } }
.form-card.is-sent .field, .form-card.is-sent .btn{ opacity: .3; pointer-events: none; transition: opacity .5s ease; }
.form-card.is-sending .btn{ opacity: .6; pointer-events: none; }
@media (max-width: 1000px){ .dv-form-intern{ width: 70px; height: 100px; top: -100px; right: 14px; } .dv-form-intern svg{ margin-top: 30px; } }
.dv-sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce){
::view-transition-old(root), ::view-transition-new(root){ animation: none; }
#dv-intro{ display: none; }
.dv-shim{ animation: none; }
}
.dv-consent{ position: fixed; left: 50%; bottom: 18px; z-index: 900; display: flex; align-items: center; gap: 12px;
max-width: min(680px, calc(100vw - 32px)); padding: 12px 14px 12px 18px; border-radius: 16px;
background: rgba(255,255,255,.92); border: 1px solid rgba(23,18,26,.10);
backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%);
box-shadow: 0 22px 48px -24px rgba(122,0,18,.45);
transform: translate(-50%, 24px); opacity: 0; transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .35s ease; }
.dv-consent.is-in{ transform: translate(-50%, 0); opacity: 1; }
.dv-consent p{ margin: 0; flex: 1; font-size: 13px; line-height: 1.45; color: rgba(23,18,26,.75); }
.dv-consent button{ flex: none; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(23,18,26,.14);
background: transparent; font: 700 12.5px/1 inherit; color: rgba(23,18,26,.7); cursor: pointer; transition: background .2s, color .2s; }
.dv-consent button:hover{ background: rgba(23,18,26,.06); }
.dv-consent__yes{ background: linear-gradient(135deg,#FF4D3D,#E30613 55%,#B0000F); border-color: transparent; color: #fff; }
.dv-consent__yes:hover{ background: linear-gradient(135deg,#FF4D3D,#E30613 55%,#B0000F); filter: brightness(1.05); }
.dv-consent button:focus-visible{ outline: 3px solid #E30613; outline-offset: 2px; }
@media (max-width: 620px){
.dv-consent{ flex-wrap: wrap; bottom: 12px; padding: 14px; }
.dv-consent p{ flex: 1 0 100%; }
.dv-consent button{ flex: 1; }
}
@media (prefers-reduced-motion: reduce){ .dv-consent{ transition: none; } }
.dv-voice{ position: fixed; left: clamp(14px, 2vw, 28px); bottom: clamp(14px, 2vw, 28px); z-index: 60;
display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px 10px 12px; border-radius: 999px;
border: 1px solid rgba(227,6,19,.18); background: var(--au-glass-3, rgba(255,255,255,.88));
backdrop-filter: var(--au-fx, blur(18px) saturate(150%)); -webkit-backdrop-filter: var(--au-fx, blur(18px) saturate(150%));
box-shadow: 0 16px 34px -18px rgba(122,0,18,.5); color: var(--ink, #17121A); font: 700 13px/1 var(--f-head, inherit); cursor: pointer;
opacity: 0; transform: translateY(14px); pointer-events: none; transition: opacity .35s ease, transform .5s cubic-bezier(.34,1.4,.64,1), background .25s, color .25s; }
.dv-voice.is-shown{ opacity: 1; transform: none; pointer-events: auto; }
.dv-voice:hover{ transform: translateY(-2px); }
.dv-voice[aria-pressed="true"]{ background: linear-gradient(135deg, #FF4D3D, #E30613 55%, #B0000F); color: #fff; border-color: transparent; }
.dv-voice:focus-visible{ outline: 3px solid #E30613; outline-offset: 3px; }
.dv-voice__bars{ display: inline-flex; align-items: flex-end; gap: 2px; width: 18px; height: 14px; }
.dv-voice__bars i{ flex: 1; height: 30%; border-radius: 1px; background: currentColor; opacity: .85; }
.dv-voice__bars i:nth-child(2){ height: 70%; } .dv-voice__bars i:nth-child(3){ height: 50%; } .dv-voice__bars i:nth-child(4){ height: 85%; }
.dv-voice[aria-pressed="false"] .dv-voice__bars i{ background: #E30613; }
.dv-voice.is-speaking .dv-voice__bars i{ animation: dv-eq .7s ease-in-out infinite alternate; }
.dv-voice.is-speaking .dv-voice__bars i:nth-child(2){ animation-delay: -.3s; } .dv-voice.is-speaking .dv-voice__bars i:nth-child(3){ animation-delay: -.5s; } .dv-voice.is-speaking .dv-voice__bars i:nth-child(4){ animation-delay: -.15s; }
@keyframes dv-eq{ from{ height: 20%; } to{ height: 100%; } }