:root{--ink: #060d1a;--ink-raised: #0e1a2e;--ink-raised-2: #13223a;--ink-line: rgba(226, 238, 255, .13);--ink-line-strong: rgba(226, 238, 255, .27);--paper: #f1f4fa;--paper-raised: #ffffff;--paper-alt: #e7edf6;--paper-line: rgba(15, 28, 48, .14);--paper-line-strong: rgba(15, 28, 48, .27);--text-on-ink: #eef4ff;--text-on-ink-muted: rgba(238, 244, 255, .76);--text-on-ink-faint: rgba(238, 244, 255, .58);--text-on-paper: #0f1c30;--text-on-paper-muted: rgba(15, 28, 48, .76);--text-on-paper-faint: rgba(15, 28, 48, .58);--accent: #4da3ff;--accent-strong: #2b8cf0;--accent-deep: #0a4da8;--accent-ink: #04162c;--accent-soft: rgba(77, 163, 255, .14);--support: #56d8e8;--support-soft: rgba(86, 216, 232, .16);--danger-on-ink: #ff8a95;--font-sans: "Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--container: 1160px;--gutter: clamp(20px, 5vw, 48px);--header-h: 64px;--section-pad: clamp(72px, 9vw, 124px);--radius-sm: 6px;--radius: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(6, 13, 26, .06), 0 2px 8px rgba(6, 13, 26, .05);--shadow-md: 0 4px 12px rgba(6, 13, 26, .08), 0 12px 28px rgba(6, 13, 26, .08);--shadow-lg: 0 10px 24px rgba(6, 13, 26, .1), 0 24px 56px rgba(6, 13, 26, .12);--shadow-ink: 0 12px 34px rgba(0, 0, 0, .34);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}@media(min-width:900px){:root{--header-h: 72px}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100svh;background-color:var(--ink);color:var(--text-on-ink);font-family:var(--font-sans);font-size:1rem;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.is-locked{overflow:hidden}img,svg,picture{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:inherit;text-underline-offset:3px}ul,ol{list-style:none;padding:0}h1,h2,h3,h4{font-weight:700;line-height:1.28;letter-spacing:-.01em;text-wrap:balance}p{text-wrap:pretty}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}:where(main,section)[tabindex="-1"]:focus,:where(main,section)[tabindex="-1"]:focus-visible{outline:none}::selection{background:var(--accent);color:var(--accent-ink)}.skip-link{position:absolute;left:var(--gutter);top:0;z-index:200;transform:translateY(-130%);background:var(--accent);color:var(--accent-ink);font-weight:700;padding:10px 18px;border-radius:0 0 var(--radius) var(--radius);text-decoration:none;transition:transform .18s var(--ease-out)}.skip-link:focus-visible{transform:translateY(0);outline-offset:2px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-pad);scroll-margin-top:var(--header-h)}.band--ink{background-color:var(--ink);color:var(--text-on-ink)}.band--paper{background-color:var(--paper);color:var(--text-on-paper)}.band--paper-alt{background-color:var(--paper-alt);color:var(--text-on-paper)}.band--grid{background-image:linear-gradient(var(--ink-line) 1px,transparent 1px),linear-gradient(90deg,var(--ink-line) 1px,transparent 1px);background-size:72px 72px}.section-head{display:grid;gap:14px;max-width:720px;margin-bottom:clamp(40px,5vw,64px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:26px;height:2px;background:var(--accent);flex:none}.section-title{font-size:clamp(1.6rem,1.1rem + 2.1vw,2.55rem)}.section-lede{font-size:clamp(1rem,.96rem + .2vw,1.08rem);line-height:1.85;color:var(--text-on-paper-muted)}.band--ink .section-lede{color:var(--text-on-ink-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 22px;border-radius:var(--radius);font-weight:700;font-size:.97rem;line-height:1.3;text-align:center;text-decoration:none;border:1px solid transparent;transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px #4da3ff42}.btn--primary:hover:not(:disabled){background:var(--accent-strong)}.btn--ghost-ink{border-color:var(--ink-line-strong);color:var(--text-on-ink)}.btn--ghost-ink:hover{border-color:var(--text-on-ink);background:#eef4ff0f}.btn--ghost-paper{border-color:var(--paper-line-strong);color:var(--text-on-paper)}.btn--ghost-paper:hover{border-color:var(--text-on-paper);background:#0f1c300d}.btn--sm{min-height:38px;padding:8px 16px;font-size:.88rem}.btn--block{width:100%}@media(prefers-reduced-motion:no-preference){.btn:active:not(:disabled){transform:scale(.97)}.btn:hover .btn__arrow{transform:translate(3px)}}.btn__arrow{transition:transform .16s var(--ease-out)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:.79rem;font-weight:500;line-height:1.6;letter-spacing:.02em}.band--paper .tag,.band--paper-alt .tag{background:#0f1c300d;color:var(--text-on-paper-muted);border:1px solid var(--paper-line)}.band--ink .tag{background:#eef4ff0f;color:var(--text-on-ink-muted);border:1px solid var(--ink-line)}.reveal{opacity:1}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.js .reveal.is-visible{opacity:1;transform:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:100;background:transparent;border-bottom:1px solid transparent;transition:background-color .22s var(--ease-out),border-color .22s var(--ease-out),backdrop-filter .22s var(--ease-out)}.site-header.is-stuck,.site-header.is-open{background:#060d1ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--ink-line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;letter-spacing:.01em;color:var(--text-on-ink);text-decoration:none;flex:none}.brand__mark{width:30px;height:30px;flex:none}.brand__sub{display:none;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;color:var(--text-on-ink-faint);padding-left:11px;margin-left:1px;border-left:1px solid var(--ink-line-strong)}@media(min-width:1060px){.brand__sub{display:inline-block}}.site-nav{display:none}@media(min-width:900px){.site-nav{display:flex;align-items:center;gap:4px;margin-left:auto}}.site-nav__link{position:relative;display:inline-block;padding:8px 14px;border-radius:var(--radius-sm);font-size:.94rem;font-weight:500;color:var(--text-on-ink-muted);text-decoration:none;transition:color .16s var(--ease-out)}.site-nav__link:hover,.site-nav__link[aria-current=true]{color:var(--text-on-ink)}.site-nav__link[aria-current=true]:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--accent)}.header__cta{display:none}@media(min-width:900px){.header__cta{display:inline-flex;margin-left:12px}}.nav-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px 8px 12px;border:1px solid var(--ink-line-strong);border-radius:var(--radius);font-size:.88rem;font-weight:600;color:var(--text-on-ink)}@media(min-width:900px){.nav-toggle{display:none}}.nav-toggle__bars{position:relative;width:18px;height:12px;flex:none}.nav-toggle__bars span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:var(--accent);transition:transform .2s var(--ease-out),opacity .15s var(--ease-out)}.nav-toggle__bars span:nth-child(1){top:0}.nav-toggle__bars span:nth-child(2){top:5px}.nav-toggle__bars span:nth-child(3){top:10px}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:nth-child(1){transform:translateY(5px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.mobile-nav{position:fixed;inset:var(--header-h) 0 0;z-index:99;background:var(--ink);border-top:1px solid var(--ink-line);overflow-y:auto;overscroll-behavior:contain}@media(min-width:900px){.mobile-nav{display:none}}@media(prefers-reduced-motion:no-preference){.mobile-nav{animation:mobile-nav-in .22s var(--ease-out) both}.mobile-nav__list>li{animation:mobile-item-in .26s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms + 40ms)}}@keyframes mobile-nav-in{0%{opacity:0;transform:translateY(-10px)}}@keyframes mobile-item-in{0%{opacity:0;transform:translateY(10px)}}.mobile-nav__inner{display:grid;gap:24px;padding-block:24px 40px}.mobile-nav__list{display:grid;gap:2px}.mobile-nav__link{display:flex;align-items:baseline;gap:14px;padding:14px 4px;border-bottom:1px solid var(--ink-line);font-size:1.12rem;font-weight:600;color:var(--text-on-ink);text-decoration:none;width:100%;text-align:left}.mobile-nav__link[aria-current=true]{color:var(--accent)}.mobile-nav__num{font-family:var(--font-mono);font-size:.76rem;color:var(--text-on-ink-faint)}.mobile-nav__contact{display:grid;gap:8px;font-size:.9rem;color:var(--text-on-ink-muted)}.mobile-nav__contact a{color:var(--text-on-ink);word-break:break-all}.hero{position:relative;padding-top:clamp(48px,8vw,88px);padding-bottom:clamp(56px,8vw,96px);overflow:hidden;scroll-margin-top:var(--header-h)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--ink-line) 1px,transparent 1px),linear-gradient(90deg,var(--ink-line) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(120% 90% at 70% 10%,#000 20%,transparent 75%);mask-image:radial-gradient(120% 90% at 70% 10%,#000 20%,transparent 75%);pointer-events:none}.hero:after{content:"";position:absolute;top:-180px;right:-140px;width:min(620px,90vw);aspect-ratio:1;background:radial-gradient(circle,rgba(77,163,255,.18),transparent 62%);pointer-events:none}.hero__inner{position:relative;z-index:1;display:grid;gap:clamp(44px,6vw,64px);align-items:center}@media(min-width:980px){.hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(40px,4vw,64px)}}.hero__copy{display:grid;gap:24px;justify-items:start;min-width:0}.hero__badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 11px;border:1px solid var(--ink-line-strong);border-radius:999px;background:#eef4ff0a;font-size:.82rem;font-weight:500;color:var(--text-on-ink-muted)}.hero__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--support);flex:none;box-shadow:0 0 0 4px var(--support-soft)}.hero__title{font-size:clamp(2rem,1.2rem + 3.6vw,3.5rem);line-height:1.18;letter-spacing:-.02em}.hero__title em{font-style:normal;color:var(--accent)}.hero__title-part{display:inline-block}.hero__lede{max-width:54ch;font-size:clamp(1rem,.95rem + .35vw,1.14rem);line-height:1.9;color:var(--text-on-ink-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__actions .btn{flex:1 1 auto;min-width:148px}@media(min-width:560px){.hero__actions .btn{flex:0 0 auto}}.hero__capabilities{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:6px;margin:0}.hero__capability{display:inline-flex;align-items:center;gap:9px;font-size:.88rem;font-weight:500;color:var(--text-on-ink-muted)}.hero__capability:before{content:"";width:6px;height:6px;flex:none;background:var(--accent);transform:rotate(45deg)}.workbench{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px 10px;min-width:0}.wb-card{border:1px solid var(--ink-line);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--ink-raised-2),var(--ink-raised));box-shadow:var(--shadow-ink);overflow:hidden;min-width:0}.wb-code{grid-column:1 / 13}@media(min-width:620px){.wb-code{grid-column:1 / 10}}.wb-code__bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--ink-line);background:#060d1a8c}.wb-dot{width:9px;height:9px;border-radius:50%;background:var(--ink-line-strong);flex:none}.wb-dot--live{background:var(--accent)}.wb-code__file{margin-left:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-on-ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-code__body{padding:16px 14px 18px;font-family:var(--font-mono);font-size:clamp(.68rem,.6rem + .35vw,.79rem);line-height:1.95;overflow:hidden}.wb-line{display:flex;gap:12px;white-space:nowrap}.wb-line__no{width:1.4em;flex:none;text-align:right;color:#eef4ff3d}.wb-line__text{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-on-ink-muted)}.wb-tok-key{color:var(--accent)}.wb-tok-str{color:var(--support)}.wb-tok-dim{color:#eef4ff52}.wb-phone{display:none}@media(min-width:620px){.wb-phone{display:block;grid-column:10 / 13;grid-row:1 / 3;align-self:stretch;border-radius:22px;padding:10px 8px;background:linear-gradient(180deg,var(--ink-raised-2),#091426)}}.wb-phone__screen{height:100%;min-height:190px;display:grid;align-content:start;gap:9px;padding:14px 10px;border-radius:15px;background:#060d1ab8;border:1px solid var(--ink-line)}.wb-phone__notch{width:34px;height:4px;border-radius:3px;background:var(--ink-line-strong);margin:0 auto 6px}.wb-bar{height:8px;border-radius:4px;background:#eef4ff1a}.wb-bar--accent{background:var(--accent);opacity:.85}.wb-bar--support{background:var(--support);opacity:.75}.wb-bar--w70{width:70%}.wb-bar--w50{width:50%}.wb-bar--w85{width:85%}.wb-block{height:42px;border-radius:8px;background:#eef4ff0f;border:1px solid var(--ink-line);margin-top:4px}.wb-flow{grid-column:1 / 13;padding:16px 16px 18px}@media(min-width:620px){.wb-flow{grid-column:1 / 10}}.wb-flow__label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-ink-faint);margin-bottom:12px}.wb-flow__nodes{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wb-node{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;border:1px solid var(--ink-line-strong);font-size:.76rem;font-weight:500;color:var(--text-on-ink-muted);white-space:nowrap}.wb-node--active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wb-arrow{color:#eef4ff4d;font-size:.8rem;flex:none}.highlights{border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);background:#eef4ff05}.highlights__grid{display:grid;gap:0;padding-block:clamp(32px,4vw,44px)}@media(min-width:640px){.highlights__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.highlights__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.highlight{display:grid;gap:8px;align-content:start;padding:20px 0;min-width:0}@media(min-width:640px){.highlight{padding:6px 28px;border-left:1px solid var(--ink-line)}.highlight:nth-child(odd){padding-left:0;border-left:none}}@media(min-width:1000px){.highlight{padding:6px 24px;border-left:1px solid var(--ink-line)}.highlight:nth-child(odd){padding-left:24px;border-left:1px solid var(--ink-line)}.highlight:first-child{padding-left:0;border-left:none}}.highlight__title{font-size:1.02rem;font-weight:700}.highlight__desc{font-size:.9rem;line-height:1.8;color:var(--text-on-ink-muted)}.services__grid{display:grid;gap:20px}@media(min-width:760px){.services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.service-card{position:relative;display:grid;align-content:start;gap:14px;padding:26px 24px 28px;min-width:0;background:var(--paper-raised);border:1px solid var(--paper-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}@media(prefers-reduced-motion:no-preference){.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--paper-line-strong)}}.service-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-card__index{font-family:var(--font-mono);font-size:.76rem;font-weight:600;letter-spacing:.12em;color:var(--text-on-paper-faint)}.service-card__icon{width:34px;height:34px;flex:none;color:var(--accent)}.service-card__title{font-size:1.18rem}.service-card__desc{font-size:.95rem;line-height:1.85;color:var(--text-on-paper-muted)}.service-card__facts{display:grid;gap:13px;padding-top:15px;border-top:1px solid var(--paper-line)}.service-card__fact{display:grid;gap:3px}.service-card__fact dt{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-paper-faint)}.service-card__fact dd{font-size:.88rem;line-height:1.75;color:var(--text-on-paper-muted)}.service-card__deliverables{display:grid;gap:5px;margin-top:2px}.service-card__deliverables li{display:flex;gap:9px}.service-card__deliverables li:before{content:"";flex:none;width:5px;height:5px;margin-top:.62em;border-radius:50%;background:var(--accent)}.service-card__links{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--paper-line)}.service-card__links a{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;font-size:.86rem;font-weight:600;line-height:1.7;color:var(--accent-deep);text-decoration:underline;text-decoration-color:#4da3ff80;text-decoration-thickness:2px}.service-card__links a:hover{text-decoration-color:var(--accent)}.service-card__link-arrow{width:15px;height:15px;margin-top:.3em}@media(prefers-reduced-motion:no-preference){.service-card__link-arrow{transition:transform .2s var(--ease-out)}.service-card__links a:hover .service-card__link-arrow{transform:translate(3px)}}.service-card__note{display:flex;gap:8px;padding-top:12px;margin-top:2px;border-top:1px dashed var(--paper-line);font-size:.83rem;line-height:1.7;color:var(--text-on-paper-faint)}.service-card__note:before{content:"※";flex:none}.section-footnote{margin-top:28px;font-size:.92rem;color:var(--text-on-paper-muted)}.section-footnote a{color:var(--text-on-paper);font-weight:600;text-decoration-color:var(--accent);text-decoration-thickness:2px}.work__grid{display:grid;gap:22px}@media(min-width:720px){.work__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1040px){.work__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-card{display:grid;grid-template-rows:auto 1fr;min-width:0;scroll-margin-top:calc(var(--header-h) + 16px);background:var(--paper-raised);border:1px solid var(--paper-line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}@media(prefers-reduced-motion:no-preference){.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--paper-line-strong)}}.project-card__media{position:relative;aspect-ratio:16 / 10;background:var(--ink);overflow:hidden}.project-card__img{width:100%;height:100%;object-fit:cover}.project-card__placeholder-note{position:absolute;left:10px;bottom:10px;z-index:2;padding:3px 9px;border-radius:999px;background:#060d1ad1;border:1px solid var(--ink-line-strong);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:var(--text-on-ink-muted)}.project-card__body{display:grid;align-content:start;gap:12px;padding:22px 22px 24px}.project-card__category{display:inline-flex;justify-self:start;align-items:center;padding:3px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(77,163,255,.34);font-size:.76rem;font-weight:600;color:var(--accent-deep)}.project-card__name{font-size:1.25rem}.project-card__summary{font-size:.92rem;line-height:1.8;color:var(--text-on-paper-muted)}.project-card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;margin-top:2px}.project-card__pending{font-size:.8rem;color:var(--text-on-paper-faint)}.demo-callout{display:grid;gap:22px;margin-top:clamp(36px,4vw,56px);padding:clamp(24px,3.5vw,40px);border-radius:var(--radius-lg);background:radial-gradient(circle at 92% 10%,rgba(77,163,255,.28),transparent 42%),linear-gradient(160deg,var(--ink-raised-2),var(--ink) 70%);color:var(--text-on-ink);border:1px solid var(--ink-line-strong);box-shadow:var(--shadow-ink)}@media(min-width:800px){.demo-callout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px}}.demo-callout__text{display:grid;gap:12px;max-width:640px}.demo-callout__title{font-size:clamp(1.2rem,2vw,1.5rem)}.demo-callout__desc{color:var(--text-on-ink-muted);font-size:.96rem}.demo-callout__cred{font-size:.9rem;color:var(--text-on-ink-muted)}.demo-callout__cred code{font-family:var(--font-mono);font-size:.86em;padding:2px 8px;border-radius:6px;background:#eef4ff1a;color:var(--text-on-ink);font-weight:600}.demo-callout__action{display:flex}@media(max-width:799px){.demo-callout__action .btn{width:100%}}.preview{position:absolute;inset:0;padding:14px;display:grid;align-content:start;gap:8px;background:linear-gradient(160deg,#16294a,#060d1a 62%)}.preview:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(238,244,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(238,244,255,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.preview__chrome{display:flex;align-items:center;gap:5px;padding-bottom:10px;border-bottom:1px solid var(--ink-line)}.preview__chrome span{width:7px;height:7px;border-radius:50%;background:var(--ink-line-strong)}.preview__chrome span:first-child{background:var(--accent)}.preview__stage{display:grid;gap:7px;padding-top:4px}.preview__row{display:flex;gap:7px;align-items:stretch}.preview__blk{border-radius:5px;background:#eef4ff14;border:1px solid var(--ink-line);min-height:12px;flex:1}.preview__blk--tall{min-height:46px}.preview__blk--accent{background:#4da3ff5c;border-color:#4da3ff70}.preview__blk--support{background:#56d8e84d;border-color:#56d8e861}.preview__blk--narrow{flex:0 0 26%}.preview__blk--wide{flex:0 0 62%}.matrix__grid{display:grid;gap:1px;background:var(--ink-line);border:1px solid var(--ink-line);border-radius:var(--radius-lg);overflow:hidden}@media(min-width:620px){.matrix__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.matrix__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.matrix-col{display:grid;align-content:start;gap:16px;padding:26px 24px 30px;background:var(--ink);min-width:0}.matrix-col__head{display:flex;align-items:baseline;gap:10px}.matrix-col__index{font-family:var(--font-mono);font-size:.72rem;color:var(--accent)}.matrix-col__title{font-size:1.05rem}.matrix-col__list{display:grid;gap:10px}.matrix-col__list li{display:flex;gap:10px;font-size:.9rem;line-height:1.7;color:var(--text-on-ink-muted)}.matrix-col__list li:before{content:"";flex:none;width:5px;height:5px;margin-top:.65em;border-radius:50%;background:var(--support)}.process__grid{display:grid;gap:22px;counter-reset:step}@media(min-width:700px){.process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1040px){.process__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.process-step{position:relative;display:grid;align-content:start;gap:10px;padding-top:22px;border-top:2px solid var(--paper-line-strong);min-width:0}.process-step:before{content:"";position:absolute;top:-2px;left:0;width:42px;height:2px;background:var(--accent)}.process-step__num{font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.12em;color:var(--accent)}.process-step__title{font-size:1.1rem}.process-step__desc{font-size:.92rem;line-height:1.8;color:var(--text-on-paper-muted)}.about__grid{display:grid;gap:clamp(32px,5vw,56px);align-items:start}@media(min-width:900px){.about__grid{grid-template-columns:minmax(0,1fr) minmax(260px,.62fr)}}.about__body{display:grid;gap:20px;min-width:0}.about__body p{font-size:clamp(1rem,.96rem + .2vw,1.08rem);line-height:1.95;color:var(--text-on-paper-muted)}.about__lead{color:var(--text-on-paper)!important;font-weight:500}.about__panel{display:grid;gap:18px;padding:26px 24px 28px;background:var(--ink);color:var(--text-on-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:0}.about__panel-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.about__facts{display:grid;gap:14px}.about__fact{display:grid;gap:3px;padding-bottom:14px;border-bottom:1px solid var(--ink-line)}.about__fact:last-child{padding-bottom:0;border-bottom:none}.about__fact dt{font-size:.78rem;letter-spacing:.06em;color:var(--text-on-ink-faint)}.about__fact dd{margin:0;font-size:.96rem;font-weight:600;line-height:1.7}.faq__list{display:grid;gap:12px;max-width:860px}.faq-item{background:var(--paper-raised);border:1px solid var(--paper-line);border-radius:var(--radius);overflow:hidden}.faq-item[open]{border-color:var(--paper-line-strong);box-shadow:var(--shadow-sm)}.faq-item__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-size:1.02rem;font-weight:600;cursor:pointer;list-style:none}.faq-item__q::-webkit-details-marker{display:none}.faq-item__q:hover{background:#0f1c3008}.faq-item__icon{position:relative;flex:none;width:18px;height:18px}.faq-item__icon:before,.faq-item__icon:after{content:"";position:absolute;background:var(--accent);border-radius:2px;transition:transform .2s var(--ease-out),opacity .2s var(--ease-out)}.faq-item__icon:before{top:8px;left:0;width:18px;height:2px}.faq-item__icon:after{top:0;left:8px;width:2px;height:18px}.faq-item[open] .faq-item__icon:after{transform:rotate(90deg);opacity:0}.faq-item__a{padding:0 20px 20px;font-size:.94rem;line-height:1.9;color:var(--text-on-paper-muted)}.contact__grid{display:grid;gap:clamp(36px,5vw,56px);align-items:start}@media(min-width:940px){.contact__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}.contact__intro{display:grid;gap:22px;align-content:start;min-width:0}.contact__channels{display:grid;gap:12px}.contact-channel{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--ink-line);border-radius:var(--radius);background:#eef4ff08;min-width:0;text-decoration:none;transition:border-color .16s var(--ease-out),background-color .16s var(--ease-out)}a.contact-channel:hover{border-color:var(--accent);background:var(--accent-soft)}.contact-channel__icon{width:22px;height:22px;flex:none;margin-top:4px;color:var(--accent)}.contact-channel__body{display:grid;gap:2px;min-width:0}.contact-channel__label{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-mono);color:var(--text-on-ink-faint)}.contact-channel__value{font-size:.98rem;font-weight:600;overflow-wrap:anywhere}.contact-channel__hint{font-size:.83rem;color:var(--text-on-ink-muted)}.contact-channel--pending{border-style:dashed}.contact-channel--primary{border-color:#4da3ff66;background:var(--accent-soft)}.contact-channel__id{font-family:var(--font-mono);font-size:.95em;letter-spacing:.04em;color:var(--text-on-ink);padding:1px 7px;border-radius:var(--radius-sm);background:#060d1a8c;border:1px solid var(--ink-line);white-space:nowrap}.contact-channel__actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.contact__prep{display:grid;gap:12px;padding-top:26px;border-top:1px solid var(--ink-line)}.contact__prep-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.contact__prep-list{display:grid;gap:9px}.contact__prep-list li{display:flex;gap:10px;font-size:.92rem;line-height:1.7;color:var(--text-on-ink-muted)}.contact__prep-list li:before{content:"";flex:none;width:5px;height:5px;margin-top:.6em;border-radius:50%;background:var(--support)}.contact__prep-note{font-size:.85rem;line-height:1.75;color:var(--text-on-ink-faint)}.contact-channel--pending .contact-channel__icon{color:var(--text-on-ink-faint)}.form{display:grid;gap:18px;padding:clamp(22px,3vw,32px);background:var(--ink-raised);border:1px solid var(--ink-line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-ink);min-width:0}.form__row{display:grid;gap:18px}@media(min-width:620px){.form__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{display:grid;align-content:start;gap:7px;min-width:0}.field__label{display:flex;align-items:center;gap:7px;font-size:.89rem;font-weight:600}.field__req{font-size:.72rem;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(77,163,255,.34)}.field__opt{font-size:.72rem;font-weight:500;color:var(--text-on-ink-faint)}.field__control{width:100%;min-height:46px;padding:11px 14px;background-color:#040a14;color:var(--text-on-ink);border:1px solid rgba(226,238,255,.32);border-radius:var(--radius);color-scheme:dark;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.field__control::placeholder{color:#eef4ff85}.field__control:hover{border-color:#e2eeff7a}.field__control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4da3ff47}.field__control:focus-visible{outline:none}textarea.field__control{min-height:132px;resize:vertical;line-height:1.8}select.field__control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234da3ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;padding-right:44px;cursor:pointer;text-overflow:ellipsis}.field__control--placeholder{color:#eef4ff85}select.field__control option{background-color:var(--ink-raised);color:var(--text-on-ink)}.field--invalid .field__control{border-color:var(--danger-on-ink)}.field--invalid .field__control:focus{box-shadow:0 0 0 3px #ff8a9538}.field__error{display:flex;align-items:flex-start;gap:6px;font-size:.83rem;line-height:1.6;color:var(--danger-on-ink)}.field__error:before{content:"!";flex:none;width:15px;height:15px;margin-top:4px;border-radius:50%;border:1px solid currentColor;font-size:.66rem;font-weight:700;line-height:13px;text-align:center}.field__hint{font-size:.81rem;line-height:1.6;color:var(--text-on-ink-faint)}.form__foot{display:grid;gap:12px}.form__note{font-size:.82rem;line-height:1.75;color:var(--text-on-ink-faint)}.form-status{display:grid;gap:10px;padding:18px 20px;border-radius:var(--radius);border:1px solid;font-size:.9rem;line-height:1.8}.form-status--mail{border-color:#4da3ff70;background:var(--accent-soft)}.form-status--sent{border-color:#56d8e870;background:var(--support-soft)}.form-status--error{border-color:#ff8a957a;background:#ff8a951f}.form-status__title{font-size:1rem;font-weight:700}.form-status__actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.form-status code{font-family:var(--font-mono);font-size:.86em;overflow-wrap:anywhere}.site-footer{border-top:1px solid var(--ink-line);padding-block:clamp(40px,5vw,56px)}.site-footer__top{display:grid;gap:28px;padding-bottom:28px;border-bottom:1px solid var(--ink-line)}@media(min-width:780px){.site-footer__top{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px}}.site-footer__brand{display:grid;gap:10px;min-width:0}.site-footer__tagline{font-size:1.02rem;font-weight:700}.site-footer__desc{font-size:.9rem;color:var(--text-on-ink-muted)}.site-footer__links{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__col{display:grid;gap:9px;align-content:start;min-width:0}.site-footer__col-title{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-ink-faint)}.site-footer__col a,.site-footer__col span{font-size:.9rem;color:var(--text-on-ink-muted);text-decoration:none;overflow-wrap:anywhere;transition:color .16s var(--ease-out)}.site-footer__col a:hover{color:var(--accent)}.site-footer__bottom{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;padding-top:24px;font-size:.83rem;color:var(--text-on-ink-faint)}.site-footer__pending{font-family:var(--font-mono);font-size:.76rem}.notes__list{display:grid;gap:20px;max-width:860px}.note{background:var(--paper-raised);border:1px solid var(--paper-line);border-radius:var(--radius-lg);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow-sm)}.note__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:10px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--text-on-paper-faint)}.note__meta a{color:var(--accent-deep);text-decoration:none}.note__meta a:hover{text-decoration:underline}.note__title{font-size:clamp(1.2rem,1rem + .9vw,1.55rem);margin-bottom:12px}.note__summary{color:var(--text-on-paper-muted);line-height:1.85}.note__body{margin-top:16px}.note__toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 0;list-style:none;cursor:pointer;font-weight:600;color:var(--accent-deep)}.note__toggle::-webkit-details-marker{display:none}.note__toggle:hover{text-decoration:underline}.note__toggle-open,.note__body[open] .note__toggle-closed{display:none}.note__body[open] .note__toggle-open{display:inline}.note__toggle-icon{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--ease-out)}.note__body[open] .note__toggle-icon{transform:translateY(2px) rotate(-135deg)}.note__content{display:grid;gap:24px;margin-top:14px;padding-top:20px;border-top:1px solid var(--paper-line)}.note__section h4{font-size:1.05rem;margin-bottom:8px}.note__section p,.note__section li{font-size:.96rem;line-height:1.9;color:var(--text-on-paper-muted)}.note__section p+p{margin-top:10px}.note__section ul{display:grid;gap:6px;margin:10px 0 0;padding-left:1.25em;list-style:disc}.note__section li::marker{color:var(--accent)}.note__foot{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}.case-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:.86rem;color:var(--text-on-paper-faint)}.case-crumbs a{color:var(--text-on-paper-muted);font-weight:600}.case-crumbs a:hover{color:var(--accent-deep)}.case-head{max-width:760px}.case-head__title{margin:8px 0 0;font-size:clamp(1.75rem,1.2rem + 2.3vw,2.75rem);line-height:1.25;letter-spacing:-.01em}.case-head__lede{margin-top:16px;font-size:clamp(1rem,.96rem + .25vw,1.12rem);line-height:1.9;color:var(--text-on-paper-muted)}.case-head .tag-list{margin-top:20px}.case-head__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}.case-figure{margin:44px 0 0}.case-figure__img{display:block;width:100%;height:auto;border:1px solid var(--paper-line);border-radius:var(--radius-lg)}.case-figure figcaption{margin-top:12px;font-size:.86rem;line-height:1.8;color:var(--text-on-paper-faint)}.case-body{display:grid;gap:40px;max-width:760px;margin-top:52px}.case-block__title{margin:0 0 12px;font-size:clamp(1.15rem,1.02rem + .5vw,1.4rem)}.case-block p{font-size:1rem;line-height:1.95;color:var(--text-on-paper-muted)}.case-facts{display:grid;gap:4px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--paper-line);font-size:.9rem;line-height:1.8}.case-facts dt:not(:first-of-type){margin-top:12px}.case-facts dt{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-paper-faint)}.case-facts dd{margin:0;color:var(--text-on-paper-muted)}.case-more{display:grid;gap:14px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.case-more__link{display:grid;gap:6px;height:100%;padding:20px;background:var(--paper-raised);border:1px solid var(--paper-line);border-radius:var(--radius);color:inherit;transition:border-color .2s ease,transform .2s ease}.case-more__link:hover{border-color:var(--paper-line-strong);transform:translateY(-2px)}.case-more__category{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep)}.case-more__name{font-size:1.1rem;font-weight:700}.case-more__summary{font-size:.9rem;line-height:1.8;color:var(--text-on-paper-muted)}@media(prefers-reduced-motion:reduce){.case-more__link{transition:none}.case-more__link:hover{transform:none}}