/* Associate editorial pass. Only the duplicate route is in scope. */
body[data-page="associate"] .topbar{display:none}
body[data-page="associate"] .nav:not(.scrolled){top:18px}
@media(min-width:1241px){
 body[data-page="associate"] .nav{display:grid;grid-template-columns:minmax(100px,1fr) auto max-content;gap:12px}
 body[data-page="associate"] .nlinks{position:static;transform:none;justify-self:center}
 body[data-page="associate"] .nacts{justify-self:end;white-space:nowrap}
}
@media(min-width:1241px) and (max-width:1350px){
 body[data-page="associate"] .nl>button,body[data-page="associate"] .nl>a{padding:10px 11px;font-size:12px}
 body[data-page="associate"] .nacts .login{padding:10px 10px;font-size:12px}
 body[data-page="associate"] .nacts .btn{padding:11px 16px;font-size:12px}
 body[data-page="associate"] .brand{font-size:15px}
}
#page-associate .pro-hero-inner{grid-template-columns:1.5fr 1fr;gap:5vw;padding-top:180px;padding-bottom:82px}
#page-associate .pro-hero-copy h1{font-size:clamp(66px,6.4vw,116px);max-width:none;line-height:1.045;letter-spacing:-.06em}
#page-associate .pro-hero-copy h1 span{white-space:nowrap}
#page-associate .pro-hero-copy>p{max-width:42ch;font-size:18px;line-height:1.6;margin-top:30px}
#page-associate .as-presence{width:100%;max-width:420px;justify-self:end;padding:23px 26px 15px;border-radius:19px;background:linear-gradient(125deg,#44383b89,#25202395);backdrop-filter:blur(30px) saturate(.9);box-shadow:inset 0 1px 0 #ffffff50,0 20px 60px -25px #180d15aa;border:1px solid #ffffff36;margin-bottom:0}
#page-associate .sv-presence-overline{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#eee4e1;letter-spacing:.01em}
#page-associate .sv-presence-mark{font-size:20px;font-weight:500;color:#e4c1cc}
#page-associate .sv-presence-story{height:136px;margin-top:23px}
#page-associate .sv-presence-frame small{font-size:10px;color:#eee2dfb8;margin-bottom:12px}
#page-associate .sv-presence-frame p{font-size:27px;line-height:1.13;letter-spacing:-.035em;font-weight:450}
#page-associate .sv-presence-frame>span{font-size:10px;margin-top:17px;letter-spacing:.01em;color:#e9dedbd1;display:block}
#page-associate .sv-follow-matter{color:#fff;background:none;border:0;padding:10px 0;font-size:11px;cursor:pointer;display:flex;gap:26px;align-items:center}
#page-associate .sv-follow-matter span{transition:transform .25s}
#page-associate .sv-follow-matter:hover span{transform:translate(2px,-2px)}


/* A finer paper/optical edge, quieter document chrome. */
#page-associate .sv-spatial .sv-memory-answer{border-radius:17px;background:#ffffffeb;border:1px solid #fff;box-shadow:0 30px 60px -32px #4530263b;padding:24px 28px}
#page-associate .sv-spatial .sv-memory-answer p{font-size:16px;color:#514b46;line-height:1.55}
#page-associate .sv-spatial .sv-memory-answer button{font-size:10px;border-color:#d9cfce;border-radius:6px;background:#f9f6f4}
#page-associate .sv-archive-sheet{border-radius:3px;border:1px solid #e9e6e1;box-shadow:0 18px 55px -20px #44332d40}
#page-associate .sv-work-window,#page-associate .sv-work-files,#page-associate .sv-work-done{border-radius:11px;box-shadow:0 2px 3px #30201b06,0 35px 65px -30px #3e302333}
#page-associate .sv-window-bar{background:#f0eeeb;border-color:#e1dcd7;font-size:10px}
#page-associate .sv-work-done{padding:30px 33px}
#page-associate .sv-done-head{padding-bottom:20px}
#page-associate .sv-work-done h3{font-size:clamp(27px,2.4vw,40px);font-weight:480;letter-spacing:-.045em;max-width:19ch;margin-top:24px}
#page-associate .sv-work-done>p{font-size:14px;line-height:1.7;color:#726b64}
#page-associate .sv-done-files{gap:18px}
#page-associate .sv-done-files button{border:0;border-top:1px solid #dacdce;border-radius:0;background:none;padding:15px 0 3px;font-size:11px;color:#75243e}
#page-associate .sv-work-progress button{font-size:10px}

