:root{--ink:#121416;--ink-2:#343a3f;--muted:#687177;--line:#e2e5e8;--surface:#fff;--surface-2:#f5f7f8;--orange:#f05a28;--orange-2:#fff0e9;--blue:#1976d2;--green:#1a8067;--deep:#0d1012;--shadow:0 18px 50px #1214161a;color:var(--ink);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:0;color:var(--ink)}p{color:var(--muted)}#root{min-height:100vh}.site-shell{background:var(--surface);min-height:100vh}.section-inner{width:min(1180px,100% - 40px);margin:0 auto}.site-header>*,.section-inner>*,.hero-inner,.media-copy,.split-layout>*,.media-feature>*,.comparison-preview>*,.contact-layout>*,.table-layout>*,.footer-layout>*{min-width:0}.hero-inner h1,.hero-copy,.section-intro h2,.split-layout h2,.media-copy h2,.comparison-preview h2,.contact-layout h2,.page-hero h1,.table-layout h2,.feature-card h3,.faq-item h3,.snapshot h3,.metric-card strong,.data-row>*,.comparison-row>*,.button span,.header-cta span,.footer-links a,.text-link span{overflow-wrap:anywhere}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #e2e5e8e6;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:70px;padding:0 max(20px,50vw - 590px);display:grid;position:sticky;top:0}.brand{min-width:max-content;color:var(--ink);align-items:center;gap:10px;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{background:url(/opendr-white-icon.png) 50%/contain no-repeat;border-radius:8px;width:32px;height:32px;display:inline-block;box-shadow:0 8px 18px #14161824}.site-nav{color:var(--ink-2);justify-content:center;align-items:center;gap:22px;font-size:.94rem;font-weight:680;display:flex}.site-nav a,.footer-links a,.text-link{text-decoration:none}.site-nav a:hover,.footer-links a:hover,.text-link:hover{color:var(--orange)}.header-cta,.button,.text-link,.footer-links a{justify-content:center;align-items:center;gap:8px;display:inline-flex}.header-cta,.button{white-space:nowrap;border-radius:8px;min-height:42px;font-weight:820;text-decoration:none}.header-cta{color:#fff;background:var(--ink);padding:0 14px}.button{padding:0 18px}.button-primary{color:#fff;background:var(--orange);box-shadow:0 10px 22px #f54d1c2e}.button-secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button-on-image,.button-on-ink{color:#fff;background:#ffffff1a;border-color:#ffffff6b}.button-row,.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-section{background:var(--deep);align-items:center;min-height:min(760px,74vh);display:grid;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(90deg,#0d1012f5,#0d1012c2 45%,#0d101233),url(/opendr-balck-large.png) 100%/min(820px,70vw) no-repeat,linear-gradient(135deg,#0d1012,#20262a 56%,#f4f6f8);position:absolute;inset:0;transform:scale(1.02)}.hero-inner{z-index:1;padding:90px 0 116px;position:relative}.hero-product-logo{filter:drop-shadow(0 16px 34px #00000047);width:min(420px,82vw);margin-bottom:26px}.hero-inner h1{color:#fff;max-width:760px;margin:10px 0 18px;font-size:clamp(4rem,9vw,8.2rem);font-weight:920;line-height:.92}.hero-copy{color:#ffffffd6;max-width:760px;margin-bottom:28px;font-size:clamp(1.08rem,2vw,1.34rem);line-height:1.55}.eyebrow{color:var(--orange);letter-spacing:0;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:920}.hero-section .eyebrow,.section-ink .eyebrow,.section-contact .eyebrow{color:#ffb08f}.proof-bar{z-index:2;margin-top:-56px;position:relative}.proof-grid{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.proof-item{border-right:1px solid var(--line);gap:6px;min-height:112px;padding:24px;display:grid}.proof-item:last-child{border-right:0}.proof-item strong{color:var(--ink);font-size:1.28rem}.proof-item span{color:var(--muted);line-height:1.45}.section{padding:88px 0}.section-light{background:var(--surface)}.section-warm{background:var(--surface-2)}.section-accent{background:#eef6fb}.section-ink,.section-contact{background:var(--deep);color:#fff}.section-ink h2,.section-ink h3,.section-contact h2{color:#fff}.section-ink p,.section-contact p{color:#ffffffc7}.section-intro{max-width:780px;margin-bottom:34px}.section-intro h2,.split-layout h2,.media-copy h2,.comparison-preview h2,.contact-layout h2,.page-hero h1,.table-layout h2{font-size:clamp(2rem,4vw,3.35rem);font-weight:880;line-height:1.04}.section-intro p,.split-layout p,.media-copy p,.comparison-points p,.contact-layout p,.page-hero p,.table-layout p{margin-top:14px;font-size:1.06rem;line-height:1.66}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid-tight{grid-template-columns:repeat(2,1fr)}.feature-card,.faq-item,.metric-card,.snapshot{border:1px solid var(--line);background:#fff;border-radius:8px}.feature-card,.faq-item{padding:24px}.feature-card h3,.faq-item h3{margin:18px 0 10px;font-size:1.18rem}.feature-card p,.faq-item p{line-height:1.6}.icon-box{width:44px;height:44px;color:var(--orange);background:var(--orange-2);border-radius:8px;place-items:center;display:inline-grid}.snapshot-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.snapshot{overflow:hidden;box-shadow:0 18px 42px #1214140f}.snapshot-bar{color:#fff;background:var(--ink);justify-content:space-between;align-items:center;min-height:42px;padding:0 16px;font-size:.82rem;font-weight:760;display:flex}.snapshot-bar span:last-child{background:var(--orange);border-radius:999px;width:52px;height:8px}.snapshot h3{padding:20px 20px 8px;font-size:1.1rem}.snapshot code{color:var(--ink-2);gap:9px;padding:0 20px 22px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.45;display:grid}.snapshot code span,.metrics-console code span{overflow-wrap:anywhere;display:block}.split-layout,.media-feature,.comparison-preview,.contact-layout,.table-layout{grid-template-columns:minmax(0,.92fr) minmax(320px,1fr);align-items:center;gap:54px;display:grid}.text-link{color:var(--orange);margin-top:22px;font-weight:820}.link-on-ink{color:#ffb08f}.architecture-diagram{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.diagram-node{background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;min-height:156px;padding:18px;position:relative}.diagram-node span{color:#fff;background:var(--orange);border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:36px;font-size:.84rem;font-weight:880;display:inline-grid}.diagram-node strong{color:#fff;line-height:1.25;display:block}.request-flow{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.request-flow div{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:138px;padding:18px}.request-flow span{background:linear-gradient(90deg, var(--orange), var(--blue));border-radius:999px;width:100%;height:8px;margin-bottom:56px;display:block}.request-flow strong{line-height:1.3;display:block}.replication-diagram{color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.replication-diagram>div{background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;min-height:220px;padding:28px}.replication-diagram strong,.replication-diagram span{display:block}.replication-diagram strong{margin-bottom:12px;font-size:1.3rem}.replication-diagram span{color:#ffffffc2;line-height:1.55}.check-list{gap:12px;margin:22px 0;padding:0;list-style:none;display:grid}.check-list li{color:var(--ink-2);align-items:flex-start;gap:10px;display:flex}.check-list svg{color:var(--orange);flex:none;margin-top:2px}.performance-panel,.readiness-panel,.metrics-console{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px}.performance-panel{padding:28px}.panel-top{color:var(--ink);align-items:center;gap:10px;margin-bottom:22px;font-weight:840;display:flex}.bar-metrics{gap:18px;display:grid}.bar-metrics div{border:1px solid var(--line);background:#f7fafb;border-radius:8px;min-height:74px;padding:16px;position:relative;overflow:hidden}.bar-metrics div:before{content:"";width:var(--bar);background:linear-gradient(90deg, var(--orange), var(--blue));height:7px;position:absolute;bottom:0;left:0}.bar-metrics span,.bar-metrics strong{display:block;position:relative}.bar-metrics span{color:var(--muted);font-size:.9rem}.bar-metrics strong{margin-top:6px;font-size:1.25rem}.comparison-points{border-left:4px solid var(--blue);background:#ffffff94;align-content:center;align-self:stretch;justify-items:start;padding:28px;display:grid}.page-hero{background:linear-gradient(90deg, #0d1012f0, #0d1012b3), url(/opendr-balck-large-with-text.png) center right / min(660px, 62vw) no-repeat, var(--deep);padding:86px 0 76px}.page-hero h1{color:#fff;max-width:880px}.page-hero p{color:#ffffffc7;max-width:760px}.breadcrumb{color:#ffffffad;gap:9px;margin-bottom:28px;font-size:.9rem;display:flex}.breadcrumb a{color:#fff;text-decoration:none}.metric-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.metric-card{min-height:160px;padding:20px}.metric-card span{color:var(--muted);font-size:.9rem}.metric-card strong{color:var(--ink);margin:14px 0 10px;font-size:1.45rem;display:block}.metric-card p{line-height:1.48}.data-table,.comparison-table{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 16px 38px #1214140f}.data-row{border-bottom:1px solid var(--line);grid-template-columns:1.1fr 1fr 1fr .8fr;gap:16px;padding:18px 20px;display:grid}.data-row:last-child,.comparison-row:last-child{border-bottom:0}.data-head,.comparison-head{color:#fff;background:var(--ink);text-transform:uppercase;font-size:.86rem;font-weight:820}.data-row span,.data-row strong,.comparison-row span,.comparison-row strong{overflow-wrap:anywhere;line-height:1.48}.readiness-panel{box-shadow:none;background:#ffffff3d;border-color:#fff3;grid-template-columns:repeat(2,1fr);gap:1px;padding:1px;display:grid;overflow:hidden}.readiness-panel div{color:#fff;background:#ffffff14;align-items:center;gap:10px;min-height:88px;padding:18px;display:flex}.readiness-panel svg{color:#ffb08f}.comparison-row{border-bottom:1px solid var(--line);grid-template-columns:.75fr 1fr 1fr;gap:20px;padding:20px;display:grid}.metrics-console{overflow:hidden}.console-header{color:#fff;background:var(--ink);align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:780;display:flex}.metrics-console code{color:var(--ink-2);gap:14px;padding:24px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;display:grid}.metrics-console code span{border-bottom:1px solid var(--line);padding-bottom:12px}.metrics-console code span:last-child{border-bottom:0;padding-bottom:0}.faq-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.section-contact{background:linear-gradient(90deg, #0d1012f2, #0d1012bd), url(/opendr-balck-large.png) center right / min(620px, 58vw) no-repeat, var(--deep)}.site-footer{border-top:1px solid var(--line);background:#fff;padding:34px 0}.footer-layout{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-layout p{margin-top:10px}.footer-links{color:var(--ink-2);flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:.94rem;font-weight:680;display:flex}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-nav{order:3;grid-column:1/-1;justify-content:flex-start;padding-bottom:12px;overflow-x:auto}.proof-grid,.feature-grid,.snapshot-grid,.faq-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.split-layout,.media-feature,.comparison-preview,.contact-layout,.table-layout{grid-template-columns:1fr}.architecture-diagram,.request-flow{grid-template-columns:repeat(2,1fr)}.hero-bg,.section-contact,.page-hero{background-size:min(620px,90vw),auto}}@media (width<=700px){.section-inner{width:min(100vw - 28px,1180px)}.site-header{gap:14px;min-height:64px;padding-inline:14px}.header-cta span{display:none}.header-cta{width:42px;padding:0}.hero-inner{padding:62px 0 82px}.hero-inner h1{font-size:clamp(3rem,17vw,5.1rem)}.section{padding:66px 0}.proof-grid,.feature-grid,.snapshot-grid,.faq-grid,.metric-grid,.architecture-diagram,.request-flow,.readiness-panel{grid-template-columns:1fr}.proof-item{border-right:0;border-bottom:1px solid var(--line)}.proof-item:last-child{border-bottom:0}.replication-diagram{grid-template-columns:1fr}.replication-diagram svg{margin:0 auto}.button-row,.contact-actions{grid-template-columns:1fr;display:grid}.button-row .button,.contact-actions .button{white-space:normal;width:100%}.data-row,.comparison-row{grid-template-columns:1fr;gap:8px}.footer-layout{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}}