:root{--paper: #fdfbf6;--paper-raised: #ffffff;--ink: #1c1c21;--ink-soft: #55555f;--ink-faint: #8a8a94;--line: #e4e0d6;--line-strong: #cfcabb;--cobalt: #1f4fd8;--cobalt-deep: #1a3fae;--cobalt-wash: #eef2fd;--amber: #d98a00;--amber-wash: #fdf3e0;--danger: #b3261e;--danger-wash: #fbeceb;--shadow: 0 1px 2px rgba(28, 28, 33, .05), 0 4px 14px rgba(28, 28, 33, .06);--shadow-lift: 0 2px 4px rgba(28, 28, 33, .08), 0 10px 26px rgba(28, 28, 33, .09);--serif: Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--radius: 6px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.6}.app-shell{min-height:100vh;display:flex;flex-direction:column}main#main{flex:1}.container{max-width:1120px;margin:0 auto;padding:0 20px}a{color:var(--cobalt)}:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px;border-radius:3px}.site-header{border-bottom:1px solid var(--line-strong);background:var(--paper-raised);position:sticky;top:0;z-index:20}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--ink)}.brand__mark{align-self:center;width:30px;height:30px;border:2px solid var(--ink);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:17px;color:var(--cobalt);background:var(--paper)}.brand__name{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:.2px}.brand__tag{font-size:12px;color:var(--ink-faint);border-left:1px solid var(--line-strong);padding-left:10px}.site-nav{display:flex;gap:6px}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid transparent;border-radius:var(--radius);text-decoration:none;color:var(--ink-soft);font-size:14px}.nav-link:hover{color:var(--cobalt);border-color:var(--line);background:var(--cobalt-wash)}.nav-link--active,.nav-link[aria-current=page]{color:var(--cobalt-deep);border-color:var(--cobalt);background:var(--cobalt-wash);font-weight:600}.page{padding:40px 0 64px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:700;margin:0 0 8px}.hero-title{font-family:var(--serif);font-size:clamp(28px,4.5vw,42px);line-height:1.15;margin:0 0 12px}.lede{font-size:17px;color:var(--ink-soft);max-width:640px;margin:0 0 24px}.section-title{font-family:var(--serif);font-size:22px;margin:0 0 16px}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;padding:10px 18px;border-radius:var(--radius);border:1px solid var(--cobalt);background:var(--cobalt);color:#fff;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{background:var(--cobalt-deep);border-color:var(--cobalt-deep);box-shadow:var(--shadow-lift)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{background:var(--paper-raised);color:var(--cobalt-deep)}.btn--ghost:hover{background:var(--cobalt-wash)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-soft);background:var(--paper)}.badge--amber{color:var(--amber);border-color:var(--amber);background:var(--amber-wash)}.badge--cobalt{color:var(--cobalt-deep);border-color:var(--cobalt);background:var(--cobalt-wash)}.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:center;padding:36px 0 40px;border-bottom:1px solid var(--line)}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:14px;font-size:13px;color:var(--ink-faint)}.ad-demo{padding:14px}.ad-demo__cover{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;border:1px solid var(--line);display:block}.ad-demo__thumbs{display:flex;gap:8px;margin-top:10px}.ad-demo__thumb{position:relative;width:76px;height:58px;border-radius:4px;border:1px solid var(--line);object-fit:cover;display:block}.ad-demo__thumb--cover{border:2px solid var(--amber)}.ad-demo__cover-tag{position:absolute;left:4px;bottom:4px}.ad-demo__title{font-weight:700;margin:12px 0 6px;font-size:15px;line-height:1.4}.ad-demo__facts{list-style:none;margin:0 0 8px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:13px;color:var(--ink-soft)}.ad-demo__facts li{display:flex;gap:6px;align-items:baseline}.ad-demo__meta{display:flex;gap:10px;font-size:12px;color:var(--ink-faint)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.cap-card{padding:18px}.cap-card h3{margin:10px 0 6px;font-size:16px}.cap-card p{margin:0;font-size:13.5px;color:var(--ink-soft)}.icon-chip{width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--cobalt-wash);color:var(--cobalt-deep);display:inline-flex;align-items:center;justify-content:center}.flow{counter-reset:flow;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.flow-step{counter-increment:flow;padding:14px;font-size:13px;color:var(--ink-soft)}.flow-step:before{content:counter(flow,decimal-leading-zero);display:block;font-family:var(--serif);font-size:20px;color:var(--cobalt);font-weight:700;margin-bottom:4px}.flow-step strong{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}.workbench{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}.panel{padding:16px}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel__title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0}.chat-list{display:flex;flex-direction:column;gap:10px;min-height:320px;max-height:480px;overflow-y:auto;padding:4px}.chat-msg{max-width:88%;padding:10px 12px;border-radius:var(--radius);font-size:14px;border:1px solid var(--line);background:var(--paper)}.chat-msg--user{align-self:flex-end;background:var(--cobalt-wash);border-color:#c9d6f6}.chat-msg--assistant{align-self:flex-start;background:var(--paper-raised);max-width:96%}.chat-msg__role{font-size:11px;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.chat-msg__text{white-space:pre-wrap;word-break:break-word}.agent-md{font-size:14px;line-height:1.65;color:var(--ink);word-break:break-word}.agent-md>:first-child{margin-top:0}.agent-md>:last-child{margin-bottom:0}.agent-md p{margin:0 0 8px}.agent-md strong{color:var(--cobalt-deep);font-weight:700}.agent-md em{font-style:italic}.agent-md h1,.agent-md h2,.agent-md h3,.agent-md h4{color:var(--ink);font-weight:700;line-height:1.3;margin:14px 0 6px}.agent-md h1{font-size:18px}.agent-md h2{font-size:16px}.agent-md h3{font-size:15px}.agent-md h4{font-size:14px;color:var(--ink-soft)}.agent-md ul,.agent-md ol{margin:6px 0 10px;padding-left:20px}.agent-md li{margin:3px 0}.agent-md blockquote{margin:8px 0;padding:4px 12px;border-left:3px solid var(--amber);background:var(--paper);color:var(--ink-soft)}.agent-md code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;background:var(--cobalt-wash);color:var(--cobalt-deep);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}.agent-md pre{margin:8px 0;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.agent-md pre code{background:none;color:var(--ink);padding:0;font-size:13px}.agent-md a{color:var(--cobalt);text-decoration:underline}.agent-md hr{border:0;border-top:1px solid var(--line);margin:12px 0}.agent-md__table-wrap{overflow-x:auto;margin:8px 0}.agent-md table{border-collapse:collapse;font-size:13px;width:max-content;min-width:100%}.agent-md th,.agent-md td{border:1px solid var(--line-strong);padding:6px 10px;text-align:left;vertical-align:top}.agent-md th{background:var(--cobalt-wash);color:var(--cobalt-deep);font-weight:700;white-space:nowrap}.agent-md td{color:var(--ink);min-width:72px}.agent-md td:first-child{min-width:44px;white-space:nowrap}.chat-form{display:flex;gap:8px;margin-top:12px}.chat-input{flex:1;min-width:0;font:inherit;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink)}.quick-prompts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px dashed var(--line-strong);background:var(--paper);color:var(--ink-soft);cursor:pointer}.chip:hover{border-color:var(--cobalt);color:var(--cobalt-deep);background:var(--cobalt-wash)}.trace-box{margin-top:12px;border-top:1px dashed var(--line-strong);padding-top:10px;font-size:12px;color:var(--ink-faint)}.trace-box ul{margin:6px 0 0;padding-left:18px}.carousel{margin-bottom:2px}.carousel__viewport{position:relative;overflow:hidden;touch-action:pan-y;border-radius:4px}.carousel__viewport:focus-visible{outline-offset:0}.carousel__track{display:flex;transition:transform .28s ease}.carousel__slide{flex:0 0 100%;min-width:0}.carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);background:#ffffffeb;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:background .15s ease,border-color .15s ease,color .15s ease}.carousel__arrow--prev{left:10px}.carousel__arrow--next{right:10px}.carousel__arrow:hover:not(:disabled){background:var(--cobalt);border-color:var(--cobalt);color:#fff}.carousel__arrow:focus-visible{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.carousel__arrow:disabled{opacity:.4;cursor:not-allowed}.carousel__footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.carousel__dots{display:flex;gap:2px}.carousel__dot{width:20px;height:20px;padding:0;border:none;border-radius:999px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:width .15s ease}.carousel__dot:before{content:"";width:8px;height:8px;border-radius:999px;background:#1c1c213d;transition:background .15s ease,width .15s ease}.carousel__dot:hover:before,.carousel__dot:focus-visible:before{background:var(--ink-soft)}.carousel__dot--active{width:30px}.carousel__dot--active:before{width:18px;background:var(--cobalt)}.carousel__count{font-size:12px;color:var(--ink-faint)}.preview__cover-wrap{position:relative}.preview__cover{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;border:1px solid var(--line);display:block}.preview__cover-tag{position:absolute;left:10px;top:10px}.preview__thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thumb-btn{position:relative;padding:0;border:1px solid var(--line-strong);border-radius:4px;background:none;cursor:pointer;line-height:0;transition:box-shadow .15s ease,transform .15s ease}.thumb-btn:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.thumb-btn--active{border:2px solid var(--cobalt)}.thumb-btn img{width:84px;height:63px;object-fit:cover;border-radius:3px}.thumb-btn .badge{position:absolute;left:4px;bottom:4px}.preview__title{font-size:17px;font-weight:700;line-height:1.4;margin:14px 0 8px;font-family:var(--sans)}.info-box{border:1px solid var(--line);border-radius:4px;background:var(--paper);padding:10px 12px;font-size:13.5px;color:var(--ink-soft)}.info-box ul{list-style:none;margin:0 0 8px;padding:0}.info-box li{display:flex;gap:6px;align-items:baseline;margin-bottom:2px}.info-box__meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-faint)}.carousel-plan{margin-top:14px;border-top:1px dashed var(--line-strong);padding-top:12px}.carousel-plan ol{margin:8px 0 0;padding-left:20px;font-size:13px;color:var(--ink-soft)}.state-box{padding:28px 16px;text-align:center;color:var(--ink-faint);font-size:14px}.error-box{display:flex;align-items:center;gap:8px;border:1px solid var(--danger);background:var(--danger-wash);color:var(--danger);border-radius:var(--radius);padding:10px 12px;font-size:13.5px;margin:10px 0}.loading-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-faint)}.skill-card{padding:20px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:18px}.skill-card h3{font-family:var(--serif);font-size:18px;margin:8px 0 6px}.skill-card__id{font-size:12px;color:var(--ink-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.skill-card__body h4{margin:0 0 4px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.skill-card__body p{margin:0 0 12px;font-size:13.5px;color:var(--ink-soft)}.skills-cta{margin-top:24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.skills-list{display:grid;gap:16px}.site-footer{border-top:1px solid var(--line-strong);padding:18px 0;font-size:12.5px;color:var(--ink-faint);background:var(--paper-raised)}@media (max-width: 960px){.hero,.workbench{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{grid-template-columns:1fr}}@media (max-width: 640px){.grid-3{grid-template-columns:1fr}.brand__tag{display:none}.chat-msg{max-width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}