.landing,.legal{--site-max:1160px;background:var(--bg);min-height:100vh;color:var(--text);font-size:1rem}.landing main:focus,.legal main:focus{outline:none}.site-wrap{width:100%;max-width:var(--site-max);padding:0 var(--space-4);margin:0 auto}.site-narrow{max-width:820px}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-row{align-items:center;gap:var(--space-3);min-height:68px;display:flex}.site-brand{font-family:var(--font-display);font-weight:750;font-size:var(--text-xl);letter-spacing:-.025em;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-nav{display:none}.site-nav ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.site-nav a{border-radius:var(--radius-pill);min-height:38px;color:var(--text);font-size:var(--text-s);align-items:center;padding:0 14px;font-weight:550;text-decoration:none;display:inline-flex}.site-nav a:hover{background:var(--surface-2);color:var(--text)}.site-header-actions{gap:var(--space-2);margin-left:auto;display:flex}.site-header .site-header-cta{display:none}.btn.lbtn{border-radius:var(--radius-pill);min-height:54px;padding:0 30px;font-size:1rem}.hero{padding:var(--space-7) 0 var(--space-7);background:var(--bg)}.hero-grid{gap:var(--space-7);display:grid}.hero-copy{gap:var(--space-5);align-items:end;display:grid}.hero h1{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.02em;text-wrap:balance;max-width:14ch;font-weight:700;line-height:1}.hero-lead{max-width:52ch;color:var(--text-2);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1rem + .5vw,1.3125rem);line-height:1.5}.hero-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero-note{margin-top:var(--space-3);color:var(--text-3)}.shot{margin:var(--space-7) 0 0}.shot-frame{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface)}.shot-bar{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:4px 4px 10px;display:flex}.shot-bar .mm-views{align-self:auto}.shot .shot-bar .mm-view{align-items:center;display:inline-flex}.shot .shot-bar .shot-view-chain{background:var(--text);color:var(--bg)}.shot-tool{border-radius:var(--radius-pill);min-height:32px;font-size:var(--text-s);color:var(--text);align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.shot-tool-ghost{border:1px solid var(--border)}.shot-search{border:1px solid var(--border-strong);border-radius:var(--radius-s);max-width:360px;min-height:36px;color:var(--text-3);font-size:var(--text-s);flex:220px;align-items:center;padding:0 12px;display:flex}.shot-summary{font-size:var(--text-s);color:var(--text-2);margin:0 4px 10px}.shot-stage{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle, var(--border) 1px, transparent 1px) 0 0 / 22px 22px, var(--bg);position:relative;overflow:hidden}.shot-inner{transform-origin:0 0;position:absolute;top:0;left:0}.shot .shot-inner .mm-node{cursor:default}.shot-narrow{display:none}.shot figcaption{margin-top:var(--space-3);max-width:70ch;color:var(--text-3);font-size:var(--text-s)}@media (width<=760px){.shot-wide,.shot-bar .shot-hide-small{display:none}.shot-narrow{display:block}}.shot .mm-edge{fill:none;stroke:var(--border-strong);stroke-width:1.5px}.shot .mm-edge-gap{stroke-dasharray:5 5}.shot .mm-node{text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font:inherit;height:var(--mm-h);transition:transform .42s var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:10px;padding:8px 12px 8px 10px;display:flex;position:absolute;top:0;left:0;box-shadow:0 1px 2px #0000000a}.shot .mm-center{background:var(--signal-soft);border:2px solid var(--ink);cursor:default;z-index:1}.shot .mm-text{flex-direction:column;gap:1px;min-width:0;display:flex}.shot .mm-key{font-size:var(--text-xs);line-height:1.2}.shot .mm-title{font-size:var(--text-s);-webkit-line-clamp:5;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.shot .mm-status{font-size:var(--text-xs);line-height:1.2}.shot .mm-ring{vertical-align:middle;flex:0 0 28px;place-items:center;width:28px;height:28px;display:inline-grid;position:relative}.shot .mm-ring-bg{position:absolute;inset:0}.shot .mm-ring>svg:not(.mm-ring-bg){position:relative}.shot .mm-ring-bg circle{fill:var(--surface);stroke-width:2.5px}.shot .mm-ring-hel .mm-ring-bg circle{stroke:var(--ok);fill:var(--ok-soft)}.shot .mm-ring-hel{color:var(--ok)}.shot .mm-ring-bruten .mm-ring-bg circle{stroke:var(--bad);fill:var(--bad-soft);stroke-dasharray:18 6}.shot .mm-ring-bruten{color:var(--bad)}.shot .mm-ring-streckad .mm-ring-bg circle{stroke:var(--warn);stroke-dasharray:4 3}.shot .mm-ring-streckad{color:var(--warn)}.shot .mm-ring-prickad .mm-ring-bg circle{stroke:var(--border-strong);stroke-dasharray:1.5 3;stroke-linecap:round}.shot .mm-ring-prickad,.shot .mm-ring-tom{color:var(--border-strong)}.shot .mm-ring-halv .mm-ring-bg circle{stroke:var(--info);stroke-dasharray:35 35}.shot .mm-ring-halv{color:var(--info)}.shot .mm-ring-tom .mm-ring-bg circle{stroke:var(--border)}.shot .mm-views{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);align-self:center;gap:2px;margin:0;padding:3px;display:inline-flex}.shot .mm-view{border-radius:var(--radius-pill);min-height:36px;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 16px;font-weight:600}.shot .mm-view[aria-pressed=true]{background:var(--text);color:var(--bg)}.shot .mm-view:disabled{cursor:not-allowed;opacity:.5}.shot .mt-row{--indent:calc(var(--lvl,0) * 28px);min-height:48px;padding:6px 12px 6px calc(8px + var(--indent));border-radius:var(--radius-s);cursor:pointer;outline:none;align-items:center;gap:10px;display:flex;position:relative}.shot .mt-row:before{content:"";top:0;bottom:0;left:calc(var(--indent) - 10px);background:var(--border);width:1px;position:absolute}.shot .mt-capability:before,.shot .mt-group:before{display:none}.shot .mt-chevron{color:var(--text-2);flex:0 0 18px;place-items:center;transition:transform .12s;display:inline-grid}.shot .mt-open{transform:rotate(90deg)}.shot .mt-text{flex-direction:column;flex:1;min-width:0;display:flex}.shot .mt-key{font-size:var(--text-xs);color:var(--text-3)}.shot .mt-title{overflow-wrap:anywhere;font-weight:600;line-height:1.35}.shot .mt-capability .mt-title,.shot .mt-group .mt-title{font-size:var(--text-m)}.shot .mt-need .mt-title,.shot .mt-requirement .mt-title,.shot .mt-test .mt-title{font-size:var(--text-s)}.shot .mt-test .mt-title{font-weight:500}.shot .mt-meta{font-size:var(--text-xs);color:var(--text-2)}.points{margin:var(--space-6) 0 0;gap:var(--space-5) var(--space-6);padding:0;list-style:none;display:grid}.points>li{padding-top:var(--space-4);border-top:1px solid var(--text)}.points h3{font-size:var(--text-l);margin-bottom:var(--space-2)}.points p{color:var(--text-2);max-width:48ch}.points .lstep-name{margin-bottom:var(--space-1);color:var(--text);font-size:var(--text-s);font-weight:700}.band{padding:var(--space-8) 0}.band-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lp-title{font-family:var(--font-display);letter-spacing:-.016em;max-width:20ch;font-size:clamp(2rem,1.3rem + 3vw,3.25rem);font-weight:700;line-height:1.04}.section-lead{margin-top:var(--space-3);max-width:62ch;color:var(--text-2);font-size:var(--text-l)}.cards-3,.cards-2,.lsteps,.plans,.dev-list{margin:var(--space-6) 0 0;gap:var(--space-4);padding:0;list-style:none;display:grid}.lcard{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface)}.band-alt .lcard{background:var(--bg)}.lcard h3{font-size:var(--text-l);margin-bottom:var(--space-2)}.lcard p{color:var(--text-2)}.lstep{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-l);border:1px solid var(--border);background:var(--bg);display:flex}.lstep-num{border:1px solid var(--border-strong);width:32px;height:32px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-weight:650;display:grid}.lstep-name{font-size:var(--text-xs);color:var(--brand-text);font-weight:700}.lstep h3{font-size:var(--text-l);margin:2px 0 var(--space-1)}.lstep p:last-child{color:var(--text-2)}.table-scroll{margin-top:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);overflow-x:auto}.compare{border-collapse:collapse;width:100%;min-width:640px;font-size:var(--text-s)}.compare caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.compare th,.compare td{padding:var(--space-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.compare thead th{font-size:var(--text-xs);color:var(--text-2);background:var(--surface-2)}.compare tbody th{max-width:30ch;font-weight:600}.compare tr:last-child>*{border-bottom:0}.compare .compare-us{background:var(--brand-soft)}.compare thead .compare-us{color:var(--brand-text)}.cell-ja{color:var(--ok);font-weight:650}.cell-delvis{color:var(--warn)}.cell-nej{color:var(--text-3)}.compare-note{margin-top:var(--space-3)}.band-dark{--dk-surface:#1c2127;--dk-border:#343b45;--dk-text:#e6e9ed;--dk-text-2:#b7bfc8;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.dev-grid{gap:var(--space-6);display:grid}.dev-list li h3{font-size:var(--text-l);margin-bottom:var(--space-1)}.dev-list li p{color:var(--text-2)}.dev-list code{font-family:var(--font-mono);border-radius:var(--radius-s);background:var(--surface-3);color:var(--text);padding:1px 5px;font-size:.9em}.code-stack{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.code-card{border:1px solid var(--dk-border);border-radius:var(--radius);background:var(--dk-surface);overflow:hidden}.code-title{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--dk-border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dk-text-2)}.code-card pre{padding:var(--space-3);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);color:var(--dk-text);margin:0;font-size:.8125rem;line-height:1.6}.c-k{color:#9cc3f5}.c-s{color:#a8d8b9}.c-p{color:#e8c580}.c-o{color:var(--dk-text-2)}.c-c{color:#98a2ad}.plan{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);flex-direction:column;display:flex}.plan h3{font-size:var(--text-xl)}.plan-featured{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand), var(--shadow-2)}.plan-price{color:var(--text-2);font-weight:700}.plan-list{gap:var(--space-2);color:var(--text-2);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.plan-list li{gap:var(--space-2);display:flex}.plan-list li:before{content:"✓";color:var(--ok);font-weight:800}.plan .btn{align-self:flex-start;min-height:42px}.faq{margin-top:var(--space-5);border-top:1px solid var(--border)}.faq details{border-bottom:1px solid var(--border)}.faq summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) 0;font-weight:650;font-size:var(--text-l);cursor:pointer;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--surface-2);width:28px;height:28px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.faq details[open] summary:after{content:"–"}.faq details p{padding:0 0 var(--space-4);color:var(--text-2);max-width:68ch}.cta-band{padding-top:0}.cta{align-items:flex-start;gap:var(--space-3);padding:var(--space-7) var(--space-5);border-radius:var(--radius-xl);color:#f5f2eb;background:#16161a;flex-direction:column;display:flex}.cta h2{font-family:var(--font-display);letter-spacing:-.016em;max-width:16ch;font-size:clamp(2rem,1.3rem + 3vw,3.5rem);font-weight:700;line-height:1.02}.cta p{font-size:var(--text-l);opacity:.95}.cta .btn{color:#fff;background:0 0;border-color:#ffffffb3}.cta .btn-primary{color:#16161a;background:#ff9e87;border-color:#ff9e87}.cta :focus-visible{outline-color:#fff}.site-footer{padding:var(--space-7) 0 var(--space-5);border-top:1px solid var(--border);background:var(--surface);color:var(--text-2)}.site-footer-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-footer-grid>:first-child{grid-column:1/-1}.site-brand-footer{font-size:var(--text-m)}.site-footer-h{font-size:var(--text-xs);color:var(--text-3);margin-bottom:var(--space-2)}.site-footer ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.site-footer ul a{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;max-width:100%;color:var(--text-2);font-size:var(--text-s);padding:5px 0;display:inline-block}.site-footer ul a:hover{color:var(--brand-text)}.site-footer-base{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-3);flex-wrap:wrap;display:flex}.legal-grid{gap:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-7);grid-template-columns:minmax(0,1fr);display:grid}.legal-nav ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.legal-nav a{min-height:36px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text-2);font-size:var(--text-s);background:var(--surface);align-items:center;text-decoration:none;display:inline-flex}.legal-nav a[aria-current=page]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-text);font-weight:650}.legal-doc{max-width:72ch;font-size:1rem;line-height:1.65}.legal-doc h1{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;letter-spacing:-.02em;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800}.legal-updated{margin-top:var(--space-2);color:var(--text-3);font-size:var(--text-s)}.legal-doc h2{font-size:var(--text-xl);margin-top:var(--space-6)}.legal-doc h3{font-size:var(--text-l);margin-top:var(--space-5)}.legal-doc p,.legal-doc ul,.legal-doc ol,.legal-doc .legal-table-wrap{margin-top:var(--space-3)}.legal-doc ul,.legal-doc ol{padding-left:1.4em}.legal-doc li+li{margin-top:var(--space-1)}.legal-lead{font-size:var(--text-l);color:var(--text-2);margin-top:var(--space-4)!important}.legal-table-wrap{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.legal-doc table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--text-s)}.legal-doc th,.legal-doc td{padding:var(--space-2) var(--space-3);border:1px solid var(--border);text-align:left;vertical-align:top}.legal-doc th{background:var(--surface-2)}.legal-doc code{font-family:var(--font-mono);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.9em}.legal-box{margin-top:var(--space-4);padding:var(--space-4);border-left:4px solid var(--brand);border-radius:var(--radius-s);background:var(--brand-soft)}@media (width>=560px){.site-wrap{padding:0 var(--space-5)}.site-header .site-header-cta{display:inline-flex}.cards-2,.lsteps{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-grid{grid-template-columns:2fr repeat(3,minmax(0,1fr))}.site-footer-grid>:first-child{grid-column:auto}}@media (width>=900px){.hero-copy{gap:var(--space-7);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.points{grid-template-columns:repeat(3,minmax(0,1fr))}.points-4{grid-template-columns:repeat(4,minmax(0,1fr))}.site-nav{margin-left:var(--space-4);display:block}.hero-grid{gap:var(--space-7)}.hero{padding:var(--space-8) 0}.cta{padding:var(--space-8) var(--space-7)}.cards-3,.plans,.lsteps{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-2{grid-template-columns:repeat(4,minmax(0,1fr))}.dev-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.legal-grid{grid-template-columns:220px minmax(0,1fr)}.legal-nav{align-self:start;position:sticky;top:84px}.legal-nav ul{flex-direction:column}.legal-nav a{border-radius:var(--radius-s);width:100%}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}}
