.top{position:relative;overflow:hidden}.field{position:absolute;inset:0 0 0 45%;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 65% 70% at 60% 50%,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse 65% 70% at 60% 50%,#000 15%,transparent 70%)}.field canvas{width:100%;height:100%;display:block}.head{position:relative;z-index:1;padding-block:clamp(3rem,8vh,6rem) 0}.head h1{margin:0;font:500 clamp(2.875rem,5.8vw,5rem)/1 var(--display);letter-spacing:-.04em}.head h1 span.l{display:block}.head>p{margin:1.75rem 0 0;max-width:42ch;font-size:clamp(1.125rem,1.55vw,1.25rem);line-height:1.55;color:var(--ink-2);text-wrap:pretty}.chooser{position:relative;padding:clamp(1.25rem,4vw,3rem);margin:clamp(2.25rem,5vw,3.5rem) 0 clamp(6rem,12vw,9.5rem);--glow-a: #AAB5C3;--glow-b: #F5C896}.chooser[data-plan=agent]{--glow-a: #FFB394;--glow-b: #C3CEDF}.picks{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.pick{display:flex;flex-direction:column;width:100%;min-width:0;padding:1.375rem 1.5rem 1.25rem;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:opacity .45s var(--ease),transform .35s var(--spring)}.pick:not(.is-on){opacity:.45}.pick:not(.is-on):hover{opacity:.8}.pick:not(.is-on):active{transform:scale(.985)}.pick.is-on{cursor:default}.pick-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.pick-name,.pick-price{font:500 1.375rem/1.2 var(--display);letter-spacing:-.02em}.pick-price{white-space:nowrap}.pick-price small{font:400 .875rem/1 var(--text);letter-spacing:0;color:var(--muted)}.pick-dot{display:inline-block;width:.375rem;height:.375rem;margin-left:.1875rem;border-radius:50%;background:var(--accent);opacity:0;transform-origin:50% 100%}.pick.is-on .pick-dot{opacity:1}.hop{position:fixed;z-index:40;pointer-events:none}.hop i{display:block;width:100%;height:100%;border-radius:50%;background:var(--accent)}.pick-what{margin-top:.625rem;max-width:46ch;font-size:.96875rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}.pick-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.625rem 1rem;margin-top:auto;padding-top:1.125rem}.pick-meta{font-size:.875rem;color:var(--muted)}.pick-go{display:inline-flex;align-items:center;gap:.3125rem;height:1.875rem;padding:0 .5625rem 0 .75rem;border-radius:62.4375rem;border:1px solid rgba(19,20,22,.16);font-size:.8125rem;font-weight:500;color:var(--ink-2);transition:background-color .25s,border-color .25s,color .25s}.pick-go svg{width:.875rem;height:.875rem}.pick:not(.is-on):hover .pick-go{border-color:var(--ink-2);color:var(--ink)}.pick.is-on .pick-go{background:var(--ink);border-color:var(--ink);color:#fff}.panels{position:relative;margin-top:1.25rem}.panel[hidden]{display:none}.steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.25rem;margin:0;padding:0;list-style:none}.step{display:flex;flex-direction:column;padding:1.5rem 1.5rem 1.375rem;scroll-margin-top:6.875rem}.step-n{font:500 3.25rem/.9 var(--display);letter-spacing:-.05em;color:var(--ink)}.step-n .dot{transform-origin:50% 85%}.step:nth-child(2) .step-n .dot{transition-delay:.18s}.step:nth-child(3) .step-n .dot{transition-delay:.36s}@media(hover:hover)and (pointer:fine){.step:hover .step-n.is-in .dot{animation:n-hop .7s var(--ease)}}@keyframes n-hop{30%{transform:translateY(-.5625rem) scale(.9,1.12)}60%{transform:translateY(0) scale(1.2,.82)}80%{transform:scale(.96,1.04)}}.step h2{margin:1rem 0 0;font:500 1.375rem/1.2 var(--display);letter-spacing:-.02em}.step-what{margin:.5rem 0 1.125rem;font-size:.9375rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}.perks{display:flex;flex-wrap:wrap;gap:.375rem 1rem;margin:.875rem 0 0 .375rem;padding:0;list-style:none;font-size:.84375rem;color:var(--ink-2)}.perks li{display:inline-flex;align-items:center;gap:.3125rem}.perks svg{width:.8125rem;height:.8125rem;color:var(--accent);flex:none}.picker{display:flex;flex-direction:column}.pks{display:flex;flex-wrap:wrap;gap:.375rem}.pk{display:inline-flex;align-items:center;height:2rem;padding:0 .75rem;border:1px solid rgba(19,20,22,.1);border-radius:62.4375rem;background:#ffffffb8;font-size:.84375rem;color:var(--ink-2);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .35s var(--spring)}.pk:hover{background:#fff;color:var(--ink);border-color:#13141638}.pk:active{transform:scale(.95)}.pk.is-on{background:var(--ink);border-color:var(--ink);color:#fff;animation:pk-on .4s var(--spring)}@keyframes pk-on{40%{transform:scale(1.06)}}.drawer{display:grid;grid-template-rows:1fr}.js .drawer{grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--ease),opacity .3s}.js .drawer.is-open{grid-template-rows:1fr;opacity:1}.drawer-in{min-height:0;overflow:hidden}.peek{margin-top:.75rem;padding:.875rem 1rem;border-radius:1rem;background:#ffffffb3;box-shadow:inset 0 0 0 1px #13141612;font-size:.875rem;line-height:1.5;color:var(--ink-2)}.peek-item+.peek-item{margin-top:.75rem}.peek-item{min-width:0}.peek-item b{color:var(--ink);font-weight:600}.peek-item code{padding:1px .3125rem;border-radius:.3125rem;background:#1314160f;font:400 .78125rem/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--ink)}.peek-name{display:block}.js .peek{display:grid;grid-template-columns:minmax(0,1fr)}.js .peek-item{grid-area:1 / 1;align-self:center;margin:0;opacity:0;visibility:hidden;transform:translateY(.25rem);transition:opacity .3s,visibility .3s,transform .45s var(--ease)}.js .peek-item.is-on{opacity:1;visibility:visible;transform:none}.js .peek-name{display:none}.foot-line{margin-top:auto;padding-top:1.125rem;font-size:.84375rem;color:var(--muted)}.foot-line .text-link{margin-left:2px;font-size:.84375rem}.ex{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.625rem}.ex-say{display:block}.js .peek-item .ex>*{opacity:0;transform:translateY(.1875rem) scale(.96);transition:opacity .3s,transform .45s var(--spring)}.js .peek-item.is-on .ex>*{opacity:1;transform:none}.js .peek-item.is-on .ex>:nth-child(2){transition-delay:.07s}.js .peek-item.is-on .ex>:nth-child(3){transition-delay:.14s}.js .peek-item.is-on .ex>:nth-child(4){transition-delay:.21s}.ex-chips i,.ex-rules i{display:inline-flex;align-items:center;gap:.375rem;height:1.625rem;padding:0 .625rem;border-radius:.5rem;background:#fff;box-shadow:inset 0 0 0 1px #1314161a;font-size:.78125rem;font-style:normal;color:var(--ink)}.ex-chips i:before{content:"";width:.5rem;height:.5rem;border-radius:.1875rem;background:var(--c)}.ex-rules{flex-direction:column;align-items:flex-start;gap:.375rem}.rl{display:flex;align-items:center;gap:.375rem}.ex-rules .to-team{background:var(--accent-wash);box-shadow:none;color:var(--accent-ink);font-weight:600}.ex-rules .to-bot{background:var(--ok-wash);box-shadow:none;color:var(--ok-ink);font-weight:600}.ex-arr{width:.875rem;height:.875rem;color:var(--muted);flex:none}.ex-quote q{position:relative;display:block;padding-left:1.125rem;font-style:italic;color:var(--ink);quotes:none}.ex-quote q:before{content:"“";position:absolute;left:0;top:-.1875rem;font:600 1.625rem/1 var(--display);font-style:normal;color:var(--accent)}.ok{display:inline-flex;align-items:center;height:1.375rem;padding:0 .5rem;margin-right:.25rem;border-radius:.375rem;background:var(--ok-wash);color:var(--ok-ink);font-size:.78125rem;font-weight:600;font-style:normal}.ex-colour{flex-direction:column;align-items:stretch;gap:.625rem}.ex-colour .bubble{align-self:flex-end;padding:.4375rem .75rem;border-radius:.875rem .875rem .25rem;background:var(--brand);color:#fff;font-size:.8125rem;transition:background-color .45s var(--ease)}.swatches{display:flex;flex-wrap:wrap;gap:2px}.swatch{position:relative;width:1.625rem;height:1.625rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.swatch:before{content:"";position:absolute;inset:.3125rem;border-radius:50%;background:var(--c);transition:transform .35s var(--spring)}.swatch:after{content:"";position:absolute;inset:1px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--c);opacity:0;transform:scale(.8);transition:opacity .25s,transform .35s var(--ease)}.swatch:hover:before{transform:scale(1.14)}.swatch.is-on:after{opacity:1;transform:none}.ex-shapes i{display:grid;place-items:center;width:2.75rem;height:1.75rem;background:var(--c);color:#fff;font-size:.71875rem;font-weight:600;font-style:normal}.ex-shapes .r{border-radius:.875rem .875rem .25rem}.ex-shapes .s{border-radius:.5rem .5rem .1875rem}.ex-shapes .q{border-radius:.1875rem}.ex-shapes .g{border-radius:.875rem .875rem .25rem;background:#1d4e5f29;color:#1d4e5f;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #fff9}.ex-brand{gap:.5rem}.ex-brand i{display:grid;place-items:center;width:1.625rem;height:1.625rem;border-radius:.5rem;background:#1d4e5f;color:#fff;font:600 .75rem/1 var(--text);font-style:normal;box-shadow:0 0 0 2px #fff,0 0 0 .1875rem #1d4e5f40}.ex-brand b{font-size:.84375rem}.ex-brand small{font-size:.75rem;color:var(--muted)}.ex-voice{gap:.5rem}.ex-voice small{font-size:.71875rem;color:var(--muted)}.ex-voice i{position:relative;width:6.5rem;height:.25rem;border-radius:.25rem;background:linear-gradient(90deg,var(--accent) 72%,var(--line-2) 72%)}.ex-voice b{position:absolute;top:50%;left:72%;width:.875rem;height:.875rem;margin:-.4375rem 0 0 -.4375rem;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--accent),0 2px .25rem #13141633;transition:left .9s var(--ease) .2s}.js .peek-item:not(.is-on) .ex-voice b{left:22%}.said{display:inline-block;margin-right:.25rem;padding:.1875rem .5625rem;border-radius:.625rem .625rem .625rem .1875rem;background:var(--accent-wash);color:var(--accent-ink);font-style:normal;font-weight:500}.ex-code{display:flex;align-items:center;gap:.375rem;padding:.25rem .25rem .25rem .75rem;border-radius:62.4375rem;background:#fff;box-shadow:inset 0 0 0 1px #1314161a}.snip{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font:400 .75rem/1.875rem ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--ink);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.snip::-webkit-scrollbar{display:none}.snip .t{color:var(--ink)}.snip .a{color:var(--muted)}.snip .v{color:var(--accent-ink)}.ex-code .copy{flex:none;margin:0;background:var(--wash);box-shadow:none}.ex-code .copy:hover{box-shadow:0 0 0 1px var(--ink)}.lanes{margin-top:2px}.lanes-head{display:flex;justify-content:space-between;gap:.75rem;font-size:.8125rem;color:var(--muted)}.lanes-head span:first-child{color:var(--ink-2);font-weight:500}.lanes-bar{display:flex;gap:2px;height:.625rem;margin-top:.5rem}.lanes-bar i{border-radius:.1875rem;transform-origin:left}.l-self{background:var(--ok-soft, #5E9E7B)}.l-sys{background:#b4b7bc}.l-team{background:var(--accent)}.lanes-keys{display:flex;flex-wrap:wrap;gap:.25rem .875rem;margin-top:.625rem;font-size:.8125rem;color:var(--ink-2)}.lanes-keys span{display:inline-flex;align-items:center;gap:.375rem}.lanes-keys i{width:.5rem;height:.5rem;border-radius:.1875rem}.lanes-keys b{font-weight:600;color:var(--ink)}.js .panel:not([hidden]) .lanes-bar i{animation:lane-in .8s var(--ease) both}.js .panel:not([hidden]) .lanes-bar i:nth-child(2){animation-delay:.12s}.js .panel:not([hidden]) .lanes-bar i:nth-child(3){animation-delay:.24s}@keyframes lane-in{0%{transform:scaleX(0)}}.tools-card{margin-top:1.25rem;interpolate-size:allow-keywords}.tools-card summary{display:flex;align-items:center;gap:1rem;min-height:4rem;padding:0 1.375rem;list-style:none;cursor:pointer;border-radius:1.375rem;transition:background-color .2s}.tools-card summary::-webkit-details-marker{display:none}.tools-card summary:hover{background-color:#13141605}.tools-card summary:focus-visible{outline-offset:-.25rem}.tools-card summary strong{font-weight:500;font-size:.9375rem;color:var(--ink)}.tools-card summary>svg{width:.875rem;height:.875rem;overflow:visible;flex:none;color:var(--ink-2)}.tool-peek{display:flex;gap:.25rem;margin-left:auto;transition:opacity .3s,transform .45s var(--ease)}.tool-peek .tool-mark{width:1.625rem;height:1.625rem;border-radius:.5rem}.tool-peek .tool-mark svg{width:.875rem;height:.875rem}.tool-peek .tool-mark.is-letter{font-size:.75rem}.tools-card[open] .tool-peek{opacity:0;transform:translate(.5rem);pointer-events:none}.tools-card::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .45s var(--ease),opacity .3s,content-visibility .45s allow-discrete}.tools-card[open]::details-content{block-size:auto;opacity:1}.tools-body{border-top:1px solid var(--glass-line)}.tools-card .key{display:flex;gap:1.125rem}.tools-card .key span{display:inline-flex;align-items:center;gap:.4375rem}.k-in,.can i{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--ok);flex:none}.k-req,.can.is-req i{width:.4375rem;height:.4375rem;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1.4px var(--muted);flex:none}.tool-list{margin:0;padding:.25rem 1.375rem .5rem;list-style:none}.tool{display:grid;grid-template-columns:2.5rem minmax(0,12.5rem) minmax(0,1fr);align-items:center;gap:1rem;padding:.875rem 0}.tool+.tool{border-top:1px solid var(--glass-line)}.tool-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#ffffffc7;box-shadow:inset 0 0 0 1px #13141614,0 1px 2px #1314160d}.tool-mark svg{width:1.25rem;height:1.25rem;fill:none;stroke:var(--ink-2);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.tool-mark svg .f{fill:var(--ink-2);stroke:none}.tool-mark.is-letter{font:500 1.0625rem/1 var(--display);color:var(--ink-2)}.tool-name{font-size:.96875rem;font-weight:500;line-height:1.3}.tool-name small{display:block;margin-top:2px;font-size:.8125rem;font-weight:400;color:var(--muted)}.cans{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.can{display:inline-flex;align-items:center;gap:.4375rem;height:1.875rem;padding:0 .75rem;border:1px solid rgba(19,20,22,.09);border-radius:62.4375rem;background:#ffffffc7;font-size:.84375rem;white-space:nowrap}.can.is-req{border-style:dashed;border-color:#13141633;background:transparent;color:var(--muted)}.tools-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.625rem 1.25rem;font-size:.875rem;color:var(--ink-2)}.tools-foot .key{font-size:.8125rem;color:var(--muted)}.tools-foot .text-link{margin-left:.25rem;font-size:.875rem}.plan-more{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:1.25rem;padding:1.375rem 1.75rem 1.375rem 1.875rem}.plan-more p{max-width:62ch;font-size:.96875rem;line-height:1.5;color:var(--ink-2)}.plan-more b{font-weight:500;color:var(--ink)}.plan-more .btn{flex:none}@media(max-width:980px){.steps{grid-template-columns:minmax(0,1fr)}.tool{grid-template-columns:2.5rem minmax(0,1fr);gap:.625rem .875rem}.cans{grid-column:2}.plan-more{flex-direction:column;align-items:flex-start}.field{inset:0 0 auto 40%;height:22.5rem;opacity:.8;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 100% 20%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 70% at 100% 20%,#000 10%,transparent 70%)}}@media(max-width:760px){.picks{grid-template-columns:1fr;gap:.875rem}.tool-peek{display:none}}@media(max-width:620px){.chooser{padding:.875rem}.pick{padding:1.25rem 1.25rem 1.125rem}.pick-name,.pick-price{font-size:1.25rem}.panels,.tools-card,.plan-more{margin-top:.875rem}.plan-more{padding:1.25rem}.tools-card summary{padding:0 1.125rem}.tool-list{padding-inline:1.125rem}.tool{grid-template-columns:2.25rem minmax(0,1fr)}.tool-mark{width:2.25rem;height:2.25rem;border-radius:.6875rem}.cans{flex-direction:column;gap:.25rem}.can,.can.is-req{height:auto;padding:0;border:0;background:none;white-space:normal;font-size:.875rem;line-height:1.45}.steps{gap:.875rem}.step{padding:1.375rem 1.25rem 1.25rem}}
