@font-face{font-family:Disp;font-weight:700;font-display:swap;src:url(/fonts/agent/Genki-H.woff2) format("woff2")}@font-face{font-family:Body;font-weight:400;font-display:swap;src:url(/fonts/agent/Genki-R.woff2) format("woff2")}:root{--ink:#131313;--sur:#1B1B1B;--line:#2E2E2E;--paper:#FFFFFF;--muted:#B3B3B3;--disp:"Disp","PingFang TC",sans-serif;--body:"Body","PingFang TC",sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--w:min(1180px,100% - clamp(20px,3.4vw,56px));--e:cubic-bezier(.22,1,.36,1);--t:.4s}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,figure,table{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}.w{width:var(--w);margin-inline:auto}.u-nums{font-variant-numeric:tabular-nums;font-family:var(--mono)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.dsp{font-family:var(--disp);font-weight:700;letter-spacing:-.035em;line-height:.98}.d0{font-size:clamp(2.4rem,1rem + 6.4vw,5.6rem)}.d1{font-size:clamp(1.7rem,1rem + 3vw,3.2rem)}.lab{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;color:var(--muted)}.note{font-size:.85rem;color:var(--muted);line-height:1.75}html.js .st{opacity:0;transform:translateY(18px)}html.js .st[data-in]{opacity:1;transform:none;transition:opacity .5s var(--e) calc(var(--i,0) * 70ms),transform .55s var(--e) calc(var(--i,0) * 70ms)}.ch{display:inline-block;white-space:pre}html.js .rv .ch{opacity:0;transform:translateY(.34em)}html.js .rv[data-in] .ch{opacity:1;transform:none;transition:transform .5s var(--e) calc(var(--c,0) * 28ms),opacity .3s ease-out calc(var(--c,0) * 28ms)}@media(prefers-reduced-motion:reduce){html.js .st,html.js .rv .ch{opacity:1!important;transform:none!important;transition:none}}.nav{position:sticky;inset-block-start:0;z-index:40;background:#131313db;backdrop-filter:blur(8px);border-block-end:1px solid var(--line)}.nav .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:13px}.nav .mark{font-family:var(--disp);font-weight:700;font-size:1rem;letter-spacing:-.02em}.nav ul{display:flex;gap:clamp(12px,2vw,26px);font-size:.8rem}.nav a{text-decoration:none;color:var(--muted);transition:color var(--t) var(--e)}.nav a:hover,.nav a[data-on]{color:var(--paper)}@media(max-width:700px){.nav ul{display:none}}header[id],section[id]{scroll-margin-block-start:64px}.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;padding:15px 34px;font-size:.92rem;isolation:isolate;transition:color var(--t) var(--e)}.btn svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}.btn rect{fill:none;stroke:var(--paper);stroke-width:1;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .9s var(--e)}html.js .btn[data-in] rect{stroke-dashoffset:0}html:not(.js) .btn rect{stroke-dashoffset:0}.btn:after{content:"";position:absolute;inset:0;background:var(--paper);z-index:-2;transform:scaleY(0);transform-origin:bottom;transition:transform .4s var(--e)}.btn:hover{color:var(--ink)}.btn:hover:after{transform:scaleY(1)}@media(prefers-reduced-motion:reduce){html.js .btn rect{stroke-dashoffset:0;transition:none}}.cursor{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:60;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--paper);pointer-events:none;opacity:0;scale:.28;transition:opacity .3s var(--e),scale .3s var(--e);mix-blend-mode:difference;will-change:transform,scale}.cursor[data-on]{opacity:1}.cursor[data-big]{scale:1}@media(hover:none),(pointer:coarse){.cursor{display:none}}@media(prefers-reduced-motion:reduce){.cursor{display:none}}.wave{display:flex;align-items:center;gap:3px;height:34px}.wave i{display:block;width:4px;height:100%;background:var(--muted);transform-origin:center;transform:scaleY(.24)}html.js .wave i{animation:agent-wave 1.6s var(--e) infinite alternate}@keyframes agent-wave{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){html.js .wave i{animation:none}}.load{position:fixed;inset-block-start:0;inset-inline:0;height:2px;z-index:70;background:var(--paper);transform:scaleX(0);transform-origin:left;opacity:0}html.js .load{animation:agent-load 1.1s var(--e) forwards}@keyframes agent-load{0%{transform:scaleX(0);opacity:1}70%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}@media(prefers-reduced-motion:reduce){html.js .load{animation:none;display:none}}.hero{padding-block:clamp(50px,8vw,110px) clamp(30px,4vw,60px);position:relative}.hero h1{max-width:13ch}.hero .sub{margin-block-start:clamp(18px,2.4vw,30px);max-width:30em;color:var(--muted);font-size:1.04rem}.hero .acts{margin-block-start:clamp(22px,3vw,38px);display:flex;gap:12px;flex-wrap:wrap}.hero .bg{position:absolute;inset-block-start:0;inset-inline-end:0;width:min(46%,560px);aspect-ratio:1;opacity:.55;z-index:-1;background:url(/templates/agent/ag18-800.webp) center/cover no-repeat;mask-image:radial-gradient(120% 100% at 100% 0,#000 40%,transparent 78%)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hero .bg{animation:agent-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes agent-drift{0%{transform:scale(1.06) translateY(-1.4%)}to{transform:scale(1.06) translateY(1.4%)}}.stack{padding-block:clamp(40px,6vw,90px)}.cards{margin-block-start:clamp(24px,3vw,44px);display:grid;gap:clamp(14px,2vw,26px)}.card{background:var(--sur);border:1px solid var(--line);padding:clamp(20px,2.6vw,34px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.52fr);gap:clamp(16px,2.6vw,40px);align-items:center;transition:border-color var(--t) var(--e),transform var(--t) var(--e)}.card:hover{border-color:#4a4a4a;transform:translateY(-3px)}.card .no{font-family:var(--mono);font-size:.76rem;color:var(--muted)}.card h3{font-family:var(--disp);font-weight:700;font-size:clamp(1.2rem,1rem + 1vw,1.68rem);margin-block:10px 10px;line-height:1.2}.card p{color:var(--muted);font-size:.94rem;max-width:30em}.card figure{overflow:hidden}.card figure img{width:100%;aspect-ratio:4/3;object-fit:cover}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.card{animation:agent-rise linear both;animation-timeline:view();animation-range:cover 0% cover 46%}}}@keyframes agent-rise{0%{transform:translateY(58px) scale(.965);filter:blur(6px)}to{transform:none;filter:blur(0)}}@media(max-width:820px){.card{grid-template-columns:minmax(0,1fr)}}.price{padding-block:clamp(40px,6vw,90px)}.pick>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.pick{display:grid;gap:clamp(16px,2.4vw,30px)}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs label{cursor:pointer;border:1px solid var(--line);padding:10px 22px;font-size:.86rem;transition:background-color var(--t) var(--e),color var(--t) var(--e),border-color var(--t) var(--e)}.tabs label:hover{border-color:var(--paper)}.panes{display:grid}.pane{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .3s var(--e)}.pane .lead{color:var(--muted);font-size:.92rem;margin-block-end:14px}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:end;padding:13px 8px;font-size:.94rem;border-block-start:1px solid var(--line);font-family:var(--mono)}th:first-child,td:first-child{text-align:start;font-family:var(--body)}thead th{font-size:.76rem;color:var(--muted);font-weight:400;border-block-start:0}tbody th{font-family:var(--body);font-weight:400}tfoot td{color:var(--muted);font-size:.76rem;text-align:start;font-family:var(--body)}#c-a:checked~.panes .p-a,#c-b:checked~.panes .p-b,#c-c:checked~.panes .p-c{opacity:1;pointer-events:auto}#c-a:checked~.tabs label[for=c-a],#c-b:checked~.tabs label[for=c-b],#c-c:checked~.tabs label[for=c-c]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,24px);margin-block-start:clamp(24px,3vw,44px)}.specs div{border-block-start:1px solid var(--line);padding-block-start:14px}.specs .k{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.06em}.specs .v{margin-block-start:8px;font-size:.98rem}@media(max-width:760px){.specs{grid-template-columns:repeat(2,minmax(0,1fr))}}.ask{margin-block-start:clamp(18px,2.4vw,32px);display:grid}.ask details{border-block-start:1px solid var(--line);padding-block:clamp(14px,1.8vw,22px)}.ask details:last-of-type{border-block-end:1px solid var(--line)}.ask summary{cursor:pointer;font-family:var(--disp);font-weight:700;font-size:1.04rem;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.ask summary::-webkit-details-marker{display:none}.ask summary:after{content:"";flex:none;width:12px;height:12px;border-inline-end:2px solid var(--paper);border-block-end:2px solid var(--paper);transform:rotate(45deg) translate(-3px,-3px);transition:transform .24s var(--e)}.ask details[open] summary:after{transform:rotate(225deg) translate(-3px,-3px)}.ask p{margin-block-start:10px;font-size:.9rem;color:var(--muted);max-width:52em}footer{margin-block-start:clamp(40px,6vw,90px);border-block-start:1px solid var(--line);padding-block:clamp(36px,5vw,72px) clamp(56px,6vw,84px)}.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.78rem;color:var(--muted)}.fmk{font-family:var(--disp);font-weight:700;letter-spacing:-.04em;line-height:.96;font-size:clamp(2.2rem,1rem + 6vw,5.4rem);margin-block-end:clamp(24px,3vw,44px)}
