:root{color:#171717;font-synthesis:none;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#fff;min-width:320px;min-height:100%;margin:0}body,button,input{font:inherit}a{color:inherit;text-decoration:none}button,input{border:0}button,a{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.single-page{isolation:isolate;background:#fff;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.fluid-cursor-layer{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.fluid-cursor-layer canvas{width:100%;height:100%;display:block}.hero{z-index:2;text-align:center;flex-direction:column;order:1;align-items:center;width:min(900px,100% - 40px);min-height:calc(100svh - clamp(110px,12vw,190px));margin:0 auto;padding:clamp(76px,11vh,130px) 0 28px;display:flex;position:relative}.greeting{letter-spacing:-.035em;margin:0;font-size:clamp(17px,1.45vw,24px);font-weight:620}h1{letter-spacing:-.068em;margin:5px 0 0;font-size:clamp(48px,4.3vw,76px);font-weight:690;line-height:.98}.portrait{object-fit:contain;filter:drop-shadow(0 20px 24px #17171714);-webkit-user-select:none;user-select:none;width:auto;max-width:min(390px,75vw);height:clamp(210px,28vh,290px);margin-top:clamp(38px,6.2vh,70px);display:block;transform:translateZ(0)}.query-box{background:#fffffff0;border:1px solid #e0e0e0;border-radius:999px;align-items:center;gap:12px;width:min(560px,100%);min-height:64px;margin-top:clamp(26px,3.3vh,40px);padding:7px 8px 7px 24px;display:flex;box-shadow:0 12px 34px #10121109}.query-box:focus-within{border-color:#a7bde0;box-shadow:0 0 0 4px #6c9fe817}.query-box input{color:#242424;background:0 0;outline:0;flex:1;min-width:0;font-size:15px}.query-box input::placeholder{color:#929292}.query-box button{color:#fff;cursor:pointer;background:#70a6ee;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:24px;transition:transform .16s,background .16s;display:grid}:is(.query-box button:hover,.query-box button:focus-visible){background:#4d8de6;outline:none;transform:translate(2px)}.quick-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;width:min(720px,100%);margin-top:16px;display:grid}.quick-option{background:#fff;border:1px solid #dfe5ed;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-height:62px;padding:14px 16px;transition:transform .16s,border-color .16s,background-color .16s;display:flex}.query-box{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:linear-gradient(135deg,#ffffff94,#f5f8fc52);border-color:#ffffffc7;box-shadow:0 16px 40px #1f2d3a1a,inset 0 1px #ffffffe6}:is(.quick-options a:hover,.quick-options a:focus-visible){outline-offset:3px;background:#f8fbff;border-color:#a8bddd;outline:2px solid #0000;transform:translateY(-2px)}.quick-option .home-quick-icon{flex-shrink:0;display:flex}.home-quick-icon svg{width:24px;height:24px}.quick-options a:focus-visible{outline-color:#8fb4ec}.quick-options strong{color:#46566e;white-space:nowrap;font-size:16px;font-weight:600}.quick-option.is-pending{cursor:not-allowed;opacity:.5}.tone-cyan span{color:#51a8b9}.tone-green span{color:#60b277}.tone-violet span{color:#9477e6}.tone-pink span{color:#d76fb3}.tone-amber span{color:#d5a14a}.name-watermark{text-align:center;z-index:1;color:#0000;letter-spacing:-.045em;white-space:nowrap;background:linear-gradient(#16161612,#16161606 58%,#16161600);transform-origin:top;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;flex-shrink:0;order:2;height:clamp(115px,12vw,190px);font-size:min(16vw,272px);font-weight:780;line-height:.82;position:relative;transform:scaleY(.72)}@media (max-height:790px) and (min-width:701px){.hero{padding-top:60px}.portrait{height:190px;margin-top:24px}.query-box{margin-top:20px}.quick-options a{min-height:62px}}@media (max-width:700px){.hero{width:min(100% - 28px,520px);min-height:calc(100svh - 110px);padding-top:58px}h1{max-width:420px;font-size:clamp(44px,13vw,60px)}.portrait{height:200px;margin-top:34px}.query-box{min-height:58px;margin-top:24px;padding-left:19px}.query-box button{width:43px;height:43px}.quick-options{scrollbar-width:none;padding:0 1px 8px;display:flex;overflow-x:auto}.quick-options::-webkit-scrollbar{display:none}.quick-option{min-width:max-content;min-height:56px;padding:12px 18px}}.chat-page{height:100svh;background:#fff;height:100dvh;overflow:hidden}.chat-shell{flex-direction:column;width:min(840px,100%);height:100%;margin:0 auto;display:flex}.chat-header{flex-shrink:0;justify-content:center;align-items:center;height:104px;display:flex;position:relative}.chat-back{z-index:2;color:#64748b;background:#fff;border:1px solid #e8ebf0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:23px;display:grid;position:fixed;top:28px;left:28px}.chat-back:hover{background:#f5f8fc}.chat-back:focus-visible{outline-offset:3px;outline:2px solid #70a6ee}.chat-avatar{background:url(/hongxiang-avatar.png) 50%/contain no-repeat;width:52px;height:56px}.chat-body{min-height:0;padding:0 20px max(18px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex}.chat-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9dee5 transparent;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:28px;min-height:0;padding:28px 8px 40px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 20px calc(100% - 12px),#0000);mask-image:linear-gradient(#0000,#000 20px calc(100% - 12px),#0000)}.chat-empty{color:#7a818d;text-align:center;max-width:340px;margin:auto;line-height:1.55}.chat-turn{flex-direction:column;flex-shrink:0;min-width:0;display:flex}.chat-turn-restored,.chat-turn-restored *{animation:none!important}.chat-turn-user{align-items:flex-end}.chat-turn-assistant{align-items:flex-start}.chat-quick-questions{flex-shrink:0;justify-content:center;gap:10px;padding-top:4px;display:flex}.chat-quick-question{color:#46566c;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e2e6ec;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-width:108px;min-height:50px;padding:12px 16px;font-size:14px;font-weight:500;transition:background .16s,border-color .16s;display:inline-flex}.chat-quick-icon{display:flex}.chat-quick-question>span:last-child{color:#46566c}.chat-quick-question:hover:not(:disabled){background:#f5f9ff;border-color:#bdd4f2}.chat-quick-question:focus-visible{outline-offset:2px;outline:2px solid #568ed1}.chat-quick-question:disabled{opacity:.45;cursor:not-allowed}@keyframes card-enter{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes portrait-enter{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes surface-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes text-enter{0%{opacity:0}to{opacity:1}}.profile-card,.contact-card,.chat-message-assistant{animation:.48s cubic-bezier(.22,1,.36,1) both card-enter}.profile-card-portrait{animation:.65s cubic-bezier(.22,1,.36,1) 90ms both portrait-enter}.chat-quick-questions,.chat-form,.chat-message-user{animation:.45s cubic-bezier(.22,1,.36,1) both surface-enter}@keyframes hero-title-enter{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-controls-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero>.greeting,.hero>h1{animation:1s cubic-bezier(.22,1,.36,1) both hero-title-enter}.hero>h1{animation-delay:.12s}.hero>.portrait{animation:none}.hero>.query-box,.hero>.quick-options{animation:1.1s cubic-bezier(.22,1,.36,1) .65s both hero-controls-enter}.hero>.quick-options{animation-delay:.82s}.answer-reveal>span{animation:.1s ease-out both text-enter}.chat-message{overflow-wrap:anywhere;white-space:pre-wrap;border-radius:18px;width:fit-content;max-width:76%;padding:12px 16px;font-size:15px;line-height:1.55}.chat-message-user{color:#355477;background:#edf4ff;align-self:flex-end}.chat-message-assistant,.chat-loading{max-width:100%;box-shadow:none;color:#303944;background:0 0;border:0;border-radius:0;align-self:flex-start;padding:0;line-height:1.8}.contact-card{background:linear-gradient(135deg,#ffffffed,#f7faffd9);border:1px solid #ffffffe0;border-radius:24px;flex-shrink:0;align-self:flex-start;width:min(560px,100%);padding:24px;box-shadow:0 16px 40px #1f2d3a14}.contact-card-kicker{color:#85704a;letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:700}.contact-card h2{color:#202c3b;letter-spacing:-.035em;margin:0;font-size:clamp(24px,3vw,30px)}.contact-card-intro{color:#5b687a;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 20px;font-size:14px;line-height:1.6}.contact-card-methods{gap:8px;margin:0;padding:0;list-style:none;display:grid}.contact-method{color:#27364b;background:#ffffffb3;border:1px solid #e8edf5;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:12px;text-decoration:none;transition:border-color .16s,background .16s;display:flex}.contact-copy:focus-visible{outline-offset:3px;outline:2px solid #568ed1}.contact-icon{border-radius:11px;flex:0 0 36px;place-items:center;height:36px;font-size:18px;font-weight:700;display:grid}.contact-icon-email{color:#4577b7;background:#eaf2ff}.contact-icon-phone{color:#3d825c;background:#ecf7f0}.contact-icon-github{color:#394553;background:#eef0f4;font-size:12px}.contact-icon-linkedin{color:#176aa9;background:#e8f3ff}.contact-icon-wechat{background:#eef8eb}.contact-method-text{flex:1;gap:4px;min-width:0;display:grid}.contact-method-text strong{color:#6a7789;font-size:12px;font-weight:600}.contact-method-text>span{overflow-wrap:anywhere;font-size:14px;line-height:1.4}.contact-value{-webkit-user-select:all;user-select:all}.contact-copy{color:#37682e;font:inherit;cursor:pointer;background:#f0f8ee;border:1px solid #d5e7d3;border-radius:8px;flex-shrink:0;padding:7px 9px;font-size:12px}.contact-copy:hover{background:#e3f1df}.contact-copy-status{color:#5b687a;min-height:18px;margin:10px 0 0;font-size:12px;line-height:1.5}@media (max-width:700px){.contact-card{border-radius:20px;padding:18px}.contact-method{gap:9px;padding:10px}.contact-icon{flex-basis:30px;height:34px}}.profile-card{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:linear-gradient(135deg,#ffffffe0,#f7fafec7);border:1px solid #ffffffe0;border-radius:24px;flex-shrink:0;align-self:flex-start;width:min(780px,100%);padding:24px;box-shadow:0 16px 40px #1f2d3a14,inset 0 1px #ffffffe6}.profile-card-header{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;display:grid}.profile-card-portrait{aspect-ratio:4/5;background:#edf4fc;border-radius:18px;overflow:hidden}.profile-card-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.profile-card-kicker{color:#49698f;margin:0 0 10px;font-size:.8125rem;font-weight:600}.profile-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.625rem,3vw,2rem);line-height:1.1}.profile-card-headline{color:#657083;margin:6px 0 0;font-size:.9375rem}.profile-card-summary{color:#3f4856;overflow-wrap:anywhere;white-space:pre-wrap;margin:14px 0;font-size:1rem;line-height:1.6}.profile-card ul{margin:0;padding:0;list-style:none}.profile-card-interests,.profile-card-skills{flex-wrap:wrap;gap:7px;display:flex}.profile-card-interests li{color:#414e60;background:#f0f3f7;border-radius:999px;padding:6px 10px;font-size:.875rem}.profile-card h3{color:#46556b;margin:0 0 12px;font-size:.875rem;font-weight:650}.profile-card-education{margin-top:24px}.profile-card-schools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-school{background:#ffffffc7;border:1px solid #e0e6ef;border-radius:16px;min-width:0;padding:16px}.profile-school-heading{align-items:flex-start;gap:12px;display:flex}.profile-school-logo{flex:0 0 52px;place-items:center;height:64px;display:grid}.profile-school-logo img{object-fit:contain;width:40px;height:50px}.profile-school-osu .profile-school-logo img{width:52px;height:52px}.profile-school h4{color:#27364b;margin:0 0 7px;font-size:.9375rem;line-height:1.35}.profile-school p{color:#46556b;margin:0;font-size:.875rem;line-height:1.5}.profile-school .profile-school-period{color:#697588;margin-top:4px;font-size:.8125rem}.profile-school-ranking{color:#56667c;text-underline-offset:3px;margin-top:14px;font-size:.75rem;line-height:1.6;-webkit-text-decoration:underline #bcc9d9;text-decoration:underline #bcc9d9;display:block}.profile-school-badge{color:#823800;background:#fff0e5;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:6px 9px;font-size:.75rem;line-height:1.4;display:inline-flex}.profile-school-badge>span:first-child{font-weight:750}.profile-school a:focus-visible{outline-offset:4px;outline:2px solid #4d8de6}.profile-school a:hover{color:#184e96}.profile-card-experience{border-top:1px solid #e3e8ef;margin-top:20px;padding-top:18px}.profile-card-experience li{color:#4c5869;font-size:.875rem;line-height:1.65}.profile-card-skills{margin-top:14px!important}.profile-card-skills li{color:#4f6077;background:#edf2f8;border-radius:7px;padding:5px 9px;font-size:.75rem}.chat-loading{color:#717987;border-radius:16px;width:fit-content;padding:10px 15px;font-size:14px;animation:1.2s ease-in-out infinite chat-pulse}.chat-error{color:#a93d50;background:#fff0f3ad;border:1px solid #de5d7133;border-radius:14px;margin:0;padding:10px 14px;font-size:13px;line-height:1.45}.chat-form{background:#f0f2f6;border:1px solid #e8ebf1;border-radius:999px;flex-shrink:0;align-items:center;gap:12px;min-height:64px;padding:8px 9px 8px 24px;display:flex}.chat-form:focus-within{border-color:#9cbfea;box-shadow:0 0 0 3px #70a6ee12}.chat-form input{color:#242424;background:0 0;outline:0;flex:1;min-width:0;font-size:15px}.chat-form input::placeholder{color:#9299a4}.chat-form button{color:#fff;cursor:pointer;background:#70a6ee;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:24px;transition:transform .16s,background .16s,opacity .16s;display:grid}:is(.chat-form button:hover:not(:disabled),.chat-form button:focus-visible:not(:disabled)){background:#4d8de6;outline:none;transform:translateY(-2px)}.chat-form input:disabled,.chat-form button:disabled{cursor:not-allowed;opacity:.48}.chat-footer{justify-content:center;align-items:center;gap:12px;min-height:28px;padding-inline:64px;display:flex;position:relative}.chat-footer .chat-disclosure{flex:1}.chat-reset{color:#49698f;cursor:pointer;background:#ffffffb8;border-radius:8px;flex-shrink:0;padding:7px 8px;font-size:12px;position:absolute;right:0}.chat-reset:disabled{opacity:.45;cursor:not-allowed}.chat-reset:focus-visible{outline-offset:2px;outline:2px solid #568ed1}.chat-disclosure{color:#818895;text-align:center;margin:0;font-size:12px}@keyframes chat-pulse{50%{opacity:.55}}@media (max-width:700px){.chat-header{height:78px}.chat-back{width:40px;height:40px;top:17px;left:14px}.chat-avatar{width:44px;height:48px}.chat-body{padding:0 14px max(12px, env(safe-area-inset-bottom));gap:12px}.chat-messages{gap:24px;padding:20px 2px 28px}.chat-quick-questions{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.chat-quick-question{border-radius:12px;flex-direction:column;gap:5px;min-width:0;min-height:60px;padding:8px 2px;font-size:10px}.chat-quick-icon{display:flex}.chat-quick-icon svg{width:18px;height:18px}.chat-message{max-width:88%;padding:11px 14px;font-size:14px}.chat-message-assistant{max-width:100%;padding:0}.profile-card{border-radius:21px;width:100%;padding:16px}.profile-card-header{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px}.profile-card-intro{display:contents}.profile-card-identity{grid-area:1/2;min-width:0}.profile-card-header .profile-card-portrait{grid-area:1/1}.profile-card-header .profile-card-summary{grid-column:1/-1;margin:0}.profile-card-header .profile-card-interests{grid-column:1/-1}.chat-footer .chat-disclosure{text-align:center}.chat-reset{font-size:11px}.profile-card h2{font-size:1.5rem}.profile-card-portrait{border-radius:12px}.profile-card-summary{font-size:1rem}.profile-card-schools{grid-template-columns:1fr}.profile-card-kicker{font-size:.75rem}.profile-card-headline{font-size:.875rem}.profile-card-interests li{font-size:.8125rem}.chat-form{min-height:58px;padding:6px 7px 6px 18px}.chat-form button{width:44px;height:44px}.chat-disclosure{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.chat-loading{animation:none}}@media (max-width:420px){.profile-card-header{grid-template-columns:88px minmax(0,1fr);gap:12px}.profile-card h2{font-size:1.375rem}}.projects-card{color:#202733;width:100%;min-width:0}.projects-heading h2{letter-spacing:-.04em;margin:0 0 36px;font-size:30px;font-weight:650;line-height:1.2}.project-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;margin:0;padding:4px 0 10px;list-style:none;display:flex;overflow-x:auto}.project-track::-webkit-scrollbar{display:none}.project-track>li{scroll-snap-align:start;flex:0 0 calc(33.3333% - 12px);min-width:0}.project-tile{aspect-ratio:.7;isolation:isolate;color:#fff;background:linear-gradient(160deg,#0e2542,#305a8c);border-radius:24px;width:100%;display:block;position:relative;overflow:hidden}a.project-tile{transition:filter .18s}a.project-tile:hover{filter:brightness(1.08)}a.project-tile:focus-visible{outline-offset:-3px;outline:3px solid #70a6ee}.project-track:focus-visible{outline-offset:-3px;outline:3px solid #70a6ee}.project-tile-heading{z-index:2;padding:30px 24px 0;position:relative}.project-tile-heading p{opacity:.82;margin:0 0 6px;font-size:13px}.project-tile-heading h3{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(21px,2.2vw,28px);font-weight:650;line-height:1.13}.project-tile-image{object-fit:cover;object-position:left top;border:1px solid #ffffff40;border-radius:12px 0 0;width:158%;max-width:none;height:68%;position:absolute;top:39%;left:10%;transform:rotate(-6deg);box-shadow:0 12px 40px #0003}.project-tile-portfolio{color:#183559;background:linear-gradient(155deg,#f4f8ff 0%,#e0ecff 55%,#b9d2f7 100%)}.project-tile-jchatmind{color:#183559;background:linear-gradient(155deg,#e1edff 0%,#b5d1f7 52%,#6d95ce 100%)}.project-tile-jchatmind .project-tile-image{object-position:center top;left:9%}.project-tile-brainstem{background:linear-gradient(145deg,#192d54,#536e9b)}.project-tile-pcitc{color:#1a3b53;background:linear-gradient(150deg,#d9e8f4,#93b8d1)}.project-tile-edge{background:linear-gradient(150deg,#20354b,#548089)}.project-tile-art{position:absolute;inset:44% 18% 18%;transform:rotate(-20deg)}.project-tile-art span{background:#ffffff06;border:1px solid #ffffff65;border-radius:30%;position:absolute;inset:0}.project-tile-art span:nth-child(2){transform:translate(15px,15px)}.project-tile-art span:nth-child(3){transform:translate(30px,30px)}.project-coming{opacity:.8;font-size:11px;position:absolute;bottom:24px;left:24px;right:16px}.project-pagination{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.project-pagination button{color:#64748b;cursor:pointer;background:#f1f4f8;border-radius:50%;width:42px;height:42px;font-size:23px}.project-pagination button:hover:not(:disabled){color:#315b8f;background:#e6effb}.project-pagination button:disabled{opacity:.35;cursor:default}.project-pagination button:focus-visible{outline-offset:3px;outline:2px solid #70a6ee}@media (max-width:600px){.projects-heading h2{margin-bottom:24px;font-size:28px}.project-track{gap:14px}.project-track>li{flex-basis:78%}.project-tile{max-height:390px}.project-tile-heading h3{font-size:28px}.project-pagination{margin-top:16px}}.case-page{color:#23364e;background:#fff;min-height:100svh;padding:0 28px}.case-wrap{max-width:1000px;margin:auto}.case-nav{justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.case-back{color:#60728a;padding:8px 0;font-size:13px}.case-wordmark{color:#8290a2;font-size:12px}.case-hero{border-bottom:1px solid #e7ecf2;padding:28px 0 30px}.case-hero h1{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(36px,4vw,48px);font-weight:650;line-height:1.1}.case-official-links{flex-wrap:wrap;gap:8px 20px;margin:0 0 20px;display:flex}.case-official-links a{color:#426d9f;text-underline-offset:4px;font-size:13px;line-height:1.6;-webkit-text-decoration:underline #c9d9ed;text-decoration:underline #c9d9ed}.case-official-links a:hover{color:#244c7d;text-decoration-color:currentColor}.case-lead{color:#63758b;letter-spacing:-.02em;max-width:740px;margin:0;font-size:clamp(17px,1.8vw,20px);line-height:1.55}.case-role{color:#6a7d94;margin:16px 0;font-size:13px;line-height:1.65}.case-stack{flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none;display:flex}.case-stack li{color:#527298;background:#eff5fd;border-radius:6px;padding:5px 9px;font-size:11px;line-height:1.5}.case-demo,.case-contributions{padding-top:32px;scroll-margin-top:20px}.case-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.case-section-heading h2{letter-spacing:-.035em;margin:0;font-size:23px;font-weight:620;line-height:1.25}.case-section-heading>p{color:#8190a3;margin:0;font-size:11px;line-height:1.7}:is(.case-page a:focus-visible,.case-page button:focus-visible,.case-details summary:focus-visible){outline-offset:4px;outline:2px solid #739dda}.case-demo-player{background:#172d47;border:1px solid #e1e8f1;border-radius:16px;overflow:hidden}.case-demo-player video{aspect-ratio:16/9;background:#172d47;width:100%;height:auto;display:block}.case-chapters{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px;display:grid}.case-chapters button{cursor:pointer;text-align:left;color:#536880;background:0 0;border-radius:8px;grid-template-columns:1fr auto;gap:4px;padding:10px 12px;font-size:11px;line-height:1.5;display:grid}.case-chapters button>span:first-child{color:#8798ad;font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:10px}.case-chapters button[aria-pressed=true],.case-chapters button:hover{color:#325985;background:#edf3fc}.case-chapters button:disabled{opacity:.6;cursor:wait}.chapter-arrow{color:#7594b9}.case-video-error{color:#4d647e;background:#fff;margin:0;padding:8px 24px 18px;font-size:13px}.case-result{color:#58718f;background:#f3f7fc;border-radius:10px;margin:16px 0 0;padding:14px 18px;font-size:13px;line-height:1.7}.case-result strong{color:#2e547f;font-weight:600}.case-contributions{padding-top:44px}.case-contribution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.case-contribution-grid article{border-top:1px solid #e5ecf4;padding-top:18px}.case-contribution-grid h3{margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.4}.case-contribution-grid p{color:#74859a;margin:0;font-size:13px;line-height:1.7}.case-technical{margin-top:36px}.case-details{border-bottom:1px solid #e5ebf3;padding:20px 0}.case-details summary{cursor:pointer;font-size:15px;font-weight:600}.case-details>p{color:#728399;margin:18px 0;font-size:13px;line-height:1.7}.case-diagram{background:#f4f8fd;border:1px solid #e3eaf3;border-radius:12px;margin:0;overflow:hidden}.case-diagram img{width:100%;height:auto;display:block}.case-diagram figcaption{color:#53769f;background:#fff;justify-content:space-between;gap:12px;padding:14px 18px;font-size:12px;display:flex}.case-diagram-viewport{overflow-x:auto}.case-swipe-hint{display:none}.case-scope{color:#7b8899;max-width:760px;margin:28px 0 0;font-size:12px;line-height:1.7}.case-footer{color:#53769f;border-top:1px solid #e5ebf3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding:24px 0 32px;font-size:13px;display:flex}@media (max-width:760px){.case-page{padding:0 20px}.case-nav{padding:16px 0}.case-wordmark{font-size:11px}.case-hero{padding-top:20px}.case-section-heading{flex-wrap:wrap;gap:8px}.case-contribution-grid{grid-template-columns:1fr;gap:18px}.case-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.case-diagram-viewport img{min-width:640px}.case-diagram-viewport>a{width:max(100%,640px);display:block}.case-swipe-hint{display:block}}.skills-card{color:#233b59;background:#ffffffed;border:1px solid #e4edf9;border-radius:20px;width:100%;padding:28px}.skills-card-header{margin-bottom:26px}.skills-card h2{color:#203954;letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,30px);font-weight:680;line-height:1.2}.skills-card h2>span{color:#5f94db}.skills-intro{color:#62758e;margin:9px 0 0;font-size:13px;line-height:1.7}.skills-intro strong{color:#315f9a;font-weight:600}.skills-categories{gap:24px;display:grid}.skills-category{min-width:0}.skills-category-heading{align-items:center;gap:9px;margin-bottom:11px;display:flex}.skills-category-icon{color:#507eb7;flex:0 0 20px;display:inline-flex}.skills-category-icon svg{width:20px;height:20px}.skills-card h3{color:#2a405c;letter-spacing:-.015em;margin:0;font-size:15px;font-weight:630;line-height:1.4}.skills-tags{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.skills-tags li{color:#355b8a;overflow-wrap:anywhere;background:#edf4ff;border:1px solid #dfebfb;border-radius:7px;max-width:100%;padding:7px 11px;font-size:12px;font-weight:500;line-height:1.35}.skills-tags .skills-tag-primary{color:#fff;background:#3265a6;border-color:#3265a6;font-weight:600}.skills-category-collaboration .skills-tags li{color:#526984;background:#fff;border-color:#dce6f4}@media (max-width:600px){.skills-card{border-radius:16px;padding:22px 18px}.skills-card-header{margin-bottom:24px}.skills-intro{font-size:12px}.skills-categories{gap:22px}.skills-tags{gap:6px}.skills-tags li{padding:7px 9px}}