:root{--ink:#0c1424;--ink-soft:#27364d;--muted:#65748a;--line:#dce5f1;--paper:#fff;--canvas:#f4f7fb;--canvas-deep:#0a1325;--blue:#2563eb;--blue-deep:#173fa6;--cyan:#08a6c9;--teal:#0d8b7e;--violet:#7251d5;--amber:#c87804;--rose:#c53d57;--success:#16845a;--radius-sm:12px;--radius:20px;--radius-lg:28px;--shadow-sm:0 4px 12px #12233a0d;--shadow:0 16px 42px #12233a1a;--shadow-lg:0 28px 72px #0a193229;--content:min(1180px, calc(100% - 48px));--font:Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", "Microsoft YaHei", monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{min-width:320px;color:var(--ink);background:var(--canvas);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.7}body::selection{color:#fff;background:var(--blue)}img,svg{max-width:100%;display:block}button,input,select{font:inherit}button{border:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #2563eb6b}.skip-link{z-index:9999;color:#fff;background:var(--blue-deep);border-radius:10px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.container{width:var(--content);margin-inline:auto}.eyebrow{color:var(--blue-deep);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:99px;width:22px;height:2px}.section{padding:clamp(68px,9vw,128px) 0}.section--compact{padding:clamp(44px,7vw,84px) 0}.section--paper{background:var(--paper)}.section--dark{color:#eaf1ff;background:var(--canvas-deep)}.section-heading{grid-template-columns:minmax(0,.8fr) minmax(250px,.55fr);align-items:end;gap:28px;margin-bottom:38px;display:grid}.section-heading--center{text-align:center;max-width:760px;margin-inline:auto;display:block}.section-heading h2{max-width:760px;color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(1.9rem,3.1vw,3.35rem);line-height:1.18}.section--dark .section-heading h2{color:#f7faff}.section-heading p{max-width:510px;color:var(--muted);margin:0;font-size:1rem}.section--dark .section-heading p{color:#a8b6ce}.site-header{z-index:50;backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #dce5f1c2;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.site-brand{align-items:center;gap:10px;min-width:max-content;display:inline-flex}.site-brand__mark{color:#fff;background:linear-gradient(135deg, var(--blue), var(--cyan));width:36px;height:36px;font-family:var(--mono);border-radius:12px;place-items:center;font-size:1.14rem;display:grid;box-shadow:0 8px 18px #2563eb3b}.site-brand__name{color:var(--ink);letter-spacing:-.03em;font-size:.95rem;font-weight:800;line-height:1.1;display:block}.site-brand__sub{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:.58rem;line-height:1.2;display:block}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a{color:var(--ink-soft);border-radius:10px;padding:9px 11px;font-size:.86rem;font-weight:700;transition:color .16s,background .16s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--blue-deep);background:#edf4ff}.site-nav .site-nav__cta{color:#fff;background:var(--ink);margin-left:8px}.site-nav .site-nav__cta:hover{color:#fff;background:var(--blue-deep)}.menu-toggle{width:42px;height:42px;color:var(--ink);cursor:pointer;background:#edf2f8;border-radius:12px;display:none}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button{min-height:46px;color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:.92rem;font-weight:800;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 2px #0c142408}.button:hover{box-shadow:var(--shadow-sm);border-color:#b6c7df;transform:translateY(-2px)}.button--primary{color:#fff;background:linear-gradient(135deg, var(--blue), var(--cyan));border-color:#0000;box-shadow:0 10px 22px #2563eb33}.button--primary:hover{background:linear-gradient(135deg, var(--blue-deep), var(--blue));border-color:#0000}.button--dark{color:#fff;background:var(--ink);border-color:#0000}.button--soft{color:var(--blue-deep);background:#eef5ff;border-color:#c9dcfb}.hero{color:#eff6ff;background:radial-gradient(circle at 82% 8%,#19d2dd3b,#0000 29rem),radial-gradient(circle at 12% 85%,#5759ef52,#0000 34rem),linear-gradient(118deg,#071324 0%,#102a57 54%,#13377b 100%);padding:clamp(60px,9vw,124px) 0 clamp(70px,10vw,142px);position:relative;overflow:clip}.hero:after{aspect-ratio:1;content:"";border:1px solid #abe2ff2e;border-radius:50%;width:min(58vw,750px);position:absolute;top:-25%;right:-9%;box-shadow:0 0 0 50px #71cdff08,0 0 0 100px #71cdff05}.hero__grid{z-index:1;grid-template-columns:minmax(0,1.02fr) minmax(360px,.82fr);align-items:center;gap:clamp(34px,5vw,78px);display:grid;position:relative}.hero__copy .eyebrow{color:#83dcf1}.hero__title{letter-spacing:-.075em;max-width:740px;margin:0;font-size:clamp(2.55rem,5.3vw,5.35rem);font-weight:800;line-height:1.04}.hero__title em{color:#83e4ef;font-style:normal}.hero__description{color:#bfd0ea;max-width:650px;margin:22px 0 32px;font-size:clamp(1rem,1.6vw,1.17rem)}.hero__trust{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.trust-chip{color:#c5d9f4;font-family:var(--mono);background:#ffffff0e;border:1px solid #b8d7f93d;border-radius:999px;padding:5px 10px;font-size:.7rem}.hero-visual{min-height:410px;position:relative}.metric-stack{grid-template-rows:1fr .6fr;grid-template-columns:1fr .86fr;gap:16px;display:grid;position:absolute;inset:22px 10px 8px 28px}.metric-card{border-radius:var(--radius);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff2b,#ffffff0e);border:1px solid #d3ebff38;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 32px #030d222e}.metric-card--primary{grid-row:span 2;align-content:space-between;display:grid;transform:rotate(-2.5deg)}.metric-card--top{transform:rotate(3deg)}.metric-card--bottom{transform:translate(-11px)rotate(-1deg)}.metric-card__label{color:#bcd5f3;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.metric-card__value{color:#fff;letter-spacing:-.08em;margin:10px 0 3px;font-size:clamp(2rem,3.4vw,3.7rem);font-weight:800;line-height:1;display:block}.metric-card__text{color:#d5e2f6;font-size:.84rem;line-height:1.55}.metric-card__signal{grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:90px;display:grid}.metric-card__signal span{background:linear-gradient(#b6f5ff,#47d8ee);border-radius:4px 4px 0 0;min-height:18%;display:block}.metric-card__dots{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:24px;display:grid}.metric-card__dots span{aspect-ratio:1;background:#ceedff1f;border:1px solid #ceedff42;border-radius:50%}.metric-card__dots span:nth-child(2),.metric-card__dots span:nth-child(4){background:#63e7ef;box-shadow:0 0 16px #63e7efb3}.hero__scroll-cue{z-index:2;color:#a9c2df;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:.67rem;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero__scroll-cue:after{content:"";background:#6ecfdc;width:36px;height:1px}.stat-grid{z-index:3;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);margin-top:-36px;display:grid;position:relative;overflow:hidden}.stat-item{text-align:center;padding:23px 28px}.stat-item+.stat-item{border-left:1px solid var(--line)}.stat-item strong{color:var(--blue-deep);letter-spacing:-.07em;font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.1;display:block}.stat-item span{color:var(--muted);margin-top:4px;font-size:.82rem;display:block}.bento{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.bento>*{grid-column:span 4}.bento>:first-child{grid-column:span 5}.bento>:nth-child(2),.bento>:nth-child(3){grid-column:span 7}.bento>:nth-child(4){grid-column:span 5}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-sm);padding:28px;position:relative;overflow:hidden}.card--hover{transition:transform .18s,box-shadow .18s,border-color .18s}.card--hover:hover{box-shadow:var(--shadow);border-color:#b8cae3;transform:translateY(-5px)}.card__eyebrow{color:var(--blue-deep);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-size:.7rem;display:inline-flex}.card h3{color:var(--ink);letter-spacing:-.04em;margin:0 0 10px;font-size:1.28rem;line-height:1.28}.card p{color:var(--muted);margin:0;font-size:.93rem}.card__number{color:#dce8f8;font-family:var(--mono);font-size:.8rem;position:absolute;top:20px;right:22px}.feature-icon{width:46px;height:46px;color:var(--blue-deep);font-family:var(--mono);background:#eaf3ff;border-radius:15px;place-items:center;margin-bottom:20px;font-size:1.25rem;display:grid}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.project-card{color:#e9f3ff;border-radius:var(--radius-lg);background:linear-gradient(145deg,#0d2142,#153a73);border:1px solid #b8d6f73b;flex-direction:column;grid-column:span 4;min-height:480px;padding:24px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 28px #0a234e29}.project-card:hover{transform:translateY(-6px);box-shadow:0 26px 48px #0a234e3d}.project-card[data-theme=teal]{background:linear-gradient(145deg,#082c2e,#08786f)}.project-card[data-theme=violet],.project-card[data-theme=purple]{background:linear-gradient(145deg,#211749,#6442b8)}.project-card[data-theme=indigo]{background:linear-gradient(145deg,#172657,#344fbb)}.project-card[data-theme=amber]{background:linear-gradient(145deg,#3b2604,#ae6810)}.project-card__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-card__category{color:#eaf4ffc2;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.project-card__icon{color:#fff;width:38px;height:38px;font-family:var(--mono);background:#ffffff21;border:1px solid #ffffff40;border-radius:13px;place-items:center;font-size:1.25rem;display:grid}.project-card h3{color:#fff;letter-spacing:-.045em;max-width:290px;margin:28px 0 10px;font-size:1.38rem;line-height:1.25}.project-card p{color:#e9f3ffc4;margin:0;font-size:.87rem;line-height:1.72}.project-card__preview{margin-top:auto;padding-top:28px}.project-card__actions{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.project-card__actions a{color:#fff;background:#ffffff1a;border:1px solid #ffffff47;border-radius:9px;padding:7px 10px;font-size:.76rem;font-weight:800}.project-card__actions a:hover{background:#fff3}.product-preview{background:linear-gradient(145deg,#ffffff2b,#ffffff0f),#07132a40;border:1px solid #ffffff42;border-radius:16px;min-height:198px;padding:15px;position:relative;overflow:hidden}.product-preview:before{content:"";background:#ffffff70;border-radius:99px;width:44%;height:4px;position:absolute;top:14px;left:14px}.product-preview__label{color:#ffffff9e;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;position:absolute;top:28px;left:14px}.product-preview__orb{aspect-ratio:1;border:10px solid #87e9f7c7;border-radius:50%;width:72px;position:absolute;top:47px;left:16px;box-shadow:inset 0 0 0 7px #061b3a8f,0 0 34px #5de5f43d}.product-preview__bars{gap:8px;display:grid;position:absolute;bottom:14px;left:105px;right:14px}.product-preview__row{gap:4px;display:grid}.product-preview__bar{background:#ebf9ff47;border-radius:99px;height:7px;display:block}.product-preview__row:first-child .product-preview__bar{width:92%}.product-preview__row:nth-child(2) .product-preview__bar{background:#5de5f4bf;width:68%}.product-preview__row:nth-child(3) .product-preview__bar{width:82%}.product-preview__text{color:#ecf8ffe0;font-size:.68rem;line-height:1.35}.product-preview--teal .product-preview__orb{border-color:#71f5d3db}.product-preview--violet .product-preview__orb,.product-preview--purple .product-preview__orb{border-color:#d8baffdb}.product-preview--amber .product-preview__orb{border-color:#ffd375e6}.product-preview--timeline .product-preview__orb{background:#95f1ff;border:0;width:12px;height:12px}.product-preview--timeline:after{content:"";background:#8ae1ffa6;width:2px;position:absolute;top:52px;bottom:22px;left:22px}.product-preview--timeline .product-preview__bars{top:48px;bottom:auto;left:43px}.product-preview--timeline .product-preview__text{font-size:.66rem}.project-card--featured{grid-column:span 6;min-height:514px}.project-card--featured .product-preview{min-height:210px}.tag-list{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.tag{color:#32547f;background:#eff6ff;border:1px solid #d5e4f7;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:800;line-height:1.2;display:inline-flex}.tag--dark{color:#dceafa;background:#ffffff17;border-color:#d6ebff38}.process-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.process-step{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:24px 20px;position:relative}.process-step:not(:last-child):after{z-index:1;content:"";background:#b7c8df;width:18px;height:1px;position:absolute;top:50%;right:-17px}.process-step__number{color:var(--blue);font-family:var(--mono);font-size:.72rem;font-weight:700}.process-step h3{color:var(--ink);letter-spacing:-.03em;margin:12px 0 6px;font-size:1.03rem}.process-step p{color:var(--muted);margin:0;font-size:.84rem}.split-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);align-items:center;gap:clamp(32px,7vw,110px);display:grid}.split-layout--reverse>:first-child{order:2}.split-layout--reverse>:last-child{order:1}.benefit-list{gap:13px;margin:25px 0 0;padding:0;list-style:none;display:grid}.benefit-list li{color:var(--ink-soft);grid-template-columns:24px 1fr;align-items:start;gap:11px;font-size:.95rem;display:grid}.benefit-list li:before{width:22px;height:22px;color:var(--blue-deep);content:"✓";background:#e8f2ff;border-radius:8px;place-items:center;font-weight:800;line-height:1;display:grid}.dark-panel{color:#ebf4ff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 15% 5%,#39d1e64d,#0000 24rem),linear-gradient(135deg,#071326,#133870);padding:clamp(24px,4vw,42px);position:relative;overflow:hidden}.dark-panel__label{color:#90e6f1;font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;font-size:.69rem}.dark-panel h3{color:#fff;letter-spacing:-.05em;margin:10px 0;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.2}.dark-panel p{color:#b7cbeb;margin:0}.dark-panel__rows{gap:10px;margin-top:24px;display:grid}.dark-panel__rows span{color:#dceeff;background:#ffffff12;border:1px solid #b6e0ff2b;border-radius:11px;align-items:center;min-height:42px;padding:10px 13px;font-size:.83rem;display:flex}.dark-panel__rows span:before{content:"";background:#62e9ef;border-radius:50%;width:7px;height:7px;margin-right:10px;box-shadow:0 0 12px #62e9ef}.quote-panel{border-radius:var(--radius-lg);background:linear-gradient(135deg,#eaf4ff,#f6f8ff 52%,#eafffb);border:1px solid #b9d5f9;padding:clamp(34px,6vw,68px)}.quote-panel blockquote{color:#18345d;letter-spacing:-.05em;max-width:860px;margin:0;font-size:clamp(1.42rem,2.5vw,2.35rem);font-weight:700;line-height:1.42}.quote-panel p{color:var(--muted);margin:18px 0 0}.project-hero{color:#eef7ff;background:radial-gradient(circle at 85% 8%,#53ecf438,#0000 26rem),linear-gradient(126deg,#071323,#123c70);padding:clamp(50px,8vw,102px) 0;position:relative;overflow:hidden}.project-hero[data-theme=teal]{background:radial-gradient(circle at 85% 8%,#53f4c938,#0000 26rem),linear-gradient(126deg,#062523,#0d6d65)}.project-hero[data-theme=violet],.project-hero[data-theme=purple]{background:radial-gradient(circle at 85% 8%,#c797ff40,#0000 26rem),linear-gradient(126deg,#171033,#583ba5)}.project-hero[data-theme=indigo]{background:radial-gradient(circle at 85% 8%,#7da4ff45,#0000 26rem),linear-gradient(126deg,#101c48,#3552b5)}.project-hero[data-theme=amber]{background:radial-gradient(circle at 85% 8%,#ffd3793b,#0000 26rem),linear-gradient(126deg,#2d1c02,#9a5e06)}.project-hero__grid{grid-template-columns:minmax(0,.93fr) minmax(370px,.82fr);align-items:center;gap:clamp(30px,6vw,88px);display:grid}.project-hero .eyebrow{color:#9aeaf1}.project-hero h1{color:#fff;letter-spacing:-.07em;max-width:680px;margin:0;font-size:clamp(2.2rem,4.4vw,4.35rem);line-height:1.1}.project-hero p{color:#c2d4ef;max-width:650px;margin:20px 0 0;font-size:1.06rem}.project-hero__meta{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.project-hero__meta span{color:#d6e8ff;background:#ffffff14;border:1px solid #d6e8ff3b;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:700}.detail-visual{backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff29,#ffffff0f);border:1px solid #d1e8ff38;border-radius:24px;min-height:318px;padding:22px;position:relative;overflow:hidden;box-shadow:0 24px 42px #030f2336}.detail-visual__topline{background:#e1f4ff9e;border-radius:99px;width:40%;height:5px}.detail-visual__panel{grid-template-columns:.85fr 1.15fr;gap:15px;display:grid;position:absolute;inset:54px 22px 22px}.detail-visual__orb{background:radial-gradient(circle at 38% 33%,#b0f2f6 0 7%,#1c5679 30%,#092645 66%);border:11px solid #82e8f5d4;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 7px #000f2566,0 0 35px #55e8f538}.detail-visual__orb:after{content:"";border:1px solid #eeffffb3;border-radius:50%;width:52%;height:52%;position:absolute;top:16%;left:17%}.detail-visual__side{grid-template-rows:auto repeat(3,1fr);gap:10px;display:grid}.detail-visual__side strong{color:#e6f6ff;font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;font-size:.71rem}.detail-visual__side span{color:#e2effe;background:#ffffff16;border:1px solid #dcf1ff29;border-radius:10px;align-items:center;padding:10px;font-size:.78rem;display:flex}.detail-visual__side span:before{content:"";background:#6cf0f0;border-radius:50%;width:7px;height:7px;margin-right:8px}.role-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.role-card{border-top:3px solid var(--blue);border-radius:var(--radius);background:#f8fbff;padding:24px}.role-card h3{color:var(--ink);margin:0 0 8px;font-size:1.08rem}.role-card p{color:var(--muted);margin:0;font-size:.91rem}.output-list{gap:11px;display:grid}.output-item{background:#ffffff14;border:1px solid #bed7f452;border-radius:14px;grid-template-columns:40px 1fr;align-items:center;gap:14px;padding:16px;display:grid}.output-item__index{aspect-ratio:1;color:#9eeaf4;width:38px;font-family:var(--mono);background:#5fe2ee24;border-radius:12px;place-items:center;font-size:.75rem;display:grid}.output-item h3{color:#f4f9ff;margin:0 0 3px;font-size:.95rem}.output-item p{color:#b8cae5;margin:0;font-size:.82rem}.experience{border-radius:var(--radius-lg);background:radial-gradient(circle at 84% 2%,#70e5f047,#0000 24rem),linear-gradient(135deg,#e7f2ff,#f9fbff 48%,#eafffb);border:1px solid #b5d1fa;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}.experience__grid{grid-template-columns:minmax(0,.8fr) minmax(330px,1.1fr);align-items:center;gap:clamp(28px,6vw,80px);display:grid}.experience h2{color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2}.experience p{color:var(--muted)}.demo-surface{background:#fff;border:1px solid #cfe0f6;border-radius:18px;padding:16px;box-shadow:0 20px 34px #2859941f}.demo-surface__head{border-bottom:1px solid #e3ecf7;align-items:center;gap:8px;padding-bottom:13px;display:flex}.demo-surface__dots{gap:5px;display:flex}.demo-surface__dots span{background:#c8d6e8;border-radius:50%;width:8px;height:8px}.demo-surface__dots span:first-child{background:#82c8ff}.demo-surface__dots span:nth-child(2){background:#85e1ca}.demo-surface__title{color:#5a6c84;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem}.demo-options{flex-wrap:wrap;gap:8px;margin:17px 0 12px;display:flex}.demo-option{color:#315370;cursor:pointer;background:#f5f9ff;border:1px solid #d4e2f4;border-radius:9px;padding:8px 10px;font-size:.76rem;font-weight:800}.demo-option[aria-pressed=true]{color:#fff;border-color:var(--blue);background:var(--blue)}.demo-run{cursor:pointer;width:100%}.demo-progress{background:#e9f1fb;border-radius:99px;height:7px;margin:14px 0 10px;overflow:hidden}.demo-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--cyan));width:0;height:100%;transition:width .32s;display:block}.demo-result{background:#f9fcff;border:1px solid #d8e8f9;border-radius:12px;min-height:136px;padding:16px}.demo-result__state{color:#72839a;margin:0;font-size:.82rem}.demo-result h3{color:var(--ink);margin:6px 0;font-size:1.04rem}.demo-result ul{color:#3c5977;gap:5px;margin:10px 0 0;padding:0;font-size:.77rem;list-style:none;display:grid}.demo-result li:before{color:var(--success);content:"✓";margin-right:7px}.notice{color:#52657b;background:#f7fbff;border:1px solid #d7e4f3;border-radius:13px;gap:10px;padding:14px 16px;font-size:.83rem;line-height:1.6;display:flex}.notice:before{color:var(--blue);content:"i";font-family:var(--mono);flex:none;font-weight:700}.filter-bar{flex-wrap:wrap;gap:9px;margin-bottom:28px;display:flex}.filter-button{color:#516780;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:9px 13px;font-size:.84rem;font-weight:800}.filter-button[aria-pressed=true]{color:#fff;border-color:var(--blue);background:var(--blue)}.filterable[hidden]{display:none}.topic-hero{color:#eef3ff;background:radial-gradient(circle at 80% 8%,#af80ff4d,#0000 28rem),radial-gradient(circle at 15% 82%,#17cfc840,#0000 27rem),#111628;padding:clamp(66px,9vw,132px) 0;position:relative;overflow:hidden}.topic-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(340px,.75fr);align-items:center;gap:60px;display:grid}.topic-hero h1{color:#fff;letter-spacing:-.07em;max-width:800px;margin:0;font-size:clamp(2.4rem,4.9vw,4.8rem);line-height:1.08}.topic-hero h1 span{background:linear-gradient(115deg,#88e7ff,#c9a7ff,#7cf1ce);-webkit-text-fill-color:transparent;background-clip:text}.topic-hero p{color:#c7d0e9;max-width:680px}.radar-card{backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #dce0ff2e;border-radius:24px;padding:26px}.radar-card canvas{max-height:320px;width:100%!important}.topic-toggle{background:#f3f7fc;border:1px solid #d8e3f3;border-radius:10px;gap:2px;padding:4px;display:inline-flex}.topic-toggle button{color:#53667d;cursor:pointer;background:0 0;border-radius:7px;padding:6px 9px;font-size:.75rem;font-weight:800}.topic-toggle button[aria-pressed=true]{color:#fff;background:var(--blue)}.site-footer{color:#b4c4dc;background:#091425;padding:62px 0 28px}.site-footer__top{grid-template-columns:minmax(260px,1.1fr) repeat(2,minmax(140px,.55fr));gap:36px;padding-bottom:38px;display:grid}.site-footer .site-brand__name{color:#fff}.site-footer .site-brand__sub{color:#89a0bf}.site-footer__desc{color:#9fb1ca;max-width:390px;margin:17px 0 0;font-size:.86rem}.site-footer h2{color:#fff;margin:0 0 12px;font-size:.9rem}.site-footer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:#aebfd6;font-size:.82rem}.site-footer a:hover{color:#83e4ef}.site-footer__bottom{color:#7790af;border-top:1px solid #b5cdeb29;justify-content:space-between;gap:16px;padding-top:22px;font-size:.74rem;display:flex}.solution-case{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:stretch;gap:22px;padding:24px;display:grid}.solution-case+.solution-case{margin-top:16px}.solution-case__meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.solution-case__meta span{color:var(--blue-deep);font-family:var(--mono);letter-spacing:.04em;background:#eff6ff;border:1px solid #d5e4f7;border-radius:999px;padding:4px 9px;font-size:.68rem}.solution-case h3{color:var(--ink);letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.25}.solution-case p{color:var(--muted);margin:0;font-size:.94rem}.solution-case__audience{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.solution-case__audience li{color:#355579;background:#f3f8ff;border-radius:8px;padding:5px 9px;font-size:.75rem;font-weight:700}.solution-case__visual{align-content:start;gap:12px;display:grid}.solution-case__visual .product-preview{color:#eaf5ff;background:linear-gradient(145deg,#ffffff24,#ffffff0d),linear-gradient(145deg,#0d2142,#153a73);min-height:210px}.solution-case[data-theme=teal] .product-preview{background:linear-gradient(145deg,#ffffff1f,#ffffff0a),linear-gradient(145deg,#082c2e,#08786f)}.solution-case[data-theme=violet] .product-preview,.solution-case[data-theme=purple] .product-preview{background:linear-gradient(145deg,#ffffff1f,#ffffff0a),linear-gradient(145deg,#211749,#6442b8)}.solution-case[data-theme=indigo] .product-preview{background:linear-gradient(145deg,#ffffff1f,#ffffff0a),linear-gradient(145deg,#172657,#344fbb)}.solution-case[data-theme=amber] .product-preview{background:linear-gradient(145deg,#ffffff1f,#ffffff0a),linear-gradient(145deg,#3b2604,#ae6810)}.solution-case__proof{gap:8px;display:grid}.solution-case__proof div{background:#f8fbff;border:1px solid #dce8f7;border-radius:12px;padding:12px 13px}.solution-case__proof strong{color:var(--ink);margin-bottom:3px;font-size:.82rem;display:block}.solution-case__proof span{color:var(--muted);font-size:.78rem;line-height:1.55}@media (width<=900px){.solution-case{grid-template-columns:1fr}}@media (width<=960px){:root{--content:min(100% - 36px, 1180px)}.hero__grid,.project-hero__grid,.topic-hero__grid,.split-layout,.experience__grid{grid-template-columns:1fr}.hero-visual{width:100%;max-width:560px;min-height:330px;margin-inline:auto}.project-hero__grid>.detail-visual{max-width:540px}.project-card,.project-card--featured,.bento>*,.bento>:first-child,.bento>:nth-child(2),.bento>:nth-child(3),.bento>:nth-child(4){grid-column:span 6}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(2):after{display:none}}@media (width<=740px){:root{--content:min(100% - 30px, 1180px)}.site-header__inner{min-height:68px}.site-nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:15px;right:15px}.site-nav[data-open=true]{display:flex}.site-nav a{padding:11px 12px}.site-nav .site-nav__cta{text-align:center;margin:3px 0 0}.menu-toggle{place-items:center;display:grid}.section-heading{display:block}.section-heading p{margin-top:13px}.stat-grid{grid-template-columns:1fr;margin-top:-22px}.stat-item+.stat-item{border-top:1px solid var(--line);border-left:0}.bento,.project-grid{grid-template-columns:1fr}.bento>*,.bento>:first-child,.bento>:nth-child(2),.bento>:nth-child(3),.bento>:nth-child(4),.project-card,.project-card--featured{grid-column:auto}.project-card{min-height:450px}.process-grid,.role-grid{grid-template-columns:1fr}.process-step:after{display:none}.split-layout--reverse>:first-child,.split-layout--reverse>:last-child{order:initial}.site-footer__top{grid-template-columns:1fr;gap:26px}.site-footer__bottom{flex-direction:column}.metric-stack{inset:11px}.metric-card{padding:18px}}@media (width<=460px){.hero{padding-top:54px}.hero__title{font-size:2.45rem}.hero-visual{min-height:285px}.metric-card__value{font-size:1.85rem}.metric-card__signal{height:55px}.card,.project-card{padding:20px}.detail-visual{min-height:280px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{size:A4;margin:12mm}body{color:#111827;background:#fff;font-size:10pt}.site-header,.site-footer,.button-row,.hero__scroll-cue,.experience{display:none!important}.project-hero{color:#111827;background:#fff;padding:24px 0}.project-hero h1,.project-hero p{color:#111827}.project-hero__meta span{color:#234;background:#fff;border-color:#b5c3d5}.section{padding:22px 0}.card,.role-card,.process-step,.dark-panel,.quote-panel{break-inside:avoid;box-shadow:none}.section--dark,.dark-panel{color:#111827;background:#fff}.section--dark h2,.dark-panel h3,.output-item h3,.output-item p{color:#111827}.print-only{display:block}}