/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme,base,components;@layer utilities{.collapse{visibility:collapse}.static{position:static}.hidden{display:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1a2543;background:#f7f8fc;margin:0;font:15px/1.8 Inter,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #a4a5ff}.site-header{background:#ffffffb8;border-bottom:1px solid #e1e5ef;align-items:center;gap:35px;min-height:76px;padding:15px max(28px,50vw - 640px);display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:22px;font-size:23px;font-weight:800;display:flex}.brand span{color:#8e98ae;letter-spacing:.02em;border-left:1px solid #e2e6f0;padding-left:22px;font-size:10px;font-weight:500}.site-header nav{gap:30px;margin-left:auto;font-size:12px;display:flex}.site-header nav a:hover{color:#565ae8}.review-label{letter-spacing:.07em;color:#7884b4;background:#eef0ff;border-radius:12px;padding:5px 9px;font-size:8px}.home,.case,.about-page,.complete{max-width:1280px;margin:auto;padding:0 28px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:62px 0 54px;display:grid}.eyebrow{letter-spacing:.1em;color:#7378b7;font-size:10px;font-weight:600}.hero h1{letter-spacing:-.05em;margin:18px 0;font-size:42px;line-height:1.45}.hero h1 span{color:#2c326c}.hero-copy{color:#75809b;margin:20px 0 27px;font-size:14px;line-height:2}.actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.primary,.secondary{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:24px;min-height:44px;padding:11px 19px;font-size:12px;display:inline-flex}.primary{color:#fff;background:linear-gradient(110deg,#5359f5,#6562e8);box-shadow:0 5px 14px #6462ee19}.primary:hover{background:#454ad2}.secondary{color:#4e587c;background:#fff7;border-color:#dce1ef}.text-link{color:#575ce0;font-size:12px}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.hero-preview{background:#fff;border:1px solid #e2e6f4;border-radius:12px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 18px 48px #2b3a6610}.hero-preview>div{border-bottom:1px solid #e6eaf5;justify-content:space-between;gap:12px;padding:13px 18px;font-size:10px;display:flex}.hero-preview>div>span{color:#929bbb}.hero-preview img{object-fit:cover;object-position:top;width:100%;height:300px;display:block}.section-title{justify-content:space-between;align-items:center;gap:20px;margin:14px 0 20px;display:flex}.section-title h2{letter-spacing:-.02em;margin:0;font-size:20px}.section-title h2:before{content:"";vertical-align:middle;background:#6661f3;width:22px;height:3px;margin-right:15px;display:inline-block}.section-title>p{color:#8490a7;font-size:11px}.project-card{background:linear-gradient(130deg,#fff,#f2f4ff);border:1px solid #dfe4f3;border-radius:11px;grid-template-columns:1fr .9fr;gap:20px;margin-bottom:18px;padding:23px;display:grid;overflow:hidden}.project-copy{padding-left:38px;position:relative}.number{color:#a3a0ff;font-size:24px;font-weight:600;line-height:1.5;position:absolute;top:0;left:0}.project-card h2{letter-spacing:-.035em;margin:5px 0 9px;font-size:19px;line-height:1.5}.project-card p{color:#7683a0;margin:0 0 12px;font-size:12px;line-height:1.9}.tags{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.tags span{color:#7671b8;background:#eeedff;border-radius:5px;padding:4px 9px;font-size:10px}.project-card .actions{gap:15px;margin-top:19px}.project-card .primary{min-height:39px;padding:8px 13px;font-size:11px}.project-preview{background:#fff;border:1px solid #dce2f1;border-radius:8px;align-self:stretch;min-height:160px;position:relative;overflow:hidden}.project-preview img{object-fit:cover;object-position:top;width:100%;height:100%;max-height:255px;transition:transform .3s;display:block}.project-preview:hover img{transform:scale(1.025)}.project-preview>span{color:#8e99b4;background:#fffffff2;border-top:1px solid #e3e8f3;padding:7px 10px;font-size:9px;position:absolute;bottom:0;left:0;right:0}.featured{grid-template-columns:1fr 1.25fr;min-height:263px;padding:28px}.featured h2{font-size:25px}.featured .project-copy{align-self:center;padding-left:48px}.featured .number{font-size:29px}.secondary-projects{grid-template-columns:1fr 1fr;gap:18px;display:grid}.secondary-projects .project-card{grid-template-columns:1fr;gap:20px}.secondary-projects .project-preview{height:165px}.secondary-projects .project-copy{padding-left:37px}.home-about{max-width:810px;padding:30px 0 50px}.home-about h2{letter-spacing:-.03em;margin:10px 0;font-size:23px;font-weight:600}.home-about p:not(.eyebrow){color:#7a87a0;font-size:13px;line-height:2}.site-footer{color:#9aa5b9;border-top:1px solid #e0e5f0;justify-content:space-between;gap:20px;max-width:1224px;margin:20px auto 0;padding:22px 0 30px;font-size:10px;display:flex}.breadcrumb{color:#8b96ad;margin:24px 0;font-size:12px;display:inline-block}.case-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;gap:40px;display:grid}.case h1{letter-spacing:-.05em;margin:12px 0;font-size:35px;line-height:1.5}.case-lead{color:#7b87a0;margin:15px 0 22px;font-size:15px;line-height:2}.case-section{border-bottom:1px solid #e4e8f2;padding:26px 0;scroll-margin-top:20px}.case-section h2{letter-spacing:-.025em;margin:0 0 12px;font-size:21px;font-weight:600}.case-section>p,.case-section li{color:#6d7b96;font-size:14px;line-height:2}.case-section small{color:#9ba5b8;font-size:10px}.case-section ul{padding-left:20px}.case-section li{margin:8px 0}.case-section .status-note{color:#6e79b5;background:#eeeffa;border-radius:5px;padding:5px 10px;font-size:11px;display:inline-block}.case-preview{background:#fff;border:1px solid #dce3f2;border-radius:10px;margin-top:22px;position:relative;overflow:hidden}.case-preview img{object-fit:cover;object-position:top;width:100%;max-height:380px;display:block}.case-preview>span{color:#8c98b1;border-top:1px solid #e5e9f3;padding:10px 15px;font-size:10px;display:block}.case-tabs{border-bottom:1px solid #dce2ef;gap:25px;padding:15px 0 0;display:flex}.case-tabs button{color:#747ca8;background:0 0;border:0;padding:10px 3px;font-size:12px}.case-tabs button:hover{color:#555bea;border-bottom:2px solid #555bea}.mission{background:#fff;border:1px solid #e1e6f2;border-radius:13px;padding:26px;position:sticky;top:20px}.mission h2{letter-spacing:-.025em;margin:12px 0;font-size:21px;line-height:1.5}.mission>p{color:#7c8ba5;font-size:12px}.mission ol{margin:26px 0;padding:0;list-style:none}.mission li{gap:12px;padding-bottom:19px;display:flex;position:relative}.mission li:not(:last-child):before{content:"";background:#dfe3f7;width:1px;position:absolute;top:28px;bottom:0;left:13px}.mission li>b{color:#fff;z-index:1;background:#6261ec;border-radius:50%;flex-shrink:0;place-content:center;width:28px;height:28px;font-size:12px;display:grid}.mission li strong{font-size:13px;font-weight:600}.mission li p{color:#8b97ad;margin:5px 0 0;font-size:11px;line-height:1.9}.outcome{border-top:1px solid #e6eaf4;padding:17px 0}.outcome strong{font-size:12px}.outcome p{color:#8490aa;margin:7px 0;font-size:12px;line-height:1.8}.mission>.primary,.mission>.secondary{width:100%;margin-bottom:10px}.mission>small{color:#a0a9bb;text-align:center;margin-top:10px;font-size:10px;line-height:1.8;display:block}.boundary{color:#7a85a1;background:#eef1fb;border-left:3px solid #a1a5eb;border-radius:5px;padding:15px 18px;font-size:12px;line-height:1.9}.prepare{color:#283457;background:#fff;border:1px solid #dfe5f2;border-radius:15px;width:min(520px,100vw - 32px);padding:28px;box-shadow:0 25px 90px #18244438}.prepare::backdrop{backdrop-filter:blur(4px);background:#18244466}.prepare h2{letter-spacing:-.03em;font-size:23px;line-height:1.5}.prepare>p{color:#7e8aa2;font-size:13px}.prepare ol{color:#697997;padding-left:22px;font-size:13px;line-height:2.5}.prepare .close-dialog{color:#9ca6bc;background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:16px}.dialog-actions{gap:10px;margin:23px 0 16px;display:grid}.prepare>.text-link{font-size:11px}.about-page{max-width:900px;padding-bottom:60px}.about-page h1{letter-spacing:-.04em;font-size:40px}.muted{color:#a0aabb;font-size:11px}.about-page>.primary{margin-top:25px}.demo-page{max-width:1920px;margin:auto;padding:0 20px 20px}.demo-toolbar{align-items:center;gap:24px;padding:15px 0;font-size:11px;display:flex}.demo-toolbar>a{color:#7b82b6}.demo-toolbar>div{flex:1;align-items:center;gap:15px;display:flex}.demo-toolbar>div>span{color:#9aa4b8;font-size:10px}.demo-toolbar>button{color:#8a93b0;background:#fff;border:1px solid #dce3f0;border-radius:6px;padding:7px 11px;font-size:10px}.demo-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:18px;display:grid}.live-frame{background:#fff;border:1px solid #dbe2ef;border-radius:10px;min-width:0;overflow:hidden}.live-frame iframe{border:0;width:100%;height:calc(100dvh - 180px);min-height:600px;display:block}.live-frame>p{color:#9ca7bd;border-top:1px solid #e3e8f3;margin:0;padding:8px 14px;font-size:9px}.guide-panel{background:#fff;border:1px solid #dfe5f2;border-radius:10px;padding:22px;position:sticky;top:15px}.guide-panel h2{letter-spacing:-.03em;margin:10px 0 18px;font-size:18px;line-height:1.6}.guide-progress{background:#edf0f8;border-radius:4px;height:4px;overflow:hidden}.guide-progress>span{background:#7770ed;height:100%;transition:width .2s;display:block}.progress-text{color:#939db6;margin:9px 0 16px;font-size:10px}.guide-steps{margin:0;padding:0;list-style:none}.guide-steps li{color:#a0aabd;align-items:center;gap:9px;margin:12px 0;font-size:11px;display:flex}.guide-steps b{border:1px solid #e4e8f3;border-radius:50%;place-content:center;width:22px;height:22px;font-size:9px;font-weight:400;display:grid}.guide-steps li.current{color:#5b5fd2}.guide-steps li.current b{color:#fff;background:#6866e8;border-color:#6866e8}.guide-steps li.done{color:#65a38e}.guide-steps li.done b{background:#eaf6ef;border-color:#d5eddf}.current-task{background:#f4f5ff;border-radius:8px;margin-top:20px;padding:17px 13px}.current-task small{color:#9a9fc1;font-size:9px}.current-task h3{margin:6px 0;font-size:13px;font-weight:600}.current-task p{color:#7783a2;margin:7px 0 13px;font-size:11px;line-height:1.9}.current-task>span{color:#9aa4be;border-top:1px solid #e5e8f7;padding-top:12px;font-size:9px;display:block}.guide-actions{justify-content:space-between;gap:10px;margin-top:15px;display:flex}.guide-actions>button{color:#8f98b2;background:0 0;border:0;padding:5px;font-size:10px}.guide-back{text-align:center;color:#898fbc;border-top:1px solid #e9edf5;margin-top:18px;padding-top:13px;font-size:10px;display:block}.guide-panel>.primary,.guide-panel>.secondary{width:100%;margin-top:10px;font-size:11px}.guide-panel>p:not(.eyebrow):not(.progress-text){color:#8d99b0;font-size:12px}.success{color:#608c7b;background:#eff8f3;border:1px solid #d9ece2;border-radius:8px;padding:18px 13px;font-size:12px}.success p{font-size:11px;line-height:1.9}.complete{text-align:center;max-width:850px;padding:60px 25px 90px}.completion-mark{color:#63aa8f;background:#e7f5ee;border-radius:50%;place-content:center;width:65px;height:65px;margin:0 auto 25px;font-size:30px;display:grid}.complete h1{letter-spacing:-.04em;font-size:34px}.complete>section{text-align:left;background:#fff;border:1px solid #e1e6f2;border-radius:10px;margin:30px 0;padding:25px}.complete h2{font-size:18px}.complete>section p{color:#7c89a4;font-size:13px;line-height:2}.complete .actions{justify-content:center;margin-bottom:25px}@media (width>=1600px){.live-frame iframe{min-height:780px}.demo-layout{grid-template-columns:minmax(0,1fr) 305px}.hero h1{font-size:46px}}@media (width<=1050px){.site-header{gap:18px;padding:16px 22px}.brand span{display:none}.hero{gap:25px}.hero h1{font-size:33px}.hero-preview img{height:270px}.case-grid{grid-template-columns:1.4fr 1fr;gap:25px}.case h1{font-size:30px}.mission{padding:20px}.demo-layout{grid-template-columns:minmax(0,1fr) 245px;gap:12px}.guide-panel{padding:16px}.secondary-projects .project-card{padding:20px}.featured h2{font-size:22px}.project-card h2{font-size:18px}}@media (width<=760px){.site-header{flex-wrap:wrap;gap:15px;padding:14px 16px}.brand{font-size:20px}.site-header nav{gap:20px;font-size:11px}.review-label{background:0 0;width:100%;padding:0;font-size:7px}.home,.case,.about-page{padding:0 17px}.hero{grid-template-columns:1fr;gap:25px;padding:35px 0}.hero h1{font-size:31px}.hero-copy{font-size:12px}.hero-preview{transform:none}.hero-preview img{height:220px}.section-title{align-items:flex-start;gap:12px}.section-title h2{white-space:nowrap;font-size:18px}.section-title p{text-align:right;margin:0;font-size:9px}.featured,.project-card{grid-template-columns:1fr;padding:20px}.featured .project-copy{padding-left:38px}.featured .number{font-size:24px}.featured h2{font-size:21px}.secondary-projects{grid-template-columns:1fr;gap:0}.project-preview{height:180px}.project-card .project-copy{padding-left:35px}.project-card p{font-size:12px}.home-about{padding:15px 0 35px}.site-footer{flex-wrap:wrap;gap:12px;margin:0 17px;padding:18px 0;font-size:8px}.case-grid{flex-direction:column;gap:20px;display:flex}.case-grid>div{display:contents}.case-grid h1,.case-grid .case-lead,.case-grid>div>.eyebrow,.case-grid>div>.tags{order:0;margin-top:0;margin-bottom:0}.case h1{font-size:29px}.case .case-lead{font-size:13px}.mission{order:1;width:100%;padding:23px;position:static}.case-section,.case-tabs{order:2;width:100%}.case-section{padding:20px 0}.case-section h2{font-size:19px}.case-section>p,.case-section li{font-size:13px}.case-preview img{max-height:240px}.case-tabs{gap:18px;padding-top:0}.case-tabs button{font-size:11px}.breadcrumb{font-size:10px}.about-page{padding-bottom:45px}.about-page h1{font-size:32px}.demo-page{padding:0 10px 15px}.demo-toolbar{flex-wrap:wrap;gap:8px;padding:12px 0;font-size:10px}.demo-toolbar>div{gap:8px}.demo-toolbar>div>span{font-size:8px}.demo-toolbar>button{padding:5px 7px;font-size:9px}.demo-layout{flex-direction:column;display:flex}.live-frame{order:2;width:100%}.live-frame iframe{height:75dvh;min-height:550px}.guide-panel{order:1;width:100%;padding:16px;position:static}.guide-panel>.eyebrow{margin:0}.guide-panel h2{margin:6px 0 12px;font-size:16px}.guide-steps{flex-wrap:wrap;gap:8px;display:flex}.guide-steps li{gap:4px;margin:4px 0;font-size:9px}.guide-steps b{width:18px;height:18px;font-size:8px}.current-task{margin-top:12px;padding:12px}.current-task p{margin:5px 0 9px;font-size:11px}.current-task>span{padding-top:8px}.guide-back{margin-top:10px;padding-top:10px}.guide-actions{margin-top:10px}.live-frame>p{font-size:8px}.prepare{padding:23px}.complete{padding:40px 18px 60px}.complete h1{font-size:27px}.complete .case-lead{font-size:13px}.complete .actions{gap:10px}.primary,.secondary{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.mobile-guide-toggle{display:none}@media (width<=760px){.mobile-guide-toggle{float:right;color:#7e80ba;background:#f0f1ff;border:0;border-radius:5px;padding:5px 8px;font-size:9px;display:block}.guide-panel.compact .eyebrow,.guide-panel.compact .guide-steps,.guide-panel.compact .current-task,.guide-panel.compact .guide-actions,.guide-panel.compact .guide-back,.guide-panel.compact .success,.guide-panel.compact>p:not(.progress-text){display:none}.guide-panel.compact h2{margin:2px 90px 10px 0;font-size:13px}.guide-panel.compact .progress-text{margin:8px 0 0;font-size:10px}}h1[tabindex="-1"]{outline:none}.ownership{background:#eef0fa;border-left:3px solid #6366d9;border-radius:0 10px 10px 0;flex-direction:column;gap:5px;margin:24px 0;padding:14px 18px;font-size:12px;display:flex}.ownership strong{color:#343a77}.ownership span{color:#59647c}.project-card .project-proof{color:#575f8b;border-top:1px solid #e5e8f2;padding-top:12px;font-size:11px}.case-entry{background:linear-gradient(125deg,#eef0fc,#fff);border:1px solid #dfe3f4;border-radius:16px;margin:24px 0;padding:24px}.case-entry>strong{font-size:18px}.case-entry>p{color:#616d83;font-size:14px}.case-entry .text-link{margin-left:20px;display:inline-block}.handoff{border-bottom:1px solid #dce0ef;gap:6px;margin-bottom:16px;padding-bottom:14px;display:grid}.handoff strong{color:#424991}.handoff span{color:#65708a;font-size:11px}.section-title{flex-wrap:wrap}.section-title h2{white-space:normal}.project-copy,.case-grid>div,.hero>div{min-width:0}@media (width<=760px){.section-title{display:block}.section-title h2{white-space:normal}.section-title p{text-align:left;margin:10px 0 18px;font-size:12px}.case-entry{order:0;width:100%;margin:4px 0;padding:18px}.case-entry>strong{font-size:16px}.case-entry>p{font-size:13px}.case-entry .text-link{margin-left:12px}.ownership{font-size:11px}.hero h1{font-size:clamp(26px,7.3vw,31px)}.mission ol{display:none}.mission{padding:18px}.mission h2{font-size:18px}.mission .eyebrow,.case .mission{display:none}}.technical dl{gap:12px;display:grid}.technical dl>div{background:#fff;border:1px solid #e1e5f1;border-radius:12px;padding:18px}.technical dt{color:#303961;font-weight:700}.technical dd{color:#65708a;margin:8px 0 0;font-size:13px}.demo-toolbar [data-immersive]{margin-left:auto}body.immersive{overflow:hidden}.immersive .site-header{display:none}.immersive .demo-page{z-index:3000;background:#f7f8fc;flex-direction:column;padding:0 12px;display:flex;position:fixed;inset:0}.immersive .demo-toolbar{flex:none;min-height:60px}.immersive .demo-layout{flex:1;min-height:0;display:block}.immersive .guide-panel,.immersive .live-frame>p{display:none}.immersive .live-frame{width:100%;height:100%}.immersive .live-frame iframe{border-radius:10px 10px 0 0;width:100%;height:100%;min-height:0}@media (width<=760px){.immersive .demo-page{padding:0 4px}.immersive .demo-toolbar{min-height:64px;padding:10px 6px}.immersive .demo-toolbar>div>span{display:none}.technical dl>div{padding:15px}.demo-toolbar{gap:8px}}.skip-link{z-index:9999;background:#fff;padding:10px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:8px}.project-index{padding-top:40px}.markdown-copy p{color:#65708a}.case-tabs a{font-size:12px}.case-preview img{width:100%;height:auto}.hero-preview img,.project-preview img{object-fit:cover}.experience-error{background:#fff3ef;border:1px solid #e4b6a9;border-radius:12px;padding:20px}.experience-error[hidden]{display:none}.guide-actions{flex-wrap:wrap}.progress-text{min-height:1.8em}.review-label,.eyebrow,.hero-copy,.hero-preview span,.section-title p,.home-about p,.site-footer,.breadcrumb,.case-lead,.case-section>p,.case-preview>span,.muted,.mission>p,.mission small,.guide-back,.progress-text,.current-task>span,.demo-toolbar>div>span,.live-frame>p{color:#56617c}.tags span{color:#4e558c}.brand span,.guide-steps li{color:#56617c}.mobile-guide-toggle{color:#4e558c}.hero-preview>div>span,.home-about>p,.case-section li,.boundary,.demo-toolbar>a,.demo-toolbar>button,.home-about p:not(.eyebrow){color:#56617c}