.hd-demo{color:#e7ece6;background:#111713;border:1px solid #2d3930;border-radius:10px;width:min(100%,520px);min-width:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;overflow:hidden;box-shadow:24px 28px #daddd4,0 30px 70px #1015122b}.hd-topbar,.hd-footer{letter-spacing:.06em;align-items:center;min-width:0;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.hd-topbar{color:#b8c2b9;border-bottom:1px solid #2d3930;gap:12px;min-height:48px;padding:0 17px}.hd-topbar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hd-topbar b{color:#101512;letter-spacing:.04em;background:#c9ff5a;border-radius:99px;flex:none;margin-left:auto;padding:5px 8px;font-size:11px}.hd-window-dots{flex:none;gap:5px;display:flex}.hd-window-dots i{background:#7d8980;border-radius:50%;width:7px;height:7px;display:block}.hd-window-dots i:first-child{background:#ff8b7e}.hd-window-dots i:nth-child(2){background:#ffc46d}.hd-window-dots i:last-child{background:#a5eb8d}.hd-body{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:100% 38px,74px 100%;gap:18px;padding:21px 22px 19px;display:grid}.hd-context{align-items:center;gap:10px;min-width:0;display:flex}.hd-context-icon{color:#101512;background:#c9ff5a;border-radius:6px;flex:none;place-items:center;width:34px;height:34px;font:800 16px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.hd-context>div{min-width:0}.hd-context strong,.hd-context small,.hd-verified strong,.hd-verified small{display:block}.hd-context strong,.hd-verified strong{color:#f3f6f1;font-size:13px;line-height:1.35}.hd-context small,.hd-verified small{color:#b8c2b9;margin-top:2px;font-size:11px;line-height:1.45}.hd-status{color:#dce6dc;white-space:nowrap;flex:none;align-items:center;gap:5px;margin-left:auto;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex}.hd-status i{background:#c9ff5a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #c9ff5a24}.hd-chat{gap:10px;display:grid}.hd-message{border:1px solid #37453b;border-radius:8px;min-width:0;padding:13px 14px}.hd-message-user{background:#1b251e;margin-left:30px}.hd-message-ai{background:#151d18;border-color:#526a36;margin-right:8px}.hd-speaker{color:#c9ff5a;letter-spacing:.04em;align-items:center;gap:6px;font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex}.hd-message-user .hd-speaker{color:#b8c2b9}.hd-speaker i{font-size:13px;font-style:normal}.hd-message p{color:#edf1ed;margin:7px 0 0;font-size:14px;line-height:1.65}.hd-message p b{color:#c9ff5a}.hd-sources{flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;display:flex}.hd-sources>span,.hd-source-tag,.hd-match{border-radius:4px;align-items:center;min-height:24px;padding:4px 7px;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex}.hd-sources>span{color:#b8c2b9;padding-left:0}.hd-source-tag{color:#d8f4ff;background:#1d3c4a;border:1px solid #39758d}.hd-checks{gap:9px;display:grid}.hd-verified,.hd-handoff{border-radius:7px;align-items:center;min-width:0;display:flex}.hd-verified{background:#1a2418;border:1px solid #5d8030;gap:10px;padding:11px 12px}.hd-checkmark{color:#101512;background:#c9ff5a;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:15px;font-weight:900;display:grid}.hd-verified>div{min-width:0}.hd-match{color:#d9f8c6;background:#31561d;flex:none;margin-left:auto}.hd-handoff{color:#d6dfd6;background:#20261f;border:1px dashed #6d786d;gap:9px;padding:10px 12px}.hd-handoff>span{color:#101512;background:#5ecbff;border-radius:4px;flex:none;place-items:center;width:23px;height:23px;font:900 14px/1 Arial,sans-serif;display:grid}.hd-handoff p{color:#d6dfd6;min-width:0;margin:0;font-size:11px;line-height:1.55}.hd-handoff b{color:#f3f6f1}.hd-footer{color:#b8c2b9;border-top:1px solid #2d3930;justify-content:space-between;gap:15px;min-height:37px;padding:0 17px}.hd-footer span:last-child{color:#c9ff5a}@media (width<=600px){.hd-demo{box-shadow:10px 12px #daddd4,0 20px 50px #1015122b}.hd-body{gap:15px;padding:16px 14px}.hd-topbar{gap:8px;padding-inline:14px}.hd-topbar b{padding:5px 7px}.hd-status{font-size:0}.hd-status i{width:8px;height:8px}.hd-message{padding:12px}.hd-message-user{margin-left:14px}.hd-message-ai{margin-right:0}.hd-message p{font-size:13px}.hd-verified{align-items:flex-start}.hd-match{align-self:center}.hd-footer{padding-inline:14px;font-size:11px}}@media (width<=360px){.hd-context small,.hd-match{display:none}.hd-sources{gap:5px}}@media (prefers-reduced-motion:reduce){.hd-demo *,.hd-demo :before,.hd-demo :after{transition:none!important;animation:none!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#101512;--paper:#f3f1ea;--muted:#5a625c;--line:#d8d9d2;--lime:#c9ff5a;--blue:#5ecbff;--amber:#ffbc5e;--violet:#b69cff}*{box-sizing:border-box}html{scroll-behavior:smooth;interpolate-size:allow-keywords}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin-inline:auto}section[id],header[id]{scroll-margin-top:104px}:where(a,button,summary,label,input):focus-visible{outline-offset:3px;outline:2px solid #5c8508}.nav-wrap{z-index:60;border-bottom:1px solid var(--line);background:#f3f1eaf7;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:28px;min-height:88px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{object-fit:contain;width:46px;height:46px;display:block}.brand strong{letter-spacing:.04em;font-size:17px;display:block}.brand small{letter-spacing:.16em;color:var(--muted);margin-top:3px;font:700 11px/1 Arial;display:block}.nav-links{align-items:center;gap:24px;font-size:15px;font-weight:700;display:flex}.nav-links a:hover{color:#4a6a0a}.nav-cta{border:1px solid var(--ink);border-radius:99px;padding:12px 22px;font-size:15px;font-weight:800}.nav-cta:hover{background:var(--ink);color:#fff}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:66px;min-height:690px;padding-block:76px 84px;display:grid}.eyebrow,.kicker{letter-spacing:.19em;text-transform:uppercase;font:800 12px/1.2 Arial}.eyebrow{color:#526056;align-items:center;gap:10px;display:flex}.eyebrow span{background:#8ecf17;width:30px;height:2px}.hero h1{letter-spacing:-.055em;margin:28px 0 24px;font-size:clamp(48px,5.3vw,76px);line-height:1.08}.hero h1 span{color:#5c8508;white-space:nowrap;position:relative}.hero h1 span:after{content:"";background:var(--lime);z-index:-1;height:7px;position:absolute;bottom:2px;left:0;right:0}.hero-lead{color:#59615c;max-width:630px;font-size:18px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:3px;justify-content:center;align-items:center;gap:18px;min-height:56px;padding:0 28px;font-size:16px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:#fff}.button.primary span{color:var(--lime)}.button.secondary{border:1px solid #bdc0ba}.market-list{color:var(--muted);letter-spacing:.15em;align-items:center;gap:12px;margin-top:48px;font:700 12px/1 Arial;display:flex}.market-list i{background:#a8ada9;border-radius:50%;width:3px;height:3px}.proof-strip{border-block:1px solid var(--line);background:#e8e8e0}.proof-grid{grid-template-columns:repeat(4,1fr);display:grid}.proof-grid div{border-right:1px solid var(--line);align-items:center;gap:14px;min-height:108px;padding:20px 28px;display:flex}.proof-grid div:first-child{border-left:1px solid var(--line)}.proof-grid strong{letter-spacing:-.04em;white-space:nowrap;font-size:25px}.proof-grid span{max-width:120px;color:var(--muted);font-size:14px;line-height:1.5}.section{padding-block:118px}.section-heading{max-width:720px;margin-bottom:54px}.section-heading.split{grid-template-columns:1.15fr .85fr;align-items:end;gap:90px;max-width:none;display:grid}.kicker{color:#4a6a0a;margin:0 0 18px}.section-heading h2,.warranty-copy h2,.cta-inner h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,55px);line-height:1.15}.section-heading>p:last-child,.section-heading.split>p{color:var(--muted);margin:18px 0 0;font-size:17px;line-height:1.9}.service-grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service-grid article{border-right:1px solid var(--line);min-height:435px;padding:42px 38px 36px;position:relative}.service-grid article:first-child{border-left:1px solid var(--line)}.service-no{color:var(--muted);font:700 12px monospace;position:absolute;top:24px;right:24px}.service-icon{background:var(--ink);width:58px;height:58px;color:var(--lime);letter-spacing:.08em;border-radius:6px;place-items:center;font:800 12px monospace;display:grid}.service-grid h3{margin:29px 0 14px;font-size:23px}.service-grid p{color:var(--muted);font-size:16px;line-height:1.85}.service-grid ul,.price-card ul{margin:28px 0 0;padding:0;list-style:none}.service-grid li{border-top:1px solid var(--line);padding:10px 0;font-size:14px;font-weight:700}.service-grid li:before{content:"+";color:#6e9a12;margin-right:9px}.work-section{background:var(--ink);color:#f5f5ef}.work-section .kicker{color:var(--lime)}.work-section .section-heading>p:last-child{color:#929b94}.portfolio-list{gap:18px;display:grid}.portfolio-card{border:1px solid #2c352e;border-left:4px solid var(--lime);background:#171e19;grid-template-columns:56px minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:28px;min-height:290px;padding:28px 34px;transition:transform .2s,background .2s;display:grid}.portfolio-card:hover{background:#1c241e;transform:translate(5px)}.portfolio-card.blue{border-left-color:var(--blue)}.portfolio-card.amber{border-left-color:var(--amber)}.portfolio-index{color:#8a958c;align-self:start;padding-top:7px;font:500 24px/1 monospace}.portfolio-visual{aspect-ratio:16/9;background:#0b100d;border:1px solid #354139;border-radius:7px;overflow:hidden}.portfolio-visual img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-main span{color:var(--lime);letter-spacing:.12em;font:700 12px/1 monospace}.portfolio-card.blue .portfolio-main span{color:var(--blue)}.portfolio-card.amber .portfolio-main span{color:var(--amber)}.portfolio-main h3{margin:11px 0 10px;font-size:23px}.portfolio-main p{color:#a2aba4;margin:0;font-size:15px;line-height:1.8}.portfolio-card ul{margin:20px 0 0;padding:0;list-style:none}.portfolio-card li{color:#c5ccc6;border-bottom:1px solid #2c352e;padding:8px 0;font-size:12px}.portfolio-card li:before{content:"↳";color:#8a958c;margin-right:10px}.portfolio-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.zoom-hint{color:var(--lime);letter-spacing:.08em;background:#0b100dd9;border-radius:4px;padding:6px 10px;font:700 12px monospace;position:absolute;bottom:10px;right:10px}.lightbox{cursor:zoom-out;background:#0b100df0;border:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:28px}.lightbox[open]{place-items:center;display:grid}.lightbox::backdrop{background:0 0}.lightbox img{cursor:default;border:1px solid #354139;border-radius:8px;width:auto;max-width:min(1280px,94vw);height:auto;max-height:86vh;box-shadow:0 30px 80px #0000008c}.lightbox-close{color:#dce5dd;letter-spacing:.08em;cursor:pointer;background:#171e19;border:1px solid #354139;border-radius:99px;min-width:88px;min-height:44px;padding:0 16px;font:700 15px monospace;position:fixed;top:14px;right:16px}.lightbox-close:hover{border-color:var(--lime);color:var(--lime)}.portfolio-stats{flex-wrap:wrap;gap:12px 36px;margin-top:20px;display:flex}.portfolio-stats strong{letter-spacing:-.02em;color:var(--lime);font:700 21px/1 monospace;display:block}.portfolio-card.blue .portfolio-stats strong{color:var(--blue)}.portfolio-card.amber .portfolio-stats strong{color:var(--amber)}.portfolio-stats span,.portfolio-card.lime .portfolio-main .portfolio-stats span,.portfolio-card.blue .portfolio-main .portfolio-stats span,.portfolio-card.amber .portfolio-main .portfolio-stats span{color:#8f9a91;letter-spacing:.02em;margin-top:7px;font:500 11px/1.4 Noto Sans TC,sans-serif;display:block}.pricing-wrap{grid-template-columns:1.15fr .9fr .9fr;gap:14px;display:grid}.price-card{background:#ecebe4;border:1px solid #cfd1cb;min-height:350px;padding:38px}.price-card.featured{color:#fff;background:var(--ink);border-color:var(--ink)}.price-card>p:first-child{color:var(--muted);letter-spacing:.16em;margin:0 0 36px;font:800 12px monospace}.price-card.featured>p:first-child{color:var(--lime)}.price-card .price-amount{letter-spacing:-.04em;margin:0;font:700 44px/1 Arial}.price-card .price-amount small{margin-right:5px;font-size:16px}.price-card .price-name{margin:12px 0 0;font-size:20px;line-height:1.3}.price-card li{color:#ccd2cd;border-top:1px solid #303a33;padding:9px 0;font-size:12px}.price-card li:before{content:"✓";color:var(--lime);margin-right:9px}.price-note{color:var(--muted);margin:74px 0 0;font-size:15px;line-height:1.8}.pricing-example{border:1px solid var(--line);color:var(--muted);margin:16px 0 0;padding:18px 24px;font-size:15px}.pricing-example b{color:var(--ink);margin-right:22px}.pricing-example strong{color:#4a6a0a}.warranty-section{background:#e3e6dd;border-block:1px solid #d0d4cb}.warranty-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:90px;display:grid}.warranty-copy{position:sticky;top:128px}.warranty-copy>p:not(.kicker){color:var(--muted);margin:24px 0;font-size:16px;line-height:1.9}.warranty-copy a{border-bottom:1px solid var(--ink);gap:45px;padding-bottom:8px;font-size:14px;font-weight:800;display:inline-flex}.warranty-card{background:#f3f1ea;border:1px solid #cdd0c8}.warranty-row{border-bottom:1px solid #d7d9d2;grid-template-columns:52px 1fr;gap:18px;padding:30px;display:grid}.warranty-row:last-child{border:0}.warranty-row>span{color:#3d6200;background:#d9ff8b;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.warranty-row.change>span{color:#075277;background:#bde9ff}.warranty-row.excluded>span{color:#7b4b00;background:#ffe0ac}.warranty-row.risk>span{color:#7f2d25;background:#ffd0cb}.warranty-row h3{margin:2px 0 9px;font-size:18px}.warranty-row p{color:var(--muted);margin:0;font-size:14px;line-height:1.85}.warranty-row b{color:var(--ink)}.process-section .section-heading{margin-bottom:42px}.process-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.process-grid article{padding:26px 26px 0 0}.process-grid span{color:#4a6a0a;font:800 12px monospace}.process-grid h3{margin:30px 0 11px;font-size:20px}.process-grid p{color:var(--muted);font-size:14px;line-height:1.8}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:26px 4px;font-size:18px;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font:700 17px/1 Arial;transition:transform .2s,background .2s,color .2s;display:grid}.faq-list details[open] summary span{background:var(--ink);color:var(--lime);border-color:var(--ink);transform:rotate(45deg)}.faq-list details::details-content{block-size:0;transition:block-size .25s ease,content-visibility .25s allow-discrete;overflow:hidden}.faq-list details[open]::details-content{block-size:auto}.faq-list details p strong{color:var(--ink);font-weight:800}.faq-list details p{max-width:760px;color:var(--muted);margin:0 0 26px;font-size:16px;line-height:1.9}.cta-section{color:#fff;background:#0f1511}.cta-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;min-height:390px;padding-block:100px;display:grid}.cta-inner .kicker{color:var(--lime)}.cta-inner p:not(.kicker){color:#9aa49c;max-width:600px;font-size:16px;line-height:1.8}.contact-actions{flex-direction:column;align-items:flex-start;gap:17px;margin-top:34px;display:flex}.contact-actions .button{color:var(--ink);background:var(--lime)}.contact-actions .button span{color:var(--ink)}.contact-actions>a:not(.button){font-size:20px;font-weight:700}.contact-actions small{color:#8f9a91;font-size:14px}.footer{justify-content:space-between;align-items:center;gap:20px;min-height:110px;display:flex}.footer p{color:var(--muted);font-size:14px}.footer p a{text-underline-offset:4px;text-decoration:underline}.footer p a:hover{color:var(--ink)}.button.line{color:#fff;background:#067a37}.button.line span{color:#eaffe9}.contact-actions .button.line{color:#fff;background:#067a37}.line-qr{align-items:center;gap:12px;margin-top:8px;display:flex}.line-qr img{background:#fff;border-radius:6px;padding:4px;display:block}.line-qr small{color:#8f9a91;font-size:14px}.about-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.about-stats div{border-right:1px solid var(--line);padding:32px 28px}.about-stats div:first-child{border-left:1px solid var(--line)}.about-stats strong{letter-spacing:-.04em;font-size:38px;display:block}.about-stats span{color:var(--muted);margin-top:8px;font-size:14px;display:block}.notfound{place-items:center;min-height:72vh;padding:80px 24px;display:grid}.notfound h1{letter-spacing:-.05em;margin:20px 0 14px;font-size:clamp(40px,5vw,64px)}.notfound-lead{max-width:520px;color:var(--muted);margin:0 0 30px;font-size:17px;line-height:1.9}.service-grid.quad{grid-template-columns:repeat(4,1fr)}.service-grid.quad article{min-height:400px;padding:38px 30px 34px}.service-grid.quad h3{margin-top:26px;font-size:20px}.cap-section{border-block:1px solid var(--line);background:#e8e8e0}.cap-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cap-card{background:var(--paper);border:1px solid #d5d7d0;padding:32px 28px}.cap-no{color:var(--muted);letter-spacing:.12em;font:700 12px monospace}.cap-card h3{margin:16px 0 12px;font-size:19px}.cap-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.85}.cap-tags{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.cap-tags span{color:#4c5a3e;background:#e2e5db;border-radius:99px;padding:6px 11px;font-size:12px;font-weight:700}.work-note{color:#8f9a91;margin:26px 0 0;font-size:14px}.pricing-wrap{grid-template-columns:repeat(3,1fr)}.price-card .price-amount i{color:var(--muted);margin-left:7px;font-size:15px;font-style:normal;font-weight:700}.price-card.featured .price-amount i{color:#9da69f}.plan-desc{color:var(--muted);margin:18px 0 0;font-size:15px;line-height:1.8}.price-card.featured .plan-desc{color:#9da69f}.price-card ul{margin-top:24px}.price-card:not(.featured) li{border-top-color:var(--line);color:#5c655e}.price-card:not(.featured) li:before{color:#6e9a12}@media (width<=900px){.nav{flex-wrap:wrap;min-height:0;padding-block:14px}.nav-links{scrollbar-width:none;border-top:1px solid var(--line);flex-basis:100%;order:3;gap:26px;margin-top:12px;padding:12px 2px 2px;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.hero{grid-template-columns:1fr;gap:50px;padding-top:62px}.proof-grid{grid-template-columns:repeat(2,1fr)}.section-heading.split,.warranty-grid,.cta-inner{grid-template-columns:1fr;gap:40px}.service-grid,.pricing-wrap{grid-template-columns:1fr}.service-grid article{border-left:1px solid var(--line);border-bottom:1px solid var(--line);min-height:auto}.portfolio-card{grid-template-columns:46px 1fr}.portfolio-main{grid-column:2}.process-grid{grid-template-columns:repeat(2,1fr);gap:40px 20px}.warranty-copy{position:static}.cta-inner{padding-block:80px}.price-note{margin-top:42px}}@media (width<=600px){.shell{width:min(100% - 30px,1180px)}.nav{min-height:75px}.nav-cta{padding:9px 12px;font-size:12px}.hero{min-height:0;padding-block:55px 70px}.hero h1{font-size:46px}.hero-lead{font-size:17px}.hero-actions .button{width:100%}.market-list{flex-wrap:wrap;margin-top:38px}.proof-grid div{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:92px;padding:18px}.proof-grid strong{font-size:21px}.section{padding-block:82px}.section-heading{margin-bottom:38px}.section-heading h2,.warranty-copy h2,.cta-inner h2{font-size:37px}.portfolio-card{grid-template-columns:1fr;gap:17px;padding:22px}.portfolio-main{grid-column:1}.portfolio-index{font-size:20px}.price-card{min-height:0;padding:30px}.warranty-row{grid-template-columns:40px 1fr;padding:24px 20px}.warranty-row>span{width:34px;height:34px}.process-grid{grid-template-columns:1fr}.footer{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:30px}.service-grid li,.portfolio-card li,.process-grid p,.warranty-row p{font-size:15px}.portfolio-main p{font-size:16px}.footer p,.proof-grid span,.contact-actions small{font-size:14px}.quote-line strong{font-size:24px}.line-qr{display:none}.about-stats strong{font-size:24px}.about-stats div{padding:20px 14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media (width<=1180px){.service-grid.quad,.cap-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){section[id],header[id]{scroll-margin-top:150px}.nav-links a{white-space:nowrap;flex:none}.service-grid.quad,.pricing-wrap{grid-template-columns:1fr}.price-card ul{margin-top:20px}}@media (width<=600px){.cap-grid{grid-template-columns:1fr}.cap-card{padding:26px 22px}.price-card .price-amount{font-size:36px}.service-grid.quad article{min-height:auto;padding:32px 24px 28px}}.nav-cta{align-items:center;gap:8px;min-height:48px;display:inline-flex}.mobile-menu{display:none}.hero-note{color:var(--muted);margin:16px 0 0;font-size:15px}.button.lime{background:var(--lime);color:var(--ink)}.button.lime span{color:var(--ink)}.price-card{flex-direction:column;display:flex}.price-cta{align-self:stretch;margin-top:auto}.price-card ul{margin-bottom:30px}.scenario-section{padding-top:0}.scenario-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.scenario-card{background:#ecebe4;border:1px solid #d5d7d0;flex-direction:column;padding:32px 28px;display:flex}.scenario-tag{color:var(--muted);align-items:center;gap:10px;margin:0;font-size:14px;font-weight:700;display:flex}.scenario-tag span{background:var(--ink);color:var(--lime);border-radius:99px;padding:4px 9px;font:700 12px/1.2 Noto Sans TC,sans-serif}.scenario-card h3{margin:18px 0;font-size:20px}.scenario-card dl{gap:14px;margin:0;display:grid}.scenario-card dt{color:#4a6a0a;margin-bottom:4px;font-size:14px;font-weight:800}.scenario-card dd{color:var(--muted);margin:0;font-size:16px;line-height:1.8}.scenario-card ul{border-top:1px solid var(--line);flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:18px 0 0;list-style:none;display:flex}.scenario-card li{color:#3f4d33;background:#e2e5db;border-radius:99px;padding:6px 11px;font-size:14px;font-weight:700}.trust-list{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.trust-list li{border:1px solid var(--line);color:var(--muted);padding:22px 24px;font-size:15px;line-height:1.7}.trust-list b{color:var(--ink);margin-bottom:6px;font-size:17px;display:block}.inquiry{background:#161d18;border:1px solid #2c352e;border-radius:10px;gap:16px;padding:32px;display:grid}.inquiry-title{color:#f5f5ef;margin:0 0 4px;font-size:20px;font-weight:800}.inquiry-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.inquiry label{gap:8px;display:grid}.inquiry label>span{color:#c5ccc6;font-size:15px;font-weight:700}.inquiry label b{color:var(--lime);margin-left:4px}.inquiry input,.inquiry select,.inquiry textarea{color:#f5f5ef;width:100%;min-height:46px;font:inherit;background:#0f1511;border:1px solid #3a463d;border-radius:6px;padding:11px 14px;font-size:17px}.inquiry textarea{resize:vertical;line-height:1.7}.inquiry ::placeholder{color:#8f9a91}.inquiry input:focus-visible,.inquiry select:focus-visible,.inquiry textarea:focus-visible{outline:2px solid var(--lime);outline-offset:1px}.inquiry-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.inquiry .button{cursor:pointer;border:0;font-family:inherit}.inquiry .button.primary{background:var(--lime);color:var(--ink)}.inquiry .button.primary span{color:var(--ink)}.inquiry .button.line-outline{color:#f5f5ef;background:0 0;box-shadow:inset 0 0 0 1px #3f9a62}.inquiry .button.line-outline span{color:#8fdcae}.inquiry .button.line-outline:hover{box-shadow:inset 0 0 0 1px #8fdcae}.inquiry-link{color:#c5ccc6;min-height:44px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:15px;font-weight:700;text-decoration:underline}.inquiry-link:hover{color:var(--lime)}.inquiry-note{color:#a2aba4;margin:0;font-size:15px}.inquiry-note a{color:#f5f5ef;text-underline-offset:4px;text-decoration:underline}.inquiry-note .inquiry-link{min-height:0;margin-left:10px}.inquiry-status{min-height:1.4em;color:var(--lime);margin:0;font-size:15px}@media (width<=1200px){.nav-links{display:none}.mobile-menu{display:block}.nav{gap:14px}.nav-cta{margin-left:auto}.mobile-menu summary{border:1px solid var(--ink);cursor:pointer;border-radius:6px;place-content:center;gap:5px;width:44px;height:44px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary i{background:var(--ink);width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-menu[open] summary i:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu[open] summary i:nth-child(2){opacity:0}.mobile-menu[open] summary i:last-child{transform:translateY(-7px)rotate(-45deg)}.mobile-menu summary{z-index:2;position:relative}.mobile-menu-backdrop{z-index:1;background:#10151266;position:fixed;inset:0}.mobile-menu-panel{z-index:2;background:var(--paper);border-bottom:1px solid var(--line);max-height:calc(100vh - 64px);padding:12px 24px 24px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #10151222}.mobile-menu-panel nav{display:grid}.mobile-menu-panel nav a{border-bottom:1px solid var(--line);align-items:center;min-height:52px;font-size:18px;font-weight:700;display:flex}.mobile-menu-actions{gap:10px;margin-top:18px;display:grid}.scenario-grid,.trust-list{grid-template-columns:1fr}}@media (width<=900px){.nav{flex-wrap:nowrap;min-height:64px;padding-block:10px}section[id],header[id]{scroll-margin-top:84px}.cta-inner{gap:48px;padding-block:80px}.inquiry-row{grid-template-columns:1fr}}@media (width<=600px){.process-grid{gap:4px}.nav{min-height:64px}.nav-cta{min-height:46px;padding:0 16px;font-size:15px}.brand strong{font-size:16px}.brand-mark{width:36px;height:36px}.mobile-menu-panel{padding-inline:15px}.inquiry{padding:24px 18px}.inquiry-actions .button{width:100%}.scenario-card{padding:26px 22px}.hero h1{font-size:42px}}@media (width<=380px){.brand small{display:none}}.portfolio-card.violet{border-left-color:var(--violet)}.portfolio-card.violet .portfolio-main span,.portfolio-card.violet .portfolio-stats strong{color:var(--violet)}.portfolio-card.violet .portfolio-main .portfolio-stats span{color:#8f9a91}.service-grid article{transition:background .25s}.service-grid article:hover{background:#ecebe4}.service-grid.quad .service-icon{width:64px;height:64px;color:var(--lime);background:linear-gradient(145deg,#1b241d,#0f1511);border-radius:16px;transition:transform .25s,background .25s,color .25s;box-shadow:inset 0 0 0 1px #2c352e,0 10px 24px #1015121f}.service-icon svg{width:38px;height:38px}.service-icon .si-accent{stroke:var(--blue)}.service-grid article:hover .service-icon{background:var(--lime);color:var(--ink);transform:translateY(-3px)rotate(-3deg)}.service-grid article:hover .service-icon .si-accent{stroke:#0b6a93}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.blog-hero{border-bottom:1px solid var(--line);padding-block:88px 56px}.blog-hero h1{letter-spacing:-.045em;margin:0 0 22px;font-size:clamp(40px,5vw,64px);line-height:1.12}.blog-hero>p:last-child{max-width:640px;color:var(--muted);margin:0;font-size:17px;line-height:1.9}.blog-list{padding-block:20px 110px;display:grid}.blog-card{border-bottom:1px solid var(--line);padding:36px 0}.blog-card h2{letter-spacing:-.02em;margin:14px 0 12px;font-size:clamp(22px,2.4vw,28px);line-height:1.4}.blog-card h2 a:hover{color:#4a6a0a}.blog-card>p:not(.blog-meta){max-width:760px;color:var(--muted);margin:0;font-size:16px;line-height:1.85}.blog-empty{color:var(--muted);padding:60px 0;font-size:16px}.blog-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;font-size:14px;display:flex}.blog-draft{color:#6b3f00;background:#ffe0ac;border-radius:99px;margin:0 0 14px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-block}.blog-meta .blog-draft{margin:0}.blog-tags{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.blog-tags li{color:#3f4d33;background:#e2e5db;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:700}.post{max-width:780px;padding-block:56px 110px}.post-crumbs{color:var(--muted);gap:10px;font-size:14px;display:flex}.post-crumbs a:hover{color:#4a6a0a}.post-header{border-bottom:1px solid var(--line);margin:34px 0 44px;padding-bottom:34px}.post-header h1{letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(32px,4.2vw,48px);line-height:1.25}.post-lead{color:var(--muted);margin:0 0 22px;font-size:18px;line-height:1.85}.post-body{font-size:17px;line-height:1.95}.post-body>*+*{margin-top:1.1em}.post-body h2{letter-spacing:-.02em;margin:2.2em 0 .6em;scroll-margin-top:100px;font-size:27px;line-height:1.4}.post-body h3{margin:1.8em 0 .4em;scroll-margin-top:100px;font-size:21px;line-height:1.45}.post-body p{margin-bottom:0}.post-body a{color:#3f5c08;text-underline-offset:3px;text-decoration:underline}.post-body strong{font-weight:800}.post-body ul,.post-body ol{padding-left:1.4em}.post-body li+li{margin-top:.4em}.post-body li::marker{color:#4a6a0a}.post-body blockquote{border-left:4px solid var(--lime);color:#3d443f;background:#ecebe4;margin-inline:0;padding:16px 22px}.post-body blockquote p{margin:0}.post-body code{background:#e2e5db;border-radius:4px;padding:2px 6px;font-size:.88em}.post-body pre{background:var(--ink);color:#dce5dd;border-radius:8px;padding:18px 20px;font-size:14px;line-height:1.7;overflow-x:auto}.post-body pre code{font-size:inherit;background:0 0;padding:0}.post-body table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow-x:auto}.post-body th,.post-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px}.post-body th{background:#ecebe4;font-weight:800}.post-body hr{border:0;border-top:1px solid var(--line)}.post-cta{background:var(--ink);color:#f5f5ef;border-radius:10px;margin-top:64px;padding:36px}.post-cta .kicker{color:var(--lime)}.post-cta h2{margin:0 0 12px;font-size:26px;line-height:1.4}.post-cta>p:not(.kicker){color:#a2aba4;margin:0;font-size:16px;line-height:1.8}.post-cta-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.post-cta .button.primary{background:var(--lime);color:var(--ink)}.post-cta .button.primary span{color:var(--ink)}.post-cta .button.secondary{color:#f5f5ef;border-color:#3a463d}@media (width<=600px){.blog-hero{padding-block:56px 40px}.post{padding-block:36px 80px}.post-body{font-size:16px}.post-body h2{font-size:23px}.post-cta{padding:28px 22px}.post-cta-actions .button{width:100%}}.blog-category{background:var(--ink);color:var(--lime);border-radius:4px;padding:3px 10px;font-size:13px;font-weight:800}.blog-card.has-cover{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.blog-card-cover img,.post-cover{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;display:block}.post-cover{margin:-8px 0 44px}.post-body img{border:1px solid var(--line);border-radius:8px;max-width:100%;height:auto;margin-inline:auto;display:block}@media (width<=700px){.blog-card.has-cover{grid-template-columns:1fr;gap:18px}}.post-image-link{cursor:zoom-in;text-decoration:none;display:block}@media (width<=700px){.post-image-link:after{content:"點圖可放大檢視";color:var(--muted);text-align:center;margin-top:8px;font-size:13px;display:block}}.topic-nav{flex-wrap:wrap;align-items:center;gap:12px 18px;padding-block:28px 4px;display:flex}.topic-nav-label{color:var(--muted);font-size:14px;font-weight:700}.topic-nav ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topic-nav a{border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.topic-nav a span{color:var(--muted);font-size:13px;font-weight:600}.topic-nav a:hover{border-color:var(--ink)}.topic-nav a[aria-current=page]{border-color:var(--ink);background:var(--ink);color:var(--lime)}.topic-nav a[aria-current=page] span{color:var(--lime)}.blog-hero .post-crumbs{margin-bottom:28px}.topic-order-note{color:var(--muted);margin:20px 0 0;font-size:14px}.blog-step{color:var(--ink);font-weight:800}.post-related{border-top:1px solid var(--line);margin-top:64px;padding-top:32px}.post-related h2{letter-spacing:-.02em;margin:8px 0 18px;font-size:22px}.post-related ul{gap:14px;margin:0 0 20px;padding:0;list-style:none;display:grid}.post-related li a{font-size:17px;font-weight:700;line-height:1.6;display:block}.post-related li a:hover,.post-related-all:hover{color:#4a6a0a}.post-related li span{color:var(--muted);font-size:14px}.post-related-all{font-size:15px;font-weight:700}@media (width<=600px){.topic-nav-label{width:100%}}.learn-hero{grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:56px;display:grid}.learn-hero img{border:1px solid var(--line);border-radius:10px;width:100%;height:auto;display:block}.learn-hero>div>p:last-child{max-width:600px;color:var(--muted);margin:0;font-size:17px;line-height:1.9}.learn-list{gap:18px;padding-block:44px 110px;display:grid}.learn-card{border:1px solid var(--line);border-left:4px solid var(--lime);background:#ecebe4;grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:36px;padding:28px;display:grid}.learn-card.upcoming{background:0 0;border-left-color:#bdc0ba;grid-template-columns:1fr}.learn-card-cover img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;display:block}.learn-card h2{letter-spacing:-.02em;margin:14px 0 12px;font-size:clamp(22px,2.4vw,28px);line-height:1.4}.learn-card h2 a:hover{color:#4a6a0a}.learn-card-body>p:not(.learn-card-meta){max-width:640px;color:var(--muted);margin:0 0 24px;font-size:16px;line-height:1.85}.learn-card.upcoming .learn-card-body>p:not(.learn-card-meta){margin-bottom:0}.learn-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;font-size:14px;display:flex}.learn-kicker{color:#4a6a0a;letter-spacing:.16em;font:800 12px/1.2 Arial}.learn-soon{color:#3f4d33;background:#e2e5db;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:800}.lesson{max-width:1080px;padding-block:56px 110px}.lesson-header{max-width:780px;margin:34px 0 36px}.lesson-header h1{letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(32px,4.2vw,48px);line-height:1.25}.lesson .post-related,.lesson .post-cta{max-width:780px}.lab{--c-lime:#c9ff5a;--c-blue:#5ecbff;--c-amber:#ffbc5e;--c-violet:#b69cff;--t-lime:#e9ffc2;--t-blue:#d3f0ff;--t-amber:#ffe8c7;--t-violet:#e9e1ff;background:#fbfaf6;border:1px solid #cfd1cb;border-radius:12px;scroll-margin-top:100px;box-shadow:0 18px 40px #1015120d}.lab .lime{--c:var(--c-lime);--t:var(--t-lime)}.lab .blue{--c:var(--c-blue);--t:var(--t-blue)}.lab .amber{--c:var(--c-amber);--t:var(--t-amber)}.lab .violet{--c:var(--c-violet);--t:var(--t-violet)}.lab-stepper{border-bottom:1px solid var(--line);background:var(--ink);scrollbar-width:none;border-radius:12px 12px 0 0;gap:4px;margin:0;padding:12px;list-style:none;display:flex;overflow-x:auto}.lab-stepper::-webkit-scrollbar{display:none}.lab-stepper li{flex:1 0 auto}.lab-stepper button{color:#a2aba4;width:100%;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:700;transition:background .2s,color .2s;display:flex}.lab-stepper button span{border:1px solid #3a463d;border-radius:50%;place-items:center;width:24px;height:24px;font:700 12px/1 monospace;display:grid}.lab-stepper button:hover{color:#f5f5ef}.lab-stepper button.done{color:#dce5dd}.lab-stepper button.done span{color:var(--lime);border-color:#6e9a12}.lab-stepper button[aria-current=step]{background:var(--lime);color:var(--ink)}.lab-stepper button[aria-current=step] span{border-color:var(--ink);background:var(--ink);color:var(--lime)}.lab-panel{padding:36px 40px 28px;animation:.35s both lab-fade}.lab-panel-head h2{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(24px,3vw,32px);line-height:1.35}.lab-panel-head .kicker{margin-bottom:12px}.lab-explain{gap:12px;max-width:820px;margin-bottom:28px;display:grid}.lab-explain p{margin:0;font-size:16px;line-height:1.9}.lab-analogy,.lab-tip{color:#3d443f;border-radius:8px;padding:14px 18px;font-size:15px!important}.lab-analogy{border-left:4px solid var(--lime);background:#ecebe4}.lab-tip{border-left:4px solid var(--blue);background:#e6f2f6}.lab-analogy b,.lab-tip b{color:var(--ink);margin-bottom:2px;font-size:14px;display:block}.lab-note{color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.8}.lab-pager{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 40px 24px;display:flex}.lab-pager>span{color:var(--muted);font:700 13px monospace}.lab-pager .button,.lab .button{cursor:pointer;border:0;min-height:48px;padding:0 22px;font-family:inherit}.lab .button.secondary{color:var(--ink);background:0 0;border:1px solid #bdc0ba}.lab .button:disabled{opacity:.35;cursor:default;transform:none}.lab-pipelines{gap:16px;display:grid}.lab-pipeline>p{margin:0 0 10px;font-size:14px;font-weight:800}.lab-pipeline ol{grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.lab-pipeline li{animation:.45s both lab-rise;position:relative}.lab-pipeline li+li:before{content:"→";color:#6e9a12;font-weight:800;position:absolute;top:50%;left:-22px;translate:0 -50%}.lab-pipeline button{border:1px solid var(--line);background:var(--paper);width:100%;min-height:84px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:8px;gap:4px;padding:14px 16px;transition:transform .2s,border-color .2s;display:grid}.lab-pipeline button:hover{border-color:var(--ink);transform:translateY(-2px)}.lab-pipeline b{font-size:17px}.lab-pipeline small{color:var(--muted);font-size:13px}.lab-pipeline.ink button{background:var(--ink);color:#f5f5ef;border-color:#2c352e}.lab-pipeline.ink small{color:#a2aba4}.lab-pipeline.lime button{background:var(--t-lime);border-color:#b4e64c}.lab-doc{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:820px;padding:24px 28px;box-shadow:6px 6px #e2e5db}.lab-doc header{border-bottom:1px dashed var(--line);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;font-weight:800;display:flex}.lab-doc header small{color:var(--muted);margin-left:auto;font:700 12px monospace}.lab-doc p{margin:0 0 10px;font-size:15px;line-height:1.85}.lab-controls{border:1px solid var(--line);background:#ecebe4;border-radius:8px;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-bottom:22px;padding:18px 20px;display:flex}.lab-segment{background:#e2e5db;border-radius:99px;padding:4px;display:inline-flex}.lab-segment button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 18px;font-size:15px;font-weight:700}.lab-segment button[aria-checked=true]{background:var(--ink);color:var(--lime)}.lab-range{gap:6px;min-width:220px;font-size:14px;font-weight:700;display:grid}.lab-range b{color:#4a6a0a;margin-left:6px;font:800 16px monospace}.lab-range input{accent-color:#5c8508;width:100%}.lab-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.lab-stats div{border:1px solid var(--line);border-radius:8px;align-items:baseline;gap:10px;padding:14px 18px;display:flex}.lab-stats strong{letter-spacing:-.04em;font:800 28px/1 monospace}.lab-stats span{color:var(--muted);font-size:14px}.lab-stats .warn{background:#fff4e3;border-color:#f2c27a}.lab-stats .warn strong{color:#a35d00}.lab-stats .ok strong{color:#4a6a0a}.lab-highlight{border:1px solid var(--line);white-space:pre-wrap;background:#fff;border-radius:8px;padding:22px 24px;font-size:15px;line-height:2.1}.lab-highlight mark{background:var(--t);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:3px 0;transition:background .3s}.lab-highlight mark.overlap{background:repeating-linear-gradient(135deg,#c8cfbb 0 3px,#f0f3e8 3px 7px);font-weight:700}.lab-highlight mark.none{background:0 0}.lab-legend{border-top:1px dashed var(--line);color:var(--muted);white-space:normal;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0;padding-top:12px;font-size:13px;line-height:1.4;display:flex}.lab-legend i{background:var(--t);border-radius:3px;width:16px;height:12px;display:inline-block}.lab-legend i.overlap{background:repeating-linear-gradient(135deg,#c8cfbb 0 3px,#f0f3e8 3px 7px);margin-left:12px}.lab-chunk-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:20px;display:grid}.lab-chunk{border:1px solid var(--line);border-top:4px solid var(--c);background:#fff;border-radius:8px;padding:14px 16px;animation:.4s both lab-rise}.lab-chunk header{justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.lab-chunk header b{font-family:monospace}.lab-chunk header small{color:var(--muted)}.lab-chunk header em{color:#a35d00;font-style:normal;font-weight:700}.lab-chunk p{margin:0;font-size:14px;line-height:1.75}.lab-vector{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.lab-vector-col{justify-items:center;gap:4px;display:grid}.lab-vector-bar{background:#e8e8e0;border-radius:4px;align-items:flex-end;width:100%;height:120px;display:flex;overflow:hidden}.lab-vector-bar i{background:linear-gradient(180deg, var(--lime), #8ecf17);transform-origin:bottom;border-radius:4px 4px 0 0;width:100%;transition:height .4s;animation:.6s cubic-bezier(.2,.8,.2,1) both lab-grow;display:block}.lab-vector-col b{font:700 12px monospace}.lab-vector-col small{color:var(--muted);font-size:12px;font-weight:700}.lab-vector.compact{gap:2px;width:96px}.lab-vector.compact .lab-vector-bar{border-radius:2px;height:28px}.lab-vector.compact .lab-vector-bar i{background:#5c8508;border-radius:0}.lab-embed{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-bottom:22px;display:grid}.lab-embed-list{align-content:start;gap:6px;max-height:460px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.lab-embed-list button{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:grid}.lab-embed-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lab-embed-list button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--lime)}.lab-dot{background:var(--c);min-width:34px;height:24px;color:var(--ink);border-radius:99px;place-items:center;padding:0 6px;font:800 12px/1 monospace;display:inline-grid}.lab-embed-detail{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px}.lab-embed-source{align-items:flex-start;gap:10px;margin:0;font-size:15px;line-height:1.8;display:flex}.lab-arrow{color:#4a6a0a;letter-spacing:.08em;text-align:center;margin:14px 0;font:800 13px monospace}.lab-mono{background:var(--ink);color:var(--lime);white-space:nowrap;border-radius:6px;margin:14px 0 0;padding:10px 12px;font:600 13px monospace;overflow-x:auto}.lab-map{border:1px solid var(--line);background:var(--ink);border-radius:8px;margin:0;padding:16px}.lab-map svg{width:100%;max-width:460px;height:auto;margin-inline:auto;display:block;overflow:visible}.lab-map figcaption{color:#a2aba4;text-align:center;margin-top:10px;font-size:13px;line-height:1.6}.lab-map-ring{fill:none;stroke:#2c352e;stroke-width:.008px;stroke-dasharray:.03 .03}.lab-map-axis{stroke:#2c352e;stroke-width:.006px}.lab-map-label{fill:#a2aba4;text-anchor:middle;dominant-baseline:middle;font-size:.1px;font-weight:700}.lab-map-point{transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .3s}.lab-map-point circle{fill:var(--c);stroke:var(--ink);stroke-width:.012px}.lab-map-point text,.lab-map-query text{fill:var(--ink);text-anchor:middle;font:800 .075px monospace}.lab-map svg:has(.lab-map-link) .lab-map-point:not(.hit){opacity:.35}.lab-map-point.hit circle{stroke:#fff;stroke-width:.02px}.lab-map-query{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.lab-map-query rect{fill:#fff;stroke:var(--lime);stroke-width:.02px;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite lab-pulse}.lab-map-link{stroke:#fff;stroke-width:.012px;stroke-dasharray:3;stroke-dashoffset:3px;animation:.7s forwards lab-draw}.lab-ask{margin-bottom:24px}.lab-ask-label{margin:0 0 10px;font-size:14px;font-weight:800}.lab-chips{flex-wrap:wrap;gap:8px;display:flex}.lab-chips button{border:1px solid var(--line);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:99px;padding:0 16px;font-size:14px;font-weight:700}.lab-chips button:hover{border-color:var(--ink)}.lab-chips button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--lime)}.lab-ask-form{gap:10px;max-width:560px;margin-top:14px;display:flex}.lab-ask-form input{min-width:0;min-height:48px;font:inherit;background:#fff;border:1px solid #bdc0ba;border-radius:6px;flex:1;padding:0 14px;font-size:16px}.lab-query{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.lab-query-text{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:12px;margin:0;padding:14px 16px;font-size:16px;font-weight:700;display:flex}.lab-query-text span{border:2px solid var(--lime);background:var(--ink);width:30px;height:30px;color:var(--lime);border-radius:6px;flex:none;place-items:center;font:800 13px monospace;display:grid}.lab-query-text.small{flex:1;min-width:240px;font-size:15px}.lab-warn{color:#6b3f00;background:#fff4e3;border-radius:8px;margin:14px 0 0;padding:12px 14px;font-size:14px;line-height:1.7}.lab-retrieve{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.lab-rank{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lab-rank li{border:1px solid var(--line);opacity:.55;background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) 110px;align-items:center;gap:12px;padding:10px 12px;transition:opacity .3s,border-color .3s;display:grid}.lab-rank li.picked{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--lime);opacity:1}.lab-rank-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.lab-score{background:#e8e8e0;border-radius:4px;height:22px;position:relative;overflow:hidden}.lab-score i{transform-origin:0;background:#b4e64c;animation:.6s both lab-grow-x;position:absolute;inset:0 auto 0 0}.lab-score em{text-align:right;padding-right:8px;font:800 12px/22px monospace;display:block;position:relative}.lab-prompt{background:var(--ink);color:#dce5dd;border-radius:8px;max-width:860px;padding:22px 24px;font-size:15px;line-height:1.85}.lab-prompt p{margin:0 0 12px}.lab-prompt-tag{letter-spacing:.06em;border-radius:4px;padding:2px 10px;font:800 12px/1.8 monospace;display:inline-block;margin-top:6px!important;margin-bottom:8px!important}.lab-prompt-tag.system{color:#f5f5ef;background:#3a463d}.lab-prompt-tag.context{background:var(--blue);color:var(--ink)}.lab-prompt-tag.user{background:var(--lime);color:var(--ink)}.lab-prompt-chunk{border-left:2px solid var(--blue);padding-left:12px;animation:.4s both lab-rise}.lab-prompt-chunk b{color:var(--blue);margin-right:8px;font-family:monospace}.lab-chat{gap:12px;max-width:760px;display:grid}.lab-bubble{border-radius:14px;max-width:88%;margin:0;padding:14px 18px;font-size:16px;line-height:1.85}.lab-bubble.user{background:var(--ink);color:#f5f5ef;border-bottom-right-radius:4px;justify-self:end}.lab-bubble.ai{border:1px solid var(--line);background:#fff;border-bottom-left-radius:4px}.lab-bubble.ai.missing{border-color:#f2c27a}.lab-speaker{color:#4a6a0a;margin-bottom:4px;font-size:13px;font-weight:800;display:block}.lab-caret{vertical-align:-2px;background:var(--ink);width:2px;height:1em;margin-left:2px;animation:1s step-end infinite lab-blink;display:inline-block}.lab-result{border-radius:8px;max-width:760px;margin:18px 0 0;padding:14px 18px;font-size:15px;line-height:1.8}.lab-result.ok{background:var(--t-lime);color:#2f4310}.lab-result.warn{color:#5c3700;background:#fff4e3}.lab-result p{margin:0 0 6px}.lab-result-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.lab-recap{border:1px solid var(--line);border-radius:8px;max-width:760px;margin-top:30px;padding:24px 26px}.lab-recap .kicker{margin-bottom:10px}.lab-recap ol{margin:0;padding-left:1.3em;font-size:15px;line-height:1.9;list-style:decimal}.lab-recap li::marker{color:#4a6a0a;font-weight:800}.lab-recap>p:last-child{margin:14px 0 0;font-size:15px;font-weight:700}@keyframes lab-fade{0%{opacity:0;transform:translateY(6px)}}@keyframes lab-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes lab-grow{0%{transform:scaleY(0)}}@keyframes lab-grow-x{0%{transform:scaleX(0)}}@keyframes lab-draw{to{stroke-dashoffset:0}}@keyframes lab-pulse{50%{transform:rotate(45deg)scale(1.25)}}@keyframes lab-blink{50%{opacity:0}}@media (width<=900px){.learn-hero,.learn-card,.lab-embed,.lab-query,.lab-retrieve{grid-template-columns:1fr}.learn-hero{gap:32px}.lab-pipeline ol{grid-template-columns:repeat(2,1fr)}.lab-pipeline li:nth-child(3):before{display:none}}@media (width<=600px){.lesson{padding-block:36px 80px}.learn-card{padding:18px}.learn-card .button{width:100%}.lab-panel{padding:26px 18px 20px}.lab-pager{padding:14px 18px 18px}.lab-pager>span{display:none}.lab-pager .button{flex:1;padding:0 12px;font-size:14px}.lab-pager .button:first-child{flex:none}.lab-stats{grid-template-columns:1fr}.lab-range{min-width:100%}.lab-highlight{padding:16px}.lab-pipeline ol{grid-template-columns:1fr;gap:18px}.lab-pipeline li+li:before{content:"↓";top:-18px;left:50%;translate:-50%}.lab-pipeline li:nth-child(3):before{display:block}.lab-pipeline button{min-height:0}.lab-rank li{grid-template-columns:auto minmax(0,1fr)}.lab-score{grid-column:1/-1}.lab-vector-bar{height:90px}.lab-vector-col small{font-size:11px}.lab-bubble{max-width:100%}.lab-ask-form .button{padding:0 16px}}.lab-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.lab-cards button{border:1px solid var(--line);border-top:4px solid var(--lime);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;align-content:start;gap:8px;padding:22px;transition:transform .2s,border-color .2s;animation:.45s both lab-rise;display:grid}.lab-cards button:hover{border-color:var(--ink);transform:translateY(-2px)}.lab-cards b{font-size:19px}.lab-cards span{color:var(--muted);font-size:15px;line-height:1.75}.lab-cards small{color:#4a6a0a;font-size:13px;font-weight:800}.lab-textarea{gap:8px;margin:16px 0 20px;font-size:14px;font-weight:700;display:grid}.lab-textarea textarea{width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #bdc0ba;border-radius:6px;padding:12px 14px;font-size:16px;font-weight:400;line-height:1.7}.lab-tokens-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lab-tokens-head p{margin:0;font-size:14px;font-weight:800}.lab-switch{cursor:pointer;align-items:center;gap:8px;min-height:40px;font-size:14px;font-weight:700;display:inline-flex}.lab-switch input{accent-color:#5c8508;width:18px;height:18px}.lab-tokens{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;gap:6px;padding:18px;display:flex}.lab-token{border:1px solid color-mix(in srgb, var(--c) 70%, var(--ink));background:var(--t);white-space:pre;border-radius:6px;justify-items:center;gap:2px;min-width:26px;padding:5px 8px;font-size:16px;line-height:1.4;animation:.35s both lab-rise;display:inline-grid}.lab-token small{color:var(--muted);font:600 11px monospace}.lab-token.byte{background:#ecebe4;border:1px dashed #8f9a91}.lab-bpe{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.lab-bpe-next{background:var(--ink);color:#dce5dd;border-radius:8px;margin:0 0 14px;padding:12px 16px;font-size:15px;line-height:1.8}.lab-bpe-next b{color:#fff;background:#2c352e;border-radius:4px;padding:1px 8px}.lab-bpe-next b.new{background:var(--lime);color:var(--ink)}.lab-bpe-words{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.lab-bpe-words li{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:10px 12px;display:flex}.lab-bpe-pieces{flex-wrap:wrap;gap:4px;display:flex}.lab-bpe-words small{color:var(--muted);font-size:13px}.lab-meter{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;font-size:14px;font-weight:700;display:grid}.lab-meter>div{background:#e8e8e0;border-radius:99px;height:14px;overflow:hidden}.lab-meter i{background:#8ecf17;border-radius:99px;height:100%;transition:width .5s;display:block}.lab-meter b{font-family:monospace}.lab-bpe-vocab{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.lab-bpe-vocab>p{margin:0 0 10px;font-size:14px;font-weight:800}.lab-bpe-vocab>small{color:var(--muted);font-size:14px}.lab-bpe-vocab ol{gap:6px;margin:0;padding-left:1.6em;list-style:decimal;display:grid}.lab-bpe-vocab li{animation:.35s both lab-rise}.lab-bpe-vocab li::marker{color:var(--muted);font:700 12px monospace}.lab-bpe-vocab li b{background:var(--t-lime);border-radius:4px;margin-right:10px;padding:1px 8px}.lab-bpe-vocab li small{color:var(--muted);font-size:13px}.lab .lab-controls .button{min-height:42px;padding:0 18px;font-size:15px}.lab-link{min-height:42px;color:var(--muted);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:14px;font-weight:700;text-decoration:underline}.lab-link:hover{color:var(--ink)}.lab-context{border:1px solid var(--line);background:#fff;border-radius:8px;margin:0 0 20px;padding:34px 18px 16px}.lab-context-track{position:relative}.lab-context-fill{background:#e8e8e0;border-radius:6px;gap:1px;height:44px;display:flex;overflow:hidden}.lab-context-fill i{transform-origin:0;flex:none;height:100%;transition:width .4s;animation:.4s both lab-grow-x}.lab-context-limit{z-index:1;border-left:2px dashed #c0392b;position:absolute;top:-10px;bottom:-10px}.lab-context-limit small{color:#a5281b;white-space:nowrap;font:700 12px monospace;position:absolute;top:-20px;right:4px}.lab-context .system,.lab-legend i.system{background:var(--ink)}.lab-context .turn,.lab-legend i.turn{background:var(--c-blue)}.lab-context .name,.lab-legend i.name{background:var(--c-lime)}.lab-context .doc,.lab-legend i.doc{background:var(--c-amber)}.lab-context .summary,.lab-legend i.summary{background:var(--c-violet)}.lab-context .reserve,.lab-legend i.reserve{background:repeating-linear-gradient(135deg,#c8cfbb 0 3px,#f0f3e8 3px 7px)}.lab-context .lab-legend{margin-top:16px}.lab-context .lab-legend i:not(:first-child){margin-left:10px}.lab-context-dropped{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0;font-size:13px;display:flex}.lab-context-dropped span{background:#ecebe4;border-radius:4px;padding:2px 8px;text-decoration:line-through;animation:.5s both lab-fall}.lab-context-dropped span.name{color:#a5281b;background:#ffe3de;font-weight:700}.lab-strategies{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.lab-strategies button{border:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;gap:4px;padding:14px 16px;display:grid}.lab-strategies button[aria-checked=true]{border-color:var(--ink);background:var(--ink);color:#f5f5ef}.lab-strategies b{font-size:16px}.lab-strategies small{color:var(--muted);font-size:13px}.lab-strategies button[aria-checked=true] small{color:var(--lime)}.lab-strategies+.lab-switch{margin-bottom:14px}.lab-bubble.ai.found{border-color:#b4e64c}.lab-cost-form{border:1px solid var(--line);background:#ecebe4;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin-bottom:22px;padding:18px 20px;display:grid}.lab-prices{border-top:1px dashed #cfd1cb;flex-wrap:wrap;grid-column:1/-1;gap:12px 24px;padding-top:14px;display:flex}.lab-prices label{gap:4px;font-size:13px;font-weight:800;display:grid}.lab-prices span{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.lab-prices input{background:#fff;border:1px solid #bdc0ba;border-radius:6px;width:76px;min-height:38px;padding:0 8px;font:700 15px monospace}.lab-cost{gap:16px;display:grid}.lab-cost>div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px 18px}.lab-cost p{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin:0;font-size:15px;display:flex}.lab-cost p small{color:var(--muted);font-size:13px}.lab-cost-bar{background:#e8e8e0;border-radius:4px;height:18px;margin:10px 0;overflow:hidden}.lab-cost-bar i{background:linear-gradient(90deg, #8ecf17, var(--lime));height:100%;transition:width .4s;display:block}.lab-cost>div:first-child .lab-cost-bar i{background:linear-gradient(90deg, #e08a00, var(--amber))}.lab-cost-num{color:var(--muted);font-family:monospace}.lab-cost-num strong{color:var(--ink);font-size:20px}@keyframes lab-fall{0%{opacity:0;transform:translateY(-10px)rotate(-4deg)}}@media (width<=900px){.lab-cards,.lab-bpe,.lab-strategies,.lab-cost-form{grid-template-columns:1fr}}@media (width<=600px){.lab-meter{grid-template-columns:1fr auto}.lab-meter>span{grid-column:1/-1}.lab .lab-controls .button{flex:auto}}.lab-context-over{z-index:1;pointer-events:none;background:repeating-linear-gradient(135deg,#c0392b73 0 4px,#c0392b26 4px 9px);border-radius:0 6px 6px 0;position:absolute;top:0;bottom:0;right:0}.agent-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.agent-compare>div{border:1px solid var(--line);background:#ecebe4;border-radius:8px;align-content:start;gap:10px;padding:18px;display:grid}.agent-compare>div.agent{background:var(--t-lime);border-color:#b4e64c}.agent-compare-label{margin:0;font-size:14px;font-weight:800}.agent-compare .lab-bubble{max-width:100%;font-size:15px}.agent-mini-call{background:var(--ink);color:var(--lime);border-radius:6px;justify-self:start;margin:0;padding:6px 12px;font:600 13px monospace}.agent-mini-call span{margin-right:8px}.agent-risk{vertical-align:1px;border-radius:50%;flex:none;width:10px;height:10px;margin-right:8px;display:inline-block}.agent-risk.low{background:#6e9a12}.agent-risk.medium{background:var(--amber)}.agent-risk.high{background:#d9534f}.agent-tools{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.agent-tool-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.agent-tool-list button{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:2px 8px;padding:10px 14px;display:grid}.agent-tool-list button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--lime)}.agent-tool-list b{font-size:15px}.agent-tool-list code{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.agent-tool-list small{color:var(--muted);grid-column:2/-1;font-size:12px}.agent-tool-list .agent-risk{grid-row:span 2}.agent-tool-detail{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.agent-tool-desc{margin:0 0 14px;font-size:15px;line-height:1.8}.agent-tool-desc b{font-size:17px;display:block}.agent-tool-caption{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:700}.agent-json{background:var(--ink);color:#dce5dd;border-radius:6px;margin:0;padding:12px 14px;font:500 13px/1.6 monospace;animation:.3s both lab-fade;overflow-x:auto}.agent-player{border:1px solid var(--line);background:#fff;border-radius:10px}.agent-loop{border-bottom:1px solid var(--line);background:#ecebe4;border-radius:10px 10px 0 0;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:800;display:flex}.agent-loop span{color:var(--muted);background:#fff;border:1px solid #cfd1cb;border-radius:99px;padding:6px 12px;transition:background .25s,color .25s,border-color .25s}.agent-loop span.on{border-color:var(--ink);background:var(--lime);color:var(--ink)}.agent-loop span.exit{margin-left:6px}.agent-loop span.exit.stop{color:#a5281b;background:#ffe3de;border-color:#d9534f}.agent-loop i{color:#6e9a12;font-style:normal}.agent-loop i.back{font-size:18px}.agent-loop b{color:#4a6a0a;margin-left:auto;font:800 13px monospace}.agent-trace{overscroll-behavior:contain;gap:10px;max-height:640px;margin:0;padding:18px;list-style:none;display:grid;overflow-y:auto}.agent-event{animation:.35s both lab-rise}.agent-event>p{margin:0;font-size:15px;line-height:1.8}.agent-event.user .lab-bubble{margin-left:auto}.agent-tag{border-radius:4px;margin-bottom:6px;padding:1px 9px;font:800 12px/1.8 Noto Sans TC,sans-serif;display:inline-block}.agent-event.think{border-left:3px solid var(--violet);background:var(--t-violet);padding:10px 14px;font-style:italic}.agent-event.think .agent-tag{background:var(--violet);color:var(--ink);font-style:normal}.agent-event.call{background:var(--ink);color:#f5f5ef;border-radius:8px;padding:10px 14px}.agent-event.call .agent-tag{background:var(--lime);color:var(--ink)}.agent-event.call b{margin-right:10px}.agent-event.call code{color:var(--lime);word-break:break-all;font-size:13px}.agent-event.result .agent-tag{background:var(--blue);color:var(--ink)}.agent-event.result.fail .agent-tag{color:#7f2d25;background:#ffd0cb}.agent-event.result .agent-json{border-left:3px solid var(--blue);color:#23302a;background:#f3f7f8}.agent-event.result.fail .agent-json{background:#fff3f1;border-left-color:#d9534f}.agent-event.approval,.agent-event.blocked,.agent-event.limit{background:#fff4e3;border:1px solid #f2c27a;border-radius:8px;padding:14px 16px}.agent-event.approval .agent-tag{background:var(--amber);color:var(--ink)}.agent-event.approval b{font-size:16px;display:block}.agent-event.approval.approve{background:var(--t-lime);border-color:#b4e64c}.agent-event.approval.reject,.agent-event.blocked,.agent-event.limit{background:#fff3f1;border-color:#f0a8a0}.agent-event.blocked .agent-tag,.agent-event.limit .agent-tag{color:#fff;background:#d9534f}.agent-approval-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.agent-event.approval:not(.approve):not(.reject){animation:.35s both lab-rise,1.6s ease-in-out .4s infinite agent-attention}.agent-decision{font-weight:800;margin-top:8px!important}.agent-controls{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.lab .agent-controls .button{min-height:42px;padding:0 18px;font-size:15px}.agent-wait{color:#a35d00;font-size:14px;font-weight:800}.agent-done{color:#4a6a0a;font-size:14px;font-weight:800}.agent-perms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.agent-perm{border:1px solid var(--line);background:#ecebe4;border-radius:8px;gap:10px;padding:14px 16px;display:grid}.agent-perm p{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;display:flex}.agent-perm small{color:var(--muted);font-size:13px}.agent-perm .lab-segment{justify-self:start}.agent-perm .lab-segment button{padding:0 14px;font-size:14px}.agent-rounds{border:1px solid var(--line);background:#fff;border-radius:8px;margin:0 0 20px;padding:18px}.agent-rounds figcaption{margin-bottom:12px;font-size:14px;font-weight:800}.agent-rounds ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.agent-rounds li{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:10px;font-size:13px;animation:.3s both lab-rise;display:grid}.agent-rounds li span{color:var(--muted);font-weight:700}.agent-rounds li div{background:#e8e8e0;border-radius:4px;height:16px;overflow:hidden}.agent-rounds li i{background:linear-gradient(90deg, #8ecf17, var(--lime));height:100%;transition:width .4s;display:block}.agent-rounds li b{text-align:right;font-family:monospace}.agent-rounds>p{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.8}.agent-rounds strong{color:#a5281b}.agent-fit{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:8px;display:grid}.agent-fit>div{border-radius:8px;padding:18px 20px}.agent-fit .good{background:var(--t-lime)}.agent-fit .care{background:#fff4e3}.agent-fit p{margin:0 0 8px;font-size:16px;font-weight:800}.agent-fit ul{margin:0;padding-left:1.2em;font-size:15px;line-height:1.85;list-style:outside}@keyframes agent-attention{50%{box-shadow:0 0 0 4px #ffbc5e55}}@media (width<=900px){.agent-compare,.agent-tools,.agent-perms,.agent-fit{grid-template-columns:1fr}}@media (width<=600px){.agent-trace{max-height:70vh;padding:14px}.agent-loop b{width:100%;margin-left:0}.lab .agent-controls .button{flex:auto}.agent-perm .lab-segment{justify-self:stretch}.agent-perm .lab-segment button{flex:1;padding:0 8px}.agent-rounds li{grid-template-columns:52px minmax(0,1fr) 52px}}
