@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:300 500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{color-scheme:dark;--black:#050505;--white:#f6f5f3;--red:#e0081b;--line:#363636}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:6px}button{transition:background .2s,border-color .2s,box-shadow .2s}svg{width:30px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.hero{width:min(100%,1536px);margin:auto;padding:0 5%;container-type:inline-size}.navigation{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:baseline;font-size:29px;letter-spacing:-1.8px;white-space:nowrap}.brand strong{font-weight:800}.brand strong span{color:var(--red)}.brand .labs{font-weight:300;margin-left:5px}.brand sup{font-size:11px;position:relative;top:-17px;margin-left:6px;letter-spacing:0}.nav-links{display:flex;gap:58px;margin-left:-42px}.nav-links button,.mobile-nav button{border:0;background:none;font-size:14px;padding:14px 0;color:#e2e2e2}.nav-links button:hover{color:#fff}.talk{background:transparent;border:1px solid var(--red);border-radius:6px;width:190px;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:17px;box-shadow:0 0 16px #b6001926}.talk:hover{background:#31050b;box-shadow:0 0 24px #df001d38}.talk svg{width:24px}.menu-toggle,.mobile-nav{display:none}
.composition{height:770px;position:relative;isolation:isolate}h1{margin:0;font-weight:400}.headline-intro{position:absolute;top:48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:24px;white-space:nowrap;width:672px;font-size:35px;letter-spacing:7px;line-height:1.5;font-weight:300}.headline-intro strong{font-weight:800;letter-spacing:5px}.headline-intro i{height:1px;background:var(--red);flex:1;min-width:65px}.your-best,.employee{font-family:Anton,Impact,'Arial Narrow',sans-serif;position:absolute;left:50%;white-space:nowrap;line-height:1.05;font-weight:400;letter-spacing:-4px}.your-best{top:105px;font-size:238px;color:#d6081b;transform:translateX(-50%) scaleX(.96);z-index:1}.employee{top:442px;font-size:145px;transform:translateX(-50%) scaleX(.97);z-index:4;color:#f6f5f3;letter-spacing:-2px}.agent-glow{position:absolute;z-index:0;width:700px;height:480px;top:225px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#80030735,transparent 66%);pointer-events:none}.agent-frame{position:absolute;z-index:2;top:154px;left:50%;width:950px;transform:translateX(-50%);pointer-events:none;filter:brightness(.85);mask-image:linear-gradient(to bottom,#000 65%,#000b 79%,transparent 97%)}.agent{width:100%;height:auto;display:block;clip-path:polygon(50.5% 1.9%,54.2% 2.4%,57.8% 4.5%,60.4% 8.8%,62% 14%,62.8% 19%,62.8% 24.4%,62.5% 28%,61.8% 32%,60.5% 37%,59.3% 40.5%,57.9% 41.7%,61% 44%,62.6% 47%,67% 47.9%,70.6% 50%,73% 53%,75.5% 58%,77% 64%,77.7% 68%,77.5% 70%,78.5% 75%,79% 80%,80.8% 85%,82% 90%,84% 98%,12% 98%,13% 91%,14.5% 85%,15.2% 79%,15% 75%,16% 67%,17.1% 59%,19% 52%,22% 48%,25.3% 46%,29% 44.7%,32% 40.5%,36% 38%,40% 38%,41.5% 36%,41.3% 32%,39.5% 29%,38.2% 25%,38% 20%,39.3% 14%,41% 9%,43% 6%,46% 3.3%)}
.top-note{position:absolute;top:63px;left:0;font-size:12px;letter-spacing:2.5px;line-height:1.7;display:flex;gap:18px}.cross{width:19px;height:22px;position:relative;margin-top:2px}.cross:before,.cross:after{content:'';position:absolute;background:var(--red)}.cross:before{width:19px;height:1px;top:10px}.cross:after{width:1px;height:22px;left:9px}.top-note i,.side-note i{display:block;width:39px;height:1px;background:#ddd;margin-top:15px}.edition{position:absolute;right:0;top:71px;font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:17px}.edition i{width:15px;height:1px;background:var(--red)}.side-note{position:absolute;z-index:5;top:338px;border-left:1px solid var(--red);padding:0 0 0 23px;width:230px}.left-note{left:-3px}.right-note{right:-1px;width:165px}.number{font-size:13px;color:#ff1026;letter-spacing:1px}.side-note h2{font-size:12px;line-height:1.8;font-weight:400;letter-spacing:3px;margin:5px 0 0}.side-note i{margin-top:14px;width:36px}.side-note p{font-size:14px;line-height:1.7;margin:17px 0 0;white-space:nowrap}.conversion{position:absolute;top:598px;left:50%;transform:translateX(-50%);z-index:5;width:600px;text-align:center}.conversion>p{font-size:18px;line-height:1.5;margin:0}.actions{display:flex;justify-content:center;gap:23px;margin-top:23px}.actions button{height:62px;border-radius:6px;font-size:17px;display:flex;align-items:center;justify-content:center;gap:30px}.primary{width:217px;background:var(--red);border:1px solid var(--red);box-shadow:0 0 20px #e0001c25}.primary:hover{background:#f21529;box-shadow:0 0 30px #e0001c44}.secondary{width:223px;background:#080808ba;border:1px solid #686868}.secondary:hover{background:#202020;border-color:#aaa}.secondary svg{width:27px;height:27px}.primary svg{width:25px}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 72px 26px;gap:0}.feature{display:flex;align-items:center;justify-content:center;gap:23px;border-right:1px solid #414141;min-height:43px}.feature:first-child{justify-content:flex-start;padding-left:52px}.feature:last-child{border:0;padding-left:20px}.feature svg{width:36px;height:36px;flex-shrink:0}.feature span{font-size:14px;white-space:nowrap}.feature p{font-size:13px;color:#c5c5c5;margin:4px 0 0;white-space:nowrap}.hero-footer{border-top:1px solid var(--line);height:88px;display:flex;align-items:flex-start;padding-top:23px;justify-content:space-between;font-size:10px;letter-spacing:2.4px;color:#c5c5c5}.hero-footer>span:last-child{display:flex;align-items:center;gap:18px}.hero-footer b{color:#f00a23;font-size:23px;font-weight:400;line-height:15px}
dialog{max-width:470px;width:calc(100% - 40px);padding:38px;background:#0c0c0c;border:1px solid #5c1720;border-radius:10px;color:var(--white);box-shadow:0 10px 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.close-dialog{position:absolute;right:15px;top:9px;font-size:30px;background:none;border:0;color:#aaa}.dialog-brand{font-size:11px;letter-spacing:2px}.dialog-brand span{color:var(--red)}dialog h2{font-size:28px;line-height:1.2;margin:26px 0 16px}#dialog-copy{font-size:16px;line-height:1.7;color:#ccc}.dialog-done{border:1px solid var(--red);border-radius:4px;background:#29060b;padding:12px 16px;display:flex;gap:30px;align-items:center;margin-top:24px}
@media(min-width:1101px) and (max-width:1450px){.composition{height:55.7cqw}.headline-intro{top:3.5cqw;font-size:2.53cqw;width:48.6cqw;gap:1.74cqw;letter-spacing:.5cqw}.headline-intro strong{letter-spacing:.36cqw}.headline-intro i{min-width:4.7cqw}.your-best{top:7.6cqw;font-size:17.22cqw}.employee{top:31.98cqw;font-size:10.49cqw}.agent-frame{top:11.14cqw;width:68.74cqw}.agent-glow{top:16.3cqw;width:50.6cqw;height:34.7cqw}.conversion{top:43.27cqw}.top-note{top:4.56cqw}.edition{top:5.14cqw}.side-note{top:24.45cqw}.actions{margin-top:1.66cqw}.features{padding-left:2%;padding-right:2%}.feature:first-child{padding-left:5%}.nav-links{gap:35px;margin-left:0}.right-note{width:150px}.side-note p{font-size:13px}}
@media(max-width:1100px){.hero{padding:0 5%}.navigation{height:82px}.nav-links{gap:24px;margin-left:0}.brand{font-size:25px}.talk{width:148px;height:46px;font-size:15px;padding:0 16px}.composition{height:750px}.headline-intro{top:50px;font-size:25px;letter-spacing:4px;width:560px;gap:18px}.headline-intro strong{letter-spacing:3px}.headline-intro i{min-width:40px}.your-best{top:109px;font-size:clamp(140px,18.1vw,200px);letter-spacing:-3px}.employee{top:408px;font-size:clamp(95px,11.8vw,130px)}.agent-frame{width:850px;top:154px}.agent-glow{width:600px}.conversion{top:555px}.top-note{font-size:9px;letter-spacing:1.6px;gap:10px;top:59px}.edition{top:67px;font-size:8px;gap:10px;letter-spacing:1px}.edition>span{display:none}.side-note{top:324px;padding-left:13px;width:155px}.side-note h2{font-size:10px;letter-spacing:2px}.side-note p{font-size:11px}.right-note{width:133px}.features{padding:0 0 26px}.feature{gap:13px}.feature:first-child{padding-left:0}.feature:last-child{padding-left:10px}.feature span{font-size:12px}.feature p{font-size:11px}.feature svg{width:30px;height:30px}.hero-footer{font-size:8px;letter-spacing:1.8px}}
@media(max-width:760px){.navigation{height:77px}.brand{font-size:25px}.nav-links,.talk{display:none}.menu-toggle{display:flex;width:44px;height:44px;background:transparent;border:1px solid #4b2328;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:7px}.menu-toggle span{width:19px;height:1px;background:#eee}.mobile-nav:not([hidden]){display:flex;position:absolute;top:77px;left:5%;right:5%;z-index:20;background:#111;border:1px solid #3a3a3a;padding:15px;flex-wrap:wrap;justify-content:space-around;gap:10px}.mobile-nav button{padding:10px;font-size:13px}.composition{height:665px}.top-note{top:25px;font-size:8px;line-height:1.5;letter-spacing:1.3px}.top-note br{display:none}.top-note i,.cross,.edition{display:none}.headline-intro{top:69px;font-size:clamp(15px,3.55vw,25px);letter-spacing:2px;width:100%;gap:12px}.headline-intro strong{letter-spacing:1.7px}.headline-intro i{min-width:14px;max-width:35px}.your-best{top:110px;font-size:24.3cqw;letter-spacing:-2px;transform:translateX(-50%) scaleX(1)}.agent-frame{top:156px;width:750px;max-width:none;mask-image:linear-gradient(to bottom,#000 50%,#000b 69%,transparent 90%)}.agent-glow{width:100%;height:400px;top:210px}.employee{top:385px;font-size:16.6cqw;letter-spacing:-1px;transform:translateX(-50%)}.side-note{display:none}.conversion{top:487px;width:100%;}.conversion>p{font-size:14px;line-height:1.7}.actions{gap:12px;margin-top:22px}.actions button{height:55px;font-size:14px;gap:14px;width:calc(50% - 6px);max-width:220px}.actions svg{width:23px}.features{grid-template-columns:1fr 1fr;gap:23px 0;padding:0 4px 28px}.feature{justify-content:flex-start;gap:15px;padding-left:20px!important;border-right:0;min-height:42px}.feature:nth-child(odd){border-right:1px solid #333;padding-left:0!important}.feature span{font-size:12px}.feature p{font-size:11px;margin-top:5px}.feature:last-child{justify-content:flex-start}.hero-footer{font-size:8px;line-height:1.7;letter-spacing:1.6px;height:88px;gap:35px;padding-top:18px}.hero-footer>span:last-child{text-align:right;gap:10px}.hero-footer b{font-size:20px}.hero-footer>span{max-width:50%}}
/* Clip the supplied preview at its silhouette without changing the approved artwork. */
.hero{overflow:hidden}.employee{transform:translateX(-50%) scaleX(1.12)}.agent{clip-path:polygon(50.5% 1.9%,54.2% 2.4%,57.8% 4.5%,60.4% 8.8%,62% 14%,62.8% 19%,62.8% 24.4%,62.5% 28%,61.8% 32%,60.5% 37%,59.3% 40.5%,57.9% 41.7%,60.2% 44.4%,62.2% 47.5%,67% 48.5%,70.3% 50.5%,72.6% 53.5%,75% 58.5%,76.5% 64%,77.2% 68%,77% 70%,78% 75%,78.5% 80%,80.3% 85%,81.5% 90%,83.5% 98%,12.5% 98%,13.5% 91%,15% 85%,15.7% 79%,15.5% 75%,16.5% 67%,17.6% 59%,19.5% 52.5%,22.5% 48.5%,25.3% 46.5%,29.5% 45.3%,32.5% 41.3%,36% 38.8%,40.8% 39%,42.2% 36%,41.9% 32%,40% 29%,38.7% 25%,38.5% 20%,39.8% 14%,41.5% 9%,43.5% 6%,46.5% 3.3%)}
@media(max-width:760px){.employee{font-size:19.1cqw;transform:translateX(-50%) scaleX(1.12)}.top-note{letter-spacing:1px}.top-note br:after{content:' '}.agent-frame{left:53%}.hero-footer{gap:20px}}
@media(max-width:380px){.agent-frame{width:690px;top:155px}.employee{top:368px}.conversion{top:457px}.composition{height:635px}.feature{gap:10px;padding-left:12px!important}.feature span{font-size:11px}.feature p{font-size:10px}.headline-intro{letter-spacing:1px}.headline-intro strong{letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Preserve the approved artwork; soften only its silhouette and lower torso. */
.agent{clip-path:none;mask:url('assets/agent-edge-mask.svg') center/100% 100% no-repeat}
.agent-frame{mask-image:linear-gradient(to bottom,#000 40%,#000e 51%,#0008 67%,#0002 79%,transparent 89%),radial-gradient(ellipse at 51% 27%,#000 28%,#000e 43%,#0006 60%,transparent 76%);mask-composite:intersect}
.agent-glow{background:radial-gradient(ellipse at 52% 32%,#560b1880 0%,#41081455 23%,#25040b2e 43%,transparent 72%);filter:blur(30px);opacity:.85}
@media(min-width:761px){
 .hero{height:100vh;height:100svh;display:grid;grid-template-rows:clamp(64px,8.6vh,88px) minmax(0,1fr) clamp(62px,8vh,80px) clamp(44px,6vh,64px)}
 .navigation{height:100%}
 .composition{height:auto;min-height:0;container-type:size}
 .headline-intro{top:5.6%;font-size:min(2.53cqw,4.55cqh);width:min(48.6cqw,87.3cqh);gap:min(1.74cqw,3.12cqh);letter-spacing:min(.5cqw,.91cqh)}
 .headline-intro strong{letter-spacing:min(.36cqw,.65cqh)}
 .headline-intro i{min-width:min(4.7cqw,8.44cqh)}
 .your-best{top:13%;font-size:min(16.5cqw,29.6cqh);letter-spacing:-.5cqh}
 .employee{top:56.5%;font-size:min(10cqw,18cqh);letter-spacing:-.26cqh}
 .agent-frame{top:20%;left:50%;width:min(65cqw,117cqh)}
 .agent-glow{top:12%;width:min(57cqw,103cqh);height:76%}
 .top-note{top:7.5%}.edition{top:8.5%}.side-note{top:43%}
 .conversion{top:77%;width:min(600px,70%)}
 .conversion>p{font-size:clamp(14px,2.34cqh,18px);line-height:1.5}
 .actions{margin-top:clamp(12px,2.7cqh,23px);gap:clamp(16px,3cqh,23px)}
 .actions button{height:clamp(42px,8cqh,62px);font-size:clamp(14px,2.2cqh,17px);width:clamp(170px,28.5cqh,223px)}
 .features{padding-top:8px;padding-bottom:12px;align-items:center}
 .hero-footer{height:100%;padding-top:clamp(12px,2vh,20px)}
}
@media(max-width:760px){.agent-frame{width:710px}.agent-glow{top:140px;height:410px}}
@media(max-width:380px){.agent-frame{width:660px}}

/* Master-reference artboard: all desktop dimensions share one uniform scale. */
@media(min-width:761px){
.hero{--u:min(calc(100vw / 1536),calc(100svh / 1024));width:calc(1536 * var(--u));height:calc(1024 * var(--u));padding:0 calc(77 * var(--u));display:block;position:relative;container-type:normal}
.navigation{height:calc(88 * var(--u))}.composition{height:calc(770 * var(--u));container-type:normal}
.brand{font-size:calc(29 * var(--u));letter-spacing:calc(-1.8 * var(--u))}.brand .labs{margin-left:calc(5 * var(--u))}.brand sup{font-size:calc(11 * var(--u));top:calc(-17 * var(--u));margin-left:calc(6 * var(--u))}
.nav-links{gap:calc(58 * var(--u));margin-left:calc(-42 * var(--u))}.nav-links button{font-size:calc(14 * var(--u));padding:calc(14 * var(--u)) 0}
.talk{width:calc(190 * var(--u));height:calc(54 * var(--u));padding:0 calc(22 * var(--u));font-size:calc(17 * var(--u));border-radius:calc(6 * var(--u))}.talk svg{width:calc(24 * var(--u))}
.headline-intro{top:calc(48 * var(--u));width:calc(672 * var(--u));font-size:calc(35 * var(--u));letter-spacing:calc(7 * var(--u));gap:calc(24 * var(--u))}.headline-intro strong{letter-spacing:calc(5 * var(--u))}.headline-intro i{min-width:calc(65 * var(--u))}
.your-best{top:calc(105 * var(--u));font-size:calc(238 * var(--u));letter-spacing:calc(-4 * var(--u));transform:translateX(-50%) scaleX(.98);background:linear-gradient(180deg,#e00920 0%,#cf0718 65%,#bb0615 100%);background-clip:text;color:transparent}
.employee{top:calc(442 * var(--u));font-size:calc(145 * var(--u));letter-spacing:calc(-2 * var(--u));transform:translateX(-50%) scaleX(1.12)}
.agent-frame{top:calc(154 * var(--u));width:calc(950 * var(--u));left:50%;filter:brightness(.85);mask-image:linear-gradient(to bottom,#000 42%,#000e 55%,#0008 72%,#0002 88%,transparent 98%),radial-gradient(ellipse at 51% 29%,#000 31%,#000f 43%,#0009 60%,transparent 80%);mask-composite:intersect}
.agent-glow{top:calc(230 * var(--u));width:calc(760 * var(--u));height:calc(480 * var(--u));background:radial-gradient(ellipse at 48% 37%,#65061170,#45050b45 30%,#20020422 52%,transparent 75%);filter:blur(calc(32 * var(--u)));opacity:1}
.top-note{top:calc(63 * var(--u));font-size:calc(12 * var(--u));letter-spacing:calc(2.5 * var(--u));gap:calc(18 * var(--u))}.cross{width:calc(19 * var(--u));height:calc(22 * var(--u))}.cross:before{width:calc(19 * var(--u));top:calc(10 * var(--u))}.cross:after{height:calc(22 * var(--u));left:calc(9 * var(--u))}.top-note i{width:calc(39 * var(--u));margin-top:calc(15 * var(--u))}
.edition{top:calc(71 * var(--u));font-size:calc(10 * var(--u));letter-spacing:calc(1.6 * var(--u));gap:calc(17 * var(--u))}.edition>span{display:inline}.edition i{width:calc(15 * var(--u))}
.side-note{top:calc(338 * var(--u));padding-left:calc(23 * var(--u));width:calc(230 * var(--u))}.left-note{left:calc(-3 * var(--u))}.right-note{width:calc(165 * var(--u));right:calc(-1 * var(--u))}.number{font-size:calc(13 * var(--u))}.side-note h2{font-size:calc(12 * var(--u));letter-spacing:calc(3 * var(--u));margin-top:calc(5 * var(--u))}.side-note i{width:calc(36 * var(--u));margin-top:calc(14 * var(--u))}.side-note p{font-size:calc(14 * var(--u));margin-top:calc(17 * var(--u))}
.conversion{top:calc(598 * var(--u));width:calc(600 * var(--u))}.conversion>p{font-size:calc(18 * var(--u));line-height:1.5}.actions{gap:calc(23 * var(--u));margin-top:calc(23 * var(--u))}.actions button{height:calc(62 * var(--u));font-size:calc(17 * var(--u));gap:calc(30 * var(--u));border-radius:calc(6 * var(--u))}.actions .primary{width:calc(217 * var(--u))}.actions .secondary{width:calc(223 * var(--u))}.actions svg{width:calc(27 * var(--u));height:calc(27 * var(--u))}
.features{height:calc(78 * var(--u));padding:calc(10 * var(--u)) calc(72 * var(--u)) calc(26 * var(--u));align-items:stretch}.feature{gap:calc(23 * var(--u));min-height:calc(43 * var(--u))}.feature:first-child{padding-left:calc(52 * var(--u))}.feature:last-child{padding-left:calc(20 * var(--u))}.feature svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}.feature span{font-size:calc(14 * var(--u))}.feature p{font-size:calc(13 * var(--u));margin-top:calc(4 * var(--u))}
.hero-footer{height:calc(88 * var(--u));padding-top:calc(23 * var(--u));font-size:calc(10 * var(--u));letter-spacing:calc(2.4 * var(--u))}.hero-footer>span:last-child{gap:calc(18 * var(--u))}.hero-footer b{font-size:calc(23 * var(--u));line-height:calc(15 * var(--u))}
}

@media(min-width:761px){
 .agent-frame{mask-image:linear-gradient(to bottom,#000 35%,#000e 43%,#0007 55%,#0004 72%,#0001 87%,transparent 98%),radial-gradient(ellipse at 51% 29%,#000 32%,#000f 44%,#0009 60%,transparent 80%)}
 .features{padding-left:0;padding-right:0;grid-template-columns:calc(356 * var(--u)) calc(305 * var(--u)) calc(325 * var(--u)) 1fr}
 .feature:first-child{padding-left:calc(128 * var(--u))}.feature:last-child{justify-content:flex-start;padding-left:calc(55 * var(--u))}
 .your-best{top:calc(102 * var(--u))}.employee{top:calc(445 * var(--u));transform:translateX(-50%) scaleX(1.13)}
 .agent-glow{background:radial-gradient(ellipse at 48% 37%,#71061188,#45050b55 30%,#20020422 52%,transparent 75%)}
}

/* Reveal existing red reflections at the arms without lifting the dark chest. */
.agent-frame{mask-image:radial-gradient(ellipse 13% 30% at 23% 64%,#000 12%,#000e 46%,transparent 100%),radial-gradient(ellipse 13% 30% at 74% 65%,#000 12%,#000e 46%,transparent 100%),linear-gradient(to bottom,#000 35%,#000e 43%,#0007 55%,#0004 72%,#0001 87%,transparent 98%);mask-composite:add,add}
.hero-footer{height:1px;padding:0}
@media(min-width:761px){
 .hero{--base-u:min(calc(100vw / 1536),calc(100svh / 1024));height:calc(100svh - 12px);overflow:visible}
 .composition{--u:min(calc((100vw - 32px) / 1382),calc((100svh - 166 * var(--base-u) - 13px) / 770));height:calc(770 * var(--u));width:calc(1382 * var(--u));left:50%;transform:translateX(-50%)}
 .hero-footer{height:1px;padding:0}
}

/* Unified crimson treatment, without changing geometry. */
:root{--red:#B5121B;--crimson-deep:#8F0D15;--crimson-dark:#650B10;--crimson-highlight:#E01B24}
.your-best{color:var(--red);background:linear-gradient(180deg,#B5121B 0%,#A61019 62%,#8F0D15 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.number{color:var(--crimson-highlight)}
.talk{border-color:var(--red);box-shadow:0 0 16px #650B1026}.talk:hover{background:#650B1038;box-shadow:0 0 24px #8F0D1538}
.primary{background:var(--red);border-color:var(--red);box-shadow:0 0 20px #650B1040}.primary:hover{background:var(--crimson-deep);border-color:var(--crimson-highlight);box-shadow:0 0 30px #8F0D1544}
.agent-glow{background:radial-gradient(ellipse at 48% 37%,#650B1088,#650B1045 30%,#650B1018 52%,transparent 75%)}
.agent{filter:hue-rotate(-8deg) saturate(.88)}
.dialog-done{background:#650B1038;border-color:var(--red)}dialog{border-color:#650B10}.menu-toggle{border-color:#650B10}
/* Independent translate leaves all existing centering/scaling transforms intact. */
@media(prefers-reduced-motion:no-preference){
 .navigation{animation:hero-enter .5s cubic-bezier(.22,1,.36,1) both}
 .headline-intro{animation:hero-enter .6s cubic-bezier(.22,1,.36,1) .12s both}
 .your-best{animation:hero-reveal .72s cubic-bezier(.22,1,.36,1) .25s both}
 .agent-frame{animation:agent-enter .85s cubic-bezier(.22,1,.36,1) .38s both}
 .agent-glow{animation:atmosphere-enter .85s ease-out .38s both}
 .employee{animation:hero-reveal .72s cubic-bezier(.22,1,.36,1) .58s both}
 .left-note{animation:hero-enter .6s cubic-bezier(.22,1,.36,1) .78s both}
 .right-note{animation:hero-enter .6s cubic-bezier(.22,1,.36,1) .86s both}
 .conversion{animation:hero-enter .65s cubic-bezier(.22,1,.36,1) .98s both}
 .features{animation:hero-enter .64s cubic-bezier(.22,1,.36,1) 1.16s both}
}
@keyframes hero-enter{from{opacity:0;translate:0 10px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes hero-reveal{from{opacity:0;translate:0 14px;filter:blur(3px);clip-path:inset(0 0 70% 0)}to{opacity:1;translate:0 0;filter:blur(0);clip-path:inset(0)}}
@keyframes agent-enter{from{opacity:0;translate:0 16px;filter:brightness(.85) blur(3px)}to{opacity:1;translate:0 0;filter:brightness(.85) blur(0)}}
@keyframes atmosphere-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.navigation,.headline-intro,.your-best,.agent-frame,.agent-glow,.employee,.side-note,.conversion,.features{animation:none;translate:none}}

/* One restrained glass CTA in the existing action area. */
.actions .collaborate{width:248px;max-width:100%;gap:22px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(230,230,235,.28);border-radius:9px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 18px rgba(101,11,16,.15);color:#f6f5f3;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
.actions .collaborate svg{width:22px;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.actions .collaborate:hover{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.045));border-color:rgba(230,230,235,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 22px rgba(143,13,21,.22)}
.actions .collaborate:hover svg{transform:translateX(4px)}
@media(min-width:761px){.actions .collaborate{width:calc(270 * var(--u));gap:calc(22 * var(--u));border-radius:calc(9 * var(--u))}.actions .collaborate svg{width:calc(22 * var(--u))}}
@media(prefers-reduced-motion:reduce){.actions .collaborate svg{transition:none}.actions .collaborate:hover svg{transform:none}}

/* Exact supplied image, with presentation-only background and edge masking. */
.agent{filter:none;clip-path:none;mask:url('assets/final-agent-mask.svg') center/100% 100% no-repeat}
.agent-frame{filter:none;left:50%;width:520px;top:135px;mask-image:linear-gradient(to bottom,#000 0%,#000 61%,#000c 72%,#0004 83%,transparent 94%),linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
@media(min-width:761px){.agent-frame{width:calc(660 * var(--u));top:calc(95 * var(--u));left:50%}}
@media(max-width:380px){.agent-frame{width:480px;top:132px}}
@keyframes agent-enter{from{opacity:0;translate:0 16px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}

.agent-frame{max-height:530px;overflow:hidden}
@media(min-width:761px){.agent-frame{max-height:calc(675 * var(--u))}}
@media(max-width:380px){.agent-frame{max-height:503px}}

/* Shared viewport basis and intrinsic image sizing across WebKit and Chromium. */
:root{--hero-viewport-height:100vh}
@supports(height:100svh){:root{--hero-viewport-height:100svh}}
html,body{margin:0;padding:0;min-height:100%;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
.agent{display:block;max-width:100%;height:auto;aspect-ratio:1145 / 1374;object-fit:contain;object-position:center top}
@media(min-width:761px){
 .hero{--u:clamp(0px,min(calc(100vw / 1536),calc(var(--hero-viewport-height) / 1024)),calc(100vw / 1536));--base-u:min(calc(100vw / 1536),calc(var(--hero-viewport-height) / 1024));height:calc(var(--hero-viewport-height) - 12px);min-height:0}
 .composition{--u:clamp(0px,min(calc((100vw - 32px) / 1382),calc((var(--hero-viewport-height) - 166 * var(--base-u) - 13px) / 770)),calc((100vw - 32px) / 1382));min-height:0}
 .agent-frame{height:calc(675 * var(--u));max-height:calc(675 * var(--u))}
}
/* Match Safari's whole-pixel text line boxes without per-browser offsets. */
@supports(line-height:round(down,1.5em,1px)){
 .headline-intro,.conversion>p{line-height:round(down,1.5em,1px)}
 .your-best,.employee{line-height:round(down,1.05em,1px)}
}

/* With the Hero-only feature row removed, center the approved composition in its viewport. */
@media(min-width:761px){
 .hero{display:flex;flex-direction:column}
 .hero .navigation-space,.hero .composition{flex:0 0 auto}
 .hero .composition{margin-block:auto}
}

/* Balanced header: equal flexible sides keep the capsule centered. */
.navigation{border-bottom:0;gap:16px;justify-content:center;min-width:0}
.navigation .brand{display:flex;flex:1 1 0;min-width:0;align-items:center;align-self:center;letter-spacing:normal;height:auto;overflow:hidden}
.navigation::after{content:'';flex:1 1 0;min-width:0}
.navigation .brand-logo{display:block;flex:0 1 auto;height:clamp(28px,3.2vw,44px);width:auto;max-width:100%;object-fit:contain;object-position:left center}
.navigation .nav-links{display:flex;flex:0 0 auto;align-items:center;gap:2px;margin:0;padding:4px;height:auto;border:1px solid rgba(225,220,222,.17);border-radius:999px;background:linear-gradient(145deg,rgba(24,24,24,.82),rgba(8,8,8,.9));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(101,11,16,.13)}
.navigation .nav-links button{flex:0 0 auto;white-space:nowrap;padding:10px clamp(14px,1.5vw,24px);font-size:clamp(11px,1vw,14px);line-height:1.4;border:1px solid transparent;border-radius:999px;background:transparent;color:#aaa7a9;transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.navigation .nav-links button:hover,.navigation .nav-links button:focus-visible,.navigation .nav-links button:active{color:#f6f5f3;background:rgba(255,255,255,.065);border-color:rgba(225,220,222,.14);box-shadow:inset 0 -1px 0 rgba(143,13,21,.25)}
.navigation .menu-toggle{display:none}
@media(max-width:760px){
 .navigation{gap:8px}
 .navigation .brand{flex:0 1 auto;max-width:27%}
 .navigation .brand-logo{height:clamp(16px,4.4vw,28px)}
 .navigation::after{flex:1 1 0}
 .navigation .nav-links{flex:0 0 auto;padding:3px;gap:0}
 .navigation .nav-links button{padding:8px clamp(5px,1.2vw,10px);font-size:clamp(8px,2.3vw,11px)}
 .mobile-nav:not([hidden]){display:none}
}

/* Header polish: symmetric tracks center the capsule independently of the logo. */
.navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:16px;align-items:center}
.navigation::after{display:none}
.navigation .brand{grid-column:1;grid-row:1;justify-self:start;max-width:100%}
.navigation .brand-logo{height:clamp(23.8px,2.72vw,37.4px);width:auto;max-width:100%;object-fit:contain}
.navigation .nav-links{grid-column:2;grid-row:1;justify-self:center;padding:5px;gap:3px;background:linear-gradient(145deg,rgba(18,18,18,.78),rgba(9,9,9,.86));border-color:rgba(130,125,128,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(101,11,16,.12)}
.navigation .nav-links button{padding:clamp(6px,1.3vh,11px) clamp(17px,1.8vw,28px)}
.navigation .nav-links button:hover,.navigation .nav-links button:focus-visible,.navigation .nav-links button:active{background:rgba(255,255,255,.075);border-color:rgba(200,195,198,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(101,11,16,.2)}
@media(min-width:761px){
 .navigation{--header-outset:max(0px,calc(77 * var(--base-u) - 16px));margin-inline:calc(-1 * var(--header-outset))}
}
@media(max-width:760px){
 .navigation{grid-template-rows:29px 48px;column-gap:0;align-items:center}
 .navigation .brand{grid-column:1 / -1;grid-row:1;max-width:100%;justify-self:start}
 .navigation .brand-logo{height:clamp(13.6px,3.74vw,23.8px)}
 .navigation .nav-links{grid-column:1 / -1;grid-row:2;padding:4px;gap:2px}
 .navigation .nav-links button{font-size:clamp(10px,2.6vw,12px);padding:7px clamp(6px,2vw,12px)}
}