:root{--bg:#fafaf7;--bg-soft:#f3f2ec;--card:#fff;--card-hover:#f6f5ef;--fg:#11131a;--fg-soft:#2a2d38;--muted:#5c6273;--muted-2:#898ea0;--line:#11131a14;--line-strong:#11131a24;--accent:#d97757;--accent-soft:#d977571f;--accent-fg:#fff;--success:#1f8a5b;--success-soft:#1f8a5b1f;--warn:#b07b1c;--danger:#c0392b;--danger-soft:#c0392b1a;--shadow:0 6px 22px -10px #11131a2e;--shadow-lg:0 24px 80px -32px #11131a47;--radius-sm:4px;--radius:8px;--radius-lg:12px;--page-max:1180px;--page-padding-x:24px;--page-padding-x-md:40px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;font-family:Inter,Noto Sans JP,system-ui,-apple-system,sans-serif}body{font-size:16px;line-height:1.55;overflow-x:hidden}img,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-fg)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.jp{letter-spacing:.005em;font-family:Noto Sans JP,Inter,sans-serif}.mono{font-feature-settings:"ss02";font-family:JetBrains Mono,ui-monospace,monospace}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.eyebrow.eyebrow-accent{color:var(--accent)}.display-hero{letter-spacing:-.028em;overflow-wrap:anywhere;font-size:clamp(36px,7.5vw,88px);font-weight:600;line-height:1.02}.display-section{letter-spacing:-.022em;overflow-wrap:anywhere;font-size:clamp(26px,4.5vw,48px);font-weight:600;line-height:1.1}.display-cta{letter-spacing:-.022em;overflow-wrap:anywhere;font-size:clamp(28px,5vw,56px);font-weight:600;line-height:1.08}.page{max-width:var(--page-max);padding-left:var(--page-padding-x);padding-right:var(--page-padding-x);margin:0 auto}@media (width>=768px){.page{padding-left:var(--page-padding-x-md);padding-right:var(--page-padding-x-md)}}.hr{background:var(--line);border:0;height:1px;margin:0}.vr{background:var(--line);align-self:stretch;width:1px}.stack{flex-direction:column;display:flex}.stack-2{gap:8px}.stack-3{gap:12px}.stack-4{gap:16px}.stack-5{gap:20px}.stack-6{gap:24px}.stack-8{gap:32px}.row{align-items:center;display:flex}.row-2{gap:8px}.row-3{gap:12px}.row-4{gap:16px}.row-6{gap:24px}.row-end{justify-content:flex-end}.row-between{justify-content:space-between}.text-muted{color:var(--muted)}.text-muted2{color:var(--muted-2)}.text-accent{color:var(--accent)}.text-soft{color:var(--fg-soft)}.btn{border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14.5px;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .1s,filter .15s;display:inline-flex}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-ghost{color:var(--fg-soft);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{background:var(--card-hover);color:var(--fg)}.btn-quiet{color:var(--muted);background:0 0;padding:8px 12px}.btn-quiet:hover{color:var(--fg)}.btn-full{width:100%}.btn-sm{padding:8px 12px;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--fg-soft);letter-spacing:.01em;font-size:12.5px;font-weight:500}.input{background:var(--card);width:100%;color:var(--fg);border:1px solid var(--line-strong);border-radius:var(--radius);padding:11px 14px;font-size:14.5px;line-height:1.4;transition:border-color .15s,background .15s,box-shadow .15s}.input::placeholder{color:var(--muted-2)}.input:hover{border-color:color-mix(in oklab, var(--accent) 32%, var(--line-strong))}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input:disabled{opacity:.6;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}textarea.input{resize:vertical;min-height:96px;font-family:inherit}.help{color:var(--muted);font-size:12.5px;line-height:1.4}.help-error{color:var(--danger)}.input-code{letter-spacing:.32em;text-align:center;padding:14px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:18px}.chip{border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--fg-soft);border:1px solid var(--line);align-items:center;gap:6px;padding:4px 9px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;font-weight:400;line-height:1.4;display:inline-flex}.chip-accent{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklab, var(--accent) 25%, var(--line))}.chip-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in oklab, var(--success) 25%, var(--line))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.card-lift{transition:transform .2s,box-shadow .25s,border-color .2s,background .2s}.card-lift:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-2px)}.card-padded-lg{padding:28px}.card-flush{padding:0}.alert{border-radius:var(--radius);border:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;line-height:1.4;display:flex}.alert-error{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in oklab, var(--danger) 25%, var(--line))}.alert-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in oklab, var(--success) 25%, var(--line))}.alert-info{background:var(--bg-soft);color:var(--fg-soft)}.auth-split{background:var(--bg);grid-template-columns:1fr;min-height:100vh;display:grid}@media (width>=960px){.auth-split{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}}.auth-split-left{display:none}@media (width>=960px){.auth-split-left{background:var(--bg-soft);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}}.auth-kanji-bg{pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.04em;z-index:0;flex-direction:column;justify-content:center;align-items:center;gap:0;font-family:Noto Sans JP,sans-serif;font-weight:700;line-height:.82;display:flex;position:absolute;inset:0}.auth-kanji-bg .kanji{color:var(--fg);opacity:.05;font-size:clamp(160px,22vw,280px);display:block}.auth-kanji-bg .kanji.accent{color:var(--accent);opacity:.11}.auth-brand-row{z-index:1;position:relative}.auth-tagline{z-index:1;max-width:360px;position:relative}.auth-tagline .eyebrow{color:var(--accent)}.auth-tagline .lede{color:var(--fg);letter-spacing:-.005em;margin-top:14px;font-size:19px;line-height:1.5}.auth-tagline .sub{color:var(--muted);margin-top:10px;font-size:13.5px;line-height:1.6}.auth-split-right{flex-direction:column;padding:24px;display:flex;position:relative}@media (width>=960px){.auth-split-right{padding:40px 48px}}.auth-mobile-header{margin-bottom:24px}@media (width>=960px){.auth-mobile-header{display:none}}.auth-form-wrap{flex:1;justify-content:center;align-items:center;display:flex}.auth-form-col{width:100%;max-width:440px}.auth-footer-row{border-top:1px solid var(--line);color:var(--muted-2);text-align:center;margin-top:32px;padding-top:16px;font-size:12px}@media (width>=960px){.auth-footer-row{text-align:left}}.user-menu{position:relative}.user-menu-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:3px;transition:border-color .12s;display:inline-flex}.user-menu-button:hover{border-color:var(--line-strong)}.user-menu-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;display:inline-flex}.user-menu-panel{background:var(--card);border:1px solid var(--line);min-width:240px;box-shadow:var(--shadow-lg);z-index:60;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.user-menu-meta{padding:10px 12px}.user-menu-divider{background:var(--line);height:1px;margin:4px -6px}.user-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--fg);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:inherit;font-size:13.5px;display:flex}.user-menu-item:hover{background:var(--bg-soft)}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklab, var(--bg) 86%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{align-items:center;gap:32px;height:64px;display:flex}@media (width<=879px){.nav-inner{justify-content:space-between;gap:16px}}@media (width<=479px){.nav-login-text{display:none}}.nav-brand{color:var(--fg);align-items:baseline;gap:8px;text-decoration:none;display:inline-flex}.nav-brand .mark{background:var(--accent);width:28px;height:28px;color:var(--accent-fg);border-radius:6px;justify-content:center;align-items:center;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:600;display:inline-flex}.nav-brand .name{letter-spacing:-.01em;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500}.nav-links{align-items:center;gap:24px;display:none}@media (width>=880px){.nav-links{display:inline-flex}}.nav-link{color:var(--fg-soft);font-size:14px;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--fg)}.hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;display:grid}@media (width>=880px){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px}}.product-frame{aspect-ratio:16/10}@media (width<=759px){.product-frame{aspect-ratio:auto}}.product-body-grid{grid-template-columns:minmax(0,1fr);height:100%;display:grid}@media (width>=760px){.product-body-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);height:calc(100% - 32px)}}.product-body-rail{border-top:1px solid var(--line)}@media (width>=760px){.product-body-rail{border-top:0;border-left:1px solid var(--line)}}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px;display:grid}@media (width>=720px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}}.footer-brand-col{grid-column:1/-1}@media (width>=720px){.footer-brand-col{grid-column:auto}}.footer-col-title{letter-spacing:.05em;margin-bottom:12px}.footer-link{color:var(--fg-soft);font-size:13px}@media (width<=719px){.footer-link{font-size:12.5px}}.footer-link:hover{color:var(--fg)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;align-items:flex-start;gap:8px;margin-top:36px;padding-top:20px;font-size:12px;display:flex}@media (width>=720px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:24px}}.section-num{color:var(--accent);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:14px}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 8px #0000}}.live-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite pulseDot;display:inline-block}.preview{background:var(--card);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);border-radius:14px;position:relative;overflow:hidden}.preview-bar{background:var(--bg-soft);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.preview-dot{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.preview-dot.live{background:var(--accent)}.preview-cta{background:color-mix(in oklab, var(--bg) 50%, transparent);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.preview:hover .preview-cta{opacity:1}.glow{pointer-events:none;background:radial-gradient(circle at 70% 30%, var(--accent-soft) 0%, transparent 60%);opacity:.6;z-index:0;width:80%;height:80%;position:absolute;inset:-10% -10% auto auto}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{white-space:nowrap;gap:56px;padding-right:56px;animation:60s linear infinite scroll-x;display:inline-flex}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise{animation:.6s cubic-bezier(.2,.7,.2,1) both riseIn}.rise-1{animation-delay:40ms}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.2s}.rise-4{animation-delay:.28s}.step-num{background:var(--bg-soft);width:32px;height:32px;color:var(--fg);border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;display:inline-flex}.price-emph{border-color:var(--accent)}.faq-row{border-top:1px solid var(--line)}.faq-row:last-child{border-bottom:1px solid var(--line)}.faq-button{text-align:left;width:100%;color:var(--fg);cursor:pointer;letter-spacing:-.005em;background:0 0;border:0;justify-content:space-between;align-items:center;padding:22px 0;font-size:17px;font-weight:500;display:flex}.faq-icon{color:var(--muted);transition:transform .2s}.faq-row[data-open=true] .faq-icon{color:var(--accent);transform:rotate(45deg)}.faq-body{max-height:0;color:var(--fg-soft);padding-right:40px;font-size:14.5px;line-height:1.7;transition:max-height .25s;overflow:hidden}.faq-row[data-open=true] .faq-body{max-height:320px;padding-bottom:22px}@media (prefers-reduced-motion:reduce){.live-dot,.rise,.marquee-track{animation:none!important}}