/* Public website only. Local Bootstrap remains the foundation. */
:root { --tlz-ink:#111c30; --tlz-muted:#58677d; --tlz-line:#dde5ef; --tlz-paper:#f5f8fc; --tlz-navy:#0b1730; --tlz-header:76px; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
.public-body { font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
.public-body h1,.public-body h2,.public-body h3,.public-body h4 { font-weight:650; letter-spacing:-.045em; line-height:1.1; color:var(--tlz-ink); }
.public-body a { text-underline-offset:4px; }
.public-body button { font-family:inherit; }
.public-body :focus-visible { outline:3px solid #4593ff; outline-offset:5px; }
.public-body [hidden] { display:none!important; }
.public-body .container-xl { max-width:1248px; padding-left:24px; padding-right:24px; }
.public-body .btn { display:inline-flex; align-items:center; justify-content:center; gap:20px; font-size:14px; font-weight:600; line-height:1.4; padding:14px 22px; border-radius:8px; transition:background .2s,box-shadow .2s,transform .2s; }
.public-body .btn:hover { transform:translateY(-2px); box-shadow:0 5px 14px #005fee18; }
.public-body .btn-line { border-color:#b8c9e3; background:#fff; color:var(--tlz-ink); }
.public-body .btn-line:hover { background:#f1f6ff; border-color:var(--tlz-blue); }
.public-body .btn-white { background:#fff; color:var(--tlz-blue); }
.public-body .btn-white:hover { background:#eaf2ff; }
.site-header { background:#ffffffef; border-bottom:1px solid #edf0f5; }
.site-header-inner { gap:54px; }
.site-header .brand-logo { width:145px; height:auto; }
.brand-link { flex-shrink:0; }
.site-nav { flex:1; gap:12px; font-size:13px; }
.site-nav a { padding:8px 10px; white-space:nowrap; }
.site-nav a:hover { color:var(--tlz-blue); }
.site-nav .nav-login { margin-left:auto; }
.site-nav .btn-primary { padding:12px 19px; color:#fff; }
.nav-toggle { border-radius:7px; font-size:14px; min-height:44px; }
.nav-toggle span { margin-left:10px; }
.mono,.section-label,.demo-side-label { font-family:Consolas,"SFMono-Regular",monospace; }
.landing-hero { overflow:hidden; padding-top:76px; background:linear-gradient(#fff 25%,#f8fbff 80%,#fff); }
.hero-intro { text-align:center; position:relative; z-index:1; }
.hero-intro h1 { font-size:clamp(44px,5.4vw,76px); letter-spacing:-.062em; line-height:1.035; margin:0 auto 24px; }
.hero-intro h1 span,.pricing-page h1 span { color:var(--tlz-blue); }
.hero-intro>p { color:var(--tlz-muted); font-size:19px; line-height:1.55; }
.hero-intro .hero-actions { justify-content:center; gap:12px; margin-top:27px; }
.hero-intro .hero-note { font-size:12px; margin:14px 0 0; color:#65758d; }
.play-symbol { font-size:21px; line-height:16px; }
.hero-product-wrap { position:relative; margin-top:45px; }
.hero-orbits { position:absolute; left:50%; top:-65px; width:1600px; height:650px; transform:translateX(-50%); color:#528eff; opacity:.65; pointer-events:none; }
.hero-orbits circle { animation:orbit-breathe 2s ease-in-out 2; transform-box:fill-box; transform-origin:center; }
.product-demo { position:relative; display:grid; grid-template-columns:190px minmax(0,1fr); background:white; border:1px solid #cbd9ea; border-radius:12px; box-shadow:0 18px 65px #29477313,0 0 0 5px #ffffffb5; overflow:hidden; text-align:left; }
.demo-sidebar { background:var(--tlz-navy); color:#fff; padding:22px 14px 18px; display:flex; flex-direction:column; font-size:12px; }
.demo-workspace { display:flex; align-items:center; gap:10px; margin-bottom:33px; }
.workspace-monogram { width:31px; height:34px; background:#253853; border:1px solid #3c4a62; border-radius:6px; display:grid; place-items:center; font-size:18px; }
.demo-workspace strong,.demo-side-bottom strong { font-size:12px; font-weight:500; display:block; }
.demo-workspace small,.demo-side-bottom small { font-size:12px; color:#a6b6cb; display:block; margin-top:3px; }
.demo-side-label { font-size:12px; color:#94a7c4; letter-spacing:.07em; margin:20px 10px 10px; }
.demo-side-static { padding:9px 10px; color:#bdcadd; }
.demo-project { text-align:left; padding:10px; color:#c1cede; background:none; border:1px solid transparent; border-radius:6px; font-size:12px; display:flex; align-items:center; gap:9px; margin:3px 0; }
.demo-project.is-active { background:#233755; border-color:#344969; color:#fff; }
.demo-project.is-active span { color:#75b5ff; }
.demo-project:hover { background:#293f5b; }
.demo-side-bottom { display:flex; align-items:center; gap:9px; padding:35px 8px 0; margin-top:auto; }
.avatar { width:29px; height:29px; border-radius:50%; background:#dce9ff; color:#1853ae; display:grid; place-items:center; font-size:12px; flex-shrink:0; }
.demo-main { min-width:0; background:linear-gradient(#fff,#fbfcff); }
.demo-breadcrumb { display:flex; justify-content:space-between; gap:10px; padding:14px 24px; border-bottom:1px solid #e9edf4; font-size:12px; color:#53657f; }
.demo-breadcrumb>span>span[aria-hidden] { color:#8a9ab2; padding-right:5px; }
.demo-mode { color:#1b64cd; font-size:12px; }
.demo-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:22px 24px 18px; }
.demo-heading h2 { font-size:25px; letter-spacing:-.045em; margin:0; }
.demo-reset { border:1px solid #e1e7ef; color:#62728a; border-radius:5px; background:#fff; padding:6px 9px; font-size:12px; }
.demo-reset:hover { color:var(--tlz-blue); border-color:#8cb5f2; }
.demo-lanes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; padding:0 24px; }
.demo-lane { min-width:0; background:#f3f6fa; border:1px solid #e9eef6; border-radius:8px; padding:12px 9px 10px; min-height:338px; }
.demo-lane h3 { font-size:12px; font-weight:600; letter-spacing:0; display:flex; gap:7px; align-items:center; margin:0 3px 12px; }
.lane-dot { width:8px; height:8px; border-radius:50%; background:#a6b4c7; }
.lane-dot.blue { background:var(--tlz-blue); }.lane-dot.green { background:#1c9252; }
.lane-count { font-size:12px; background:#e7edf5; padding:2px 5px; border-radius:5px; color:#68778a; }
.demo-item { padding:13px; background:#fff; border:1px solid #e2e8f0; border-radius:7px; margin-bottom:10px; box-shadow:0 2px 2px #172e4810; }
.demo-item:last-child { margin-bottom:0; }
.demo-item-interactive { border:1px solid #3985fb; box-shadow:0 0 0 2px #005fee0b,0 5px 12px #005fee09; }
.item-topline { display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:12px; color:#758398; margin-bottom:12px; }
.item-priority { color:#936231; background:#fff7e9; border-radius:3px; padding:2px 4px; }
.item-tag { color:#6d7b91; }
.demo-item h4 { font-size:12px; font-weight:600; letter-spacing:-.02em; line-height:1.4; margin:0 0 7px; }
.demo-item p { font-size:12px; line-height:1.6; color:#64718a; margin:0 0 14px; }
.item-source { font-size:12px; display:flex; align-items:center; gap:5px; }
.agent-initial { display:inline-grid; place-items:center; width:18px; height:18px; border-radius:4px; background:#eff3f9; color:#284363; font-size:12px; font-weight:700; }
.agent-claude { color:#b56840; font-size:17px; background:transparent; }.agent-cursor { font-size:18px; }
.item-check { margin-left:auto; color:#5d7c67; }
.demo-action { width:100%; margin-top:12px; border:0; border-radius:5px; background:var(--tlz-blue); color:#fff; font-size:12px; font-weight:500; min-height:30px; padding:7px 8px; display:flex; align-items:center; justify-content:center; gap:10px; }
.demo-action:hover { background:#0049bb; }.demo-action.is-complete { background:#168044; }
.demo-conflict { background:none; border:0; padding:8px 0 0; font-size:12px; color:#536781; text-decoration:underline; text-underline-offset:3px; width:100%; }
.item-working,.item-result { font-size:12px; margin-top:13px; padding-top:9px; border-top:1px solid #edf1f7; color:#3573bf; }
.item-working span { display:inline-block; background:#005fee; width:5px; height:5px; border-radius:50%; margin-right:3px; }
.item-result,.complete-mark { color:#237a48; }
.demo-activity { margin:17px 24px 10px; padding:12px; border:1px solid #dbe8f8; border-radius:7px; display:flex; gap:11px; align-items:center; background:#fff; }
.activity-status-icon { width:23px; height:23px; flex-shrink:0; background:#e2f2e9; color:#188245; border-radius:50%; display:grid; place-items:center; font-size:13px; }
.demo-activity strong { font-size:12px; display:block; font-weight:600; }.demo-activity [data-demo-detail] { font-size:12px; color:#64738b; display:block; margin-top:2px; }
.demo-activity.is-conflict { border-color:#e9c89c; background:#fffcf6; }.demo-activity.is-conflict .activity-status-icon { background:#fae9d3; color:#926422; }
.demo-disclaimer { font-size:12px; color:#6b7b92; margin:0 24px 13px; }.demo-noscript { margin:12px 24px; font-size:12px; }
.demo-item.just-moved { animation:item-arrive .35s ease-out; }
.integration-rail { text-align:center; padding-top:37px; padding-bottom:42px; }
.integration-rail>p { font-size:12px; color:var(--tlz-muted); margin-bottom:19px; }.integration-rail>div { display:flex; justify-content:center; align-items:center; gap:0; }
.integration-rail>div>span { display:flex; gap:10px; align-items:center; font-size:16px; font-weight:500; padding:0 40px; border-right:1px solid #dce5f1; }.integration-rail>div>span:last-child { border:0; }
.tool-symbol { font-size:24px; font-weight:500; }.claude-symbol { color:#b66e46; font-size:30px; }.integration-rail small { display:block; font-size:12px; color:#6e7d91; margin-top:17px; }
.marketing-section { padding:100px 0; }.marketing-section h2 { font-size:clamp(34px,3.5vw,48px); margin:0 0 23px; }.section-label { color:#536b8c; text-transform:uppercase; font-size:12px; letter-spacing:.1em; margin:0 0 17px; }
.section-heading-row { display:grid; grid-template-columns:1.5fr 1fr; gap:80px; align-items:center; }.section-heading-row>p { margin:20px 0 0; color:var(--tlz-muted); font-size:16px; max-width:390px; justify-self:end; }
.handoff-section { border-top:1px solid #e9eef5; }.handoff-steps { list-style:none; display:grid; grid-template-columns:repeat(4,1fr); margin:50px 0 0; padding:0; }
.handoff-steps li { position:relative; padding:0 34px 32px 0; border-bottom:1px solid #7dabf2; }.handoff-steps li:after { content:""; width:11px; height:11px; border:2px solid #005fee; border-radius:50%; position:absolute; bottom:-6px; left:0; background:#fff; }
.step-number { font-size:30px; font-weight:600; color:var(--tlz-blue); letter-spacing:-.05em; }.handoff-steps h3 { font-size:18px; margin:12px 0 10px; letter-spacing:-.025em; }.handoff-steps p { color:var(--tlz-muted); font-size:14px; line-height:1.7; margin:0; }
.clarity-section,.maker-section { background:var(--tlz-paper); }.clarity-layout { display:grid; grid-template-columns:1fr 1.05fr; gap:90px; align-items:center; }.feature-selectors { margin-top:29px; }.feature-selector { width:100%; display:grid; grid-template-columns:48px 1fr 14px; gap:17px; text-align:left; background:none; border:0; border-bottom:1px solid #dfe6ef; padding:19px 0; color:var(--tlz-muted); }.feature-selector:last-child { border-bottom:0; }.feature-selector strong { display:block; font-size:16px; color:var(--tlz-ink); margin-bottom:4px; }.feature-selector>span>span { display:block; font-size:13px; line-height:1.65; }.feature-selector>b { color:#8a9ab3; align-self:center; font-weight:400; }.feature-selector[aria-selected="true"]>b { color:var(--tlz-blue); }.feature-icon { width:44px; height:44px; background:#e9eff7; border-radius:7px; color:#284669; display:grid; place-items:center; font-size:25px; }.feature-selector[aria-selected="true"] .feature-icon { background:#deebff; color:#005fee; }
.feature-panel { background:#fff; border:1px solid #ccdaed; border-radius:10px; box-shadow:0 12px 32px #2f4b7010; overflow:hidden; min-height:412px; }.panel-title { min-height:55px; padding:16px 23px; border-bottom:1px solid #dce5ef; display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; }.panel-title .mono { font-size:12px; color:#718198; }.rules-editor { min-height:321px; padding:22px 25px 22px 40px; font-family:Consolas,"SFMono-Regular",monospace; font-size:13px; line-height:2; }.rules-editor ol { margin:0; padding-left:14px; }.rules-editor li { padding-left:20px; white-space:normal; }.rules-editor li::marker { color:#a0aec1; font-size:12px; }.code-blue { color:var(--tlz-blue); }.code-comment { color:#8496b2; }.panel-foot { min-height:41px; background:#f9fbfe; border-top:1px solid #e4ebf5; padding:11px 23px; color:#6e7f98; font-size:12px; }.status-dot { display:inline-block; width:5px; height:5px; background:var(--tlz-blue); border-radius:50%; margin-right:6px; }
.access-example { padding:22px; min-height:321px; font-size:12px; }.example-agent { display:flex; gap:10px; align-items:center; margin-bottom:18px; }.example-agent small { display:block; color:var(--tlz-muted); font-size:12px; }.access-example dl>div { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid #e8edf4; }.access-example dt { font-weight:500; }.access-example dd { margin:0; color:#64738b; }.access-example>p { font-size:12px; color:var(--tlz-muted); margin-bottom:0; }
.activity-example { list-style:none; padding:25px; margin:0; min-height:321px; }.activity-example li { display:flex; gap:19px; font-size:12px; }.activity-example li>span { font-family:Consolas,monospace; color:#8090a7; font-size:12px; padding-top:3px; }.activity-example li>div { border-left:1px solid #d5e1f1; padding:0 0 14px 19px; position:relative; }.activity-example li>div:before { content:""; position:absolute; width:7px; height:7px; background:#005fee; border-radius:50%; left:-4px; top:5px; }.activity-example p { color:var(--tlz-muted); font-size:12px; margin:3px 0 0; }
.developer-section { background:var(--tlz-navy); color:#fff; }.developer-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:center; }.developer-section h2 { color:#fff; }.developer-section .section-label { color:#8ca8d0; }.developer-copy>p:not(.section-label) { color:#b5c5dc; max-width:400px; font-size:15px; margin-bottom:25px; }.connection-map { display:block; width:100%; max-width:390px; margin-top:32px; }.connection-pulse { animation:connection-pulse 2s ease-out 2; }.pulse-later { animation-delay:.6s; }
.code-window { border:1px solid #344965; border-radius:10px; background:#101e34; min-width:0; box-shadow:0 20px 50px #0002; }.code-window-top { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #30415d; padding-right:20px; }.code-window-top [role="tablist"] { display:flex; }.code-window-top [role="tab"] { background:none; color:#c4d0e0; border:0; border-bottom:2px solid transparent; padding:18px 29px; font-size:12px; }.code-window-top [aria-selected="true"] { color:#fff; border-bottom-color:#2686ff; }.copy-code { background:none; color:#a6b7d0; border:0; font-size:12px; padding:10px 0 10px 10px; }.copy-code span { margin-left:9px; font-size:17px; }.copy-code:hover { color:#fff; }.code-window pre { padding:30px; font-size:13px; color:#e1e8f2; line-height:1.95; min-height:352px; margin:0; overflow-x:auto; white-space:pre-wrap; overflow-wrap:anywhere; }.code-window pre code { color:inherit; }.syntax-key { color:#93dbc1; }.syntax-string { color:#7dccff; }.code-window-foot { border-top:1px solid #30415d; display:flex; justify-content:space-between; gap:10px; padding:16px 23px; font-size:12px; color:#a8b6ca; }.copy-status { color:#97dcba; }.code-caption { padding:0 23px 17px; margin:0; color:#94a6c2; font-size:12px; }
.center-heading { text-align:center; margin-bottom:43px; }.center-heading h2 { margin-bottom:15px; }.center-heading>p:not(.section-label) { color:var(--tlz-muted); font-size:17px; }.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }.plan-card { padding:30px; border:1px solid #cfd9e8; border-radius:10px; display:flex; flex-direction:column; }.plan-featured { background:#f0f6ff; border-color:#005fee; box-shadow:0 0 0 3px #005fee06; }.plan-card h3 { font-size:25px; margin-bottom:10px; }.plan-card-heading p { font-size:13px; color:var(--tlz-muted); margin:0; min-height:43px; }.plan-price { display:flex; align-items:baseline; gap:10px; margin:20px 0 25px; }.plan-price strong { font-size:51px; font-weight:650; letter-spacing:-.06em; line-height:1; }.plan-price>span { font-size:13px; color:var(--tlz-muted); }.plan-features { list-style:none; padding:0; margin:0 0 27px; display:grid; gap:15px; }.plan-features li { display:flex; align-items:flex-start; gap:13px; font-size:13px; }.plan-features li>span[aria-hidden] { font-size:19px; line-height:1.25; width:20px; text-align:center; }.plan-features strong { font-weight:600; }.plan-features small { display:block; font-size:12px; color:#718198; line-height:1.4; }.plan-card>.btn { margin-top:auto; font-size:12px; padding:13px 9px; gap:12px; }.plan-inclusions { margin-top:35px; padding-top:23px; border-top:1px solid #dfe6ef; text-align:center; }.plan-inclusions>span { color:#75849b; font-size:12px; }.plan-inclusions p { font-family:Consolas,monospace; text-transform:uppercase; letter-spacing:.02em; font-size:12px; margin:9px 0 0; color:#405875; }.plan-inclusions i { font-style:normal; padding:0 15px; color:#a0b0c6; }.pricing-link { text-align:center; font-size:13px; margin:22px 0 0; }.pricing-link a { color:#005fee; text-decoration:none; }.pricing-link a:hover { text-decoration:underline; }
.maker-layout,.pricing-details { display:grid; grid-template-columns:1.1fr 1fr; gap:90px; align-items:start; }.maker-layout h2 { font-size:39px; }.maker-layout>div>p:not(.section-label),.pricing-details>div>p:not(.section-label) { color:var(--tlz-muted); font-size:15px; }.maker-signoff { margin-top:25px; }.maker-signoff strong { display:block; margin-top:15px; font-weight:500; }.faq-list { display:grid; gap:12px; }.faq-list details { border:1px solid #d5dfed; border-radius:8px; background:#fff; overflow:hidden; }.faq-list summary { list-style:none; padding:20px 23px; font-size:14px; font-weight:600; display:flex; align-items:center; justify-content:space-between; gap:17px; cursor:pointer; line-height:1.5; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary>span { font-weight:400; font-size:22px; color:#526a8b; transition:transform .2s; }.faq-list details[open] summary>span { transform:rotate(45deg); }.faq-list details[open] summary { color:#005fee; }.faq-list details>p { padding:0 23px 21px; margin:0; font-size:13px; color:var(--tlz-muted); }.faq-list details>p a { color:#005fee; }
.landing-cta { background:#005fee; color:#fff; padding:60px 0; overflow:hidden; }.cta-layout { display:grid; grid-template-columns:1.15fr 1fr; gap:45px; align-items:center; }.landing-cta h2 { font-size:clamp(40px,4.7vw,64px); color:#fff; letter-spacing:-.05em; margin:0 0 28px; }.landing-cta p { font-size:12px; color:#d5e6ff; margin:13px 0 0; }.landing-rings { width:100%; color:#d2e5ff; }.landing-signal { animation:signal-land 2s linear 2; }
.site-footer { padding:54px 0 22px; border:0; background:#fff; font-size:12px; }.footer-main { display:grid; grid-template-columns:1.5fr .75fr 1fr .85fr; gap:30px; }.footer-brand .brand-logo { width:133px; height:auto; }.footer-brand p { margin:16px 0 0; font-size:12px; color:#718198; line-height:1.8; }.footer-main nav { display:flex; flex-direction:column; gap:9px; }.footer-main strong { color:var(--tlz-ink); font-size:12px; font-weight:600; }.footer-main nav>strong { margin-bottom:6px; }.footer-main nav>a { font-size:12px; color:#667892; }.footer-maker { border-left:1px solid #e1e7ef; padding-left:24px; }.maker-mark { font-family:Consolas,monospace; display:block; font-size:25px; font-weight:700; letter-spacing:-.08em; color:#193558; line-height:1; margin-bottom:12px; }.footer-maker p { color:#718198; margin:6px 0 0; font-size:12px; }.footer-bottom { display:flex; justify-content:space-between; gap:16px; border-top:1px solid #ecf0f6; margin-top:40px; padding-top:18px; font-size:12px; color:#718198; }.footer-bottom a { color:#718198; }
.pricing-page { padding-top:76px; }.pricing-page h1 { font-size:clamp(48px,6vw,76px); margin-bottom:24px; }.pricing-explanation { font-size:12px; text-align:center; max-width:650px; margin:30px auto 0; color:var(--tlz-muted); }.included-list { list-style:none; padding:8px 0 15px; font-size:14px; display:grid; gap:13px; }.included-list li:before { content:'✓'; color:#005fee; margin-right:15px; }
/* Public documentation and authentication inherit the same restrained system. */
.docs-page { padding:70px 0 90px; }.docs-page>.container-xl { max-width:1000px; }.docs-page h1 { font-size:60px; margin-bottom:25px; }.docs-page h2 { padding-top:15px; }.docs-page .lede { font-size:16px; max-width:800px; line-height:1.8; }.docs-page pre { background:#0b1730; border:1px solid #2c4260; color:#d9e8ff; border-radius:10px; font-size:12px; line-height:1.85; margin:25px 0 36px; padding:25px!important; white-space:pre-wrap; overflow-wrap:anywhere; }.docs-page p { max-width:800px; color:var(--tlz-muted); }.docs-page code { overflow-wrap:anywhere; }.docs-page h3 { margin-top:25px; }.docs-page a { color:#005fee; }
.auth-card { padding:35px; border-radius:12px; box-shadow:0 16px 45px #1b3b6710; }.auth-card h2 { font-size:27px; margin-bottom:25px; }.auth-card label { font-size:13px; font-weight:500; }.auth-card .form-control { border-radius:6px; }.auth-brand { min-height:100vh; }.auth-brand h1 { font-weight:600; }.auth-card>p { font-size:13px; }.auth-card .btn { display:flex; }.auth-panel { padding:50px 24px; }.auth-brand .brand-logo { border-radius:5px; }
@keyframes item-arrive { from { opacity:.4; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes orbit-breathe { 50% { opacity:.3; transform:scale(1.6); } }
@keyframes connection-pulse { 50% { opacity:.2; } }
@keyframes signal-land { from { stroke-dashoffset:146; } to { stroke-dashoffset:0; } }
@media(min-width:1600px) { .landing-hero { padding-top:90px; } }
@media(max-width:1100px) {
    .site-header-inner { gap:25px; }.site-nav { gap:3px; }.site-nav a { font-size:12px; padding:8px; }
    .product-demo { grid-template-columns:165px minmax(0,1fr); }.demo-breadcrumb { padding:12px 18px; }.demo-heading { padding:20px 18px 16px; }.demo-lanes { padding:0 18px; gap:9px; }.demo-item { padding:10px; }.demo-lane { padding:10px 6px; }.demo-activity { margin-left:18px; margin-right:18px; }.item-priority { font-size:12px; }.demo-sidebar { padding:19px 10px; }.demo-workspace { gap:7px; }.demo-workspace strong { font-size:12px; }
    .clarity-layout,.developer-layout,.maker-layout,.pricing-details { gap:45px; }.plan-card { padding:24px; }.integration-rail>div>span { padding:0 28px; }.rules-editor { font-size:12px; padding-left:24px; }
}
@media(max-width:960px) {
    .site-nav { padding:15px 24px 22px; gap:4px; box-shadow:0 12px 20px #152b4410; }.site-nav .nav-login { margin-left:0; }.site-nav a { font-size:14px; padding:10px 0; }.site-nav .btn { margin-top:6px; }.site-header-inner { gap:15px; }
    .hero-intro .hero-actions { flex-direction:row; align-items:center; }.hero-intro .hero-actions .btn { width:auto; }.hero-intro h1 { font-size:clamp(42px,6vw,59px); }.hero-intro>p { font-size:17px; }.landing-hero { padding-top:60px; }
    .product-demo { grid-template-columns:145px minmax(0,1fr); }.demo-sidebar { padding:15px 7px; }.demo-workspace { flex-wrap:wrap; padding-left:5px; margin-bottom:15px; }.demo-workspace small { font-size:12px; }.demo-side-bottom { gap:6px; padding:25px 4px 0; }.demo-side-bottom strong { font-size:12px; }.demo-side-bottom small { font-size:12px; }.demo-project { font-size:12px; padding:9px 7px; }.demo-heading h2 { font-size:20px; }.demo-item h4 { font-size:12px; }.demo-item p { font-size:12px; }.demo-lane h3 { font-size:12px; gap:5px; }.item-topline { flex-wrap:wrap; margin-bottom:8px; }.demo-lanes { padding:0 12px; gap:7px; }.demo-lane { min-height:355px; }.demo-item { padding:9px; }.item-source { font-size:12px; gap:4px; }.item-check { display:none; }.demo-activity { margin-left:12px; margin-right:12px; }
    .marketing-section { padding:78px 0; }.section-heading-row { gap:40px; }.marketing-section h2 { font-size:37px; }.handoff-steps li { padding-right:22px; }.handoff-steps h3 { font-size:16px; }.handoff-steps p { font-size:12px; }.clarity-layout { gap:30px; }.feature-selector { grid-template-columns:37px 1fr 10px; gap:12px; }.feature-icon { width:36px; height:36px; }.feature-selector strong { font-size:14px; }.feature-selector>span>span { font-size:12px; }.rules-editor { padding-left:22px; font-size:12px; }.rules-editor li { padding-left:12px; }.panel-title { padding:15px; font-size:12px; }.developer-layout { gap:35px; }.code-window pre { padding:22px; font-size:12px; min-height:330px; }.plan-card { padding:22px; }.plan-card h3 { font-size:23px; }.plan-card>.btn { font-size:12px; gap:5px; }.plan-features li { font-size:12px; gap:9px; }.plan-card-heading p { font-size:12px; }.plan-grid { gap:15px; }.maker-layout h2 { font-size:33px; }.faq-list summary { padding:17px; font-size:12px; }.footer-main { gap:20px; }
    .auth-brand { min-height:340px; }.auth-page { grid-template-columns:1fr; }.auth-brand h1 { max-width:600px; }
}
@media(max-width:700px) {
    :root { --tlz-header:66px; }.public-body .container-xl { padding-left:20px; padding-right:20px; }.site-header .brand-logo { width:128px; }
    .landing-hero { padding-top:47px; }.hero-intro h1 { font-size:clamp(35px,7.2vw,49px); letter-spacing:-.055em; line-height:1.08; }.hero-intro h1 br { display:none; }.hero-intro h1 span { display:block; margin-top:3px; }.hero-intro>p { font-size:15px; max-width:470px; margin:0 auto; line-height:1.7; }.desktop-break { display:none; }.hero-intro .hero-actions { gap:10px; margin-top:24px; }.hero-intro .hero-actions .btn { font-size:12px; padding:13px 16px; gap:10px; }.hero-intro .hero-note { font-size:12px; margin-top:15px; }.hero-product-wrap { margin-top:33px; }.hero-orbits { top:0; opacity:.35; }
    .product-demo { display:block; border-radius:9px; }.demo-sidebar { display:flex; flex-direction:row; align-items:center; padding:10px; gap:6px; }.demo-workspace,.demo-side-label,.demo-side-static,.demo-side-bottom { display:none; }.demo-project { padding:8px 12px; font-size:12px; margin:0; }.demo-breadcrumb { font-size:12px; padding:12px; }.demo-mode { font-size:12px; }.demo-heading { padding:16px 12px; }.demo-heading h2 { font-size:19px; }.demo-reset { font-size:12px; min-height:32px; }.demo-lanes { gap:8px; }.demo-lane { min-height:310px; }.demo-item { padding:10px; }.demo-item h4 { font-size:12px; }.demo-item p { font-size:12px; }.demo-lane h3 { font-size:12px; }.item-source { font-size:12px; }.demo-action { min-height:36px; font-size:12px; }.demo-conflict { font-size:12px; padding-top:12px; }.item-topline { font-size:12px; }.demo-disclaimer { margin-left:12px; font-size:12px; }
    .integration-rail { padding-top:28px; padding-bottom:34px; }.integration-rail>p { font-size:12px; }.integration-rail>div { display:grid; grid-template-columns:repeat(2,1fr); gap:13px 0; max-width:380px; margin:auto; }.integration-rail>div>span { justify-content:center; font-size:14px; padding:0 12px; }.integration-rail>div>span:nth-child(2) { border:0; }.integration-rail small { font-size:12px; }
    .marketing-section { padding:62px 0; }.marketing-section h2 { font-size:35px; line-height:1.12; }.section-label { font-size:12px; }.section-heading-row,.clarity-layout,.developer-layout,.maker-layout,.pricing-details { grid-template-columns:1fr; gap:28px; }.section-heading-row>p { justify-self:start; margin:0; font-size:14px; max-width:100%; }.section-heading-row h2 { margin-bottom:0; }.handoff-steps { grid-template-columns:1fr 1fr; margin-top:35px; gap:26px 0; }.handoff-steps li { padding-bottom:20px; }.handoff-steps h3 { font-size:17px; }.handoff-steps p { font-size:13px; }.step-number { font-size:26px; }.feature-selector { grid-template-columns:42px 1fr 15px; padding:16px 0; }.feature-selector strong { font-size:15px; }.feature-selector>span>span { font-size:13px; }.feature-icon { width:40px; height:40px; }.feature-selectors { margin-top:20px; }.feature-panel { min-height:365px; }.rules-editor { min-height:280px; font-size:12px; padding:21px 22px 21px 30px; }.rules-editor li { padding-left:17px; }.panel-title { padding:14px 20px; }.access-example,.activity-example { min-height:280px; }.developer-copy>p:not(.section-label) { font-size:14px; max-width:none; }.connection-map { max-width:340px; margin:25px auto 5px; }.code-window pre { font-size:12px; min-height:300px; padding:24px; }.code-window-foot { padding:14px 20px; font-size:12px; }.code-caption { padding:0 20px 17px; }.plan-grid { grid-template-columns:1fr; max-width:450px; margin:auto; gap:20px; }.plan-card { padding:28px; }.plan-card h3 { font-size:26px; }.plan-card-heading p { font-size:14px; min-height:auto; }.plan-price { margin:22px 0 25px; }.plan-features { grid-template-columns:1fr 1fr; gap:20px 12px; }.plan-features li { font-size:13px; }.plan-card>.btn { font-size:13px; }.plan-inclusions i { padding:0 5px; }.plan-inclusions p { font-size:12px; line-height:2; }.center-heading { margin-bottom:30px; }.center-heading>p:not(.section-label) { font-size:15px; }.maker-layout h2 { font-size:34px; }.maker-layout>div>p:not(.section-label) { font-size:14px; }.faq-list summary { font-size:13px; padding:19px; }.cta-layout { grid-template-columns:1fr; gap:10px; }.landing-cta { padding:52px 0 20px; }.landing-cta h2 { font-size:45px; }.landing-rings { max-width:400px; justify-self:center; margin-top:-10px; }.landing-cta p { font-size:12px; }.footer-main { grid-template-columns:1fr 1fr; gap:32px 22px; }.footer-brand { grid-column:1/-1; }.footer-maker { border-left:0; padding:15px 0 0; grid-column:1/-1; border-top:1px solid #ecf0f6; }.footer-bottom { flex-wrap:wrap; margin-top:28px; font-size:12px; }.footer-bottom>span:nth-child(2) { display:none; }.site-footer { padding-top:38px; }.pricing-page h1 { font-size:55px; }.docs-page { padding:48px 0 60px; }.docs-page h1 { font-size:43px; }.docs-page pre { font-size:12px; padding:19px!important; }.docs-page .lede { font-size:14px; }.auth-card { padding:26px; }.auth-brand { padding:25px; }
}
@media(max-width:500px) {
    .demo-lanes { grid-template-columns:1fr; gap:12px; }.demo-lane { min-height:0; padding:11px; }.demo-lane h3 { font-size:12px; margin-bottom:10px; }.demo-lane>div { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.demo-item { margin:0; }.demo-item h4 { font-size:12px; }.demo-item p { font-size:12px; }.item-source { font-size:12px; }.demo-item-interactive { grid-column:1/-1; }.demo-item-interactive h4 { font-size:14px; }.demo-item-interactive p { font-size:12px; margin-bottom:9px; }.demo-item-interactive .item-source { font-size:12px; }.demo-item-interactive .item-topline { margin-bottom:6px; }.demo-item-interactive .item-check { display:block; }.demo-item-interactive .demo-action { margin-top:10px; }.demo-lane>div>.demo-item:only-child { grid-column:1/-1; }.demo-lane>div>.demo-item:not(.demo-item-interactive) { grid-column:1/-1; }.demo-lane>div>.demo-item:not(.demo-item-interactive) p { display:none; }.demo-lane>div>.demo-item:not(.demo-item-interactive) .item-topline { margin-bottom:5px; }.demo-lane>div>.demo-item:not(.demo-item-interactive) .item-working,.demo-lane>div>.demo-item:not(.demo-item-interactive) .item-result { display:none; }.demo-lane>div>.demo-item:not(.demo-item-interactive) h4 { font-size:12px; }.hero-intro .hero-actions { flex-direction:column; }.hero-intro .hero-actions .btn { width:100%; max-width:310px; }.hero-intro h1 { font-size:39px; }.demo-heading h2 { font-size:18px; }.demo-reset span { display:none; }.demo-reset { width:33px; font-size:16px; }.handoff-steps li { padding-right:17px; }.handoff-steps p { font-size:12px; }.rules-editor { font-size:12px; }.plan-card { padding:25px; }.code-window pre { font-size:12px; padding:19px; }
}
@media(prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }.public-body *, .public-body *:before, .public-body *:after { animation:none!important; transition:none!important; }.hero-orbits { opacity:.4; }
}
.docs-quick-links { display:flex; gap:12px 25px; flex-wrap:wrap; border-bottom:1px solid #dce5ef; padding:0 0 23px; margin-bottom:30px; font-size:13px; }
.docs-callout { background:#f0f6ff; border-left:3px solid #005fee; padding:22px 25px; margin:30px 0; border-radius:0 8px 8px 0; font-size:14px; }
.docs-callout p { margin:6px 0 0; font-size:13px; }
.public-body .price-card { border-radius:10px; }
.public-body .price-card.featured { background:#f0f6ff; color:#111c30; border-color:#005fee; }
.public-body .price-card.featured .eyebrow { color:#005fee; }
@media(min-width:961px) {
    .demo-item h4 { font-size:14px; }.demo-item p { font-size:12px; }.item-source { font-size:12px; }.item-topline { font-size:12px; }.demo-lane h3 { font-size:12px; }.demo-action { font-size:12px; min-height:34px; }.demo-conflict { font-size:12px; }.demo-activity strong { font-size:12px; }.demo-activity [data-demo-detail] { font-size:12px; }.demo-disclaimer { font-size:12px; }.item-working,.item-result { font-size:12px; }.demo-lane { min-height:378px; }
}
.line-icon { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.auth-brand h1 { color:#fff; }
.connection-map:not(.motion-active) .connection-pulse,.landing-rings:not(.motion-active) .landing-signal { animation:none; }
.feature-icon .line-icon { width:23px; height:23px; }
@media(min-width:961px) {
    .landing-hero { padding-top:32px; }.hero-intro h1 { font-size:70px; line-height:1; margin-bottom:20px; }.hero-intro>p { font-size:18px; line-height:1.5; }.hero-intro .hero-actions { margin-top:20px; }.hero-intro .hero-note { margin-top:10px; }.hero-product-wrap { margin-top:24px; }.demo-lane { min-height:325px; }.demo-breadcrumb { padding-top:10px; padding-bottom:10px; }.demo-heading { padding-top:17px; padding-bottom:14px; }.demo-activity { padding:10px 12px; }.demo-item:not(.demo-item-interactive) p { display:none; }.integration-rail { padding-top:28px; padding-bottom:25px; }
}
@media(min-width:961px) and (max-width:1100px) { .hero-intro h1 { font-size:62px; } }
/* Readable type and explicit light-button interaction colors. */
.public-body .btn-line:hover,.public-body .btn-line:focus-visible,.public-body .btn-line:active { color:#064aa8; background:#eaf2ff; border-color:#005fee; }
.public-body .btn-white:hover,.public-body .btn-white:focus-visible,.public-body .btn-white:active { color:#064aa8; background:#eaf2ff; }
.public-body .hero-full-name { color:#005fee; font-size:14px; font-weight:600; letter-spacing:.08em; margin:0 0 15px; }
.hero-intro .hero-note,.integration-rail small,.landing-cta p { font-size:14px; }
.site-nav,.site-nav a { font-size:14px; }
.plan-card { position:relative; }.plan-grid { padding-top:15px; gap:25px; }.plan-recommendation { position:absolute; top:-16px; left:24px; background:#005fee; color:white; padding:5px 14px; border-radius:20px; font-size:13px; font-weight:600; }.plan-card-heading p,.plan-features li,.plan-price span,.plan-card>.btn { font-size:15px; }.plan-features small { display:block; font-size:14px; color:#58677d; }.plan-inclusions,.plan-inclusions p,.pricing-explanation { font-size:14px; }
.footer-brand p,.footer-main strong,.footer-main nav>a,.footer-maker p,.footer-bottom { font-size:14px; }.footer-main nav { gap:12px; }.footer-bottom,.footer-bottom a,.footer-main nav>a,.footer-brand p,.footer-maker p { color:#58677d; }.maker-logo { display:block; width:150px; height:auto; max-height:80px; object-fit:contain; object-position:left; margin-bottom:16px; }.footer-maker strong { display:block; }
.backlog-section { border-top:1px solid #e4ebf5; }.backlog-layout { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }.backlog-layout p { color:#58677d; }.backlog-lede { font-size:20px; line-height:1.6; }.backlog-layout h2 { margin-bottom:25px; }.text-link { display:inline-block; font-weight:600; color:#005fee; margin-top:12px; }.backlog-example { border:1px solid #dde5ef; border-radius:12px; overflow:hidden; box-shadow:0 16px 40px #16396d08; }.backlog-example .panel-title { flex-wrap:wrap; font-size:14px; background:#f5f8fc; }.backlog-row { padding:23px; display:flex; align-items:center; gap:15px; border-bottom:1px solid #e6ecf5; }.backlog-number { font:13px Consolas,monospace; color:#58677d; }.backlog-row strong { font-size:16px; }.backlog-row p { margin:4px 0 0; font-size:14px; }.backlog-row>.status-chip { margin-left:auto; }.backlog-context { padding:24px; background:#f5f8fc; font-size:14px; }.backlog-context p { margin:8px 0 0; }.status-chip { display:inline-block; font-size:12px; font-weight:600; padding:4px 9px; border-radius:5px; background:#edf1f6; color:#46566d; white-space:nowrap; }.status-chip.claimed { color:#0753b8; background:#eaf2ff; }.status-chip.completed { color:#146344; background:#eaf7ef; }
.workflow-preview { position:relative; border:1px solid #cbd9ea; border-radius:12px; background:#fff; overflow:hidden; box-shadow:0 18px 65px #29477313; }.preview-toolbar { padding:17px 24px; background:#0b1730; color:#b8c7df; display:flex; justify-content:space-between; gap:16px; font-size:13px; }.preview-toolbar strong { color:#fff; }.preview-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.preview-stages article { padding:26px; border-right:1px solid #e5ebf4; }.preview-stages article:last-child { border:0; }.preview-step { font:12px Consolas,monospace; letter-spacing:.04em; color:#58677d; }.preview-stages h3 { font-size:22px; margin:12px 0 22px; }.preview-task { border:1px solid #dde5ef; padding:18px; border-radius:8px; animation:preview-highlight 12s ease-in-out infinite; }.preview-stages article:nth-child(2) .preview-task { animation-delay:4s; }.preview-stages article:nth-child(3) .preview-task { animation-delay:8s; }.preview-task h4 { font-size:16px; margin:15px 0 10px; letter-spacing:-.02em; }.preview-task p,.preview-task>span:last-child { font-size:13px; line-height:1.6; color:#58677d; }.preview-task p { margin-bottom:8px; }.preview-bottom { padding:14px 24px; border-top:1px solid #e5ebf4; font-size:13px; color:#58677d; display:flex; justify-content:space-between; gap:15px; }.preview-bottom>div { display:flex; gap:18px; }.preview-bottom a { color:#005fee; font-weight:600; }.preview-pause,.motion-toggle { background:none; border:0; padding:0; text-decoration:underline; text-underline-offset:4px; color:inherit; font-size:13px; }.motion-toggle { margin-top:15px; color:#fff; }.motion-paused *,.motion-paused { animation-play-state:paused!important; }.landing-task { animation:task-land 5s ease-in-out infinite; }.landing-shadow { transform-origin:270px 240px; animation:shadow-land 5s ease-in-out infinite; }.orbit-planets { animation:planet-drift 12s ease-in-out infinite; transform-origin:270px 242px; }
@keyframes preview-highlight { 0%,32%,100% { border-color:#dde5ef; box-shadow:none; } 8%,24% { border-color:#005fee; box-shadow:0 0 0 3px #005fee10; } }
@keyframes task-land { 0%,100% { transform:translateY(0); } 50% { transform:translateY(35px); } }
@keyframes shadow-land { 0%,100% { transform:scale(.7); opacity:.2; } 50% { transform:scale(1.1); opacity:.45; } }
@keyframes planet-drift { 50% { transform:rotate(8deg); } }
.demo-page { padding:55px 0 0; }.demo-page>.container-xl { max-width:1440px; }.demo-page-intro { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-bottom:32px; }.demo-page h1 { font-size:54px; }.demo-page-intro p { color:#58677d; }.demo-guide { display:flex; align-items:center; gap:18px; background:#edf4ff; border:1px solid #c1d8fc; border-radius:10px; padding:22px; }.guide-step { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#005fee; color:#fff; font-size:20px; flex-shrink:0; }.demo-guide strong { font-size:18px; }.demo-guide p { font-size:14px; margin:4px 0 0; color:#45617f; }.demo-guide .btn { margin-left:auto; white-space:nowrap; }.demo-honesty { font-size:13px; color:#58677d; margin:14px 0 24px; }.sandbox { border:1px solid #d7e1ee; border-radius:12px; display:grid; grid-template-columns:235px minmax(0,1fr); overflow:hidden; }.sandbox-sidebar { background:#0b1730; color:#c8d5e8; padding:26px 22px; }.sandbox-sidebar h2 { color:#fff; font-size:22px; margin:10px 0 28px; }.sandbox-sidebar .section-label { color:#a9c7f1; }.sandbox label { display:block; font-size:13px; font-weight:600; margin-bottom:7px; }.sandbox .form-control,.sandbox .form-select { border-radius:7px; font-size:14px; min-height:44px; }.sandbox-rules { border-top:1px solid #344660; margin-top:28px; padding-top:22px; font-size:14px; }.sandbox-rules summary { color:#fff; margin-bottom:13px; cursor:pointer; }.sandbox-hint,.sandbox-sidebar>a { font-size:13px; }.sandbox-hint { margin-top:32px; }.sandbox-sidebar a { color:#97c3ff; }.sandbox-main { min-width:0; background:#f5f8fc; }.sandbox-capture { padding:26px; background:#fff; border-bottom:1px solid #dde5ef; }.capture-heading { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-bottom:22px; }.capture-heading h2,.sandbox-board-toolbar h2 { font-size:22px; margin:0; }.capture-heading span { color:#58677d; font-size:12px; }.capture-fields { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:13px; }.capture-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:18px; }.capture-bottom p { font-size:13px; color:#58677d; margin:0; }.sandbox-board-toolbar { padding:25px 25px 0; display:flex; justify-content:space-between; align-items:center; gap:18px; }.sandbox-board-toolbar input { max-width:230px; }.sandbox-board { padding:24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }.sandbox-lane { min-width:0; }.sandbox-lane>h3 { font-size:16px; margin-bottom:17px; letter-spacing:-.02em; }.sandbox-task { background:#fff; border:1px solid #dce5ef; border-radius:9px; padding:17px; margin-bottom:14px; overflow-wrap:anywhere; }.sandbox-task h4 { font-size:17px; line-height:1.35; letter-spacing:-.02em; margin:10px 0; }.sandbox-task p { font-size:13px; color:#58677d; margin-bottom:12px; }.task-meta { font-size:12px; color:#58677d; }.task-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }.task-actions button { border:1px solid #cbd8e8; border-radius:5px; padding:8px 10px; background:#fff; color:#174b92; font-size:13px; }.task-actions button:hover { background:#eaf2ff; }.task-actions .task-action-primary { background:#005fee; border-color:#005fee; color:#fff; }.task-actions .task-action-primary:hover { background:#0047b3; }.lane-empty { font-size:14px; color:#58677d; border:1px dashed #c8d5e7; border-radius:8px; padding:20px; }.sandbox-history { margin:0 24px 24px; padding:20px; background:#fff; border:1px solid #dde5ef; border-radius:8px; font-size:14px; }.sandbox-history summary { cursor:pointer; font-weight:600; }.sandbox-history ol { padding:20px 0 0 22px; margin:0; }.sandbox-history li { margin-bottom:10px; color:#58677d; }.demo-next { text-align:center; padding:70px 0; }.demo-next h2 { font-size:36px; }.demo-next p { color:#58677d; margin:18px 0 25px; }
@media(max-width:1100px) { .capture-fields { grid-template-columns:repeat(3,1fr); }.capture-title { grid-column:1/-1; }.sandbox { grid-template-columns:200px minmax(0,1fr); }.sandbox-board { padding:18px; gap:10px; }.sandbox-task { padding:13px; }.capture-heading { align-items:flex-start; flex-direction:column; }.plan-features { gap:18px; }.plan-card { padding:24px 20px; }.plan-card>.btn { font-size:14px; } }
@media(max-width:800px) { .backlog-layout { grid-template-columns:1fr; gap:32px; }.preview-stages article { padding:18px; }.preview-stages h3 { font-size:19px; }.preview-bottom { flex-direction:column; }.sandbox { grid-template-columns:1fr; }.sandbox-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:8px 20px; }.sandbox-sidebar .section-label,.sandbox-sidebar h2 { margin:0; }.sandbox-sidebar label { align-self:end; }.sandbox-rules { grid-column:1/-1; margin-top:10px; }.sandbox-hint { display:none; }.sandbox-sidebar>a { grid-column:1/-1; }.demo-page-intro { flex-direction:column; align-items:flex-start; }.demo-guide { flex-wrap:wrap; }.demo-guide>div { flex:1; }.demo-guide .btn { margin-left:60px; }.sandbox-task .status-chip { white-space:normal; } }
@media(max-width:600px) { .preview-stages { grid-template-columns:1fr; }.preview-stages article { border-right:0; border-bottom:1px solid #e5ebf4; padding:20px; }.preview-stages h3 { margin:9px 0 15px; font-size:22px; }.preview-task { padding:16px; }.preview-toolbar { flex-direction:column; gap:3px; padding:15px 20px; }.preview-bottom { padding:18px 20px; }.preview-bottom>div { flex-wrap:wrap; }.backlog-row { padding:20px 15px; gap:10px; }.backlog-number { display:none; }.backlog-row strong { font-size:15px; }.backlog-row p { font-size:13px; }.plan-grid { gap:30px; }.plan-features { grid-template-columns:1fr; }.plan-features li,.plan-card-heading p { font-size:16px; }.plan-features small { font-size:14px; }.footer-main { gap:30px 18px; }.footer-bottom { line-height:1.7; }.demo-page { padding-top:32px; }.demo-page h1 { font-size:40px; }.demo-guide { padding:18px; }.demo-guide .btn { margin-left:0; }.demo-guide>div { min-width:180px; }.sandbox-capture { padding:20px; }.capture-fields { grid-template-columns:1fr 1fr; }.capture-fields>div:nth-child(2) { grid-column:1/-1; }.capture-bottom { flex-direction:column; align-items:stretch; }.sandbox-board { grid-template-columns:1fr; padding:20px; }.sandbox-board-toolbar { flex-direction:column; align-items:stretch; padding:22px 20px 0; }.sandbox-board-toolbar input { max-width:none; }.sandbox-history { margin:0 20px 20px; }.demo-next h2 { font-size:30px; }.hero-intro .hero-full-name { font-size:13px; margin-bottom:15px; }.hero-intro .hero-note { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .preview-pause,.motion-toggle { display:none; } }

.ds-hero { padding:65px 0 40px; background:#f5f8fc; border-bottom:1px solid #dde5ef; }.ds-hero h1 { font-size:64px; }.ds-hero>div>p:not(.section-label) { color:#58677d; max-width:620px; font-size:18px; margin-top:24px; }.ds-nav { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:35px; }.ds-nav a { font-size:14px; color:#005fee; padding:8px 0; }.ds-section { padding:64px 0; border-bottom:1px solid #dde5ef; }.ds-section-heading { max-width:730px; margin-bottom:30px; }.ds-section-heading>span { font:12px Consolas,monospace; color:#005fee; letter-spacing:.08em; }.ds-section-heading h2 { font-size:34px; margin:14px 0; }.ds-section-heading p { color:#58677d; }.ds-swatches { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; margin-bottom:30px; }.ds-swatches>div>span { display:block; height:85px; border:1px solid #dde5ef; border-radius:8px; margin-bottom:14px; }.ds-swatches strong,.ds-swatches code,.ds-swatches small { display:block; font-size:14px; }.ds-swatches small { color:#58677d; }.ds-split { display:grid; grid-template-columns:1fr 1fr; gap:25px; }.ds-example { border:1px solid #dde5ef; border-radius:12px; padding:28px; background:#fff; min-width:0; }.ds-example h3 { font-size:23px; margin-bottom:20px; }.ds-spacing { display:flex; flex-wrap:wrap; gap:17px; }.ds-spacing>span { display:flex; flex-direction:column; justify-content:flex-end; gap:10px; font:12px Consolas,monospace; }.ds-spacing i { height:20px; background:#005fee; border-radius:2px; }.ds-shapes { display:flex; gap:15px; flex-wrap:wrap; }.ds-shapes span { padding:17px; background:#f5f8fc; border:1px solid #dde5ef; border-radius:8px; font-size:14px; }.ds-shapes span:nth-child(2) { border-radius:12px; }.ds-shapes span:nth-child(3) { box-shadow:0 8px 25px #1a39691a; }.ds-type-list>div { display:grid; grid-template-columns:180px 1fr; align-items:center; padding:24px 0; gap:30px; border-bottom:1px solid #edf1f6; }.ds-type-list p,.ds-type-list h2,.ds-type-list h3 { margin:0; }.ds-type-list code { font-size:14px; }.ds-display { font-size:64px; letter-spacing:-.05em; line-height:1.1; }.ds-type-list h2 { font-size:40px; }.ds-type-list h3 { font-size:28px; }.ds-support { font-size:14px; color:#58677d; }.ds-control-row { display:flex; flex-wrap:wrap; gap:14px; }.ds-inverse { padding:24px; background:#005fee; color:#fff; margin-top:25px; border-radius:8px; display:flex; align-items:center; gap:25px; font-size:14px; }.ds-status { margin:22px 0 0; font-size:14px; color:#58677d; }.ds-library .form-control,.ds-library .form-select { min-height:44px; font-size:16px; border-radius:8px; }.ds-library .form-label { font-weight:600; font-size:14px; }.ds-library .form-text,.ds-library .valid-feedback,.ds-library .invalid-feedback { font-size:14px; }.ds-library progress { display:block; width:100%; accent-color:#005fee; height:12px; }.ds-tabs { display:flex; gap:20px; border-bottom:1px solid #dde5ef; }.ds-tabs button { background:none; border:0; border-bottom:3px solid transparent; padding:12px 8px; color:#58677d; }.ds-tabs button[aria-selected=true] { color:#005fee; border-color:#005fee; }.ds-tab-panel { padding:25px 0; font-size:16px; }.ds-disclosure { border-top:1px solid #dde5ef; padding-top:20px; }.ds-disclosure summary { cursor:pointer; font-weight:600; }.ds-disclosure p { margin:15px 0 0; color:#58677d; }.ds-table th,.ds-table td { padding:20px 24px; font-size:14px; vertical-align:middle; }.ds-table thead th { background:#f5f8fc; color:#58677d; font-weight:600; }.ds-table th[scope=row] { font-weight:500; }.ds-empty { text-align:center; background:#f5f8fc; padding:40px; }.ds-empty .line-icon { width:35px; height:35px; color:#005fee; margin-bottom:20px; }.ds-checklist { padding-left:20px; color:#58677d; line-height:2; }.ds-code { background:#0b1730; color:#dce9ff; border-radius:8px; padding:22px; font-size:14px; }.ds-library .modal-content { border-radius:12px; }.ds-library .modal-header,.ds-library .modal-body,.ds-library .modal-footer { padding:24px; }.ds-library .alert { font-size:15px; border-radius:8px; }.ds-library .toast { max-width:100%; }
@media(max-width:800px) { .ds-swatches { grid-template-columns:repeat(3,1fr); }.ds-split { grid-template-columns:1fr; }.ds-type-list>div { grid-template-columns:1fr; gap:15px; }.ds-display { font-size:48px; }.ds-inverse { flex-wrap:wrap; }.ds-hero h1 { font-size:50px; } }
@media(max-width:500px) { .ds-hero { padding:45px 0 30px; }.ds-hero h1 { font-size:44px; }.ds-section { padding:45px 0; }.ds-section-heading h2 { font-size:30px; }.ds-swatches { grid-template-columns:repeat(2,1fr); }.ds-example { padding:22px; }.ds-display { font-size:39px; }.ds-type-list h2 { font-size:32px; }.ds-table { min-width:650px; }.ds-hero>div>p:not(.section-label) { font-size:16px; } }
.docs-endpoints { min-width:700px; font-size:14px; }.docs-endpoints td,.docs-endpoints th { padding:18px 14px; vertical-align:top; }.docs-endpoints code { font-size:13px; }.docs-endpoints td:first-child { width:45%; }.docs-page section { padding-bottom:35px; }.docs-page h2 { font-size:32px; margin-bottom:20px; }.docs-page li { margin-bottom:12px; color:#58677d; }.mcp-tool-list details,.docs-schema { border:1px solid #dde5ef; border-radius:8px; margin-bottom:12px; padding:18px 22px; }.mcp-tool-list summary { display:flex; justify-content:space-between; align-items:center; cursor:pointer; gap:20px; }.mcp-tool-list summary code { font-size:16px; font-weight:600; }.mcp-tool-list summary span { font-size:12px; color:#58677d; }.mcp-tool-list details>p:first-of-type { margin-top:20px; }.docs-schema summary { cursor:pointer; font-weight:600; }.docs-page pre { font-size:14px; }.docs-page .table { font-size:14px; }

/* Cursor-reactive orbital field; decorative layers never capture input. */
.landing-hero { position:relative; isolation:isolate; --pointer-x:0px; --pointer-y:0px; }
.hero-intro,.hero-product-wrap,.integration-rail { position:relative; z-index:1; }
.hero-motion { position:absolute; inset:0 0 auto; height:590px; pointer-events:none; z-index:0; }
.hero-field { position:absolute; top:0; width:calc((100% - 800px)/2); min-width:200px; max-width:420px; height:530px; background-image:radial-gradient(#93baff 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(to right,#000,transparent); }
.hero-field-left { left:0; transform:translate(calc(var(--pointer-x) * .6),calc(var(--pointer-y) * .6)); }
.hero-field-right { right:0; mask-image:linear-gradient(to left,#000,transparent); transform:translate(calc(var(--pointer-x) * -.6),calc(var(--pointer-y) * -.6)); }
.hero-field svg { width:420px; height:520px; stroke:#93baff; stroke-width:1; }.hero-field-right svg { position:absolute; right:0; }.hero-field .orbit-node { fill:#005fee; stroke:#c5dbff; stroke-width:5; animation:signal-drift 8s ease-in-out infinite alternate; }.hero-field .orbit-node:nth-of-type(2) { animation-delay:-4s; }
.signal-card { position:absolute; display:flex; align-items:center; gap:12px; padding:16px; border:1px solid #e3ebf7; border-radius:13px; background:#ffffffef; box-shadow:0 10px 35px #16396812; transform:translate(var(--pointer-x),var(--pointer-y)); }
.signal-card strong { display:block; font-size:13px; color:#10203f; }.signal-card small { display:block; font-size:11px; color:#58677d; margin-top:3px; }.signal-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#eaf2ff; color:#005fee; font-size:20px; }
.signal-idea { left:2.5%; top:72px; rotate:-5deg; }.signal-agent { left:5%; top:290px; rotate:3deg; }.signal-claim { right:2.5%; top:200px; rotate:5deg; }
.hero-product-wrap .workflow-preview { transform:perspective(1400px) rotateX(var(--preview-tilt-x,0deg)) rotateY(var(--preview-tilt-y,0deg)); transform-origin:center; }
.landing-hero.motion-paused .signal-card,.landing-hero.motion-paused .hero-field,.landing-hero.motion-paused .workflow-preview { transform:none; }
@keyframes signal-drift { from { transform:translateY(-12px); } to { transform:translateY(12px); } }
@media(max-width:1350px) { .signal-card { padding:12px; }.signal-card small { display:none; }.signal-idea { left:20px; }.signal-agent { left:24px; top:330px; }.signal-claim { right:24px; top:310px; } }
@media(max-width:1050px) { .signal-card { display:none; }.hero-field { opacity:.55; min-width:140px; }.hero-field svg { opacity:.7; } }
@media(max-width:600px) { .hero-motion { height:400px; }.hero-field { min-width:80px; opacity:.35; } }
@media(prefers-reduced-motion:reduce) { .hero-field,.signal-card,.hero-product-wrap .workflow-preview { transform:none!important; }.hero-motion * { animation:none!important; } }