.home{background:var(--ground);color:var(--ink);position:relative;overflow-x:clip}.home__in{z-index:1;position:relative}.web{pointer-events:none;z-index:0;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.home section{scroll-margin-top:var(--size-bar)}.sec-head{max-width:var(--size-page);padding:0 var(--sp-5);text-align:center;align-items:center;gap:var(--sp-5);flex-direction:column;margin:0 auto;display:flex}.wc-lead{font-size:var(--fs-web-lead)}.mock{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-card);text-align:left;flex-direction:column;display:flex;position:relative;overflow:hidden}.mock__bar{align-items:center;gap:var(--sp-2);height:var(--h-control);padding:0 var(--sp-4);background:var(--panel);border-bottom:1px solid var(--line);flex:none;display:flex}.mock .wc-list-row{box-sizing:content-box}.mock__dot{width:var(--size-dot);height:var(--size-dot);background:var(--line2);border-radius:50%}.mock__url{border-radius:var(--r-pill);background:var(--ground);min-width:0;font:var(--t-mono);color:var(--sub);padding:0 var(--sp-3);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mock__line{height:var(--sp-cosy);border-radius:var(--r-small);background:var(--line);display:block}.mock__line.tall{background:var(--line2);height:16px}.w30{width:30%}.w40{width:40%}.w60{width:60%}.w70{width:70%}.w76{width:76%}.w78{width:78%}.w80{width:80%}.w86{width:86%}.w90{width:90%}.hero{padding:var(--sp-8) var(--sp-5) 0}.hero__text{max-width:var(--size-page);text-align:center;align-items:center;gap:var(--sp-5);flex-direction:column;margin:0 auto;display:flex}.hero__h1{text-wrap:balance;max-width:12ch}.hero__text .wc-lead{max-width:54ch}.hero__acts{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.hero__stage{max-width:var(--size-page);margin:72px auto 0}.hero__frame{height:660px}.hero__body{flex:1;min-height:0;display:flex}.hero__page{min-width:0;padding:var(--sp-6);gap:var(--sp-3);flex-direction:column;flex:1;display:flex}.hero__row{border:1px solid var(--line);border-radius:var(--r-control);height:86px;display:block}.hero__row:first-of-type{margin-top:var(--sp-4)}.hero__row.hot{border:2px solid var(--accent)}.hero__aside{border-left:1px solid var(--line);background:var(--ground);flex-direction:column;flex:none;width:420px;display:flex}.hero__asidehead{align-items:center;gap:var(--sp-2);padding:var(--sp-4);border-bottom:1px solid var(--line);display:flex}.hero__chat{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;flex:1;display:flex}.hero__q{border-radius:var(--r-card) var(--r-card) var(--r-small) var(--r-card);align-self:flex-end;max-width:88%}.hero__steps{flex-direction:column;display:flex}.hero__table{border:1px solid var(--line);border-radius:var(--r-control);font:400 var(--fs-ui)/1.4 var(--font-mono);overflow:hidden}.hero__tr{padding:var(--sp-3);border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hero__tr.head{color:var(--sub);border-top:0}.hero__input{padding:var(--sp-3) var(--sp-4);border:1px solid var(--line2);border-radius:var(--r-control);color:var(--sub);margin-top:auto}@media (max-width:760px){.hero{padding:var(--sp-7) var(--sp-5) 0}.hero__h1{max-width:none}.hero__h1 br{display:none}.hero__h1 .pink:before{content:" "}.hero__stage{margin-top:var(--sp-7)}.hero__frame{height:auto}.hero__page{display:none}.hero__aside{border-left:0;width:100%}.hero__steps .wc-tag{margin-inline-end:var(--sp-3)}}.works{padding:var(--size-section) 0 0;overflow:hidden}.works__lead{margin-top:calc(-1 * var(--sp-5))}.works__tabs{justify-content:center;gap:var(--sp-2) var(--sp-6);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.works__stage{margin:var(--sp-7) auto 0;max-width:var(--size-page);touch-action:pan-y}.works__track{column-gap:3%;display:flex;transform:translate(-40%)}.works__card{text-align:center;align-items:center;gap:var(--sp-5);transition:transform calc(var(--dur) * 2) var(--ease);cursor:pointer;flex-direction:column;flex:0 0 58%;display:flex;overflow:hidden;transform:scale(.94)}.works__card.is-on{cursor:auto;transform:none}.works__frame{width:100%;height:440px}.works__pic{flex:1;min-height:0;display:flex}.works__pic :is(.mock__line,.works__box,.works__input){opacity:.45;transition:opacity calc(var(--dur) * 2) var(--ease)}.works__card.is-on .works__pic :is(.mock__line,.works__box,.works__input){opacity:1}.works__pic--split>:first-child{flex:1}.works__page{padding:var(--sp-5);gap:var(--sp-3);flex-direction:column;flex:1;display:flex}.works__box{border:1px solid var(--line);border-radius:var(--r-control);height:70px;display:block}.works__page .works__box:first-of-type{margin-top:var(--sp-2)}.works__box--hot{border:2px solid var(--accent)}.works__side{border-left:1px solid var(--line);background:var(--ground);width:38%;padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.works__q{padding:var(--sp-2) var(--sp-3)}.works__input{border:1px solid var(--line2);border-radius:var(--r-control);height:36px;margin-top:auto}.works__nav{border-right:1px solid var(--line);width:170px;padding:var(--sp-4);gap:var(--sp-3);font:var(--t-mono);color:var(--sub);flex-direction:column;display:flex}.works__nav .on{color:var(--accent)}.works__jobs{padding:var(--sp-5);gap:var(--sp-1);flex-direction:column;flex:1;display:flex}.works__pic--col{gap:var(--sp-3);padding:var(--sp-5);flex-direction:column}.works__gap{margin-top:var(--sp-4)}.works__note{font:var(--t-mono);color:var(--mute)}.works__term{padding:var(--sp-5);background:var(--ground);font:400 var(--fs-ui)/2 var(--font-mono);color:var(--mute);flex-direction:column;overflow:hidden}.works__term .sub{color:var(--sub)}.works__term .ink{color:var(--ink)}.works__text{align-items:center;gap:var(--sp-3);flex-direction:column;min-height:168px;display:flex}.works__text h3{font-size:var(--fs-web-h2);letter-spacing:-.04em;margin:0;font-weight:700;line-height:1}.works__text p{font:400 var(--fs-ui)/1.6 var(--font-mono);color:var(--mute);max-width:64ch;min-height:3.2em;margin:0}.works__arrows{justify-content:center;gap:var(--sp-3);margin-top:var(--sp-6);display:flex}@media (max-width:760px){.works{padding-top:var(--size-block)}.works__track{transform:translate(-82%)}.works__card{flex-basis:86%}.works__pic :is(.mock__line,.works__box,.works__input){opacity:1}.works__nav{width:110px}.works__side{width:55%;min-width:0}.works__side .wc-list-row{gap:var(--sp-1);flex-wrap:wrap}.works__text h3{font-size:var(--fs-h1)}}.does{height:4200px;margin-top:var(--size-section);position:relative}.does__pin{justify-content:center;gap:var(--sp-5);height:700px;padding:0 var(--sp-5);flex-direction:column;display:flex;position:sticky;top:96px}.does__head{max-width:var(--size-page);justify-content:space-between;align-items:flex-end;gap:var(--sp-5);flex-wrap:wrap;width:100%;margin:0 auto;display:flex}.does__title{gap:var(--sp-3);flex-direction:column;display:flex}.does__count{font:var(--t-mono);color:var(--sub)}.does__steps{max-width:var(--size-page);gap:var(--sp-2);grid-template-columns:repeat(6,minmax(0,1fr));width:100%;margin:0 auto;display:grid}.does__step{align-items:flex-start;gap:var(--sp-2);cursor:pointer;text-align:left;color:var(--sub);font:500 var(--fs-ui)/1.2 var(--font-mono);background:0 0;border:0;flex-direction:column;padding:0;display:flex}.does__step.on{color:var(--ink)}.does__step.past{color:var(--mute)}.does__step:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.does__bar{background:var(--line);width:100%;height:1px;display:block;position:relative;overflow:hidden}.does__fill{background:var(--ink);width:0;position:absolute;top:0;bottom:0;left:0}.does__fill.on{background:var(--accent)}.does__flow{max-width:var(--size-page);gap:var(--sp-6);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;width:100%;margin:0 auto;display:grid}.does__fig{margin:0;display:flex;position:relative}.does__frame{flex:1;min-height:440px}.does__body{flex:1;display:flex}.does__page{padding:var(--sp-6);gap:var(--sp-3);flex-direction:column;flex:1;display:flex}.does__box{margin-top:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-control);height:120px;display:block}.does__panel{border-left:1px solid var(--line);background:var(--ground);width:38%;padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.does__me{border-radius:var(--r-card);background:var(--line2);height:48px;display:block}.does__input{border:1px solid var(--line2);border-radius:var(--r-control);height:34px;margin-top:auto;display:block}.does__pin-dot{border-radius:var(--r-pill);width:32px;height:32px;font:600 var(--fs-ui) var(--font-mono);background:var(--ground);color:var(--accent);border:2px solid var(--accent);transition:transform var(--dur) var(--ease);place-items:center;display:grid;position:absolute}.does__pin-dot.on{background:var(--brand);color:var(--on-brand);transform:scale(1.18)}.does__pin-dot.p1{top:var(--sp-8);right:calc(38% - var(--sp-4))}.does__pin-dot.p2{top:150px;right:calc(38% - var(--sp-4))}.does__pin-dot.p3{top:210px;left:var(--sp-4)}.does__cards{gap:var(--sp-3);flex-direction:column;display:flex}.does__card{gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-card);color:var(--sub);display:flex}.does__card.on{color:var(--ink)}.does__card p{margin:var(--sp-2) 0 0;font-size:var(--fs-body);font-weight:500;line-height:1.45}.does__card .kick{display:block}.does__num{width:var(--h-badge);height:var(--h-badge);border-radius:var(--r-pill);font:600 var(--fs-ui) var(--font-mono);background:var(--ground);color:var(--accent);border:2px solid var(--accent);opacity:.5;transition:opacity var(--dur) var(--ease);flex:none;place-items:center;display:grid}.does__card.on .does__num{opacity:1}.does__num.on{background:var(--brand);color:var(--on-brand)}.does__list{gap:var(--sp-1);margin-top:var(--sp-2);color:var(--mute);flex-direction:column;display:flex}@media (max-width:760px){.does{height:auto;margin-top:var(--size-block)}.does__pin{height:auto;padding:0 var(--sp-5);position:relative;top:0}.does__steps{row-gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr))}.does__flow{grid-template-columns:1fr}.does__panel{display:none}.does__pin-dot.p1,.does__pin-dot.p2{right:var(--sp-4)}.does__num{opacity:1}}.learn{padding:var(--size-section) var(--sp-5) 0;gap:var(--sp-8);flex-direction:column;display:flex}.learn__lead{max-width:60ch}.learn>.sec-head,.ctrl>.sec-head{padding-inline:0}.learn__cards{max-width:var(--size-page);gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0 auto;padding:0;list-style:none;display:grid}.learn__card{gap:var(--sp-5);background:var(--ground);padding:var(--sp-5) var(--sp-4);border:0}.learn__top{align-items:center;gap:var(--sp-3);display:flex}.learn__n{border-radius:var(--r-pill);border:1px solid var(--line2);width:32px;height:32px;font:500 var(--fs-ui) var(--font-mono);place-items:center;display:grid}.learn__n.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.learn__art{width:100%;height:auto}.learn__text{gap:var(--sp-3);flex-direction:column;display:flex}.learn__text h3{font-size:var(--fs-h2);letter-spacing:-.02em;margin:0;font-weight:700}.learn__text p{font-size:var(--fs-ui)}.learn__bars{gap:var(--sp-2);flex-direction:column;display:flex}.learn__bars>div{align-items:center;gap:var(--sp-3);font:400 var(--fs-ui) var(--font-mono);color:var(--mute);display:flex}.learn__bars>div.faint{color:var(--sub)}.learn__bars>div>span:first-child{width:96px}.learn__track{border-radius:var(--r-pill);background:var(--line);flex:1;height:6px;display:block;overflow:hidden}.learn__fill{background:var(--accent);height:100%;display:block}.learn__fill.f0{width:88%}.learn__fill.f1{width:54%}.learn__fill.f2{background:var(--line2);width:12%}@media (max-width:760px){.learn{padding-top:var(--size-block)}.learn__cards{grid-template-columns:1fr}}.tested{padding:var(--size-section) var(--sp-5) 0}.tested__in{max-width:var(--size-page);gap:var(--sp-8);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin:0 auto;display:grid}.tested__text{gap:var(--sp-5);padding-top:var(--sp-5);flex-direction:column;display:flex}.tested__points{padding:0 var(--sp-4);background:var(--ground);border-radius:var(--r-card);flex-direction:column;margin:0;list-style:none;display:flex}.tested__points li{gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line);display:flex}.tested__points li>span:first-child{font:500 var(--fs-ui) var(--font-mono)}.tested__text .wc-btn-link{align-self:flex-start}.tested__card{padding-top:var(--sp-5);flex-direction:column;justify-content:space-between;display:flex}.tested__card>.wc-mute{padding-bottom:var(--sp-4)}.tested__run{gap:var(--sp-3);padding:var(--sp-4) 0;border-top:1px solid var(--line);flex-direction:column;display:flex}.tested__name{gap:var(--sp-1);flex-direction:column;display:flex}.tested__name b{font:var(--t-h3)}.tested__row{grid-template-columns:minmax(0,1fr) calc(var(--size-chrome) * 2);gap:var(--sp-5);align-items:center;display:grid}.tested__pct{align-items:flex-end;gap:var(--sp-1);flex-direction:column;display:flex}.tested__num{font-family:var(--font-sans);font-size:calc(var(--fs-web-h2) * 1.4);letter-spacing:var(--track-web-h2);font-weight:700;line-height:1}.tested__num.hot{color:var(--accent)}.tested__key{gap:var(--sp-2) var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;display:flex}.tested__key>span{align-items:center;gap:var(--sp-2);display:inline-flex}.tested__key .wc-dot{width:var(--sp-4);height:var(--sp-4)}.tested__ink{background:var(--ink)}.tested__note{color:var(--sub);margin-left:auto}@media (max-width:760px){.tested{padding-top:var(--size-block)}.tested__in{gap:var(--sp-6);grid-template-columns:1fr}.tested__note{margin-left:0}.tested__row{gap:var(--sp-3);grid-template-columns:minmax(0,1fr) auto}}.ctrl{padding:var(--size-section) var(--sp-5) 0;gap:var(--sp-7);flex-direction:column;display:flex}.ctrl__lead{max-width:58ch}.control{max-width:var(--size-page);gap:var(--sp-6);background:var(--ground);border:0;width:100%;margin:0 auto;padding:0}.control__sentence{text-align:center;font:var(--t-h2);margin:0;line-height:1.6}.control__line{gap:var(--sp-4);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.control__rail{background:var(--line2);height:2px;position:absolute;top:19px;left:10%;right:10%}.control__step{z-index:1;place-items:start center;row-gap:var(--sp-3);text-align:center;grid-template-rows:40px 3.2em 28px;display:grid;position:relative}.control__node{width:var(--h-compact);height:var(--h-compact);border-radius:var(--r-pill);background:var(--ink);color:var(--ground);border:2px solid var(--ink);place-items:center;display:grid}.control__node.asks{background:var(--brand);color:var(--on-brand);border-color:var(--accent)}.control__text{font-size:var(--fs-body);align-self:center;font-weight:600;line-height:1.3}.control__ask{margin-top:calc(-1 * var(--sp-4));padding-top:var(--sp-5);position:relative}.control__hang{width:1px;height:var(--sp-5);background:var(--accent);position:absolute;top:0}.control__ask[data-at="3"] .control__hang{left:50%}.control__ask[data-at="4"] .control__hang{left:70%}.control__ask[data-at="5"] .control__hang{left:90%}.control__askpos{width:300px;max-width:100%}.control__ask[data-at="3"] .control__askpos{margin-left:clamp(0px,50% - 150px,100% - 300px)}.control__ask[data-at="4"] .control__askpos{margin-left:clamp(0px,70% - 150px,100% - 300px)}.control__ask[data-at="5"] .control__askpos{margin-left:clamp(0px,90% - 150px,100% - 300px)}.control__askpos .wc-tile-soft{box-sizing:content-box;width:100%}.control__askhead{align-items:center;gap:var(--sp-2);white-space:nowrap;justify-content:center;display:flex}.control__asktitle{font:600 var(--fs-ui)/1.4 var(--font-sans);margin-top:var(--sp-1)}.control__acts{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.pinkbtn{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.dim{color:var(--sub)}.control__note{text-align:center;color:var(--sub);font-size:var(--fs-ui);margin:0}@media (max-width:760px){.ctrl{padding-top:var(--size-block)}.control__sentence{font-size:var(--fs-h3);line-height:1.8}}@media (max-width:900px){.control__line{text-align:left;grid-template-columns:1fr}.control__rail{display:none}.control__step{text-align:left;place-items:center start;column-gap:var(--sp-3);grid-template-rows:auto;grid-template-columns:40px minmax(0,1fr)}.control__step>.wc-tag{grid-column:2;justify-self:start}.control__ask{margin-top:0}.control__hang{display:none}.control__askpos{width:100%;margin-left:0!important}.control__askpos .wc-tile-soft{box-sizing:border-box}}.join{padding:var(--size-section) var(--sp-5) 0}.join__in{text-align:center;align-items:center;gap:var(--sp-5);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.join__form{gap:var(--sp-2);width:100%;max-width:600px;padding:var(--sp-1);border:1px solid var(--line2);border-radius:var(--r-card);background:var(--panel);flex-wrap:wrap;display:flex}.join__form input{min-width:0;min-height:var(--h-control);color:var(--ink);font:var(--t-mono);padding:0 var(--sp-4);background:0 0;border:0;flex:220px}.join__form input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--r-control)}.join__form input::placeholder{color:var(--sub)}.join__fine{font-size:var(--fs-ui);color:var(--sub);margin:0}.join__fine a{color:var(--mute)}.join__error{color:var(--bad);margin:0}.join__card{align-items:center;gap:var(--sp-4);width:100%;max-width:600px;padding:var(--sp-6);border-radius:var(--r-card);background:var(--panel);flex-direction:column;display:flex}.join__card .wc-web-text{max-width:44ch}.join__acts{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:760px){.join{padding-top:var(--size-block)}.join__card{padding:var(--sp-5) var(--sp-4)}}.faq{padding:var(--size-section) var(--sp-5);max-width:calc(900px + 2 * var(--sp-5));gap:var(--sp-6);flex-direction:column;margin:0 auto;display:flex}.faq>h2{text-align:center}.faq__group{gap:var(--sp-3);margin-top:var(--sp-5);flex-direction:column;display:flex}@media (max-width:760px){.faq{padding-top:var(--size-block);padding-bottom:var(--size-block)}.wc-accordion>details>summary{font:var(--t-h3)}}@media (prefers-reduced-motion:reduce){.works__card,.works__pic :is(.mock__line,.works__box,.works__input),.does__num,.does__pin-dot{transition:none}}.hero-cta{display:inline-grid}.hero-cta__label{grid-area:1/1}.hero-cta__label[data-hidden]{visibility:hidden;opacity:0}