[hidden] { display: none !important; }
html { scroll-padding-top: 120px; }
h1, h2 { overflow-wrap: anywhere; letter-spacing: -.055em; }
html:lang(ja), html:lang(ko), html:lang(zh-Hans), html:lang(zh-Hant) { line-height: 1.65; }
html:lang(ja) h1, html:lang(ko) h1, html:lang(zh-Hans) h1, html:lang(zh-Hant) h1 { font-size: clamp(2.7rem, 5vw, 4.4rem); line-height: 1.15; letter-spacing: -.035em; }
html:lang(ja) h2, html:lang(ko) h2, html:lang(zh-Hans) h2, html:lang(zh-Hant) h2 { font-size: clamp(2rem, 3.4vw, 3.3rem); line-height: 1.2; letter-spacing: -.02em; }
.language-menu { position: relative; flex-shrink: 0; font-size: .78rem; font-weight: 750; }
.language-menu summary { padding: .5rem .65rem; cursor: pointer; border: 1px solid var(--line); list-style: none; }
.language-menu div { position: absolute; right: 0; top: 100%; width: 230px; max-height: 65vh; overflow-y: auto; padding: .5rem; background: var(--white); border: 1px solid var(--ink); box-shadow: 4px 4px 0 var(--violet); }
.language-menu a { display: block; padding: .45rem .65rem; }.language-menu a:hover,.language-menu [aria-current] { color: var(--violet-dark); background: var(--paper); }
.mobile-nav { display: none; }.nav { gap: 1.2rem; }.nav-links { gap: 1.2rem; font-size: .78rem; }
.release-strip { background: #fff2c1; border-top: 1px solid #c5a838; border-bottom: 1px solid #c5a838; }
.release-strip .container { display: flex; gap: 1.25rem; align-items: center; padding: 1rem 0; font-size: .82rem; }
.release-strip strong { white-space: nowrap; }.release-strip span { color: #6c5814; }
.console-code { margin: 1.25rem 0; padding: 1rem; background: #1d2236; color: #c8ff3d; font: .85rem/1.7 ui-monospace, monospace; overflow: auto; }
.hero { gap: 4rem; }.hero h1 { font-size: clamp(3rem,5.4vw,5rem); line-height: 1.02; }
.light-flow li { border-color: var(--line); }.light-flow .step-number { color: var(--violet-dark); }.light-flow p { color: var(--muted); }
.benefit-stack article { display: grid; grid-template-columns: 100px 1fr; gap: 2rem; border-top: 1px solid #ffffff40; padding: 1.8rem 0; }.benefit-stack article:last-child { border-bottom: 1px solid #ffffff40; }.benefit-stack article > span { color: var(--acid); font: 2.5rem/1 var(--serif); }.benefit-stack h3 { font-size: 1.6rem; margin: 0 0 .5rem; }.benefit-stack p { color: #bfc6db; margin: 0; max-width: 650px; }
.usecase-pair { display: flex; gap: 3rem; }.usecase-pair article { flex: 1; padding: 2rem 0; border-top: 1px solid var(--ink); }.usecase-pair h3 { font-size: 1.6rem; }.usecase-pair p { color: var(--muted); }
.page-intro { padding: 5.5rem 0 4rem; }.page-intro h1 { max-width: 1000px; font-size: clamp(2.8rem,5.2vw,4.75rem); line-height: 1.03; }.page-intro .hero-text { max-width: 820px; }.page-intro .button { margin-top: 1rem; }
.availability-panel { display: flex; align-items: center; gap: 1.25rem; margin-top: 2rem; padding: 1.2rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.availability-panel > strong { font-size: 4rem; font-family: var(--serif); color: var(--violet); }.availability-panel p { margin: 0; color: var(--muted); font-size: .8rem; }.availability-panel a { margin-left: auto; }
.roadmap-grid { margin-top: 1.5rem; grid-template-columns: repeat(3, 1fr); }.roadmap-icon { background: var(--ink); }.tool-card footer a { text-decoration: underline; }.tool-card-top { gap: .8rem; align-items: flex-start; }.tool-card .status-badge { max-width: 160px; text-align: right; }
.developer-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; }.developer-layout li { margin-bottom: .65rem; color: var(--muted); }.developer-layout h3 { margin-top: 2rem; }.developer-panel { padding: 1.5rem; background: var(--ink); color: var(--paper); box-shadow: 7px 7px 0 var(--orange); }.developer-panel h3:first-child { margin-top: 0; }.developer-panel p { color: #c2c6d2; font-size: .85rem; }.developer-panel pre { font-size: .75rem; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--acid); }.doc-links { display: flex; flex-direction: column; gap: .75rem; }.doc-links a { color: var(--acid); }.growth-section { padding-bottom: 2rem; }
.workflow-steps { list-style: none; padding: 0; margin: 2rem 0; }.workflow-steps li { display: flex; gap: 2rem; padding: 1.5rem 0; border-top: 1px solid var(--line); align-items: center; }.workflow-steps span { font: 2.3rem/1 var(--serif); color: var(--violet); }.workflow-steps p { margin: 0; font-size: 1.1rem; }
.privacy-note { font-size: .75rem; padding-top: 1rem; border-top: 1px solid var(--line); }.honeypot { position: absolute; left: -9999px; }.locale-footer { display: flex; flex-wrap: wrap; gap: .85rem 1.4rem; padding: 1rem 0 2.5rem; font-size: .78rem; }.locale-footer a:hover,.locale-footer [aria-current] { color: var(--violet-dark); text-decoration: underline; }
.button:disabled { cursor: wait; opacity: .65; transform: none; }.footer { grid-template-columns: 1fr 1.5fr auto; }
@media (max-width: 1000px) { .nav-links { display: none; }.mobile-nav { display: flex; gap: 1rem; overflow: auto; padding: .35rem 0 .7rem; font-size: .74rem; white-space: nowrap; }.nav { min-height: 64px; }.hero { gap: 2rem; }.launch { gap: 2.5rem; } }
@media (max-width: 860px) { .developer-layout { grid-template-columns: 1fr; }.roadmap-grid { grid-template-columns: repeat(2,1fr); }.footer { grid-template-columns: 1fr; }.usecase-pair { flex-direction: column; gap: 1rem; }.release-strip .container { align-items: flex-start; flex-direction: column; gap: .2rem; } }
@media (max-width: 560px) { .roadmap-grid { grid-template-columns: 1fr; }.benefit-stack article { grid-template-columns: 45px 1fr; gap: 1rem; }.page-intro { padding-top: 3.5rem; }.availability-panel { flex-wrap: wrap; }.availability-panel a { margin-left: 0; }.signal-board { width: 100%; transform: none; }.board-topline { flex-wrap: wrap; }.hero { padding-top: 3.5rem; }.developer-panel { padding: 1rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { transition: none !important; } }

:root { --acid: #34ddca; --orange: #34ddca; }
.nav-app { font-size: .72rem; padding: .7rem 1rem; white-space: nowrap; }
.nav { flex-wrap: nowrap; }
.live-tool { border: 1px solid var(--line); padding: 2rem; border-left: 6px solid #34ddca; }
.live-tool h2 { font-size: clamp(1.8rem,3.5vw,3rem); }
.live-tool .status-badge { float: right; }
.live-tool p { max-width: 800px; color: var(--muted); }
.connection-stack article { display: flex; gap: 2rem; align-items: flex-start; border-top: 1px solid var(--line); padding: 1.5rem 0; }
.connection-stack article > code { flex: 0 0 85px; font-size: .85rem; color: var(--violet-dark); padding-top: .25rem; }
.connection-stack h3 { margin: 0 0 .5rem; font-size: 1.3rem; }.connection-stack p { margin: 0; color: var(--muted); }.connection-stack article > a { margin-left: auto; font-size: 1.6rem; }
.faq details { border-top: 1px solid var(--line); padding: 1.2rem 0; }.faq summary { font-weight: 700; cursor: pointer; }.faq p { max-width: 820px; color: var(--muted); }
.developer-layout pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 1rem; background: #111526; color: #d6fef7; font: .78rem/1.7 ui-monospace,monospace; }
.developer-panel h2 { font-size: 1.5rem; }.copy-code { font-size: .7rem; padding: .4rem .7rem; margin-bottom: 1rem; }
.forecast-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; margin-top: 2rem; }.forecast-results { margin: 0; padding: 1.5rem; background: #111526; color: #f7f8fb; }.forecast-results div { border-bottom: 1px solid #ffffff30; padding: .8rem 0; display: flex; justify-content: space-between; gap: 2rem; }.forecast-results dt { font-size: .8rem; }.forecast-results dd { margin: 0; color: #34ddca; font-size: 1.3rem; font-weight: 750; white-space: nowrap; }
.campaign-form { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; margin: 2rem 0; }.campaign-form label,.campaign-output { display: flex; flex-direction: column; gap: .5rem; font-size: .8rem; }.campaign-form input,.campaign-form select,.campaign-output textarea { width: 100%; border: 1px solid #ffffff60; padding: .85rem; font: inherit; color: #111526; background: #f7f8fb; }.campaign-output textarea { font-family: ui-monospace,monospace; overflow-wrap: anywhere; margin-bottom: 1rem; }.flow-section p { color: #d0d4dd; }
.inline-status { padding: 1.1rem; }.privacy-content { max-width: 850px; }.privacy-content article { padding-bottom: 1.5rem; }.privacy-content h2 { font-size: 1.7rem; }.privacy-content p { color: var(--muted); line-height: 1.8; }
.consent-banner { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 100; background: #fff; border: 1px solid #111526; box-shadow: 4px 4px 0 #34ddca; display: flex; align-items: center; gap: 1rem; padding: 1rem; }.consent-banner > div { flex: 1; }.consent-banner p { margin: .3rem 0 0; font-size: .75rem; color: var(--muted); }.consent-banner strong { font-size: .85rem; }.consent-banner .button { font-size: .7rem; padding: .7rem .9rem; flex-shrink: 0; }.consent-settings { display: block; margin: 0 auto 1.5rem; border: 0; background: transparent; font: inherit; font-size: .7rem; text-decoration: underline; cursor: pointer; }
@media(max-width:860px) { .forecast-layout { grid-template-columns: 1fr; gap: 1.5rem; }.campaign-form { grid-template-columns: 1fr 1fr; }.consent-banner { flex-wrap: wrap; }.consent-banner > div { flex-basis: 100%; }.nav-app { max-width: 180px; white-space: normal; text-align: center; } }
@media(max-width:560px) { .campaign-form { grid-template-columns: 1fr; }.connection-stack article { gap: 1rem; }.connection-stack article > code { flex-basis: 60px; }.live-tool { padding: 1.2rem; }.nav { gap: .5rem; }.nav-app { font-size: .6rem; padding: .5rem; max-width: 115px; }.language-menu { font-size: .65rem; }.brand { font-size: 1.2rem; }.forecast-results div { gap: 1rem; }.forecast-results dd { font-size: 1.1rem; } }

.paste-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start}.paste-panel{padding:2rem;background:var(--ink);color:#f4f2ec;border-radius:18px}.paste-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.7;background:transparent}.paste-panel details{margin-top:1.5rem}.paste-panel details p,.paste-panel .dialog-note{color:#c2c7d2}.onboarding-card{max-width:900px;background:#fff;border:1px solid #d8dde4;border-radius:18px;padding:2rem}.onboarding-card form{display:flex;align-items:end;gap:1rem}.onboarding-card label{display:block}.onboarding-card input:not([type=checkbox]){display:block;width:100%;padding:.85rem;margin-top:.5rem;font:inherit;border:1px solid #c5cbd2;border-radius:8px}.onboarding-card dl:not(.forecast-results){display:grid;grid-template-columns:1fr 2fr;gap:1rem}.onboarding-card dd{margin:0;overflow-wrap:anywhere}.billing-orders article{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #d8dde4}.onboarding-card [hidden]{display:none!important}.onboarding-card .check-row{display:flex;gap:.6rem;margin:1rem 0}.onboarding-card .check-row input{width:auto}.commercial-pricing .benefit-stack article{border-color:var(--line)}.commercial-pricing .benefit-stack p{color:var(--muted)}.commercial-pricing .benefit-stack h2{font-size:1.8rem}@media(max-width:800px){.paste-section{grid-template-columns:1fr;gap:1.5rem}.paste-panel{padding:1.25rem}.onboarding-card form{display:block}.onboarding-card form button{margin-top:1rem}.onboarding-card{padding:1.25rem}.billing-orders article{flex-direction:column}}