/* Static public-site styles only; appliance themes are rendered separately.
   Rules progress from shared typography/navigation to content sections, then
   responsive overrides. Keyboard focus, skip navigation and reduced motion keep
   the same script-free page usable across input methods and viewport sizes. */
:root{color-scheme:light;--ink:#103c42;--paper:#f5f8f7;--muted:#49656a;--line:#cbdad8;--lime:#c3ef8f;--white:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;font-size:1rem;line-height:1.6}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid #558529;outline-offset:5px}p,h1,h2,h3,figure,dl{margin:0}h1,h2,h3{line-height:1.08;font-weight:650;letter-spacing:-.045em}.wrap{width:min(1240px,calc(100% - 5rem));margin-inline:auto}.skip{position:absolute;top:-6rem;left:1rem;z-index:3;background:var(--white);padding:1rem}.skip:focus{top:1rem}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.75rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.75rem;font-size:1.6rem;font-weight:750;line-height:1.15;letter-spacing:-.04em;text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:2.8rem;height:2.8rem;border-radius:.65rem;font-size:2rem}.brand small{display:block;font-size:.75rem;letter-spacing:.02em;font-weight:500;margin-top:.3rem;color:var(--muted)}nav{display:flex;align-items:center;gap:2rem}nav a{font-size:.9rem;text-decoration:none;font-weight:550}nav a:hover,.text-link:hover{color:#4a742d}.nav-demo{border:1px solid var(--line);border-radius:3rem;padding:.6rem 1rem}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:5rem;align-items:center;padding-block:5rem 5.5rem}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:1.4rem;display:flex;align-items:center;gap:.6rem}.eyebrow>span{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#609839}h1{font-size:clamp(3rem,5.4vw,4.8rem);line-height:1.04}.intro{font-size:1.1rem;color:var(--muted);max-width:34rem;margin-top:1.75rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.35rem;border-radius:.35rem;text-decoration:none;font-weight:650;font-size:.95rem}.primary{background:var(--ink);color:var(--white);box-shadow:0 3px 0 #05272c}.primary:hover{background:#1b5158}.text-link{font-weight:650;font-size:.9rem}.hero-note{font-size:.8rem;margin-top:1.5rem;color:var(--muted)}
.flow{background:#e8efee;border:1px solid #d6e2df;padding:1.5rem;border-radius:1rem;position:relative}.flow figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--muted);margin-bottom:2.6rem}.flow-label{padding:.3rem .6rem;border:1px solid #b8ceca;border-radius:2rem;font-size:.75rem;white-space:nowrap}.flow-input,.flow-output{display:flex;align-items:center;gap:1rem;padding-inline:.5rem}.flow-number{font-size:.8rem;color:var(--muted);align-self:flex-start;margin-top:.3rem}.flow strong{font-size:1rem;font-weight:600;letter-spacing:-.02em}.flow-input p,.flow-output p{font-size:.85rem;color:var(--muted)}.flow-arrow{margin-left:auto;font-size:1.5rem}.flow-engine{background:var(--ink);color:var(--white);padding:1.7rem 1.5rem;margin-block:1.5rem;border-radius:.55rem;box-shadow:0 7px 18px #103c421c}.engine-wordmark{font-size:2rem;letter-spacing:-.04em;font-weight:650}.flow-engine>p{font-size:.85rem;margin-top:.5rem;color:#d2e6e0}.flow-engine>p>span{margin-inline:.4rem;color:#789e96}.engine-rule{border-top:1px solid #386165;padding-top:1rem;margin-top:1.25rem;font-size:.78rem;color:var(--lime)}.engine-rule>span{margin-right:.35rem}.flow-stop{margin-top:2rem;padding-top:1rem;border-top:1px solid #c7d8d4;font-size:.78rem;color:var(--muted)}
.modes{padding-block:4rem 5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:2rem 6rem}h2{font-size:clamp(2.2rem,3.7vw,3.4rem)}.section-heading>p:last-child{color:var(--muted);margin-top:1.5rem;max-width:25rem}.mode{padding-block:1.6rem;border-bottom:1px solid var(--line)}.mode:first-child{padding-top:0}.mode-index{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.8rem;font-weight:600}.mode h3{font-size:1.5rem;letter-spacing:-.03em}.mode p{color:var(--muted);margin-top:.8rem;max-width:40rem}.format-note{grid-column:2;font-size:.85rem;color:var(--muted)}
.environment{background:var(--ink);color:var(--white);padding-block:5rem}.environment-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:6rem}.environment .eyebrow{color:var(--lime)}.environment-intro{margin-top:1.5rem;color:#c0d7d5;max-width:27rem}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.capabilities>div{border-top:1px solid #42666a;padding-top:1.25rem}.capabilities dt{font-size:1.1rem;font-weight:600;line-height:1.3}.capabilities dd{margin:1rem 0 0;color:#c0d7d5;font-size:.95rem}
.start{padding-block:5rem;display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center}.start>div>p:last-child{margin-top:1.5rem;color:var(--muted);max-width:34rem}.start-actions{border-left:1px solid var(--line);padding-left:3rem}.start-actions .button{max-width:24rem;width:100%}.start-actions p{font-size:.85rem;color:var(--muted);margin-block:.8rem 2rem}.start-actions p:last-child{margin-bottom:0}.footer{padding-block:2rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:2rem;color:var(--muted);font-size:.8rem}.footer-brand{font-size:1.2rem;color:var(--ink);gap:.5rem;flex-wrap:wrap}.footer-brand span{font-weight:400;font-size:.75rem;letter-spacing:0}.footer>a:last-child{font-size:.8rem}
@media(min-width:1600px){.hero{padding-block:7rem}}@media(max-width:1000px){.wrap{width:calc(100% - 3rem)}.hero{gap:2.5rem}nav{gap:1rem}.modes,.environment-grid{gap:3rem}.start{gap:3rem}.capabilities{grid-template-columns:1fr;gap:1.5rem}.hero-note{max-width:18rem}.flow{padding:1.2rem}.engine-rule{font-size:.8rem}.footer{flex-wrap:wrap}}
@media(max-width:720px){.wrap{width:calc(100% - 2.5rem)}.header{align-items:center;padding-block:1.2rem}nav>a:not(.nav-demo){display:none}.nav-demo{font-size:.8rem;padding:.5rem .7rem}.brand{font-size:1.4rem}.brand-mark{width:2.4rem;height:2.4rem;font-size:1.8rem}.hero{grid-template-columns:1fr;padding-block:3.5rem;gap:3rem}h1{font-size:clamp(2.7rem,10vw,4.6rem)}.hero-note{max-width:none}.flow{max-width:32rem;width:100%}.modes,.environment-grid,.start{grid-template-columns:1fr;gap:2.5rem}.modes,.start{padding-block:3.5rem}.format-note{grid-column:1}.environment{padding-block:3.5rem}.capabilities{grid-template-columns:1fr}.start-actions{border-left:0;border-top:1px solid var(--line);padding:2rem 0 0}.footer{align-items:flex-start;flex-direction:column;gap:1rem}.footer p{display:none}}
.quick-links{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:1.5rem;font-size:.9rem;color:var(--muted)}
.journey,.technical{padding-block:5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2.5rem 6rem;border-top:1px solid var(--line)}.journey-steps{margin:0;padding:0;list-style:none;counter-reset:step}.journey-steps li{counter-increment:step;position:relative;padding:0 0 1.8rem 3rem}.journey-steps li:last-child{padding-bottom:0}.journey-steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:.1rem;font-weight:700;font-size:.9rem;color:var(--muted)}.journey-steps h3,.decision-note h3,.format-tradeoffs h3{font-size:1.35rem;letter-spacing:-.025em;line-height:1.3}.journey-steps p{margin-top:.65rem;color:var(--muted)}.decision-note{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2rem 6rem;padding:1.6rem 2rem;border-left:4px solid #558529;background:#e8efee}.decision-note p{color:var(--muted)}
.formats{padding-block:0 5rem}.formats .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:0 6rem;align-items:end;margin-bottom:2rem}.formats .section-heading .eyebrow{grid-column:1/-1}.formats .section-heading>p:last-child{max-width:40rem;margin-top:0}.format-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:.4rem}.format-table{border-collapse:collapse;width:100%;min-width:40rem;font-size:1rem;text-align:left;line-height:1.65}.format-table caption{text-align:left;padding:1rem 1.4rem;background:#e8efee;font-weight:650}.format-table th,.format-table td{padding:1.25rem 1.4rem;vertical-align:top;border-top:1px solid var(--line)}.format-table thead th{background:var(--ink);color:var(--white);font-size:.95rem;font-weight:600;border-color:var(--ink)}.format-table th[scope=row]{width:24%;font-weight:600;line-height:1.45}.format-table td{color:var(--muted)}.format-table td:not([colspan]){width:38%}.format-extension{display:block;font-weight:400;font-size:.875rem;margin-top:.5rem;color:var(--muted)}.format-tradeoffs{margin-top:2rem;max-width:56rem}.format-tradeoffs p{margin-top:.8rem;color:var(--muted)}
.technical-details{min-width:0}.technical-details details{border-top:1px solid var(--line)}.technical-details details:last-child{border-bottom:1px solid var(--line)}.technical-details summary{cursor:pointer;padding:1.3rem .4rem;font-size:1.1rem;font-weight:650;line-height:1.4}.technical-details summary::marker{color:#558529}.technical-details details[open] summary{padding-bottom:.75rem}.detail-body{padding:.3rem .4rem 1.6rem;color:var(--muted)}.detail-body p+p,.detail-body dl+p{margin-top:1rem}.detail-body ul{padding-left:1.3rem;margin-block:1rem}.detail-body li+li{margin-top:.7rem}.engine-list>div,.integration-list>div{padding-block:.7rem}.engine-list dt,.integration-list dt{font-weight:650;color:var(--ink);line-height:1.4}.engine-list dd,.integration-list dd{margin:.3rem 0 0}.format-table-wrap:focus-visible,.technical-details summary:focus-visible{outline:3px solid #558529;outline-offset:5px}
@media(max-width:1000px){.journey,.technical,.decision-note,.formats .section-heading{column-gap:3rem}}@media(max-width:720px){.journey,.technical{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:3.5rem}.decision-note,.formats .section-heading{grid-template-columns:minmax(0,1fr);gap:1rem}.decision-note{padding:1.3rem}.formats{padding-bottom:3.5rem}.formats .section-heading .eyebrow{margin-bottom:0}.formats .section-heading>p:last-child{margin-top:.5rem}.journey-steps li{padding-left:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
