@font-face{font-family:'TT Norms Pro';font-weight:300;font-style:normal;font-display:swap;src:url(../fonts/TTNormsPro-300.woff2) format('woff2')}
@font-face{font-family:'TT Norms Pro';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/TTNormsPro-400.woff2) format('woff2')}
@font-face{font-family:'TT Norms Pro';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/TTNormsPro-500.woff2) format('woff2')}
@font-face{font-family:'TT Norms Pro';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/TTNormsPro-700.woff2) format('woff2')}
:root{
  --ink:#14161c; --ink2:#1a1c24; --text:#17181d; --mute:#5b5e69; --line:#e2e0db;
  --paper:#f4f3f1; --gold1:#f1e3cf; --gold2:#d6b78e; --gold3:#b8956c;
  --iri:linear-gradient(105deg,#1b2fd0 0%,#3b6bff 24%,#4fc3ff 46%,#8a7dff 68%,#2a3fe0 100%);
  --r:24px; --font:'TT Norms Pro',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid #3b6bff;outline-offset:3px}
.w{width:90%;max-width:1240px;margin-inline:auto}
.eyebrow{font-size:13px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}
h2.t{font-size:clamp(32px,4.6vw,60px);line-height:1.1;font-weight:300;text-transform:uppercase;letter-spacing:0}
h2.t b{font-weight:700}
.lead{max-width:62ch;margin:18px auto 0;font-size:clamp(16px,1.35vw,19px)}

/* header */
.top{position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;background:linear-gradient(180deg,#0d0f14,#10121a);border-bottom:1px solid rgba(214,183,142,.2)}
.top .w{display:flex;justify-content:space-between;align-items:center}
.top .al{height:24px;width:auto;filter:brightness(0) invert(1);opacity:.92}
.top .pba{height:36px;width:auto}


/* hero */
.hero{position:relative;color:#fff;text-align:center;overflow:hidden;padding:clamp(56px,8vw,120px) 0 clamp(90px,11vw,170px);background:radial-gradient(46% 60% at 4% 78%,rgba(192,34,42,.28),transparent 72%),radial-gradient(46% 60% at 96% 78%,rgba(79,160,255,.28),transparent 72%),radial-gradient(36% 45% at 80% 80%,rgba(160,143,255,.13),transparent 70%),linear-gradient(180deg,#0f1226 0%,var(--ink) 38%,var(--ink2) 100%)}
.hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(26,28,36,0),var(--ink2));pointer-events:none}
.hero .w{position:relative;z-index:1}
.hero .pbalogo{display:block;margin:0 auto clamp(18px,3vw,34px);width:clamp(200px,24vw,340px);height:auto}
.hero h1{font-weight:300;text-transform:uppercase;font-size:clamp(36px,6.4vw,92px);line-height:1.05;letter-spacing:.03em;max-width:16ch;margin-inline:auto}
.hero h1 b{font-weight:500;background:linear-gradient(90deg,#fff,#b8b5ad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .lead{max-width:84ch;margin:26px auto 0;font-size:clamp(16px,1.5vw,21px);color:#c8c8cd;font-weight:300}
.stats{display:flex;justify-content:center;gap:clamp(28px,6vw,80px);margin-top:36px}
.stats b{display:block;font-size:clamp(34px,4vw,54px);font-weight:300;line-height:1.1}
.stats span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#c9c5bc}

/* why asus */
.why{position:relative;background:linear-gradient(180deg,var(--ink2),#16181f);color:#fff;text-align:center;padding:clamp(24px,3vw,48px) 0 clamp(64px,8vw,120px);overflow:hidden}
.why::before{content:"";position:absolute;left:50%;top:-20%;width:90%;height:70%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(214,183,142,.12),transparent 72%);pointer-events:none}
.why .w{position:relative}
.why .eyebrow{color:var(--gold2)}
.why h2 b{background:linear-gradient(90deg,var(--gold1),var(--gold2) 55%,var(--gold3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.why .lead{color:#b9b9c3}
.awards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(40px,5vw,64px);text-align:left}
.award{display:flex;flex-direction:column;border-radius:var(--r);background:linear-gradient(145deg,#f5f6f6,#e6e8e8);color:var(--text);overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}
.award:hover{transform:translateY(-6px);box-shadow:0 28px 50px -30px #000}
.award .pic{height:210px;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,#fff,#eceeee)}
.award .pic img{max-height:166px;max-width:100%;width:auto;height:auto;object-fit:contain}
.award .body{padding:26px 30px 32px}
.no1{display:inline-block;font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;padding:4px 14px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#c9a77c,#a78359)}
.award h3{margin:14px 0 10px;font-size:clamp(21px,1.9vw,26px);line-height:1.2;font-weight:700;letter-spacing:-.005em}
.award p{color:#3d3f48;font-size:16px;line-height:1.6}


/* agent computer banner */
.kvband{background:#16181f}
.kv{position:relative;overflow:hidden;background:#16181f}
.kv img.d,.kv img.m{width:100%;height:clamp(380px,54vw,780px);object-fit:cover;object-position:center;transform:scale(1.04);transform-origin:50% 40%}
.kv img.m{display:none;height:auto}
.kv::before,.kv::after{content:"";position:absolute;left:0;right:0;height:30%;pointer-events:none;z-index:2}
.kv::before{top:0;background:linear-gradient(0deg,rgba(22,24,31,0),#16181f)}
.kv::after{bottom:0;background:linear-gradient(180deg,rgba(22,24,31,0),#16181f)}
.kvt{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.kvt h2{margin:0;color:#fff;font-weight:500;letter-spacing:.04em;line-height:1.2;font-size:clamp(26px,4.2vw,64px);text-shadow:0 2px 40px rgba(5,8,40,.85),0 0 14px rgba(5,8,40,.6)}
.kai{display:inline-block;width:1.4em;height:1.4em;margin-bottom:-.4em;background:url(../images/ai-badge.webp) center no-repeat;background-size:contain}

/* agent computer text */
.aisec{position:relative;overflow:hidden;text-align:center;color:#13233a;padding:clamp(120px,14vw,220px) 0 clamp(64px,8vw,120px);background:linear-gradient(180deg,#16181f 0,#1d2130 calc(clamp(140px,16vw,260px)*.28),#3b4668 calc(clamp(140px,16vw,260px)*.55),#aab8dc calc(clamp(140px,16vw,260px)*.8),#fff clamp(140px,16vw,260px))}
.aisec .aibg{position:absolute;left:0;width:100%;bottom:6%;pointer-events:none;user-select:none}
.aisec .w{position:relative;z-index:2}
.aisec h2{margin:0 auto;font-weight:400;text-transform:uppercase;font-size:clamp(28px,4.4vw,62px);line-height:1.12;background:linear-gradient(90deg,#5c3bff,#1b1ea4,#133ed4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.aisec .lead{color:#13233a;max-width:58em;margin:clamp(20px,2.4vw,34px) auto 0;font-size:clamp(15px,1.25vw,18px);line-height:1.7}
.aiacl{display:block;width:clamp(180px,17vw,250px);margin:clamp(30px,4vw,56px) auto 0}
.aicols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,30px);margin-top:clamp(30px,4vw,56px);text-align:left}
.aicard{padding:clamp(24px,2.4vw,34px) clamp(22px,2.4vw,34px) clamp(28px,3vw,40px);border-radius:var(--r);border:1px solid transparent;box-shadow:0 0 5px rgba(17,17,17,.05),0 0 20px rgba(17,17,17,.05);transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .8s}
.aicard.c1{background:linear-gradient(160deg,#fff 35%,#eef0f3) padding-box,linear-gradient(0deg,#b6dcff,#72beff) border-box}
.aicard.c2{background:linear-gradient(160deg,#fff 35%,#eef0f3) padding-box,linear-gradient(0deg,#f4b6ff,#e972ff) border-box}
.aicard.c3{background:linear-gradient(160deg,#fff 35%,#eef0f3) padding-box,linear-gradient(0deg,#f4b6ff,#3c00ff) border-box}
.aicard:hover{transform:translateY(-6px);box-shadow:0 18px 40px -20px rgba(40,70,200,.35)}
.aistar{display:block;width:34px;height:34px;margin-bottom:28px;background:url(../images/ai-star.svg) center/contain no-repeat}
.aicard b{display:block;font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-.018em;line-height:1.15}
.aicard p{line-height:1.6;margin:12px 0 0;font-size:clamp(15px,1.2vw,18px)}
@media (max-width:900px){.aicols{grid-template-columns:1fr;max-width:600px;margin-inline:auto}}
@media (max-width:640px){.kv img.d{display:none}.kv img.m{display:block}}

/* custom pc for business */
.biz{background:linear-gradient(180deg,#f4f3f1,#eceae6);text-align:center;padding:clamp(64px,8vw,120px) 0}
.biz .eyebrow{background:linear-gradient(90deg,#1b2fd0,#3b6bff 30%,#2aa8e8 55%,#7a6bff 80%,#2a3fe0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.biz h2{color:var(--ink)}
.biz h2 b{background:linear-gradient(90deg,#1b2fd0,#3b6bff 35%,#2aa8e8 60%,#7a6bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.biz .lead{color:var(--mute)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(40px,5vw,60px);text-align:left}
.path{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;border:2px solid transparent;background:linear-gradient(#fff,#f7f6f3) padding-box,linear-gradient(135deg,#dcdad5,#bdbab3) border-box;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}
.path:hover{transform:translateY(-8px);box-shadow:0 28px 46px -30px #17181d;background:linear-gradient(#fff,#f7f6f3) padding-box,var(--iri) border-box}
.pim{position:relative;aspect-ratio:16/10;overflow:hidden;background:#17181c}
.pim img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.path:hover .pim img{transform:scale(1.04)}
.pim.light{background:#fff}
.pim.light img{object-fit:contain;padding:16px 16px 54px}
.pim img.mp{object-position:50% 60%}
.chips{position:absolute;left:16px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap}
.chips b{padding:6px 14px;border-radius:999px;background:#1f2127;color:#fff;font-size:13px;font-weight:500;letter-spacing:.04em}
.pbody{display:flex;flex-direction:column;flex:1;padding:clamp(22px,2.2vw,32px)}
.tag{align-self:flex-start;padding:5px 14px;border-radius:999px;background:var(--iri);color:#fff;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 6px rgba(10,20,90,.45)}
.pbody h3{margin:14px 0 10px;font-size:clamp(24px,2.1vw,30px);line-height:1.15;font-weight:700;letter-spacing:-.01em}
.pbody>p{color:#4a4c55;line-height:1.55}
.partners{margin-top:auto;padding-top:26px}
.partners h4{margin-bottom:10px;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#6b6e78}
.pcg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pco{position:relative;display:flex;flex-direction:column;gap:10px;padding:8px 8px 30px;border-radius:16px;border:2px solid transparent;background:#fff;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.pco:hover{transform:translateY(-4px);box-shadow:0 18px 30px -22px #17181d;background:linear-gradient(#fff,#f7f6f3) padding-box,var(--iri) border-box}
.plogo{position:relative;height:76px;border-radius:10px;background:#fff;overflow:hidden}
.plogo img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain}
.plogo.cover img{inset:0;width:100%;height:100%;object-fit:cover}
.plogo.zoom img{transform:translate(4%,-14%) scale(2.6);transform-origin:36% 64%}
.plogo.ph{display:grid;place-items:center;background:#ebe9e5;color:#7b7d86;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.pco b{display:block;font-size:13.5px;font-weight:700;color:var(--text);line-height:1.25}
.pco small{display:block;font-size:12.5px;color:#6b6e78;line-height:1.3;margin-top:2px}
.pco i{position:absolute;right:14px;bottom:10px;font-style:normal;font-weight:700;background:linear-gradient(90deg,#1b2fd0,#3b6bff 40%,#7a6bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* footer */
footer{background:linear-gradient(180deg,#14161c,#0f1014);color:#9a9ca6;padding:36px 0 44px;font-size:13px}
footer .w{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
footer img{height:22px;width:auto;filter:brightness(0) invert(1);opacity:.85}
footer p{max-width:70ch;font-weight:300}

/* reveal */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.js .rv{opacity:1;transform:none}}

@media (max-width:1060px){
  .awards,.pgrid{grid-template-columns:1fr;max-width:620px;margin-inline:auto}
  .award .pic{height:200px}
}
@media (max-width:520px){
  .top{height:56px}.top .al{height:20px}.top .pba{height:30px}
}