.how .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.how .setup{--ease-out:cubic-bezier(.16, 1, .3, 1);max-width:90rem;padding:clamp(6.75rem, 15vh, 8.75rem) var(--pad) 0;grid-template:"text scheme""switches scheme"1fr/minmax(0,clamp(22rem,31vw,28rem)) minmax(0,1fr);align-items:start;column-gap:clamp(2.5rem,4.5vw,5rem);margin:0 auto;display:grid;overflow-x:clip}.how .setup__text{grid-area:text;align-self:end;container-type:inline-size}.how .switches{grid-area:switches}.how .scheme{grid-area:scheme;align-self:center;min-width:0;margin:0}.how .setup__title{font-family:var(--font-d);text-transform:uppercase;letter-spacing:.005em;background:linear-gradient(180deg, var(--ink-hi) 0%, #dfe4e9 46%, #8d959d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.2rem,14cqi,4.1rem);font-weight:900;line-height:.92}.how .setup__title span{white-space:nowrap;display:block}.how .setup__brand{font-family:var(--font-d);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0 0 .625rem;font-size:clamp(1.05rem,5.4cqi,1.6rem);font-weight:800}.how .setup__lead{color:var(--muted);margin:1.5rem 0 0;font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.7}.how .switches{gap:1.35rem;margin-top:2.25rem;display:grid}.how .setup__action{justify-self:start;margin-top:.4rem}.how .switch{border:0;min-width:0;margin:0;padding:0}.how .switch__legend{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem;padding:0;font-size:.74rem;font-weight:600}.how .switch__opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid;position:relative}.how .switch input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.how .switch label{border:1px solid var(--line-2);min-height:3rem;color:var(--muted);cursor:pointer;user-select:none;background:#eaeef206;border-radius:.75rem;justify-content:center;align-items:center;gap:.55rem;padding:.65rem .8rem;font-size:.92rem;font-weight:500;line-height:1.2;transition:border-color .25s,background-color .25s,color .25s;display:flex}.how .switch label svg{opacity:.75;flex:none;width:1.15rem;height:1.15rem;transition:opacity .25s}.how .switch label:hover{color:var(--ink);border-color:#eaeef259}.how .switch input:checked+label{border-color:var(--amber);color:var(--ink-hi);background:#e8a53c1a}.how .switch input:checked+label svg{opacity:1;color:var(--amber-2)}.how .switch input:focus-visible+label{outline:2px solid var(--amber-2);outline-offset:3px}.how .switch__note{color:var(--muted);margin:.55rem 0 0;font-size:.8rem;line-height:1.5;transition:color .4s}.how .switch__note.is-flash{color:var(--amber-2)}.how .stage{aspect-ratio:16/11;position:relative;container:stage/inline-size}.how .stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(55% 60% at 78% 58%,#4da3ff16,#0000 72%);position:absolute;inset:-8% -6% -8% 38%}.how .stage__route,.how .stage__static{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.how .stage__static{display:none;overflow:visible}.how .stage__static polyline{fill:none;stroke:#a0ccf599;stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.how .stage__static-tall{display:none}html:not(.js) .how .stage__static{display:block}html:not(.js) .how .stage__route{display:none}.how .zone{z-index:0;position:absolute}.how .zone--vendor{text-align:center;border:1px dashed #eaeef24d;border-radius:1.4rem;align-content:center;justify-items:center;gap:.15rem;width:29.5%;height:17%;padding:0 1rem;display:grid;top:3%;right:1.5%}.how .zone--vendor b{font-family:var(--font-d);letter-spacing:.04em;color:var(--muted);font-size:.95rem;font-weight:700}.how .zone--vendor span{color:var(--muted);font-size:.76rem}.how .zone--company{background:radial-gradient(120% 90% at 0 100%,#e8a53c12,#0000 60%),#0b0e1259;border:1px solid #e8a53c66;border-radius:1.4rem;width:64%;height:94%;top:3%;left:1.5%;box-shadow:inset 0 1px #ffdf9e0f}.how .zone--company>span{letter-spacing:.18em;text-transform:uppercase;color:var(--amber-2);font-size:.74rem;font-weight:600;position:absolute;top:.85rem;left:1.1rem}.how .zone--server{flex-wrap:wrap;align-content:flex-start;align-items:baseline;gap:.25rem .75rem;width:58%;height:51%;padding:.8rem 1rem;display:flex;top:11%;left:4.5%}.how .zone__frame{transition:opacity .6s var(--ease-out);background:linear-gradient(160deg,#eaeef20b,#eaeef203);border:1px solid #e8a53c42;border-radius:1rem;position:absolute;top:0;left:0;right:0;box-shadow:0 30px 70px #00000059,inset 0 1px #ffffff0d}.how .zone__frame--off{height:82.4%}.how .zone__frame--on{opacity:0;height:100%}.how .zone--server b,.how .zone--server span{position:relative}.how .zone--server b{font-family:var(--font-d);letter-spacing:.02em;color:var(--ink-hi);font-size:1rem;font-weight:700}.how .zone--server span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.76rem}.how .node,.how .lock,.how .gate{z-index:2;left:var(--x);top:var(--y);transition:left .9s var(--ease-out), top .9s var(--ease-out), opacity .45s var(--ease-out), scale .45s var(--ease-out);position:absolute;translate:-50% -50%}.how .node{border:1px solid var(--line-2);white-space:nowrap;background:linear-gradient(145deg,#171b21,#0f1216);border-radius:.7rem;align-items:center;padding:.62rem .85rem;display:grid;box-shadow:0 14px 34px #0006}.how .node__v,.how .node:not(:has(.node__v)){align-items:center;gap:.7rem;display:flex}.how .node__v{grid-area:1/1}.how .node__icon{flex:none;width:1.5rem;height:1.5rem}.how .node__text{gap:.1rem;line-height:1.15;display:grid}.how .node__text b{font-family:var(--font-d);color:var(--ink-hi);font-size:1.08rem;font-weight:700}.how .node__text small{color:var(--muted);font-size:.76rem}.how .node--base{--x:14%;--y:34%;transition:left .9s var(--ease-out), top .9s var(--ease-out), box-shadow .6s;border-color:#e8a53c73}.how .node--base .node__icon{color:var(--amber)}.how .node--base .node__text b{color:var(--amber-2);font-size:1.5rem;line-height:1}.how .node--base.is-hit{box-shadow:0 14px 34px #0006,0 0 0 1px #f5c96a8c,0 0 40px #e8a53c59}.how .node--bridge{--x:49%;--y:34%;background:linear-gradient(145deg,#1d1810,#121110);border-color:#e8a53c99;box-shadow:0 14px 34px #0006,0 0 50px #e8a53c1a}.how .node--bridge .node__icon{color:var(--amber-2)}.how .node--bridge .node__text b{color:var(--amber-2);font-size:1.2rem}.how .node--ai{--x:83.5%;--y:82%;background:linear-gradient(145deg,#162331,#101720);border-color:#4da3ff66;box-shadow:0 14px 34px #0006,0 0 50px #4da3ff14}.how .node--ai .node__icon{color:#8cc6ff}.how .node--ai{max-width:30%}.how .node--ai .node__text small{white-space:normal}.how .node--from{--x:49%;--y:82%}.how .node--from .node__icon{color:var(--silver)}.how .node--slot{--x:17.5%;--y:82%;box-shadow:none;transition:left .9s var(--ease-out), top .9s var(--ease-out), opacity .5s var(--ease-out) .35s, border-color .25s, background-color .25s;background:#16233133;border:1px dashed #7cc4ff5c}.how .node--slot .node__icon{color:#8cc6ff99}.how .node--slot .node__text b{color:var(--muted)}.how .node--slot{cursor:pointer}.how .node--slot:hover{background:#16233166;border-color:#7cc4ffb3}.how .lock{--x:29.75%;--y:34%;justify-items:center;display:grid}.how .lock__icon{color:#f5c96abf;background:#111317;border:1px solid #e8a53c59;border-radius:50%;width:2.1rem;height:2.1rem;padding:.35rem;transition:color .5s,border-color .5s,box-shadow .5s;overflow:visible}.how .lock__shackle{transform-box:view-box;transform-origin:16px 11px;transition:transform .7s var(--ease-out)}.how .lock__label{text-align:center;width:6rem;color:var(--muted);white-space:normal;font-size:.74rem;line-height:1.35;position:absolute;bottom:calc(100% + .5rem)}.how .journal{z-index:2;width:40%;position:absolute;top:43.5%;left:7%}.how .journal__title{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.74rem;font-weight:600;display:block}.how .journal__empty{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.how .journal__lines{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.how .journal__lines li{color:var(--ink);align-items:baseline;gap:.45rem;font-size:.8rem;line-height:1.35;display:flex}.how .journal__lines svg{width:.8rem;height:.8rem;color:var(--amber-2);flex:none;translate:0 .12rem}.how .journal__lines li.is-new{animation:journal-print .9s var(--ease-out) both}@keyframes journal-print{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.how .gate{--x:65.5%;--y:34%;opacity:0;justify-items:center;display:grid;scale:.6}.how .gate__icon{width:2.2rem;height:2.2rem;color:var(--amber-2);background:#15130f;border:1px solid #e8a53c8c;border-radius:.65rem;place-items:center;display:grid;box-shadow:0 0 26px #e8a53c38}.how .gate__icon svg{width:1.3rem;height:1.3rem}.how .gate__label{text-align:center;width:max-content;max-width:10.5rem;color:var(--amber-2);background:#0e0f12f0;border:1px solid #e8a53c52;border-radius:.5rem;padding:.32rem .6rem;font-size:.74rem;line-height:1.35;position:absolute;top:calc(100% + max(1rem,10.5cqi - 3.2rem));left:50%;translate:-50%}.how .scheme__result{border-top:1px solid var(--line);align-items:baseline;gap:.75rem 1.5rem;margin-top:1.1rem;padding-top:1rem;display:flex}.how .scheme__key{color:var(--muted);flex:none;align-items:center;gap:.5rem;font-size:.76rem;display:inline-flex}.how .scheme__key i{background:linear-gradient(90deg,#fa9f50,#7cc4ff);border-radius:1px;width:1.6rem;height:2px;display:block}.how .scheme__say{max-width:64ch;min-height:4.8em;color:var(--ink);font-size:.98rem;line-height:1.6}.how .scheme__write{color:var(--muted)}.how:not(:has(#ai-local:checked)) .when-local,.how:has(#from-phone:checked) .when-local,.how:has(#ai-local:checked):not(:has(#from-phone:checked)) .when-cloud,.how:not(:has(#from-phone:checked)) .when-phone,.how:has(#from-phone:checked) .when-desk,.how:not(:has(#write-on:checked)) .when-write-on,.how:has(#write-on:checked) .when-write-off,.how:has(#ai-local:checked) .when-route-cloud-desk,.how:has(#from-phone:checked) .when-route-cloud-desk,.how:not(:has(#ai-local:checked)) .when-route-local-desk,.how:has(#from-phone:checked) .when-route-local-desk,.how:not(:has(#from-phone:checked)) .when-route-cloud-phone{display:none}.how .lock__label>span{display:block}.how:has(#ai-local:checked):not(:has(#from-phone:checked)) .node--ai{--x:17.5%;--y:82%}.how:has(#from-phone:checked) .node--ai{--x:83.5%;--y:34%}.how:has(#from-phone:checked) .node--from{--x:83.5%;--y:82%}.how:has(#from-phone:checked) .gate{opacity:1;scale:1}.how:has(#ai-local:checked):not(:has(#from-phone:checked)) .node--slot{opacity:0;pointer-events:none;transition-delay:.4s}.how:has(#write-on:checked) .zone__frame--off{opacity:0}.how:has(#write-on:checked) .zone__frame--on{opacity:1}.how:has(#write-on:checked) .lock__icon{color:var(--amber-2);border-color:#f5c96acc;box-shadow:0 0 28px #e8a53c59}.how:has(#write-on:checked) .lock__shackle{transform:translate(-.6px,-2.6px)rotate(-24deg)}@media (width>=761px){.how:has(#write-on:checked) .lock__label{width:7rem;bottom:calc(100% + .75rem)}}.how .journal__lines{display:none}.how:has(#write-on:checked) .journal__lines{display:grid}.how:has(#write-on:checked) .journal__empty{display:none}@media (width>=761px){@container stage (width<=47.5rem){.how .node{padding:.5rem .65rem}.how .node__v,.how .node:not(:has(.node__v)){gap:.55rem}.how .node__icon{width:1.25rem;height:1.25rem}.how .node__text b{font-size:.98rem}.how .node__text small{font-size:.72rem}.how .node--base .node__text b{font-size:1.3rem}.how .node--bridge .node__text b{font-size:1.05rem}.how .lock__icon{width:1.85rem;height:1.85rem;padding:.3rem}.how .lock__label,.how .journal__title{font-size:.72rem}.how .gate__icon{width:1.9rem;height:1.9rem}.how .gate__icon svg{width:1.1rem;height:1.1rem}.how .gate__label{font-size:.72rem}.how .zone--server b{font-size:.92rem}.how .zone--server span,.how .zone--vendor span{font-size:.72rem}.how .zone--vendor b{font-size:.88rem}.how .journal__empty,.how .journal__lines li{font-size:.76rem}.how:has(#from-phone:checked) .node--ai,.how:has(#from-phone:checked) .node--from{--x:84.5%}}}@media (width>=1220px) and (height<=760px){.how .setup{padding-top:6.25rem}.how .switches{gap:1.1rem;margin-top:1.75rem}.how .setup__action{margin-top:0;padding:.8rem 1.4rem}}@media (width<=1219px){.how .setup{grid-template:"text switches""scheme scheme"/minmax(0,1fr) minmax(0,1fr);row-gap:2.5rem}.how .setup__text{align-self:start}.how .switches{margin-top:0}.how .scheme{justify-self:center;width:min(100%,60rem)}}@media (width>=1024px) and (width<=1219px) and (aspect-ratio>=1){.how .setup{grid-template:"text text""switches scheme"1fr/minmax(0,12.5rem) minmax(0,1fr);gap:1.75rem 2rem;padding-top:6.25rem}.how .setup__text{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand lead""title lead";align-items:end;column-gap:3rem;display:grid}.how .setup__brand{letter-spacing:.16em;grid-area:brand;font-size:1.05rem}.how .setup__title{grid-area:title;font-size:clamp(2.4rem,3.9vw,2.9rem)}.how .setup__lead{grid-area:lead;max-width:58ch;margin:0}.how .switches{grid-area:switches;gap:1.1rem}.how .switch__opts{grid-template-columns:minmax(0,1fr)}.how .switch label{min-height:2.75rem}.how .setup__action{justify-self:stretch;margin-top:0;padding:.75rem .9rem;font-size:.9rem}.how .scheme{grid-area:scheme;place-self:start center;width:min(100%,max(42rem,145.455svh - 22.5455rem))}}@media (width<=760px){.how .setup{grid-template-columns:minmax(0,1fr);grid-template-areas:"text""switches""scheme";row-gap:1.6rem;padding-top:6.25rem}.how .setup__title{font-size:clamp(2.2rem,14cqi,3.1rem)}.how .setup__brand{letter-spacing:.16em;font-size:1.05rem}.how .setup__lead{margin-top:1.1rem}.how .switches{gap:.8rem;margin-top:0}.how .setup__action{display:none}.how .switch__legend{margin-bottom:.35rem;font-size:.72rem}.how .switch label{min-height:2.75rem;padding:.45rem .5rem;font-size:.88rem}.how .switch__note{margin-top:.4rem;font-size:.76rem}.how .stage{aspect-ratio:10/16.4;width:100%;min-height:36rem}.how .stage:before{background:radial-gradient(70% 70% at 70% 40%,#4da3ff17,#0000 72%);inset:-4% -4% 60%}.how .stage__static-wide{display:none}.how .stage__static-tall{display:inline}.how .zone--vendor{border-radius:.8rem;width:54%;height:9%;padding:0 .75rem;top:0;right:0}.how .zone--vendor b{font-size:.84rem}.how .zone--vendor span{font-size:.72rem}.how .zone--company{border-radius:1.1rem;width:100%;height:75%;top:25%;left:0}.how .zone--company>span{letter-spacing:.14em;font-size:.72rem;top:.6rem;left:.85rem}.how .zone--server{flex-direction:column;gap:.1rem;width:94%;height:52%;padding:.55rem .75rem;top:45%;left:3%}.how .zone__frame--off{height:88%}.how .zone--server b{font-size:.9rem}.how .zone--server span{font-size:.72rem}.how .node{white-space:normal;border-radius:.6rem;width:max-content;max-width:9.8rem;padding:.42rem .58rem}.how .node__v,.how .node:not(:has(.node__v)){gap:.5rem}.how .node__icon{width:1.15rem;height:1.15rem}.how .node__text b{font-size:.9rem}.how .node__text small{font-size:.72rem;line-height:1.25}.how .node--base .node__text b{font-size:1.1rem}.how .node--bridge .node__text b{font-size:.95rem}.how .node--ai{max-width:10.6rem}.how .node--base{--x:72%;--y:76.5%}.how .lock{--x:72%;--y:67.5%}.how .node--bridge{--x:72%;--y:58.5%}.how .node--from{--x:72%;--y:37.5%}.how .node--ai{--x:72%;--y:16.5%}.how:has(#ai-local:checked):not(:has(#from-phone:checked)) .node--ai{--x:26%;--y:37.5%;max-width:8.4rem}.how:has(#from-phone:checked) .node--ai{--x:72%;--y:15%}.how:has(#from-phone:checked) .node--from{--x:23%;--y:15%;max-width:8.2rem}.how .lock__icon{width:1.75rem;height:1.75rem;padding:.27rem}.how .lock__label{text-align:right;width:6.6rem;font-size:.72rem;top:50%;bottom:auto;right:calc(100% + .55rem);translate:0 -50%}.how .gate{--x:72%;--y:25%}.how .gate__icon{width:1.8rem;height:1.8rem}.how .gate__icon svg{width:1.05rem;height:1.05rem}.how .gate__label{text-align:right;background:0 0;border:0;border-radius:0;width:6.6rem;max-width:none;padding:0;font-size:.72rem;top:calc(50% + 1.85rem);left:auto;right:calc(50% + .9rem);translate:none}.how .node--slot{--x:26%;--y:37.5%;max-width:9.6rem}.how .node--slot .node__icon{display:none}.how:has(#from-phone:checked) .node--slot{opacity:0;pointer-events:none;transition-delay:0s}.how .journal{width:86%;top:82%;left:7%}.how .journal__title{letter-spacing:.12em;margin-bottom:.2rem;font-size:.72rem}.how .journal__empty{font-size:.76rem}.how .journal__lines{gap:.12rem}.how .journal__lines li{font-size:.76rem}.how .scheme__result{gap:.6rem;margin-top:.9rem;display:grid}.how .scheme__say{min-height:0;font-size:.92rem}}@media (width<=389px){.how .zone--vendor{height:8%}.how .node--slot{max-width:8.4rem}.how .node--ai{max-width:10.2rem}.how:has(#ai-local:checked):not(:has(#from-phone:checked)) .node--ai{--x:24%;max-width:7.8rem}.how:has(#from-phone:checked) .node--ai{--y:14.5%}.how:has(#from-phone:checked) .node--from{--x:21%;--y:14.5%;max-width:7.6rem}}@media (prefers-reduced-motion:reduce){.how .node,.how .node--slot,.how .lock,.how .gate,.how .lock__shackle,.how .zone__frame{transition:none}.how .journal__lines li.is-new{animation:none}}.how .needs{padding-top:var(--sec);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:2.5rem clamp(3rem,6vw,6rem);display:grid}.how .needs .h2 span{display:block}.how .needs__head .lead{max-width:44ch}.how .needs__more{color:var(--amber-2);text-underline-offset:.3em;align-items:center;gap:.5rem;margin-top:1.75rem;font-weight:500;text-decoration:underline #f5c96a59;transition:color .25s,text-decoration-color .25s;display:inline-flex}.how .needs__more svg{width:1.05rem;height:1.05rem;transition:translate .35s var(--ease)}.how .needs__more:hover{color:var(--amber-hi);text-decoration-color:var(--amber-hi)}.how .needs__more:hover svg{translate:.2rem}.how .needs__lists{gap:2.75rem;display:grid}.how .needs__label{font-family:var(--font-t);letter-spacing:.18em;text-transform:uppercase;color:var(--amber-2);margin:0 0 .35rem;font-size:.74rem;font-weight:600}.how .needs__col--skip .needs__label{color:var(--muted)}.how .needs__list{margin:0;padding:0;list-style:none}.how .needs__list li{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:1rem;padding:.8rem 0;font-size:1rem;line-height:1.55;display:grid}.how .mark{width:2.25rem;height:2.25rem;color:var(--amber-2);background:linear-gradient(145deg,#1d1810,#121110);border:1px solid #e8a53c73;border-radius:.6rem;place-items:center;display:grid;box-shadow:0 8px 20px #00000059}.how .mark svg{width:1.2rem;height:1.2rem}.how .mark--ai{color:#8cc6ff;background:linear-gradient(145deg,#162331,#101720);border-color:#4da3ff66}.how .mark--skip{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}.how .needs__col--skip li{color:var(--muted)}.how .needs__list li[class^=when-]{animation:.7s cubic-bezier(.16,1,.3,1) both need-in}@keyframes need-in{0%{opacity:0;translate:0 -.35rem}to{opacity:1;translate:0}}.how .scheme-words{flex-wrap:wrap;align-items:center;gap:.5rem .6rem;margin:1.75rem 0 0;display:flex}.how .scheme-words__label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);flex-basis:100%;font-size:.74rem;font-weight:600}.how .scheme-words__chips{display:contents}.how .scheme-words__chip{color:var(--ink);background:#e8a53c12;border:1px solid #e8a53c66;border-radius:999px;padding:.35rem .8rem .35rem .6rem;font-size:.86rem}.how .scheme-words__chip>span{align-items:center;gap:.45rem;display:inline-flex}.how .scheme-words__chip svg{width:1rem;height:1rem;color:var(--amber-2)}.how .scheme-words__chip--ai{background:#4da3ff12;border-color:#4da3ff66}.how .scheme-words__chip--ai svg{color:#8cc6ff}.how .scheme-words__change{color:var(--amber-2);text-underline-offset:.3em;font-size:.86rem;text-decoration:underline #f5c96a59}.how .scheme-words__change:hover{color:var(--amber-hi);text-decoration-color:var(--amber-hi)}.how .how__jump{display:none}@media (width<=900px){.how .needs{grid-template-columns:minmax(0,1fr)}.how .needs__lists{gap:2rem;padding-top:0}}@media (width<=760px){.how .how__jump{width:100%;margin-top:1.25rem;display:flex}.how .scheme-words__change{align-items:center;min-height:2.75rem;display:inline-flex}.how .needs__list li{grid-template-columns:2rem minmax(0,1fr);gap:.85rem;padding:.75rem 0;font-size:.95rem}.how .mark{width:2rem;height:2rem}.how .mark svg{width:1.05rem;height:1.05rem}}@media (prefers-reduced-motion:reduce){.how .needs__list li[class^=when-]{animation:none}.how .needs__more svg{transition:none}}