.b-photo,.b-tidy,.b-canvas,.b-plans{padding-bottom:clamp(60px,5.5vw,72px)}.b-tidy,.b-canvas,.b-plans,.b-faq{padding-top:clamp(40px,4vw,52px)}.b-photo{--band-top:var(--sea-4);background:linear-gradient(180deg,var(--sea-4),var(--sea-5));padding-top:clamp(48px,5vw,80px)}.b-tidy{--band-top:var(--sea-5);background:linear-gradient(180deg,var(--sea-5),var(--sea-5) 70%,var(--sea-6))}.b-canvas{--band-top:var(--sea-6);background:linear-gradient(180deg,var(--sea-6),var(--sea-6))}.b-plans{--band-top:var(--sea-5);background:radial-gradient(60% 50% at 70% 30%,var(--ac-glow),transparent 70%),linear-gradient(180deg,var(--sea-5),var(--sea-6))}.b-faq{--band-top:var(--sea-6);background:linear-gradient(180deg,var(--sea-6),var(--sea-7));padding-bottom:clamp(40px,4vw,64px)}.b-end{--band-top:var(--sea-7);background:radial-gradient(50% 70% at 20% 100%,var(--ac-glow),transparent 70%),var(--sea-7);padding-block:clamp(56px,6vw,96px) clamp(96px,10vw,140px)}.b-end+*{--band-top:var(--sea-7)}.sec-head{display:grid;grid-template-columns:minmax(0,1fr);gap:22px 56px;align-items:end;margin-bottom:clamp(36px,4vw,56px)}@media (min-width:900px){.sec-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.sec-head .h-l{max-width:16ch}:is(:lang(ja),:lang(ko),:lang(zh-CN)) .sec-head .h-l{max-width:12em}.ba-row{display:grid;grid-template-columns:minmax(0,5fr) auto minmax(0,7fr);gap:clamp(16px,2.5vw,32px);align-items:stretch}.ba-arrow{align-self:center}.ba-after{display:flex;flex-direction:column}.ba-after .shot{flex:1;display:grid;align-items:center;background:var(--canvas)}@media (max-width:760px){.ba-after .shot{flex:none}}.ba-row figcaption{margin-top:14px;font-size:14.5px;color:var(--ink-3)}.ba-row figcaption b{color:var(--ink);font-weight:700}.ba-before{position:relative}.ba-before img{border-radius:16px;box-shadow:0 24px 50px -24px rgba(0,0,0,.6)}.tag{position:absolute;right:12px;top:12px;font-size:12px;font-weight:700;color:#1d1d1f;background:rgba(255,255,255,.92);border-radius:999px;padding:3px 10px}.ba-arrow{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-2);font-size:13.5px;font-weight:700}.ba-arrow .circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--btn-ink);background:var(--btn-bg);box-shadow:0 0 40px -6px var(--ac-glow)}@media (max-width:760px){.ba-row{grid-template-columns:minmax(0,1fr)}.ba-arrow{flex-direction:row;justify-content:center}}.b-tidy .frame img{width:100%}.phone-only{display:none}@media (max-width:760px){.desk-only{display:none!important}.phone-only{display:block!important}.frame-bar{height:30px}.frame-url{font-size:11px;padding:2px 10px}}.bento{display:grid;gap:18px}@media (min-width:900px){.bento{grid-template-columns:7fr 5fr}.t-1{grid-row:span 2}}.tile{position:relative;border-radius:24px;padding:30px;background:var(--tile-bg);border:1px solid var(--tile-line);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:220px}.tile h3{font-size:clamp(21px,1rem + .9vw,28px);letter-spacing:-.03em;line-height:1.12}.tile p{color:var(--ink-2);font-size:16px;max-width:40ch}.tile-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.08);color:var(--ac)}.tile-ic svg.i{width:22px;height:22px}.t-art{flex:1;display:flex;align-items:center;justify-content:center;min-height:120px;margin-bottom:8px;position:relative}.t-1::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.3px),radial-gradient(60% 45% at 60% 38%,var(--ac-glow),transparent 70%);background-size:20px 20px,100% 100%;-webkit-mask-image:linear-gradient(#000 40%,transparent 82%);mask-image:linear-gradient(#000 40%,transparent 82%);pointer-events:none}.t-1 .t-art{flex-direction:column;gap:30px;min-height:200px}.t-board{--gx:34px;--gy:30px;display:grid;grid-template-columns:repeat(3,auto);gap:var(--gy) var(--gx);align-items:center}.m4{grid-area:2/2}.m5{grid-area:2/3;width:120px}.mini-nd::after{content:"";position:absolute;background:var(--ink-3);opacity:.7}.l-r::after{left:100%;top:50%;width:var(--gx);height:1.5px}.l-l::after{right:100%;top:50%;width:var(--gx);height:1.5px}.l-d::after{left:50%;top:100%;width:1.5px;height:var(--gy)}.mini-nd.m5{border-radius:999px}.mini-nd{position:relative;width:112px;height:48px;border-radius:9px;background:var(--surface);border:1.5px solid var(--c);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);opacity:0;transform:scale(.7);transition:opacity .5s var(--ease),transform .7s var(--spring)}.mini-nd i{width:46px;height:6px;border-radius:3px;background:var(--c);opacity:.7}.mini-nd.c-teal{border-radius:999px}.mini-nd.c-amber{transform:scale(.7) rotate(0);border-radius:6px}.in .mini-nd,.no-js .mini-nd{opacity:1;transform:none}.in .mini-nd:nth-child(2){transition-delay:.12s}.in .mini-nd:nth-child(3){transition-delay:.24s}.in .mini-nd:nth-child(5){transition-delay:.36s}.in .mini-nd:nth-child(4){transition-delay:.48s}.state{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);background:rgba(255,255,255,.08);border:1px solid var(--tile-line);border-radius:999px;padding:7px 14px 7px 12px}.state i{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}.t-3 .t-art{height:130px}.fmt{position:absolute;left:50%;top:50%;width:120px;min-height:72px;margin:-36px 0 0 -60px;display:grid;place-items:center;padding:8px;text-align:center;border-radius:16px;background:var(--surface);color:var(--app-text);font-weight:800;font-size:18px;line-height:1.15;letter-spacing:-.02em;box-shadow:0 20px 40px -18px rgba(0,0,0,.6);border:1px solid var(--app-line);transition:transform .9s var(--spring)}.f3{font-size:13px}.in .f1,.no-js .f1{transform:rotate(-10deg) translate(-92px,8px)}.in .f2,.no-js .f2{transform:rotate(2deg) translate(0,-8px)}.in .f3,.no-js .f3{transform:rotate(10deg) translate(92px,10px)}.in .f2{transition-delay:.1s}.in .f3{transition-delay:.2s}@media (max-width:480px){.t-board{--gx:14px;--gy:22px}.mini-nd,.m5{width:84px;height:42px}.mini-nd i{width:36px}}@media (max-width:389px){.in .f1,.no-js .f1{transform:rotate(-10deg) translate(-78px,8px)}.in .f3,.no-js .f3{transform:rotate(10deg) translate(78px,10px)}}.chip{align-self:flex-start;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--tile-line);color:var(--ink-2)}.sw{display:grid;grid-template-columns:repeat(9,22px);gap:7px}.sw i{width:22px;height:22px;border-radius:7px;display:block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.langs{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px;color:var(--ink-2);margin-top:6px}.plans-link{margin:-18px 0 26px}.link{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:var(--ac);min-height:44px}.link:hover{text-decoration:underline;text-underline-offset:4px}.b-faq .qa{max-width:860px}.end-in{display:flex;align-items:center;justify-content:space-between;gap:28px 40px;flex-wrap:wrap}.end-in .h-l{max-width:14ch}.sw .a1{background:#5b4fe0}.sw .a2{background:#0470c0}.sw .a3{background:#2b519c}.sw .a4{background:#097974}.sw .a5{background:#006c36}.sw .a6{background:#9a6a32}.sw .a7{background:#d02a3a}.sw .a8{background:#4f5661}.sw .a9{background:#f63aa8}.sw .a10{background:#df5d4a}.sw .a11{background:#e06623}.sw .a12{background:#a78709}.sw .a13{background:#699700}.sw .a14{background:#55772c}.sw .a15{background:#974db6}.sw .a16{background:#658fa9}.sw .a17{background:#bc7270}.sw .a18{background:#b77197}.sw .a19{background:#b55a6c}.sw .a20{background:#956987}.sw .a21{background:#9578c7}.sw .a22{background:#5985d7}.sw .a23{background:#708d77}.sw .a24{background:#199d78}.sw .a25{background:#7a2d8f}.sw .a26{background:#0891b9}.sw .a27{background:#9b4f96}.plan-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px}.plan{position: relative;border: 1px solid var(--line);border-radius: 18px;padding: 32px;background: var(--bg);display: flex;flex-direction: column;gap: 22px}.plan-pro{border-color: var(--accent-line);box-shadow: var(--card-shadow)}.plan-top{display: flex;align-items: center;gap: 12px}.plan-name{font-size: 22px;font-weight: 650;letter-spacing: -.015em}.badge{font-size: 12px;font-weight: 600;color: var(--accent);background: var(--accent-soft);padding: 4px 10px;border-radius: 999px;white-space: nowrap}.plan-blurb{color: var(--text-2);margin-top: -12px}.price{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap}.price b{font-size: clamp(44px,5vw,56px);line-height: 1.05;letter-spacing: -.04em;font-weight: 700}.price span{color: var(--text-3);font-size: 15px}.price-note{font-size: 14px;color: var(--text-3);margin-top: 10px}.plan ul{list-style: none;display: grid;gap: 12px;border-top: 1px solid var(--line);padding-top: 22px}.plan li{display: flex;gap: 10px;align-items: flex-start;color: var(--text-2)}.plan li svg.i{color: var(--accent);margin-top: 3px}.plan .btn{margin-top: auto;align-self: flex-start}.qa{border-top: 1px solid var(--line)}.qa details{border-bottom: 1px solid var(--line)}.qa summary{list-style: none;cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 22px 0;font-size: 18px;font-weight: 600;letter-spacing: -.01em}.qa summary::-webkit-details-marker{display: none}.qa summary svg.i{color: var(--text-3);transition: transform .2s var(--ease-out)}.qa details[open] summary svg.i{transform: rotate(45deg)}.qa summary:hover{color: var(--accent)}.qa p{color: var(--text-2);padding: 0 0 24px;max-width: 42em}@media (max-width: 760px){.plan-grid{grid-template-columns: minmax(0,1fr)}.plan{padding: 24px}.plan .btn{white-space: normal;text-align: center;line-height: 1.25;padding-block: 10px}.qa summary{font-size: 17px;padding: 18px 0;min-height: 44px}}.badge-current{color: var(--ok);background: color-mix(in srgb,var(--ok) 12%,var(--bg))}.plan .btn[hidden],.badge[hidden]{display: none}.plan-top{flex-wrap: wrap}.price-secondary{margin-top: -12px}.price-secondary b{font-size: 17px;line-height: 1.4;letter-spacing: 0;font-weight: 600;color: var(--text-2)}