@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.0f97p8c3305p~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.0f97p8c3305p~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/051742360c26797e-s.p.0f97p8c3305p~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_e2a7e50-module__XRuhTW__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_e2a7e50-module__XRuhTW__variable{--font-jet-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--ink-0:#0b0b0c;--ink-1:#1a1a1c;--ink-2:#3a3a3d;--ink-3:#6b6b70;--ink-4:#9a9aa0;--rule:#e4e1d8;--rule-strong:#c9c4b6;--paper-0:#f5f3ee;--paper-1:#edeae1;--paper-2:#fdfcf9;--steel-0:#2a2b2d;--steel-1:#46474b;--steel-2:#8a8c90;--steel-3:#c5c6c9;--accent:#7dd3fc;--accent-ink:#0b0b0c;--accent-soft:#d9f2ff;--bg:var(--paper-0);--bg-alt:var(--paper-1);--bg-inset:var(--paper-2);--fg:var(--ink-0);--fg-muted:var(--ink-3);--fg-body:var(--ink-2);--line:var(--rule);--line-strong:var(--rule-strong);--font-sans-en:var(--font-inter-tight), "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-sans-jp:var(--font-noto-jp), "Hiragino Sans", "Yu Gothic", -apple-system, sans-serif;--font-mono:var(--font-jet-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--t-display:clamp(48px, 7.2vw, 112px);--t-h1:clamp(36px, 4.2vw, 64px);--t-h2:clamp(28px, 2.6vw, 40px);--t-h3:20px;--t-body-lg:18px;--t-body:15px;--t-caption:13px;--t-foot:11px;--lh-tight:1.02;--lh-snug:1.18;--lh-body:1.6;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:96px;--s-10:128px;--s-11:160px;--r-1:4px;--r-2:8px;--r-3:12px;--r-4:18px;--r-5:24px;--page-max:1320px;--page-pad:clamp(20px, 4vw, 48px);--ease-out:cubic-bezier(.2,.7,.2,1);--ease-in-out:cubic-bezier(.5,.05,.25,1)}[data-theme=dark]{--bg:var(--ink-0);--bg-alt:#131314;--bg-inset:#18181a;--fg:#f5f3ee;--fg-muted:#8a8c90;--fg-body:#c5c6c9;--line:#26262a;--line-strong:#3a3a3d}[data-theme=steel]{--bg:#2a2b2d;--bg-alt:#1f2022;--bg-inset:#353639;--fg:#f5f3ee;--fg-muted:#8a8c90;--fg-body:#c5c6c9;--line:#3a3a3d;--line-strong:#55565a}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans-jp);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"palt" 1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.page{max-width:var(--page-max);padding-inline:var(--page-pad);margin:0 auto}.rule{border:0;border-top:1px solid var(--line);margin:0}.rule--strong{border-top-color:var(--line-strong)}.eyebrow{font-family:var(--font-mono);font-size:var(--t-foot);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-weight:500}.h-en{font-family:var(--font-sans-en);letter-spacing:-.02em;font-weight:600;line-height:var(--lh-tight);color:var(--fg)}.h-jp{font-family:var(--font-sans-jp);letter-spacing:.01em;font-weight:500;line-height:var(--lh-snug);color:var(--fg)}.mono{font-family:var(--font-mono);font-feature-settings:"zero" 1, "ss01" 1}.kbd{border:1px solid var(--line-strong);background:var(--bg-inset);min-width:22px;height:22px;color:var(--fg);font-family:var(--font-mono);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}[data-theme=dark] .kbd,[data-theme=steel] .kbd{background:#0b0b0c;border-color:#3a3a3d}.footnote{font-family:var(--font-sans-jp);font-size:var(--t-foot);color:var(--fg-muted);letter-spacing:.02em}.footnote:before{content:"※ ";color:var(--fg-muted)}section{position:relative}.section-pad{padding-block:clamp(64px,9vw,140px)}.section-pad-sm{padding-block:clamp(48px,6vw,88px)}.sec-num{font-family:var(--font-mono);font-size:var(--t-foot);color:var(--fg-muted);letter-spacing:.1em}.slot{background:repeating-linear-gradient(-45deg, transparent 0 10px, color-mix(in srgb, var(--fg) 4%, transparent) 10px 11px), var(--bg-inset);border:1px dashed var(--line-strong);border-radius:var(--r-3);justify-content:center;align-items:center;display:flex;position:relative}.slot:after{content:attr(data-slot);font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-muted);text-transform:uppercase;font-size:10px;position:absolute;top:8px;left:10px}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.gap-6{gap:var(--s-6)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-ink)}.nav{z-index:40;-webkit-backdrop-filter:saturate(1.2)blur(14px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.nav-logo{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;display:flex}.nav-logo img{border-radius:5px;width:22px;height:22px}.nav-links{color:var(--fg-body);gap:28px;font-size:14px;display:flex}.nav-links a{position:relative}.nav-links a:hover{color:var(--fg)}.nav-cta{background:var(--fg);height:34px;color:var(--bg);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.nav-cta:hover{transform:translateY(-.5px)}.hero{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(24px,4vw,48px)}.hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:clamp(32px,5vw,72px);display:grid}.hero-display{font-family:var(--font-sans-jp);letter-spacing:.005em;color:var(--fg);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 24px;font-size:clamp(40px,4.8vw,88px);font-weight:500;line-height:1.06}.hero-display .q{white-space:nowrap;font-weight:500;display:inline}.hero-display .cmma{color:var(--accent)}.hero-sub{font-family:var(--font-sans-en);color:var(--fg-muted);letter-spacing:-.005em;margin:0 0 36px;font-size:clamp(16px,1.25vw,20px);font-weight:400}.hero-sub .jp{font-family:var(--font-sans-jp);color:var(--fg-body);margin-top:4px;display:block}.hero-ctas{flex-wrap:wrap;gap:10px;display:flex}.btn{height:44px;transition:transform .15s var(--ease-out), background .2s, border-color .2s;border-radius:10px;align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.btn--primary{background:var(--fg);color:var(--bg)}.btn--primary:hover{transform:translateY(-1px)}.btn--ghost{color:var(--fg);border:1px solid var(--line-strong);background:0 0}.btn--ghost:hover{border-color:var(--fg)}.btn .arrow{transition:transform .2s var(--ease-out)}.btn:hover .arrow{transform:translate(3px)}.hero-shot{background:var(--bg-inset);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 1px #0000000a,0 30px 60px -30px #0b0b0c40,0 60px 120px -60px #0b0b0c2e}.hero-shot img{width:100%;height:auto;display:block}.hero-shot__caption{background:color-mix(in srgb, var(--ink-0) 82%, transparent);color:#f5f3ee;font-family:var(--font-mono);letter-spacing:.04em;border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;bottom:14px;left:14px}.hero-spec{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:clamp(48px,7vw,88px);display:grid}.hero-spec>div{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:18px 20px;display:flex}.hero-spec>div:last-child{border-right:0}.hero-spec__k{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.hero-spec__v{font-family:var(--font-sans-en);color:var(--fg);letter-spacing:-.005em;font-size:15px;font-weight:500}.workflow{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-head{grid-template-columns:1fr auto;align-items:end;gap:24px;padding-bottom:48px;display:grid}.workflow-title{font-family:var(--font-sans-jp);max-width:18ch;margin:0;font-size:clamp(32px,3.2vw,52px);font-weight:500;line-height:1.1}.workflow-note{max-width:34ch;color:var(--fg-body);font-size:14px;line-height:1.6}.workflow-strip{border:1px solid var(--line);background:var(--bg-inset);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.wf-step{border-right:1px solid var(--line);flex-direction:column;gap:18px;min-height:320px;padding:32px 28px 28px;display:flex}.wf-step:last-child{border-right:0}.wf-num{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.12em;font-size:11px}.wf-verb{font-family:var(--font-sans-jp);margin:0;font-size:32px;font-weight:500;line-height:1.1}.wf-verb .en{font-family:var(--font-sans-en);color:var(--fg-muted);letter-spacing:.01em;margin-top:6px;font-size:13px;font-weight:500;display:block}.wf-body{color:var(--fg-body);flex:1;font-size:14px;line-height:1.7}.wf-keys{font-family:var(--font-mono);color:var(--fg-muted);border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:14px;font-size:11px;display:flex}.wf-keys .label{margin-right:6px}.annot-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.annot-copy h2{font-family:var(--font-sans-jp);margin:12px 0 24px;font-size:clamp(32px,3.2vw,52px);font-weight:500;line-height:1.12}.annot-copy p{color:var(--fg-body);max-width:32ch;margin:0 0 16px;font-size:15px;line-height:1.75}.tool-list{border-top:1px solid var(--line);margin-top:32px}.tool-row{border-bottom:1px solid var(--line);cursor:default;grid-template-columns:28px 1fr auto;align-items:center;gap:14px;padding:12px 0;transition:background .15s;display:grid}.tool-row:hover,.tool-row[data-active=true]{background:color-mix(in srgb, var(--accent) 8%, transparent)}.tool-row__n{font-family:var(--font-mono);color:var(--fg-muted);font-size:11px}.tool-row__name{font-size:14px;font-weight:500}.tool-row__name .en{font-family:var(--font-sans-en);color:var(--fg-muted);margin-left:8px;font-size:12px;font-weight:400}.tool-row__key{font-family:var(--font-mono);color:var(--fg-muted);font-size:11px}.annot-shot{background:var(--bg-inset);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.annot-shot img{width:100%;height:auto;display:block}.hotspot{pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.hotspot__dot{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;position:relative}.hotspot__dot:after{content:"";border:1px solid var(--accent);animation:ping 1.6s var(--ease-out) infinite;border-radius:999px;position:absolute;inset:-6px}@keyframes ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.hotspot__label{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.06em;background:var(--ink-0);color:#f5f3ee;text-transform:uppercase;opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);pointer-events:none;border-radius:4px;padding:4px 8px;font-size:10px;position:absolute;top:-6px;left:20px;transform:translateY(-2px)}.hotspot:hover .hotspot__label,.hotspot[data-active=true] .hotspot__label{opacity:1;transform:translateY(0)}@media (max-width:900px){.hotspot__label{display:none}}.privacy{border-top:1px solid var(--line);margin-top:clamp(56px,8vw,96px);padding-top:clamp(48px,6vw,72px)}.privacy-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.privacy-head h3{font-family:var(--font-sans-jp);max-width:28ch;margin:0;font-size:clamp(24px,2.4vw,36px);font-weight:500;line-height:1.2}.privacy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.privacy-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}.privacy-card{border:1px solid var(--line);background:var(--bg-inset);border-radius:12px;overflow:hidden}.privacy-card__shot{aspect-ratio:16/9;background:var(--paper-1);grid-template-columns:1fr 1fr;display:grid;position:relative}.pc-before,.pc-after{justify-content:center;align-items:center;padding:36px 18px 18px;display:flex;position:relative;overflow:hidden}.pc-before{border-right:1px solid var(--line)}.pc-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-muted);text-transform:uppercase;font-size:10px;position:absolute;top:8px;left:8px}.privacy-card__meta{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:14px 18px;display:flex}.privacy-card__name{font-size:14px;font-weight:500}.privacy-card__name .en{font-family:var(--font-sans-en);color:var(--fg-muted);margin-left:8px;font-size:12px;font-weight:400}.privacy-card__desc{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.04em;font-size:11px}.canvas-sec{background:var(--bg);color:var(--fg)}.canvas-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(24px,4vw,64px);margin-bottom:clamp(40px,5vw,64px);display:grid}.canvas-head h2{font-family:var(--font-sans-jp);letter-spacing:.005em;margin:0;font-size:clamp(36px,4vw,64px);font-weight:500;line-height:1.08}.canvas-kicker{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.1em;margin-bottom:14px;font-size:11px;font-weight:500;display:block}.canvas-head p{max-width:44ch;color:var(--fg-body);margin:0;font-size:15px;line-height:1.75}.canvas-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:40px;display:grid}.cc-panel{border:1px solid var(--line);background:var(--bg-alt);border-radius:14px;flex-direction:column;gap:18px;min-height:380px;padding:32px;display:flex}.cc-panel__label{justify-content:space-between;align-items:center;display:flex}.cc-panel__label .eyebrow{color:var(--fg-muted)}.cc-stage{transition:padding .4s var(--ease-out), border-radius .4s var(--ease-out), background .3s;background:#bcc8b3;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.cc-stage--raw{border:1px dashed var(--line-strong);background:0 0;border-radius:0;padding:0}.cc-shot{aspect-ratio:16/10;width:100%;transition:border-radius .4s var(--ease-out), box-shadow .4s var(--ease-out);background:#fff;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 1px #0000000f,0 20px 40px -20px #00000040}.cc-shot .tl{gap:5px;display:flex;position:absolute;top:8px;left:8px}.cc-shot .tl i{background:#e4e1d8;border-radius:999px;width:9px;height:9px}.cc-shot .tl i:first-child{background:#ff5f57}.cc-shot .tl i:nth-child(2){background:#febc2e}.cc-shot .tl i:nth-child(3){background:#28c840}.cc-shot .body{background:linear-gradient(#fafafa 0 38px,#0000 38px),repeating-linear-gradient(#0000 0 10px,#edeae1 10px 11px);border:1px solid #e4e1d8;border-radius:4px;position:absolute;inset:28px 16px 16px;overflow:hidden}.cc-shot .body:before{content:"";background:#e4e1d8;border-radius:3px;width:34%;height:14px;position:absolute;top:12px;left:14px}.cc-shot .body:after{content:"";background:#d8d4c7;border-radius:2px;width:62%;height:6px;position:absolute;top:62px;left:14px}.spec-table{border-collapse:collapse;width:100%;font-size:14px}.spec-table th,.spec-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 18px}.spec-table th{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-muted);text-transform:uppercase;white-space:nowrap;width:28%;font-size:11px;font-weight:500}.spec-table td{font-family:var(--font-sans-en);color:var(--fg-body);font-weight:400}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);height:26px;font-family:var(--font-mono);color:var(--fg);background:var(--bg);cursor:pointer;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;transition:background .15s,border-color .15s;display:inline-flex}.chip[aria-selected=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip:hover{border-color:var(--fg)}.browser{background:var(--paper-1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.browser-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.browser h2{font-family:var(--font-sans-jp);margin:14px 0 24px;font-size:clamp(32px,3.4vw,56px);font-weight:500;line-height:1.08}.browser p{color:var(--fg-body);max-width:36ch;font-size:15px;line-height:1.75}.browser-logos{color:var(--fg-muted);align-items:center;gap:20px;margin-top:28px;font-size:13px;display:flex}.browser-logos svg{flex:none}.long-win{border:1px solid var(--line-strong);background:#faf8f3;border-radius:12px;flex-direction:column;height:460px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -20px #0b0b0c33,0 40px 80px -40px #0b0b0c26}.long-win__chrome{border-bottom:1px solid var(--line);background:#f0ede4;align-items:center;gap:10px;height:36px;padding:0 12px;display:flex}.long-win__chrome .tl{gap:6px;display:flex}.long-win__chrome .tl i{border-radius:999px;width:11px;height:11px}.long-win__chrome .tl i:first-child{background:#ff5f57}.long-win__chrome .tl i:nth-child(2){background:#febc2e}.long-win__chrome .tl i:nth-child(3){background:#28c840}.long-win__chrome .url{height:22px;font-family:var(--font-mono);color:var(--fg-muted);background:#fff;border:1px solid #e4e1d8;border-radius:4px;flex:1;align-items:center;padding:0 10px;font-size:11px;display:flex}.long-win__viewport{flex:1;position:relative;overflow:hidden}.long-track{flex-direction:column;display:flex;position:absolute;inset:0}.long-scroll{flex-direction:column;animation:14s linear infinite longScroll;display:flex}@keyframes longScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.long-page{border-bottom:1px dashed #e4e1d8;flex-direction:column;flex:none;gap:14px;padding:24px 32px;display:flex}.long-page .h{background:#e4e1d8;border-radius:3px;width:60%;height:18px}.long-page .img{background:linear-gradient(135deg,#d8e0d2 0%,#bcc8b3 100%);border-radius:6px;width:100%;height:96px}.long-page .p{background:#edeae1;border-radius:3px;height:7px}.long-page .p.w1{width:92%}.long-page .p.w2{width:76%}.long-page .p.w3{width:84%}.long-page .p.w4{width:58%}.long-frame{border:2px solid var(--accent);pointer-events:none;border-radius:6px;position:absolute;inset:10px}.long-frame__label{background:var(--accent);color:var(--ink-0);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:3px 3px 0 0;padding:3px 6px;font-size:10px;position:absolute;top:-1px;left:-1px;transform:translateY(-100%)}.long-meter{background:color-mix(in srgb, var(--ink-0) 10%, transparent);border-radius:99px;width:6px;position:absolute;top:46px;bottom:10px;right:10px;overflow:hidden}.long-meter__bar{background:var(--accent);border-radius:99px;height:30%;animation:14s linear infinite meter;position:absolute;top:0;left:0;right:0}@keyframes meter{0%{top:0}to{top:70%}}.project-sec{background:var(--bg)}.project-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.project-sec h2{font-family:var(--font-sans-jp);margin:12px 0 24px;font-size:clamp(32px,3.4vw,56px);font-weight:500;line-height:1.08}.project-sec p{color:var(--fg-body);max-width:38ch;font-size:15px;line-height:1.75}.file-doc{border:1px solid var(--line);background:var(--bg-inset);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:380px;padding:40px;display:flex;position:relative}.file-icon{border:1px solid var(--line-strong);background:linear-gradient(#fff 0 34px,#faf8f3 34px 100%);border-radius:8px;width:160px;height:200px;position:relative;box-shadow:0 18px 40px -20px #0b0b0c33}.file-icon:before{content:"";border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:linear-gradient(225deg,#0000 50%,#edeae1 50%);width:32px;height:32px;position:absolute;top:0;right:0}.file-icon__ext{font-family:var(--font-mono);color:var(--ink-0);background:var(--accent);border-radius:3px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;bottom:14px;left:14px}.file-icon__rows{flex-direction:column;gap:6px;display:flex;position:absolute;top:56px;left:14px;right:14px}.file-icon__rows i{background:#e4e1d8;border-radius:2px;height:5px;display:block}.file-icon__rows i:first-child{width:82%}.file-icon__rows i:nth-child(2){width:62%}.file-icon__rows i:nth-child(3){width:74%}.file-icon__rows i:nth-child(4){width:44%}.file-icon__rows i:nth-child(5){width:68%}.file-contents{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.file-contents span{font-family:var(--font-mono);border:1px solid var(--line-strong);color:var(--fg-body);border-radius:99px;padding:4px 10px;font-size:11px}.details{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.details-head{grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:40px;display:grid}.details h2{font-family:var(--font-sans-jp);margin:12px 0 0;font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.1}.details-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.detail-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;align-items:baseline;gap:20px;padding:22px 24px;display:grid}.detail-row:nth-child(odd){border-right:1px solid var(--line)}.detail-row__k{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-muted);text-transform:uppercase;font-size:11px}.detail-row__v{font-family:var(--font-sans-jp);color:var(--fg);font-size:14px;line-height:1.6}.detail-row__v .mono{color:var(--fg-body);font-size:13px}.pricing{background:var(--bg)}.pricing-head{text-align:left;max-width:64ch;margin-bottom:48px}.pricing h2{font-family:var(--font-sans-jp);margin:14px 0 20px;font-size:clamp(32px,3.6vw,56px);font-weight:500;line-height:1.08}.pricing-sub{color:var(--fg-body);font-size:16px;line-height:1.75}.plans{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.plan{border:1px solid var(--line);background:var(--bg-inset);border-radius:16px;flex-direction:column;gap:24px;min-height:560px;padding:36px 32px;display:flex;position:relative}.plan--recommend{border:1px solid var(--fg);background:var(--bg-inset)}.plan--future{opacity:.78;background:repeating-linear-gradient(135deg, var(--bg-inset) 0 18px, color-mix(in srgb, var(--fg) 2%, var(--bg-inset)) 18px 19px)}.plan__header{justify-content:space-between;align-items:flex-start;display:flex}.plan__name{font-family:var(--font-sans-en);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:13px;font-weight:500}.plan__badge{font-family:var(--font-mono);letter-spacing:.06em;border-radius:99px;padding:4px 10px;font-size:11px}.plan__badge--now{background:var(--fg);color:var(--bg)}.plan__badge--soon{color:var(--fg-muted);border:1px solid var(--line-strong);background:0 0}.plan__price{font-family:var(--font-sans-en);letter-spacing:-.03em;color:var(--fg);font-size:clamp(44px,4.2vw,68px);font-weight:500;line-height:1}.plan__price .unit{color:var(--fg-muted);letter-spacing:0;margin-left:6px;font-size:16px;font-weight:400}.plan__tagline{font-family:var(--font-sans-jp);color:var(--fg-body);max-width:36ch;margin:0;font-size:15px;line-height:1.7}.plan__features{border-top:1px solid var(--line);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.plan__features li{border-bottom:1px solid var(--line);color:var(--fg);grid-template-columns:16px 1fr;align-items:start;gap:12px;padding:14px 0;font-size:14px;line-height:1.6;display:grid}.plan__features li .tick{background:var(--accent);border-radius:999px;flex:none;width:10px;height:10px;margin-top:7px}.plan--future .plan__features li .tick{border:1px solid var(--line-strong);background:0 0}.plan__features li .desc{font-family:var(--font-sans-jp)}.plan__features li .desc small{color:var(--fg-muted);margin-top:2px;font-size:12px;display:block}.plan__foot{color:var(--fg-muted);font-size:12px;line-height:1.6}.plan__foot:before{content:"— "}.download{background:var(--ink-0);color:#f5f3ee;--fg:#f5f3ee;--fg-body:#c5c6c9;--fg-muted:#8a8c90;--line:#26262a;--line-strong:#3a3a3d;--bg:var(--ink-0);--bg-alt:#131314;--bg-inset:#18181a}.download-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:clamp(80px,10vw,160px);display:grid}.download h2{font-family:var(--font-sans-jp);letter-spacing:.005em;margin:0;font-size:clamp(44px,5.6vw,88px);font-weight:500;line-height:1.04}.download h2 .en{font-family:var(--font-sans-en);color:var(--fg-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:500;display:block}.download-cta{height:64px;color:var(--ink-0);background:#f5f3ee;border-radius:14px;align-items:center;gap:14px;margin-top:28px;padding:0 28px;font-size:16px;font-weight:500;display:inline-flex}.download-cta .mono{color:#6b6b70;font-size:12px}.download-meta{color:var(--fg-body);flex-direction:column;gap:10px;font-size:13px;display:flex}.download-meta .row{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.download-meta .row:first-child{border-top:1px solid var(--line)}.download-meta .k{color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.site-foot{border-top:1px solid var(--line);color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 0 48px;font-size:12px;display:flex}.site-foot a{color:var(--fg-muted)}.site-foot a:hover{color:var(--fg)}.site-foot nav{gap:24px;display:flex}.doc-page{padding-block:clamp(56px,8vw,112px)}.doc-shell{max-width:860px}.doc-head{gap:14px;margin-bottom:40px;display:grid}.doc-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-size:11px}.doc-title{font-family:var(--font-sans-jp);margin:0;font-size:clamp(34px,4.2vw,64px);font-weight:500;line-height:1.08}.doc-lead{max-width:52ch;color:var(--fg-body);margin:0;font-size:16px;line-height:1.8}.doc-note{border:1px solid var(--line);background:var(--bg-inset);color:var(--fg-body);border-radius:12px;margin:0 0 24px;padding:16px 18px;font-size:14px;line-height:1.75}.doc-section{border-top:1px solid var(--line);padding-block:24px}.doc-section h2{font-family:var(--font-sans-jp);margin:0 0 12px;font-size:clamp(22px,2.2vw,30px);font-weight:500;line-height:1.2}.doc-section p,.doc-section li,.doc-table{color:var(--fg-body);font-size:15px;line-height:1.85}.doc-section p{margin:0 0 12px}.doc-section ul{margin:0;padding-left:20px}.doc-link-row{flex-wrap:wrap;gap:18px;margin-top:16px;display:flex}.doc-link{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.doc-link:hover{border-color:var(--fg)}.doc-table{border-collapse:collapse;width:100%}.doc-table th,.doc-table td{border-bottom:1px solid var(--line);vertical-align:top;text-align:left;padding:14px 0}.doc-table th{width:220px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);padding-right:24px;font-size:11px;font-weight:500}@media (max-width:1060px){.hero-grid{grid-template-columns:1fr}}@media (max-width:900px){.workflow-head,.annot-grid,.canvas-head,.canvas-compare,.browser-grid,.project-grid,.download-block,.plans,.details-list,.privacy-grid{grid-template-columns:1fr}.hero-spec{grid-template-columns:repeat(2,1fr)}.hero-spec>div:nth-child(2){border-right:0}.hero-spec>div:first-child,.hero-spec>div:nth-child(2){border-bottom:1px solid var(--line)}.workflow-strip{grid-template-columns:1fr}.wf-step{border-right:0;border-bottom:1px solid var(--line)}.wf-step:last-child{border-bottom:0}.detail-row:nth-child(odd){border-right:0}.site-foot{flex-direction:column;align-items:flex-start}.privacy-grid{gap:16px}.doc-table th,.doc-table td{width:auto;padding-right:0;display:block}.doc-table th{border-bottom:0;padding-bottom:4px}.doc-table td{padding-top:0}}
