:root{--ink:#242337;--muted:#716e80;--purple:#7551df;--deep:#503397;--line:#e4e0ef;--paper:#faf9fd;--soft:#f1eef9;--white:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button{color:inherit}img{display:block;max-width:100%;height:auto}p{line-height:1.85;color:var(--muted)}.wrap{width:min(1224px,calc(100% - 96px));margin-inline:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 48px;background:rgba(250,249,253,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:10px}.brand span{font-size:14px;letter-spacing:-.03em}.brand b{font-weight:650}.brand small{display:block;font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:4px}.site-header nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}.site-header nav a:hover{color:var(--deep)}.header-link{font-size:12px;border:1px solid var(--line);padding:11px 16px;border-radius:6px;background:var(--white)}.header-link span{margin-left:12px}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;align-items:center;padding-block:82px 66px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--deep);text-transform:uppercase}.tiny-mark{width:6px;height:6px;background:var(--purple);border-radius:50%}h1{font-size:clamp(32px,3.8vw,55px);font-weight:650;line-height:1.3;letter-spacing:-.055em;margin:22px 0}h2{font-size:clamp(26px,2.8vw,37px);line-height:1.4;letter-spacing:-.035em;font-weight:600;margin:13px 0 0}h3{font-weight:600}p{font-size:14px}.hero-intro{font-size:15px;line-height:2;margin:0 0 30px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:16px 22px;border-radius:7px;font-size:13px;font-weight:500}.primary{background:var(--ink);color:var(--white)}.primary:hover{background:var(--deep)}.text-link{font-size:12px}.hero-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:var(--muted);font-size:10px}.hero-tags span:before{content:'✓';margin-right:6px;color:var(--deep)}.hero-visual{min-width:0;position:relative}.image-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin-bottom:12px;letter-spacing:.04em}.screen-button{display:block;border:0;background:transparent;padding:0;width:100%;text-align:left}.hero-screen{box-shadow:0 25px 60px -20px rgba(65,40,117,.28);border:1px solid #e3dcef;border-radius:8px;overflow:hidden}.hero-annotation{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:12px;margin:18px 0 0 12px}.annotation-line{width:28px;height:1px;background:var(--purple)}.module-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding-block:25px;gap:16px}.module-strip a{font-size:13px;display:flex;gap:17px;align-items:center}.module-strip span{color:var(--purple);font-size:10px;letter-spacing:.1em}.explore-section{padding-block:90px 96px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading p{font-size:12px;margin:0;line-height:1.9}.explore-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}.explore-tabs button{background:transparent;border:0;border-radius:5px;padding:13px 23px;font-size:13px;color:var(--muted)}.explore-tabs button[aria-selected=true]{background:var(--purple);color:var(--white)}.module-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;padding-top:36px;align-items:start}.module-copy{padding-top:5px}.audience{font-size:10px;color:var(--deep)}.module-copy h3{font-size:25px;line-height:1.5;letter-spacing:-.04em;margin:12px 0}.module-copy>p{font-size:13px;margin:0 0 22px}.module-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}.module-copy li{border-top:1px solid var(--line);padding-top:13px}.module-copy li strong{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.module-copy li span{font-size:11px;color:var(--muted);line-height:1.7;display:block}figure{margin:0}.module-figure{min-width:0;background:var(--soft);padding:18px;border-radius:10px}.module-figure .screen-button{border-radius:6px;overflow:hidden;box-shadow:0 8px 24px -15px rgba(31,20,61,.3)}.module-figure img{width:100%}.module-figure figcaption{font-size:9px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);padding-top:13px}.detail-band{background:#eeebf5;border-block:1px solid #e2dceb}.details-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;padding-block:64px}.details-layout p{max-width:380px;font-size:13px}.legend-list{margin:25px 0 0;display:grid;gap:13px}.legend-list>div{display:grid;grid-template-columns:80px 1fr;gap:15px}.legend-list dt{font-size:12px;font-weight:600}.legend-list dd{margin:0;font-size:11px;color:var(--muted);line-height:1.7}.cards-figure{min-width:0}.figure-eyebrow{display:block;color:var(--muted);font-size:10px;margin-bottom:15px}.cards-figure img{width:100%;border-radius:7px}.cards-figure figcaption{font-size:10px;color:var(--muted);margin-top:14px}.workflow-section{padding-block:90px}.workflow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin:42px 0 0}.workflow li{border-top:2px solid var(--ink);padding-top:19px}.step-num{font-size:10px;letter-spacing:.12em;color:var(--purple)}.workflow h3{font-size:18px;margin:18px 0 12px;letter-spacing:-.02em}.workflow p{font-size:12px;margin:0;min-height:67px}.step-module{display:inline-block;font-size:10px;color:var(--muted);margin-top:22px}.roles-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:64px;border-radius:16px;background:var(--white);border:1px solid var(--line);align-items:center}.roles-copy>p{font-size:13px}.role-switch{display:inline-flex;gap:4px;padding:4px;background:var(--soft);border-radius:7px;margin:12px 0}.role-switch button{background:transparent;border:0;font-size:12px;padding:10px 25px;border-radius:4px;color:var(--muted)}.role-switch button[aria-pressed=true]{background:var(--white);color:var(--deep);box-shadow:0 2px 5px #ddd8e9}.role-detail{min-height:175px}.role-detail h3{font-size:16px;margin:12px 0}.role-detail ul{padding-left:18px;font-size:12px;color:var(--muted);line-height:2.2;margin:0}.mobile-area{display:flex;align-items:center;gap:27px;justify-content:center}.mobile-caption{writing-mode:vertical-rl;display:flex;gap:12px;font-size:12px;letter-spacing:.12em}.mobile-caption small{font-size:9px;color:var(--muted)}.mobile-screen{width:216px;flex-shrink:0;border:6px solid var(--ink);border-radius:29px;overflow:hidden;box-shadow:0 15px 30px -20px rgba(50,29,91,.5)}.closing{text-align:center;padding-block:90px}.closing h2{font-size:30px}.closing p{font-size:12px;margin:18px 0 27px}.site-footer{border-top:1px solid var(--line);padding-block:26px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.site-footer p{font-size:10px;margin:0}.site-footer>a{white-space:nowrap}dialog{max-width:min(1400px,94vw);max-height:94dvh;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:rgba(21,17,35,.75)}.dialog-top{position:sticky;top:0;background:var(--paper);padding:13px 18px;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:12px;border-bottom:1px solid var(--line)}.dialog-top button{border:1px solid var(--line);background:var(--white);padding:8px 12px;border-radius:4px;white-space:nowrap}#zoom-image{width:auto;max-width:100%;max-height:none;margin:auto}body.dialog-open{overflow:hidden}
@media(min-width:1450px){.hero{padding-block:100px 80px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.site-header{padding-inline:28px}.hero{gap:28px}.hero-intro{font-size:13px}.hero-actions{gap:15px}.button{padding:14px 17px;gap:16px}.module-panel{grid-template-columns:.85fr 1.15fr;gap:24px}.details-layout{gap:40px}.roles-section{padding:35px;gap:25px}.mobile-area{gap:15px}.mobile-screen{width:195px}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 36px)}.site-header{height:72px;padding-inline:18px;gap:12px}.site-header nav{display:none}.brand img{width:32px;height:32px}.brand span{font-size:12px}.header-link{padding:9px 10px;font-size:10px}.header-link span{margin-left:2px}.hero{grid-template-columns:1fr;padding-block:48px 35px;gap:36px}.hero h1{font-size:40px}.hero-intro{font-size:14px}.hero-tags{gap:18px}.hero-visual{max-width:600px}.image-label{font-size:9px}.module-strip{grid-template-columns:1fr 1fr;gap:22px;padding-block:24px}.explore-section{padding-block:54px}.section-heading{display:block}.section-heading p{margin-top:15px}.section-heading h2{font-size:28px}.explore-tabs{gap:2px}.explore-tabs button{padding:12px 14px;font-size:12px;flex:1;white-space:nowrap}.module-panel{grid-template-columns:1fr;gap:26px;padding-top:27px}.module-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:15px}.module-copy h3{font-size:24px}.module-figure{padding:12px}.details-layout{grid-template-columns:1fr;gap:28px;padding-block:45px}.details-layout h2 br{display:none}.details-layout p{max-width:none}.legend-list{gap:12px}.workflow-section{padding-block:54px}.workflow{grid-template-columns:1fr;gap:28px;margin-top:30px}.workflow p{min-height:0}.workflow h3{margin:12px 0 8px}.step-module{margin-top:12px}.roles-section{grid-template-columns:1fr;padding:28px;gap:20px}.roles-copy h2 br{display:none}.role-detail{min-height:150px}.mobile-area{margin-top:10px}.mobile-screen{width:206px}.closing{padding-block:60px}.closing h2{font-size:26px}.site-footer{flex-wrap:wrap;padding-block:24px;gap:12px}.site-footer p{order:3;width:100%;line-height:1.8}dialog{max-width:96vw}.dialog-top{font-size:10px;padding:10px;gap:10px}}
@media(max-width:370px){.brand span{font-size:10px}.brand small{font-size:8px}.header-link{font-size:9px}.hero h1{font-size:34px}.hero-actions{gap:14px}.hero-actions .button{font-size:12px}.explore-tabs button{padding-inline:9px}.roles-section{padding:20px}.mobile-screen{width:183px}.mobile-area{gap:12px}.hero-tags{font-size:9px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}