/* Actual device geometry, not a card styled as a phone. */
#page-associate .as-device{position:relative;box-sizing:content-box;width:calc(390px * var(--phk));height:calc(844px * var(--phk));padding:calc(8px * var(--phk));border:1px solid #b8b4b0;border-radius:calc(58px * var(--phk));background:linear-gradient(105deg,#aaa6a1,#e2ddd7 2%,#77736f 4%,#b4afa9 50%,#696763 96%,#e9e6df 99%);box-shadow:inset 0 0 0 1px #393734,0 0 0 1px #141210,12px 24px 50px -20px #0b0908ba;transform:rotate(1deg);overflow:visible;isolation:isolate;margin:0}
#page-associate .as-device .nx-hana-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(50px * var(--phk));background:#111;box-shadow:0 0 0 calc(4px * var(--phk)) #090909,0 0 0 calc(5px * var(--phk)) #383532}
#page-associate .as-device .as-screen{position:absolute;inset:0;width:390px;height:844px;min-height:844px;transform:scale(var(--phk));transform-origin:0 0;border-radius:49px;background:radial-gradient(ellipse at 8% 0,#7b6876 0,transparent 60%),radial-gradient(ellipse at 100% 70%,#454654,transparent 70%),#25252b;color:#fff}
#page-associate .as-device .as-status{padding:0 28px 0 32px;height:60px;font-size:16px;flex-shrink:0}
#page-associate .as-device .as-status>span:last-child{gap:5px}
#page-associate .as-device .as-island{position:absolute;left:50%;transform:translateX(-50%);padding:0;width:117px;height:32px;top:11px;background:#030303;box-shadow:inset 0 0 0 1px #171419}
#page-associate .as-device .as-island::after{content:'';position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#29324d,#08080b 70%);border:1px solid #191b25}
#page-associate .as-device .as-island i{position:absolute;width:5px;height:5px;right:29px;top:14px}
#page-associate .as-device .nx-device-island{display:none}
#page-associate .as-device .as-caller{display:block;text-align:center;padding:15px 0 0;margin:0}
#page-associate .as-device .as-caller>.as-avatar{display:none}
#page-associate .as-device .as-caller>div{display:flex;flex-direction:column-reverse;align-items:center}
#page-associate .as-device .as-caller b{font:500 32px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.03em}
#page-associate .as-device .as-caller small{font:400 18px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;color:#ddd2dc;margin-top:8px}
#page-associate .as-device .as-you{text-align:center;margin:34px 28px 0;padding:0;font-size:12px;color:#d7cdd6}
#page-associate .as-device .as-caption{margin:13px 25px 0;padding:18px 18px 20px;background:#ffffff13;border:1px solid #ffffff15;border-radius:18px;box-shadow:none;min-height:157px}
#page-associate .as-device .as-caption>span{font-size:9px;letter-spacing:.05em;color:#e9dbe4}
#page-associate .as-device .as-typed{font:400 17px/1.42 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.018em;margin-top:13px;min-height:0}
#page-associate .as-device .as-ctl{padding:0 39px;margin-top:auto;gap:24px}
#page-associate .as-device .as-ctl>div{gap:20px}
#page-associate .as-device .as-ctl i{width:74px;height:74px;background:#ffffff20;border:1px solid #ffffff0c;box-shadow:inset 0 1px 0 #ffffff0c}
#page-associate .as-device .as-ctl span{font:400 12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;gap:9px}
#page-associate .as-device .as-ctl .end i{background:#f44b40;border-color:#fa6057}
#page-associate .as-device .as-home{height:52px}
#page-associate .as-device .nx-iphone-side{position:absolute;width:3px;left:-3px;border-radius:2px;background:linear-gradient(90deg,#5f5a55,#c2bcb4);box-shadow:0 0 0 1px #252321}
#page-associate .as-device .nx-iphone-side.act{top:calc(94px * var(--phk));height:calc(22px * var(--phk))}
#page-associate .as-device .nx-iphone-side.vup{top:calc(145px * var(--phk));height:calc(51px * var(--phk))}
#page-associate .as-device .nx-iphone-side.vdn{top:calc(210px * var(--phk));height:calc(51px * var(--phk))}
#page-associate .as-device .nx-iphone-side.pwr{left:auto;right:-3px;top:calc(173px * var(--phk));height:calc(77px * var(--phk));background:linear-gradient(90deg,#c2bcb4,#5f5a55)}

