.page-hero.center h1{max-width:15ch}.desk-stage{margin-top:clamp(48px,6vw,76px);position:relative}.desk{isolation:isolate;border:1px solid var(--line);box-shadow:var(--sh-3);background:radial-gradient(55% 60% at 4% 0%,color-mix(in srgb,var(--a3) 26%,transparent),transparent 70%),radial-gradient(55% 60% at 100% 100%,color-mix(in srgb,var(--a2) 28%,transparent),transparent 70%),var(--tint-2);border-radius:34px;padding:clamp(12px,2.4vw,28px);position:relative;overflow:hidden}.desk>.grain{z-index:0}.desk-in{z-index:1;text-align:left;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:16px;display:grid;position:relative}.recs{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-2);border-radius:22px;align-content:start;gap:10px;padding:18px;display:grid}.recs-h{justify-content:space-between;align-items:center;gap:10px;display:flex}.recs-h b{font:600 17px/1.2 var(--display);letter-spacing:-.02em}.rec{border:1px solid var(--line);background:var(--card-2);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.rec b{font:600 13.5px/1.25 var(--body);display:block}.rec small{color:var(--muted);margin-top:2px;font-size:12.5px;display:block}.rec .tick{background:var(--ok-bg);width:24px;height:24px;color:var(--ok);border-radius:50%;place-items:center;font-size:13px;display:grid}.rec .tick .i{stroke-width:2.8px}.rec .tick.w{background:var(--warn-bg);color:var(--warn)}.desk-stage.in .rec .tick{animation:pop .45s var(--ease) var(--t,1s) backwards}.desk-stage.in .rec{animation:recIn .6s var(--ease) calc(var(--t,1s) - .35s) backwards}@keyframes recIn{0%{opacity:0;transform:translate(-12px)}}.recs-f{color:var(--muted);align-items:center;gap:8px;padding-top:4px;font-size:12.5px;display:flex}.recs-f .i{color:var(--brand-2)}.paper{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-2);border-radius:22px;align-content:start;gap:14px;padding:22px 22px 20px;display:grid;position:relative}.paper-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.paper-h b{font:600 19px/1.15 var(--display);letter-spacing:-.025em;display:block}.paper-h small{color:var(--muted);margin-top:4px;font-size:12.5px;display:block}.p-sec{gap:7px;display:grid}.p-line{background:var(--line);border-radius:9px;height:7px;display:block}.p-find{background:var(--warn-bg);border:1px solid color-mix(in srgb,var(--warn) 22%,transparent);font:500 13.5px/1.3 var(--body);color:var(--fg);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.p-find .i{color:var(--warn);stroke-width:2.4px;font-size:16px}.note{background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand-2) 22%,transparent);width:200px;box-shadow:var(--sh-2);font:500 12.5px/1.45 var(--body);color:var(--fg);border-radius:14px;padding:12px 14px;position:absolute;top:118px;right:-6px;transform:rotate(2.5deg)}.note .k{color:var(--brand-2);align-items:center;gap:6px;margin-bottom:6px;display:flex}.desk-stage.in .note{animation:noteIn .7s var(--ease) 2.2s backwards}@keyframes noteIn{0%{opacity:0;transform:rotate(8deg)translateY(10px)scale(.94)}}.sig{border-top:1px dashed var(--line-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding-top:14px;display:grid}.sig svg{width:150px;height:46px;display:block;overflow:visible}.sig path{fill:none;stroke:var(--brand);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:0}.js .desk-stage:not(.in) .sig path{stroke-dashoffset:420px}.desk-stage.in .sig path{animation:sign 1.6s var(--ease-io) 2.8s backwards}@keyframes sign{0%{stroke-dashoffset:420px}}.sig-l{color:var(--muted);margin-top:4px;font-size:12.5px}.sig-n{font:600 13.5px/1.2 var(--body);color:var(--fg);border-top:1px solid var(--line-2);margin-top:2px;padding-top:6px}@media (max-width:1180px){.note{display:none}}@media (max-width:820px){.desk-in{grid-template-columns:1fr}.recs-f{display:none}}@media (max-width:480px){.paper{padding:16px}.paper-h{flex-wrap:wrap}.rec small{display:none}.rec{padding:9px 10px}.sig svg{width:110px}}.tabs-win{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-2);border-radius:18px;overflow:hidden}.tw-top{background:var(--card-2);border-bottom:1px solid var(--line);gap:4px;padding:8px 8px 0;display:flex;overflow:hidden}.tw-tab{background:var(--panel);border:1px solid var(--line);height:32px;font:500 12px/1 var(--body);color:var(--muted);white-space:nowrap;border-bottom:0;border-radius:10px 10px 0 0;flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.tw-tab .i{font-size:13px}.tw-tab.on{background:var(--card);color:var(--fg)}.tw-body{gap:8px;padding:14px;display:grid}.tw-body .p-line:nth-child(2){width:80%}.tw-body .p-line:nth-child(3){width:60%}.merge{place-items:center;padding:14px 0;display:grid}.merge span{background:var(--btn-bg);width:44px;height:44px;color:var(--btn-fg);box-shadow:0 10px 24px -10px var(--btn-glow);border-radius:50%;place-items:center;font-size:19px;display:grid}.merge .i{stroke-width:2.3px;transform:rotate(90deg)}.visual.in .merge span{animation:pop .5s var(--ease) .5s backwards}.ofile{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-3);border-radius:18px;gap:8px;padding:14px;display:grid}.ofile-h{font:600 15px/1.2 var(--display);letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:10px;padding:2px 2px 6px;display:flex}.track{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:56px 0 0;padding:0;list-style:none;display:grid;position:relative}.track li{padding-top:64px;position:relative}.track .node{background:var(--card);border:1px solid var(--line-2);width:44px;height:44px;color:var(--brand-2);box-shadow:var(--sh-1);z-index:1;transition:background .5s var(--ease),color .5s,border-color .5s;border-radius:14px;place-items:center;font-size:20px;display:grid;position:absolute;top:0;left:0}.track li:before{content:"";background:var(--line);border-radius:2px;height:2px;position:absolute;top:21px;left:52px;right:-12px}.track li:after{content:"";background:linear-gradient(90deg,var(--a3),var(--a1),var(--a2));transform-origin:0;border-radius:2px;height:2px;position:absolute;top:21px;left:52px;right:-12px;transform:scaleX(1)}.track li:last-child:before,.track li:last-child:after{display:none}.js .track:not(.in) li:after{transform:scaleX(0)}.track.in li:after{animation:lineIn .7s var(--ease) calc(var(--i) * .35s + .2s) backwards}@keyframes lineIn{0%{transform:scaleX(0)}}.track.in .node{animation:nodeIn .5s var(--ease) calc(var(--i) * .35s) backwards}@keyframes nodeIn{0%{opacity:0;transform:scale(.7)}}.track li.you .node{background:var(--btn-bg);color:var(--btn-fg);box-shadow:0 10px 24px -10px var(--btn-glow);border-color:#0000}.track .k{margin-bottom:10px;display:block}.track h3{letter-spacing:-.028em;font-size:22px;line-height:1.15}.track p{color:var(--muted);max-width:30ch;margin-top:8px;font-size:15.5px;line-height:1.55}.track .owner{margin-top:14px;display:inline-flex}@media (max-width:900px){.track{grid-template-columns:1fr;gap:0}.track li{min-height:44px;padding:0 0 36px 64px}.track li:before,.track li:after{width:2px;height:auto;inset:52px auto 4px 21px}.track li:after{transform-origin:top}.js .track:not(.in) li:after{transform:scaleY(0)}.track.in li:after{animation-name:lineInY}.track li:last-child{padding-bottom:0}}@keyframes lineInY{0%{transform:scaleY(0)}}.groups{gap:8px;width:min(440px,90%);display:grid}.grp{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);border-radius:14px;overflow:hidden}.grp-h{font:600 13.5px/1.2 var(--body);align-items:center;gap:10px;padding:10px 12px;display:flex}.grp-h .rs{font:500 12.5px var(--body);color:var(--muted);margin-left:auto}.grp-b{gap:6px;padding:0 12px 12px 48px;display:grid}.grp-b span{color:var(--fg-2);justify-content:space-between;gap:10px;font-size:12.5px;display:flex}.grp-b span em{color:var(--muted);font-style:normal}.letter{background:var(--card);border:1px solid var(--line);width:min(250px,80%);box-shadow:var(--sh-2);transition:transform .5s var(--ease);border-radius:14px;gap:8px;padding:14px;display:grid;transform:rotate(-2deg)}.mc:hover .letter{transform:none}.letter-h{border-bottom:2px solid var(--brand-2);font:600 12.5px/1.2 var(--body);color:var(--brand-2);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;padding-bottom:10px;display:flex}.letter-h i{background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand-2) 20%,transparent);border-radius:6px;width:20px;height:20px}.bubble{gap:10px;width:min(270px,84%);display:grid}.bub{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);font:500 13px/1.45 var(--body);color:var(--fg);border-radius:16px 16px 16px 4px;padding:12px 14px}.bub.me{background:var(--btn-bg);color:var(--btn-fg);border-color:#0000;border-radius:16px 16px 4px;justify-self:end;max-width:80%}.bub .k{margin-bottom:6px;display:block}.team{justify-items:center;gap:14px;display:grid}.avs{display:flex}.avs span{background:var(--card);border:2px solid var(--card);width:52px;height:52px;box-shadow:var(--sh-2);color:var(--brand-2);border-radius:50%;place-items:center;margin-left:-12px;font-size:21px;display:grid}.avs span:first-child{margin-left:0}.avs span:nth-child(2){background:var(--brand-soft)}.avs span:last-child{background:var(--btn-bg);color:var(--btn-fg);font-size:18px}.team .chip{pointer-events:none;min-height:34px;font-size:12.5px}.batch{width:170px;height:150px;position:relative}.batch .sheet{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);transition:transform .5s var(--ease);border-radius:14px;align-content:start;gap:7px;padding:14px;display:grid;position:absolute;inset:0}.batch .sheet:first-child{transform:rotate(-8deg)translate(-14px,6px)}.batch .sheet:nth-child(2){transform:rotate(-3deg)translate(-6px,2px)}.batch .sheet:nth-child(3){transform:rotate(3deg)}.mc:hover .batch .sheet:first-child{transform:rotate(-14deg)translate(-26px,8px)}.mc:hover .batch .sheet:nth-child(3){transform:rotate(7deg)translate(10px)}.batch .sheet b{font:600 13px/1.2 var(--body)}.duty{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:stretch;margin-top:48px;display:grid}.duty-card{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--card-2);padding:clamp(24px,3vw,36px)}.duty-card .k{align-items:center;gap:8px;display:flex}.duty-card h3{letter-spacing:-.035em;margin-top:14px;font-size:clamp(26px,2.8vw,34px);line-height:1.05}.duty-card ul{margin:22px 0 0;padding:0;list-style:none;display:grid}.duty-card li{border-top:1px solid var(--line);color:var(--fg-2);align-items:flex-start;gap:12px;padding:12px 0;font-size:16px;line-height:1.5;display:flex}.duty-card li .ri{margin-top:-1px}.duty-you{isolation:isolate;color:#fff;background:radial-gradient(70% 60% at 100% 0,#38c9f266,#0000 62%),radial-gradient(70% 70% at 0 100%,#7b61ff80,#0000 66%),linear-gradient(150deg,#0a1a4f 0%,#14318a 55%,#2240c4 100%);border-color:#0000;position:relative;overflow:hidden}.duty-you .grain{z-index:-1;opacity:.22}.duty-you h3{color:#fff}.duty-you .k{color:#fffc}.duty-you li{color:#ffffffe6;border-top-color:#ffffff24}.duty-you .ri{color:#fff;background:#ffffff24}.duty-mid{place-items:center;display:grid;position:relative}.duty-mid:before{content:"";background:linear-gradient(180deg,transparent,var(--line-2),transparent);width:1px;position:absolute;top:12%;bottom:12%;left:50%}.duty-mid span{background:var(--card);border:1px solid var(--line-2);width:48px;height:48px;box-shadow:var(--sh-2);color:var(--brand-2);border-radius:50%;place-items:center;font-size:20px;display:grid;position:relative}@media (max-width:860px){.duty{grid-template-columns:1fr}.duty-mid{height:64px}.duty-mid:before{top:0;bottom:0}.duty-mid span .i{transform:rotate(90deg)}}.grade{background:var(--ok-bg);min-width:58px;color:var(--ok);font:700 22px/1 var(--display);letter-spacing:-.03em;border:1px solid color-mix(in srgb,var(--ok) 24%,transparent);border-radius:14px;flex:none;place-items:center;padding:8px 10px;display:grid}.grade small{font:600 10.5px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;display:block}
