:root{--ink:#152741;--muted:#52637c;--blue:#2458de;--line:#dee5ef;--pale:#f4f7fc;--white:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none;background:var(--white)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,pre:focus-visible{outline:3px solid var(--blue);outline-offset:5px}p{line-height:1.65;font-size:1rem;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.6rem,6.5vw,6rem);font-weight:650;letter-spacing:-.065em;line-height:1.04;margin-bottom:24px}h1>span{color:var(--blue)}h2{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.12;letter-spacing:-.045em;font-weight:600}h3{font-size:1.4rem;letter-spacing:-.025em}button{cursor:pointer}.site-header,main,footer{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:1.9rem;font-weight:750;letter-spacing:-.06em;display:inline-flex;align-items:center;gap:8px}.brand-mark{width:30px;height:30px;margin-right:3px}.brand-dot{color:var(--blue);margin-left:-8px}.site-header nav{display:flex;gap:32px;align-items:center;font-size:.9rem;font-weight:550}.site-header nav a{padding:10px 0}.site-header nav a[aria-current]{color:var(--blue)}.github{border-left:1px solid var(--line);padding-left:28px!important}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:76px 0 48px}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.15em;color:var(--blue);margin-bottom:22px}.hero-aside{padding-top:32px}.hero-aside>p{max-width:440px;font-size:1.15rem}.actions{display:flex;align-items:center;gap:25px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:16px 23px;border-radius:6px;font-size:.94rem;font-weight:600;border:1px solid transparent}.primary{background:var(--blue);color:white}.primary:hover{background:#1847be}.secondary{border-color:var(--line);background:white}.text-link{font-weight:600;font-size:.94rem}.small-note{font-size:.8rem!important;margin-top:24px}.showcase{border:1px solid #d5deec;border-radius:12px;box-shadow:0 24px 60px -30px #7085aa66;overflow:hidden}.showcase-heading{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#e7edf8;padding:18px 24px;font-size:.75rem;letter-spacing:.05em}.showcase-heading i{display:inline-block;background:#6796ff;width:8px;height:8px;border-radius:2px;margin-right:10px}.showcase-heading a{font-size:.85rem;letter-spacing:0}.showcase iframe{height:446px}.showcase-caption{padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--muted)}iframe{border:0;display:block;width:100%;background:#fff}.principles{display:flex;justify-content:space-between;gap:20px;padding:34px 0;border-bottom:1px solid var(--line);font-size:.85rem;font-weight:550}.principles span:last-child{color:var(--muted);font-weight:400}.section{padding:92px 0}.section-title{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.section-title .eyebrow{grid-column:1/-1}.section-title>p:last-child{align-self:end;max-width:420px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.feature-card{border:1px solid var(--line);padding:28px;border-radius:8px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:var(--blue)}.card-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.diagram-type{font:700 2.8rem monospace;letter-spacing:-.2em;color:var(--blue);height:116px;display:flex;align-items:center;overflow:hidden}.feature-card p{font-size:.95rem;margin-bottom:0}.developer-band{background:var(--ink);color:#fff;border-radius:12px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.developer-band p{color:#b8c8df}.developer-band .eyebrow{color:#94b7ff}.developer-band h2{font-size:2.7rem}.developer-band .text-link{color:#a7c3ff}.developer-band pre{align-self:center;background:#0f1e33;border-color:#30435c;font-size:.85rem;color:#edf2fb}.code-comment{color:#96abcb}.closing{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:50px}.closing h2{margin-bottom:14px}.release-note{display:grid;grid-template-columns:170px 1fr;gap:10px 30px;background:var(--pale);border:1px solid var(--line);border-radius:8px;padding:24px 30px;font-size:.85rem;margin-bottom:70px}.release-note p{font-size:.85rem;margin:0}.release-note>a{grid-column:2;color:var(--blue)}footer{display:flex;align-items:center;gap:28px;justify-content:space-between;border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;font-size:.8rem;color:var(--muted)}footer .brand{font-size:1.5rem;color:var(--ink)}.page-intro{padding:64px 0 40px}.page-intro h1{font-size:clamp(3rem,5vw,4.5rem)}.gallery-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:45px;margin-bottom:90px}.example-nav{align-self:start;position:sticky;top:25px}.example-nav h2{font-size:.9rem;letter-spacing:0;border-bottom:1px solid var(--line);padding-bottom:18px;display:flex;justify-content:space-between}.example-nav h2 span{color:#687b97}.example-nav nav{display:grid;gap:5px;margin-bottom:30px}.example-nav nav a{font-size:.88rem;display:flex;gap:13px;padding:15px 12px;border-radius:6px}.example-nav nav a>span{color:#63738d;font-size:.75rem;align-self:center}.example-nav nav a>b{margin-left:auto;font-weight:400}.example-nav nav a[aria-current]{background:#eaf0ff;color:var(--blue)}.example-nav>a{font-size:.85rem;color:var(--muted)}.example-heading h2{font-size:2rem;margin-bottom:12px}.example-heading .eyebrow{margin-bottom:12px}.example-heading p{max-width:700px}.example-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);margin-top:28px}.example-tabs button{border:0;background:transparent;padding:17px 16px;font-size:.9rem;border-bottom:2px solid transparent;color:var(--muted)}.example-tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue)}.example-tabs>a{margin-left:auto;font-size:.83rem}.example-workspace iframe{height:530px;border:1px solid var(--line);border-top:0}.example-tip{background:var(--pale);padding:18px;font-size:.9rem;border-radius:6px;margin-top:18px}.code-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;background:var(--pale);padding:13px;font-size:.8rem}.code-toolbar span{margin-right:auto}.code-toolbar button{background:white;border:1px solid var(--line);padding:7px 12px;border-radius:4px}.code-toolbar a{color:var(--blue)}pre{border:1px solid var(--line);background:#f7f9fc;padding:24px;border-radius:6px;overflow:auto;line-height:1.7;font-size:.87rem;tab-size:2;max-width:100%}code{font-family:Consolas,"SFMono-Regular",monospace}#code-panel pre{max-height:650px;margin-top:0;border-top:0}.guide-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:65px;margin-bottom:70px}.guide-layout>nav{display:flex;flex-direction:column;gap:22px;align-self:start;position:sticky;top:30px;font-size:.9rem;color:var(--muted)}.guide-layout article{max-width:790px}.guide-layout article section{padding-bottom:45px;scroll-margin-top:30px}.guide-layout h2{font-size:1.7rem}.doc-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.doc-links a{padding:18px;border:1px solid var(--line);border-radius:5px;font-size:.9rem}.skip{position:absolute;top:-100px;left:20px;background:var(--blue);color:white;padding:12px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}#gallery-status{font-size:.9rem;color:var(--blue)}@media(max-width:900px){.site-header,main,footer{padding-left:24px;padding-right:24px}.hero{gap:32px}.hero h1{font-size:4rem}.hero-aside>p{font-size:1rem}.developer-band{padding:32px;gap:25px}.gallery-layout,.guide-layout{gap:25px;grid-template-columns:190px minmax(0,1fr)}.principles{flex-wrap:wrap}.feature-card{padding:20px}.site-header nav{gap:18px}}@media(max-width:650px){.site-header{height:auto;min-height:90px;flex-wrap:wrap;padding-top:20px;padding-bottom:15px;gap:16px}.site-header nav{width:100%;justify-content:space-between;font-size:.8rem;gap:8px}.github{padding-left:12px!important}.hero{grid-template-columns:1fr;gap:0;padding-top:40px}.hero h1{font-size:3.8rem}.hero-aside{padding-top:0}.hero-aside>p{max-width:none}.showcase-heading{padding:14px;font-size:.63rem}.showcase-heading a{font-size:.75rem}.showcase-caption{flex-direction:column;padding:14px}.showcase iframe{height:440px}.principles{font-size:.8rem}.section{padding:55px 0}.section-title,.feature-grid,.developer-band{grid-template-columns:1fr}.feature-grid{gap:14px}.feature-card{padding:24px}.diagram-type{height:75px}.developer-band{padding:28px}.developer-band h2{font-size:2.3rem}.developer-band pre{margin:0;font-size:.75rem;padding:16px}.closing{align-items:flex-start;flex-direction:column}.release-note{grid-template-columns:1fr;padding:22px;margin-bottom:40px}.release-note>a{grid-column:1}footer{align-items:flex-start;flex-direction:column;gap:18px}.gallery-layout,.guide-layout{grid-template-columns:1fr;gap:28px}.example-nav,.guide-layout>nav{position:static}.example-nav nav{grid-template-columns:1fr 1fr;gap:5px}.example-nav nav a{font-size:.8rem;padding:12px 9px}.example-nav nav a>b{display:none}.example-heading h2{font-size:1.8rem}.example-tabs>a{font-size:.75rem}.example-tabs button{padding:14px 10px}.page-intro{padding:42px 0 20px}.guide-layout>nav{border-bottom:1px solid var(--line);padding-bottom:25px;gap:14px}.doc-links{grid-template-columns:1fr}.guide-layout pre{font-size:.78rem;padding:16px}.example-workspace iframe{height:560px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Tramevio visual identity: warm paper, deep teal and planning geometry. */
:root{--ink:#142f35;--muted:#586c6d;--blue:#17675b;--line:#dce3dc;--pale:#eef2ec;--white:#fbfbf6;background:var(--white)}
.site-header{height:94px}.brand{letter-spacing:-.055em;gap:10px}.brand-mark{width:36px;height:36px;flex:none}.brand-mark svg{display:block;width:100%;height:100%}.site-header nav a:hover{color:var(--blue)}
.primary:hover{background:#123c3a}.secondary{background:transparent;border-color:#bdcac0}.button{border-radius:7px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#86d6b3;margin-right:10px}.eyebrow{font-size:.69rem;letter-spacing:.13em}.hero-new{grid-template-columns:minmax(0,1fr) 240px;padding:72px 0 54px;gap:65px}.hero-new h1{font-size:clamp(3.4rem,5.3vw,5.2rem);letter-spacing:-.065em;font-weight:600;line-height:1.07}.hero-new h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue);letter-spacing:-.06em}.hero-description{max-width:640px;font-size:1.08rem}.hero-facts{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:27px;font-size:.74rem;color:var(--muted)}.hero-facts span:before{content:'✓';color:var(--blue);margin-right:7px}.hero-note{border-left:1px solid var(--line);padding-left:32px}.mini-kicker{font-size:.6rem;letter-spacing:.17em;color:var(--muted)}.hero-note p{font-size:.88rem;line-height:1.6}.hero-note a{font-size:.76rem;font-weight:600}.brand-art{height:148px;position:relative;margin:22px 0;background:repeating-linear-gradient(90deg,transparent 0 34px,#e1e7dc 34px 35px)}.brand-art span{position:absolute;display:block;height:24px;border-radius:3px;z-index:1}.brand-art span:nth-child(1){top:15px;left:6px;width:172px;background:#123c3a}.brand-art span:nth-child(2){top:59px;left:73px;width:105px;background:#73ba9b}.brand-art span:nth-child(3){top:103px;left:73px;width:66px;background:#a4d6b5}.brand-art i{position:absolute;left:38px;top:38px;height:78px;width:35px;border-left:2px solid #123c3a;border-bottom:2px solid #123c3a;border-radius:0 0 0 5px}
.product-stage{border:1px solid #c9d5ca;border-radius:12px;overflow:hidden;box-shadow:0 28px 60px -42px #123c3a80;scroll-margin-top:20px;background:white}.stage-top{background:#123c3a;color:#f1f6ee;display:flex;justify-content:space-between;gap:15px;padding:20px 24px;font-size:.75rem}.stage-top strong{font-size:.66rem;letter-spacing:.1em}.stage-live{color:#b2c9bf;margin-left:20px;font-size:.7rem}.demo-switch{display:flex;gap:8px;padding:15px 22px;background:#f3f5ee;border-bottom:1px solid var(--line)}.demo-switch button{display:flex;gap:12px;align-items:center;border:1px solid transparent;border-radius:5px;background:transparent;padding:11px 16px;font-size:.66rem;color:var(--muted)}.demo-switch button span{font-size:.82rem}.demo-switch button[aria-pressed=true]{background:white;border-color:#cbd8cc;color:var(--blue);box-shadow:0 2px 3px #143c3a08}.product-stage iframe{height:440px}.stage-bottom{display:flex;justify-content:space-between;gap:15px;padding:17px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.stage-bottom>span:last-child{font-size:.6rem;letter-spacing:.09em;align-self:center}.integration-strip{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:37px 0;border-bottom:1px solid var(--line)}.integration-strip p{font-size:.8rem;margin:0;flex:none}.integration-strip strong{color:var(--ink)}.integration-strip>div{display:flex;gap:28px;flex-wrap:wrap;font-size:.88rem;font-weight:600;color:#526863}.section-title{align-items:center}.section-title>div .eyebrow{margin-bottom:18px}.section-title h2{margin-bottom:28px}.section-title>p{max-width:440px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.capability-card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:9px;background:#fffef9;transition:transform .2s,border-color .2s}.capability-card:hover{transform:translateY(-4px);border-color:#69a08b}.card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.62rem;letter-spacing:.08em}.card-top b{font-size:1.15rem;font-weight:400}.capability-card h3{font-size:1.25rem;margin-bottom:12px}.capability-card p{font-size:.88rem;flex:1}.card-link{font-size:.78rem;color:var(--blue);font-weight:600;margin-top:12px}.micro-plan{position:relative;height:105px;margin:22px 0 25px;background:repeating-linear-gradient(90deg,transparent 0 35px,#e6ece2 35px 36px);overflow:hidden}.micro-plan i{position:absolute;height:12px;background:#a1cbb8;border-radius:2px;left:10px;width:45%;top:15px}.micro-plan i:nth-child(2){top:43px;left:28%;width:53%;background:#2f7767}.micro-plan i:nth-child(3){top:71px;left:48%;width:38%;background:#7fa8a5}.micro-plan.resources i{height:19px;border-left:5px solid #123c3a}.micro-plan.resources i:nth-child(2){left:15%;width:40%}.micro-plan.network i{height:25px;width:28%;top:40px;border:1px solid #38776b;background:#edf4ec;z-index:1}.micro-plan.network i:nth-child(2){left:36%;top:10px}.micro-plan.network i:nth-child(3){left:68%;top:63px}.micro-plan.network:after{content:'';position:absolute;top:26px;left:24%;width:59%;height:51px;border:2px solid #7ba898}.micro-plan.baseline i{box-shadow:10px 6px 0 #d6dfd0;height:9px}.micro-plan.calendar{background:repeating-linear-gradient(90deg,#eef2e8 0 20px,transparent 20px 72px)}.micro-plan.grid{background:repeating-linear-gradient(0deg,transparent 0 25px,#e0e6dc 25px 26px)}.micro-plan.grid i{height:6px;width:62%;left:24px;box-shadow:-20px 0 0 #c7d8c3;background:#9aafa0}.micro-plan.grid i:nth-child(2){width:48%}.micro-plan.grid i:nth-child(3){width:58%}
.developer-band{background:#123c3a;border-radius:12px;padding:50px;gap:65px}.developer-band .eyebrow{color:#a5d8b9}.developer-band p{color:#c3d4ca}.developer-band h2{font-size:2.5rem}.dark-outline{border-color:#64887b;color:#eff6ea;margin-top:12px;font-size:.8rem}.dark-outline:hover{background:#205049}.control-flow{align-self:center;display:grid;gap:12px}.control-flow>div{position:relative;border:1px solid #43655a;border-radius:6px;padding:20px 20px 18px 62px;background:#ffffff04}.control-flow span{position:absolute;left:20px;top:22px;color:#a7d4b2;font:12px monospace}.control-flow strong{font-size:.95rem;font-weight:600}.control-flow p{margin:6px 0 0;font-size:.8rem}.getting-ready{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li>span{color:var(--blue);font:12px monospace;padding-top:5px}.steps h3{font-size:1.15rem;margin-bottom:8px}.steps p{font-size:.88rem;margin-bottom:8px}.steps a{font-size:.8rem;font-weight:600;color:var(--blue)}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-bottom:75px;border-bottom:1px solid var(--line)}.faq-section h2{font-size:2.3rem}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:.94rem;font-weight:600;line-height:1.5}.faq-list summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.faq-list p{font-size:.88rem;margin:17px 0 0}.faq-list a{text-decoration:underline}.final-cta{text-align:center;padding:78px 0 60px}.final-cta h2{font-size:clamp(2.6rem,4.5vw,4rem)}.final-cta .actions{justify-content:center}.final-cta .small-note{color:var(--muted)}.example-nav nav a[aria-current]{background:#e8eee2}pre{background:#f2f5ee}.guide-layout article a:not(.button){color:var(--blue)}footer .brand-mark{width:28px;height:28px}footer{padding-top:28px;padding-bottom:28px}
@media(min-width:1450px){.site-header,main,footer{max-width:1360px}.hero-new{padding-top:86px;padding-bottom:66px}.hero-new h1{font-size:5.6rem}}
@media(max-width:1000px){.hero-new{grid-template-columns:minmax(0,1fr) 190px;gap:30px}.hero-new h1{font-size:3.7rem}.hero-note{padding-left:18px}.brand-art{transform:scale(.85);transform-origin:left center}.integration-strip>div{gap:18px}.stage-live{display:none}.capability-card{padding:20px}.developer-band{gap:30px;padding:35px}.developer-band h2{font-size:2rem}.getting-ready,.faq-section{gap:36px}}
@media(max-width:700px){.hero-new{grid-template-columns:1fr;padding:44px 0 34px}.hero-new h1{font-size:clamp(2.7rem,9vw,4rem)}.hero-note{display:none}.hero-description{font-size:1rem}.hero-facts{font-size:.7rem;gap:9px 15px}.stage-top{padding:18px 15px}.stage-top strong{font-size:.57rem}.stage-top>a{font-size:.7rem}.demo-switch{padding:10px 8px;gap:2px}.demo-switch button{padding:10px 8px;gap:6px;flex:1;justify-content:center}.demo-switch button span{font-size:.7rem}.stage-bottom{padding:15px;font-size:.72rem}.stage-bottom>span:last-child{display:none}.integration-strip{align-items:flex-start;gap:20px}.integration-strip>div{font-size:.76rem;gap:13px 18px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.capability-card{padding:18px}.capability-card h3{font-size:1.1rem}.section-title,.getting-ready,.faq-section{grid-template-columns:1fr}.developer-band{grid-template-columns:1fr;padding:28px}.getting-ready,.faq-section{gap:20px}.faq-section{padding-bottom:48px}.final-cta{padding:52px 0 40px}}
@media(max-width:420px){.site-header,main,footer{padding-left:18px;padding-right:18px}.capability-grid{grid-template-columns:1fr}.micro-plan{height:90px;max-width:240px;width:100%}.hero-facts{display:grid}.demo-switch button{flex-direction:column;gap:4px}.stage-top strong{letter-spacing:.02em}.stage-top .status-dot{margin-right:6px}.site-header nav{font-size:.73rem}.github{padding-left:8px!important}.integration-strip{flex-direction:column}.integration-strip p br{display:none}.integration-strip p strong{margin-left:5px}}

/* Pricing: commercial scope is visible beside every proposed offer. */
.pricing-intro{max-width:850px;padding-bottom:35px}.pricing-intro h1{font-size:clamp(2.7rem,4.7vw,4.6rem)}.pricing-intro em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.pricing-preview{display:flex;gap:25px;align-items:baseline;border:1px solid #cbd9c9;border-radius:8px;background:#eef3e8;padding:20px 24px;margin:5px 0 28px}.pricing-preview strong{font-size:.83rem;white-space:nowrap}.pricing-preview p{margin:0;font-size:.82rem}.pricing-preview a{text-decoration:underline}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.price-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:#fffef9;padding:25px 21px}.price-card.featured{border:2px solid #27715f;padding:24px 20px;background:#f2f6ed}.price-card .eyebrow{font-size:.61rem;margin-bottom:14px}.price-card h2{font-size:1.8rem;margin-bottom:15px}.plan-description{font-size:.85rem;min-height:90px;margin-bottom:20px}.plan-price{font-size:2.5rem;line-height:1.1;letter-spacing:-.05em;font-weight:650}.plan-unit{font-size:.73rem;margin:10px 0 22px;min-height:22px}.price-card .button{padding:13px 10px;font-size:.79rem;gap:8px}.price-card ul{list-style:none;padding:22px 0 4px;margin:0;flex:1}.price-card li{position:relative;padding-left:18px;font-size:.8rem;line-height:1.6;margin-bottom:13px}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.plan-note{font-size:.71rem;border-top:1px solid var(--line);padding-top:17px;margin:7px 0 0;min-height:67px}.pricing-caption{font-size:.77rem;text-align:center;margin:20px 0 60px}.pricing-included{background:#123c3a;color:#fff;border-radius:10px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.pricing-included .eyebrow{color:#a5d8b9}.pricing-included h2{font-size:2.4rem}.pricing-included p{font-size:.9rem;color:#c3d4ca;margin-bottom:0;max-width:450px}.included-links{align-self:center;display:grid;gap:10px}.included-links a{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #4c7263;border-radius:6px}.included-links a:hover{background:#ffffff09}.included-links span{font:11px monospace;color:#a5d8b9}.included-links strong{font-size:.87rem;font-weight:550}.included-links b{margin-left:auto;font-weight:400}.pricing-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.pricing-table-wrap:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.pricing-comparison table{border-collapse:collapse;width:100%;min-width:780px;text-align:left;background:#fffef9;font-size:.8rem;line-height:1.55}.pricing-comparison caption{text-align:left;padding:17px 20px;font-size:.76rem;color:var(--muted);background:var(--pale)}.pricing-comparison th,.pricing-comparison td{padding:17px;border-bottom:1px solid var(--line);vertical-align:top}.pricing-comparison thead th{background:#e8efe4;font-size:.9rem}.pricing-comparison tbody th{font-weight:550;width:23%}.pricing-comparison tbody tr:last-child>*{border-bottom:0}.pricing-comparison td{color:var(--muted)}.pricing-terms{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding:0 0 65px}.pricing-terms h3{font-size:1.1rem;margin-bottom:9px}.pricing-terms p{font-size:.87rem;margin-bottom:25px}.site-header nav{gap:22px}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-description{min-height:55px}.plan-note{min-height:0}.site-header nav{gap:16px}.github{padding-left:16px!important}}
@media(max-width:800px){.site-header{height:auto;min-height:94px;flex-wrap:wrap;padding-top:20px;padding-bottom:18px}.site-header nav{width:100%;justify-content:space-between;gap:10px}.pricing-included,.pricing-terms{grid-template-columns:1fr;gap:28px}.pricing-preview{display:block}.pricing-preview strong{display:block;margin-bottom:8px}.pricing-included{padding:28px}}
@media(max-width:500px){.site-header nav{flex-wrap:wrap;justify-content:flex-start;gap:3px 17px}.github{padding-left:0!important;border-left:0}.pricing-grid{grid-template-columns:1fr}.price-card{padding:27px}.price-card.featured{padding:26px}.plan-description{min-height:0}.plan-unit{min-height:0}.pricing-preview{padding:18px}.pricing-intro{padding-bottom:24px}.pricing-caption{text-align:left;margin-bottom:35px}.pricing-terms{padding-bottom:35px}}

/* Reusable code blocks, locally hosted Prism grammar and accessible contrast. */
pre:has(>code){background:#132d32;color:#e2ede6;border-color:#29464a;font-size:.85rem;line-height:1.8}pre code{font-family:Consolas,monospace;text-shadow:none}.token.comment,.token.prolog{color:#a5b9ba}.token.keyword,.token.atrule{color:#c3b5ff}.token.string,.token.attr-value{color:#b4e59f}.token.number,.token.boolean,.token.constant{color:#ffce93}.token.function,.token.class-name{color:#82d9eb}.token.operator,.token.punctuation{color:#cadbdd}.token.property,.token.attr-name{color:#edcfa7}.token.tag{color:#ffb6ad}.token.regex{color:#f6da91}.snippet-toolbar{display:flex;align-items:center;gap:16px;background:#e7eee3;padding:10px 14px;border:1px solid var(--line);border-radius:6px 6px 0 0;font-size:.72rem;margin-top:20px}.snippet-toolbar+pre{margin-top:0;border-radius:0 0 6px 6px}.snippet-toolbar button{margin-left:auto;padding:5px 12px;border:1px solid #bdcac0;border-radius:4px;background:white;color:var(--ink)}.code-toolbar{border-radius:6px 6px 0 0}#code-panel pre{border-radius:0 0 6px 6px}.example-downloads{display:flex;gap:16px;flex-wrap:wrap;font-size:.8rem;padding:20px 0}.example-downloads a{color:var(--blue);text-decoration:underline}.example-downloads>span{width:100%;font-size:.72rem;color:var(--muted)}.gallery-search{display:block;font-size:.78rem;font-weight:600;margin:12px 0}.gallery-search input,.gallery-search select,.template-tools input{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #bacabd;border-radius:5px;background:#fffef9;color:var(--ink);font:inherit}.gallery-search input:focus-visible,.gallery-search select:focus-visible,.template-tools input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}#example-count{font-size:.75rem;margin:12px 0}.example-nav nav{max-height:430px;overflow-y:auto}.template-tools{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:30px}.template-tools label{font-size:.8rem;width:420px;max-width:100%}.template-tools p{font-size:.8rem;margin:0 0 12px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.template-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fffef9;display:flex;flex-direction:column}.template-preview{display:block;background:#eef3e8;border-bottom:1px solid var(--line);padding:20px}.template-preview img{display:block;width:100%;height:180px;object-fit:contain;object-position:top;background:white;border:1px solid #d6e0d0}.template-body{padding:24px;display:flex;flex-direction:column;flex:1}.template-body h2{font-size:1.45rem}.template-body>p:not(.eyebrow){font-size:.86rem;flex:1}.template-meta{font-size:.7rem;color:var(--muted);margin:8px 0 20px}.template-body .button{font-size:.82rem;padding:13px}.template-download{font-size:.77rem;text-align:center;color:var(--blue);margin-top:17px}.site-header nav{gap:16px;font-size:.85rem}@media(max-width:1100px){.site-header{flex-wrap:wrap;height:auto;padding-top:20px;padding-bottom:18px}.site-header nav{width:100%;justify-content:space-between}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.template-grid{grid-template-columns:1fr}.template-tools{align-items:start;flex-direction:column;gap:12px}.example-nav nav{max-height:210px}.site-header nav{flex-wrap:wrap;justify-content:flex-start;gap:5px 15px}.gallery-search{display:inline-block;width:100%}.template-preview img{height:200px}}
/* Long code lines scroll inside the component, never widen the page. */
.example-workspace,.guide-layout article,.gallery-layout>*,.guide-layout>*{min-width:0}pre{white-space:pre;overflow-x:auto}

.workshop-picks{margin:0 0 40px;padding:25px;background:#eef3e8;border:1px solid var(--line);border-radius:10px}.workshop-picks .eyebrow{margin-bottom:16px}.workshop-picks>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workshop-picks a{padding:14px 16px;border:1px solid #cfdacb;background:#fffef9;border-radius:6px}.workshop-picks a:hover{border-color:var(--blue)}.workshop-picks span{display:block;color:var(--muted);font-size:.65rem;margin-bottom:7px;text-transform:uppercase;letter-spacing:.06em}.workshop-picks strong{font-size:.86rem;font-weight:600}.example-apis{font-family:Consolas,monospace;font-size:.76rem!important;background:#edf2e7;padding:12px;border-radius:5px}.example-nav{position:static}.example-workspace{scroll-margin-top:20px}@media(max-width:700px){.workshop-picks>div{grid-template-columns:1fr 1fr}.workshop-picks{padding:16px}.workshop-picks a{padding:12px}}@media(max-width:420px){.workshop-picks>div{grid-template-columns:1fr}}
/* Product-first home: styles are scoped to preserve documentation layouts. */
body:has(.product-home){background:#f8fafb;color:#202e37;--ink:#202e37;--muted:#596970;--blue:#087f78;--line:#dfe6e9}
body:has(.product-home) .site-header{height:84px;background:transparent;border-bottom:1px solid #e0e6e8}
body:has(.product-home) .site-header .brand{font-size:1.65rem}
body:has(.product-home) .site-header nav{font-size:.8rem}
.product-home{--ink:#202e37;--muted:#596970;--blue:#087f78;--line:#dfe6e9}
.launch-hero{text-align:center;padding:52px 0 30px;max-width:850px;margin:auto}
.launch-hero .eyebrow{font-size:.67rem;letter-spacing:.13em;margin-bottom:20px;color:#50716f}
.launch-hero h1{font-size:clamp(2.7rem,5.3vw,4.5rem);line-height:1.06;letter-spacing:-.055em;font-weight:650;margin-bottom:20px}
.launch-hero h1 span{color:#087f78}
.launch-description{font-size:1rem;line-height:1.7;margin:0 auto;max-width:660px}
.launch-hero .actions{justify-content:center;gap:12px;margin-top:23px}
.product-home .button{padding:13px 19px;border-radius:7px;font-size:.83rem;gap:14px}
.product-home .primary{background:#087f78}.product-home .primary:hover{background:#07675f}
.product-home .secondary{background:white;border-color:#d6dfe2}
.launch-install{display:flex;justify-content:center;gap:15px;align-items:center;margin-top:20px;font-size:.75rem;color:#52666c}
.launch-install code{font-size:.76rem}.launch-install>span{border:1px solid #d8e1e3;border-radius:20px;padding:3px 8px;font-size:.62rem;background:#fff}
.launch-workspace{border:1px solid #cdd9dd;border-radius:12px;background:white;overflow:hidden;box-shadow:0 24px 65px -35px #243e4c66;scroll-margin-top:20px}
.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 24px;border-bottom:1px solid #e2e8eb}
.workspace-title>div{display:flex;align-items:center;gap:12px}.workspace-title strong{display:block;font-size:.9rem}.workspace-title div div>span{display:block;font-size:.69rem;color:#718089;margin-top:5px}
.workspace-icon{width:34px;height:34px;display:grid;place-items:center;background:#e1f3ef;color:#087f78;border-radius:8px;font-weight:700}
.workspace-title>a{font-size:.75rem;color:#087f78;font-weight:600}
.launch-workspace .demo-switch{display:flex;padding:0 20px;gap:18px;align-items:center;background:#fff;border-bottom:1px solid #e1e8eb}
.launch-workspace .demo-switch button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:14px 2px;font-size:.77rem;color:#63757c;flex:initial}
.launch-workspace .demo-switch button[aria-pressed=true]{color:#087f78;background:none;border-bottom-color:#087f78}
.live-label{margin-left:auto;font-size:.68rem;color:#65777d;white-space:nowrap}.live-label .status-dot{margin-right:6px}
.launch-workspace iframe{height:580px}
.workspace-bottom{padding:14px 20px;background:#fbfcfd;border-top:1px solid #e2e8eb;display:flex;justify-content:space-between;gap:15px;font-size:.72rem;color:#617179}.workspace-bottom a{color:#087f78;white-space:nowrap}
.launch-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 38px;padding:28px 10px 45px;font-size:.72rem;color:#6b7c83;border-bottom:1px solid #dde5e8}
.launch-features{padding:76px 0}.launch-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.launch-section-head h2{font-size:2.5rem;margin:0}.launch-section-head>p{font-size:.9rem;margin:0;max-width:330px}
.launch-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.launch-card{min-width:0;border:1px solid #dce4e7;background:white;border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}.launch-card:hover{border-color:#087f78;transform:translateY(-3px)}
.real-preview{height:175px;overflow:hidden;background:#edf3f4;padding:20px 0 0 20px;border-bottom:1px solid #e0e7e9}.real-preview img{display:block;width:620px;max-width:none;box-shadow:0 4px 15px #203b4a15;border:1px solid #dbe3e5;border-radius:6px}
.launch-card>div:last-child{padding:24px}.launch-card .eyebrow{font-size:.62rem;letter-spacing:.1em}.launch-card h3{font-size:1.22rem;line-height:1.25;margin:13px 0}.launch-card p{font-size:.85rem;min-height:65px}.launch-card strong{font-size:.75rem;color:#087f78}
.launch-developer{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:48px;background:#15363b;color:white;border-radius:12px}.launch-developer .eyebrow{color:#95d7ca}.launch-developer h2{font-size:2.6rem}.launch-developer p{color:#c0d4d5;max-width:390px;font-size:.92rem}.launch-developer .secondary{color:#18373b}.developer-flow{display:grid;align-content:center;gap:0}.developer-flow>div{display:flex;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #365459}.developer-flow b{font:13px Consolas,monospace;color:#91c9c1}.developer-flow span{font-size:.8rem;color:#bdd2d3;line-height:1.6}.developer-flow strong{display:block;color:white;font-size:1rem}.developer-flow>a{font-size:.8rem;margin-top:24px;color:#a8e5d8}
.launch-gallery{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:75px 0;border-bottom:1px solid #dfe6e9}.launch-gallery h2{font-size:2.2rem}.launch-gallery p:last-child{font-size:.9rem;margin-bottom:0}.product-home .faq-section{padding:65px 0}.product-home .faq-section h2{font-size:2rem}.launch-closing{text-align:center;padding:40px 0 65px}.launch-closing h2{font-size:2.5rem}.launch-closing .actions{justify-content:center}.launch-closing p{font-size:.72rem;margin-top:24px}
@media(max-width:1100px){body:has(.product-home) .site-header{height:auto;padding-top:18px;padding-bottom:16px}.launch-card-grid{gap:12px}.launch-card>div:last-child{padding:18px}}
@media(max-width:700px){.launch-hero{padding-top:38px}.launch-description br{display:none}.launch-hero h1{font-size:2.8rem}.launch-install{flex-wrap:wrap;gap:8px}.workspace-title{padding:14px}.workspace-title>div{gap:8px}.workspace-title div div>span{font-size:.6rem}.launch-workspace .demo-switch{gap:12px;padding:0 12px;flex-wrap:wrap}.launch-workspace .demo-switch button{font-size:.68rem}.live-label{display:none}.workspace-bottom{flex-direction:column;gap:8px}.launch-proof{gap:13px 20px}.launch-section-head{display:block}.launch-section-head>p{margin-top:20px}.launch-card-grid{grid-template-columns:1fr}.real-preview{height:190px}.launch-card p{min-height:0}.launch-features{padding:45px 0}.launch-developer{grid-template-columns:1fr;padding:28px;gap:22px}.launch-gallery{flex-direction:column;align-items:start;padding:45px 0}.launch-section-head h2,.launch-developer h2,.launch-closing h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.launch-card{transition:none}}
/* Keep the first rows of the live product visible on a laptop-sized screen. */
@media(min-width:850px){.launch-hero{display:grid;grid-template-columns:1.12fr 1fr;column-gap:52px;text-align:left;max-width:none;padding:35px 0 32px;align-items:start}.launch-hero>.eyebrow{grid-column:1/-1;margin-bottom:20px}.launch-hero h1{grid-column:1;grid-row:2/5;font-size:3.35rem;margin:0;align-self:center}.launch-description{grid-column:2;font-size:.88rem;margin:0}.launch-description br{display:none}.launch-hero .actions{grid-column:2;justify-content:start;margin-top:17px}.launch-install{grid-column:2;justify-content:start;margin-top:16px}}
.real-preview{padding:14px 10px 0;height:175px}.real-preview img{width:100%;max-width:100%}