@media(min-width:761px){
 #page-associate .as-reach{height:100svh;min-height:720px;padding:105px 0 26px;box-sizing:border-box}
 #page-associate .as-reach>.v3-wrap{display:flex;flex-direction:column;height:100%;max-width:1400px}
 #page-associate .as-reach-head .as-h2{font-size:clamp(38px,3.65vw,60px);max-width:none;letter-spacing:-.045em;line-height:1.08}
 #page-associate .as-reach-head .as-h2 br{display:none}
 #page-associate .as-reach-head .as-lede{font-size:15px;line-height:1.5;max-width:75ch;margin-top:14px}
 #page-associate .as-stage{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:21px;gap:0}
 #page-associate .as-rail{flex-shrink:0;padding:4px;margin-bottom:20px}
 #page-associate .as-rail button{padding:10px 24px;min-width:115px;font-size:12px}
 #page-associate .as-panes{width:100%;min-height:0;flex:1;max-width:1120px}
 #page-associate .as-pane{height:100%}
 #page-associate .as-app{height:100%;min-height:0;border-radius:12px}
 #page-associate .as-app-bar{height:38px;min-height:38px;font-size:11px;padding-inline:19px}
 #page-associate .as-mail,#page-associate .as-teams{min-height:0;height:calc(100% - 38px)}
 #page-associate .as-mail-read{padding:20px 27px;overflow:auto}
 #page-associate .as-mail-read h4{font-size:21px;margin:15px 0;line-height:1.2}
 #page-associate .as-mail-read>p{font-size:13px;line-height:1.55;margin:10px 0}
 #page-associate .as-mail-sig{display:none}
 #page-associate .as-mail .as-from .as-avatar{width:30px;height:30px}
 #page-associate .as-mail .as-file{padding:9px 12px;margin-top:13px}
 #page-associate .as-mail aside ul>li{padding:15px 17px}
 #page-associate .as-mail aside li>p{font-size:11px}
 #page-associate .as-teams .as-thread{padding:15px 24px;overflow:auto}
 #page-associate .as-teams .as-msg p{font-size:12px;line-height:1.5}
 #page-associate .as-teams .as-msg{margin-bottom:13px}
 #page-associate .as-recap li small{display:none}
 #page-associate .as-recap li{padding:9px 10px;border-radius:7px}
 #page-associate .as-recap li b{font-size:11.5px;line-height:1.4;font-weight:500}
 #page-associate .as-recap ul{gap:8px;margin-top:12px}
 #page-associate .as-recap-foot{font-size:10px;line-height:1.4;padding-top:9px}
 #page-associate .sv-demo-under{width:100%;max-width:1120px;flex-shrink:0;margin-top:9px;font-size:10px}
 #page-associate .sv-demo-under p,#page-associate .sv-tour-toggle{font-size:10px}
 #page-associate .as-phone{height:100svh;min-height:660px;box-sizing:border-box;padding:108px 0 49px}
 #page-associate .as-phone-grid{height:100%;grid-template-columns:1.1fr .9fr;gap:7vw}
 #page-associate .as-phone-copy .as-h2{font-size:clamp(48px,4.8vw,78px);max-width:12ch}
 #page-associate .as-phone-copy .as-lede{font-size:17px;max-width:40ch;line-height:1.6;margin-top:24px}
 #page-associate .as-phone-seg{margin-top:27px}
 #page-associate .as-phone-caption{margin-top:23px;min-height:74px}
 #page-associate .as-phone-caption p{font-size:14px;max-width:41ch;line-height:1.6}
 #page-associate .sv-answer-call{margin-top:17px;padding:12px 19px;font-size:12px}
 #page-associate .sv-phone-note{margin-top:19px;font-size:10px}
 #page-associate .as-phone-ui{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;padding:0}
}
@media(min-width:761px) and (max-height:820px){
 #page-associate .as-phone-copy .as-h2{font-size:clamp(43px,4.2vw,57px)}
 #page-associate .as-phone-caption{margin-top:17px}
 #page-associate .sv-work-inner{padding-top:108px;padding-bottom:70px}
 #page-associate .sv-work-visual{height:480px}
 #page-associate .sv-work-copy .sv-title{font-size:60px}
}
@media(max-width:1000px) and (min-width:761px){
 #page-associate .pro-hero-inner{grid-template-columns:1.25fr 1fr;gap:4vw}
 #page-associate .pro-hero-copy h1{font-size:6.4vw}
 #page-associate .pro-hero-copy>p{font-size:16px}
 #page-associate .as-presence{padding:20px}
}
@media(max-width:760px){
 #page-associate .pro-hero-inner{display:block;padding-top:148px;padding-bottom:70px}
 #page-associate .pro-hero-copy h1{font-size:clamp(43px,10.5vw,74px);line-height:1.06;max-width:none}
 #page-associate .pro-hero-copy>p{font-size:15px;margin-top:24px;max-width:38ch}
 #page-associate .as-presence{margin:42px 0 0;max-width:100%;padding:20px 22px 12px}
 #page-associate .sv-presence-story{height:128px;margin-top:21px}
 #page-associate .sv-presence-frame p{font-size:26px}
 #page-associate .sv-presence-overline{font-size:10px}
 #page-associate .as-reach{padding:75px 0 54px}
 #page-associate .as-reach-head .as-h2{font-size:39px;max-width:15ch}
 #page-associate .as-reach-head .as-lede{font-size:14px;line-height:1.6;margin-top:19px}
 #page-associate .as-stage{margin-top:25px}
 #page-associate .as-rail{margin-bottom:22px}
 #page-associate .as-phone{padding-top:77px;padding-bottom:58px}
 #page-associate .as-phone-ui{margin-top:30px}
 #page-associate .as-device{transform:none;margin:auto}
 #page-associate .sv-work-done{padding:24px}
 #page-associate .sv-work-done h3{font-size:29px}
 #page-associate .sv-work-done>p{font-size:13px}
 #page-associate .sv-done-files button{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 #page-associate .sv-presence-frame{transition:none}
}