.noh-shot{border-radius:var(--r-2xl);border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-glow);margin:0;overflow:hidden}.noh-shot img{width:100%;height:auto;display:block}.noh-shot figcaption{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);color:var(--color-muted);border-top:1px solid var(--color-border)}.noh-zoom{all:unset;cursor:zoom-in;width:100%;display:block;position:relative}.noh-zoom:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.noh-zoom-badge{font-size:var(--fs-xs);color:#fff;backdrop-filter:blur(8px);opacity:.88;background:#0a0c14c7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:7px 12px 7px 10px;font-weight:700;transition:opacity .2s,transform .2s,background .2s;display:inline-flex;position:absolute;bottom:12px;right:12px;transform:translateY(0);box-shadow:0 6px 18px #00000059}.noh-zoom:hover .noh-zoom-badge,.noh-zoom:focus-visible .noh-zoom-badge{opacity:1;background:#0a0c14eb;transform:translateY(-2px)}.noh-shot--phone{max-width:360px;margin-inline:auto}.noh-showcase{max-width:1160px;margin:clamp(var(--sp-10), 6vw, var(--sp-16)) auto 0}.noh-newsite-cta{margin-top:var(--sp-8)}@media (width>=921px){.noh-split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.noh-lb{color:#fff;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.noh-lb::backdrop{backdrop-filter:blur(6px);background:#04060ce6}.noh-lb[open]{grid-template-rows:minmax(0,1fr) auto auto;display:grid}.noh-lb-stage{place-items:center;min-height:0;padding:56px 20px 8px;display:grid;overflow:hidden}.noh-lb-img{cursor:zoom-in;touch-action:pan-x pan-y pinch-zoom;user-select:none;-webkit-user-drag:none;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 150px);display:block;box-shadow:0 24px 80px #0009}.noh-lb.is-zoomed .noh-lb-stage{overscroll-behavior:contain;place-items:start;overflow:auto}.noh-lb.is-zoomed .noh-lb-img{cursor:grab;max-width:none;max-height:none}.noh-lb.is-zoomed .noh-lb-img:active{cursor:grabbing}.noh-lb-cap{text-align:center;font-size:var(--fs-sm);color:#ffffffeb;margin:0;padding:10px 20px 0}.noh-lb-hint{text-align:center;font-size:var(--fs-xs);color:#ffffff8c;margin:0;padding:4px 20px 16px}.noh-lb-close{all:unset;cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;place-items:center;width:44px;height:44px;transition:background .2s;display:grid;position:fixed;top:14px;right:14px}.noh-lb-close:hover,.noh-lb-close:focus-visible{background:#ffffff38}.noh-lb[open] .noh-lb-stage,.noh-lb[open] .noh-lb-cap,.noh-lb[open] .noh-lb-hint{animation:.34s cubic-bezier(.22,1,.36,1) both noh-lb-in}.noh-lb[open]::backdrop{animation:.34s cubic-bezier(.22,1,.36,1) both noh-lb-fade}.noh-lb.is-leaving .noh-lb-stage,.noh-lb.is-leaving .noh-lb-cap,.noh-lb.is-leaving .noh-lb-hint{animation:.22s ease-in both noh-lb-out}.noh-lb.is-leaving::backdrop{animation:.22s ease-in reverse both noh-lb-fade}@keyframes noh-lb-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes noh-lb-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes noh-lb-fade{0%{opacity:0}to{opacity:1}}html.noh-lb-open{overflow:hidden}@media (hover:none){.noh-lb-hint{display:none}}@media (prefers-reduced-motion:reduce){.noh-lb[open] .noh-lb-stage,.noh-lb[open] .noh-lb-cap,.noh-lb[open] .noh-lb-hint,.noh-lb[open]::backdrop{animation:none}.noh-zoom-badge{transition:none}}.noh-table-wrap{border-radius:var(--r-xl);border:1px solid var(--color-border);overflow-x:auto}.noh-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);min-width:560px}.noh-table th,.noh-table td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--color-border);white-space:normal}.noh-table thead th{background:var(--color-surface-2);white-space:nowrap;font-weight:800}.noh-table tbody th{background:var(--color-surface);white-space:nowrap;font-weight:700}.noh-table tbody tr:last-child th,.noh-table tbody tr:last-child td{border-bottom:0}.noh-table tbody td:last-child{background:color-mix(in srgb, var(--color-primary) 8%, transparent);font-weight:600}.noh-x{color:var(--color-danger);font-weight:900}.noh-tick{color:var(--color-primary);font-weight:900}.noh-plan{max-width:480px;margin-inline:auto}
