:root{
    --osm-blue:#155eef;
    --osm-blue-dark:#0b4cc9;
    --osm-cyan:#0e8ca8;
    --osm-ink:#101828;
    --osm-muted:#667085;
    --osm-line:#e4e7ec;
    --osm-soft:#f7f9fc;
}
.osmosis-project{background:#fff;color:var(--osm-ink)}
.osmosis-shell{margin:0 auto;max-width:1220px;padding-left:clamp(16px,4vw,42px);padding-right:clamp(16px,4vw,42px)}
.osmosis-hero{background:radial-gradient(circle at 83% 24%,rgba(14,140,168,.18),transparent 30%),linear-gradient(145deg,#fff,#edf4ff);border-bottom:1px solid var(--osm-line);padding:clamp(52px,9vw,105px) 0}
.osmosis-hero-grid{align-items:center;display:grid;gap:45px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
.osmosis-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:9px}
.osmosis-status,.osmosis-category{border-radius:999px;font-size:.65rem;font-weight:950;padding:8px 11px}
.osmosis-status{background:#fff3d6;color:#a15c00}.osmosis-category{background:#fff;border:1px solid var(--osm-line);color:var(--osm-muted)}
.osmosis-kicker{color:var(--osm-cyan);display:block;font-size:.76rem;font-weight:950;letter-spacing:.06em;margin-top:22px;text-transform:uppercase}
.osmosis-hero h1{font-size:clamp(3.2rem,7.5vw,6.8rem);letter-spacing:-.075em;line-height:.88;margin:10px 0 22px}
.osmosis-hero-copy>p{color:var(--osm-muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.65;margin:0;max-width:720px}
.osmosis-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.osmosis-disabled-action{background:var(--osm-blue);border-radius:11px;color:#fff;font-size:.72rem;font-weight:950;padding:13px 16px}
.osmosis-visual{height:390px;position:relative}.osmosis-cell{background:rgba(255,255,255,.82);border:8px solid rgba(14,140,168,.72);border-radius:28px;height:150px;position:absolute;width:150px}.osmosis-cell span{background:rgba(21,94,239,.14);border:2px solid rgba(21,94,239,.34);border-radius:50%;inset:28px;position:absolute}.osmosis-cell-a{left:3%;top:92px}.osmosis-cell-b{right:2%;top:136px;transform:scale(.76)}.osmosis-arrow{color:var(--osm-blue-dark);font-size:1rem;font-weight:950;left:46%;position:absolute;top:177px;transform:translateX(-50%)}
.osmosis-dots i{background:#f28c45;border-radius:50%;height:9px;position:absolute;width:9px}.osmosis-dots i:nth-child(1){right:21%;top:50px}.osmosis-dots i:nth-child(2){right:9%;top:82px}.osmosis-dots i:nth-child(3){right:36%;top:106px}.osmosis-dots i:nth-child(4){right:3%;top:205px}.osmosis-dots i:nth-child(5){right:40%;top:260px}.osmosis-dots i:nth-child(6){right:15%;top:305px}.osmosis-dots i:nth-child(7){left:11%;top:56px}.osmosis-dots i:nth-child(8){left:43%;top:310px}.osmosis-dots i:nth-child(9){left:7%;top:300px}
.osmosis-label{background:#fff;border:1px solid var(--osm-line);border-radius:999px;box-shadow:0 14px 35px rgba(16,24,40,.08);font-size:.68rem;font-weight:900;padding:9px 12px;position:absolute}.osmosis-label-water{left:1%;top:30px}.osmosis-label-salt{bottom:25px;right:1%}
.osmosis-introduction,.osmosis-section{padding:clamp(42px,7vw,78px) 0}.osmosis-introduction-grid{align-items:start;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.osmosis-eyebrow{color:var(--osm-blue-dark);font-size:.65rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.osmosis-introduction h2,.osmosis-section-heading h2,.osmosis-measure-grid h2,.osmosis-data-layout h2{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.065em;line-height:1;margin:8px 0 0}.osmosis-introduction-grid>p,.osmosis-section-heading>p,.osmosis-measure-grid p,.osmosis-data-layout p{color:var(--osm-muted);line-height:1.7;margin:0}.osmosis-section-soft{background:var(--osm-soft);border-bottom:1px solid var(--osm-line);border-top:1px solid var(--osm-line)}.osmosis-section-heading{margin-bottom:26px;max-width:820px}.osmosis-section-heading>p{margin-top:13px}
.osmosis-conditions{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}.osmosis-conditions article{background:#fff;border:1px solid var(--osm-line);border-radius:18px;padding:21px}.osmosis-conditions article>span{align-items:center;background:#edf4ff;border-radius:12px;color:var(--osm-blue-dark);display:flex;font-size:.72rem;font-weight:950;height:40px;justify-content:center;margin-bottom:17px;width:40px}.osmosis-conditions h3{font-size:1rem;margin:0 0 7px}.osmosis-conditions p{color:var(--osm-muted);font-size:.75rem;line-height:1.5;margin:0}
.osmosis-measure-grid{align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}.osmosis-measure-grid p{margin-top:17px}.osmosis-chart{background:#fff;border:1px solid var(--osm-line);border-radius:20px;box-shadow:0 18px 45px rgba(16,24,40,.07);padding:28px 24px 20px}.osmosis-chart-y,.osmosis-chart-x{color:var(--osm-muted);font-size:.68rem;font-weight:850}.osmosis-chart-area{border-bottom:2px solid #98a2b3;border-left:2px solid #98a2b3;height:210px;margin:8px 4px 9px 28px;position:relative}.osmosis-chart-area svg{color:var(--osm-cyan);height:100%;left:0;overflow:visible;position:absolute;top:0;width:100%}.osmosis-chart-area circle{fill:currentColor}.osmosis-zero{border-top:1px dashed #c8cdd5;left:0;position:absolute;right:0;top:50%}.osmosis-chart-x{text-align:right}
.osmosis-concepts{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.osmosis-concepts span,.osmosis-data-points span{background:#fff;border:1px solid var(--osm-line);border-radius:999px;color:var(--osm-cyan);font-size:.76rem;font-weight:900;padding:11px 14px}.osmosis-concept-note{color:var(--osm-muted);font-size:.8rem;line-height:1.65;margin:20px 0 0;max-width:830px}.osmosis-data-section{padding:clamp(46px,8vw,90px) 0}.osmosis-data-layout{display:grid;gap:48px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.osmosis-data-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.osmosis-coming-soon{padding:0 0 clamp(55px,8vw,95px)}.osmosis-coming-soon-card{background:linear-gradient(135deg,#101828,#183a62);border-radius:26px;color:#fff;padding:clamp(28px,5vw,55px)}.osmosis-coming-soon-card h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.055em;margin:15px 0 12px}.osmosis-coming-soon-card p{color:#d0d5dd;line-height:1.65;max-width:760px}.osmosis-coming-soon-card .button{margin-top:10px}
@media(max-width:820px){.osmosis-hero-grid,.osmosis-introduction-grid,.osmosis-measure-grid,.osmosis-data-layout{grid-template-columns:1fr}.osmosis-visual{height:290px;max-width:430px;width:100%}.osmosis-conditions{grid-template-columns:repeat(2,minmax(0,1fr))}.osmosis-cell{height:125px;width:125px}.osmosis-cell-a{top:70px}.osmosis-cell-b{top:105px}.osmosis-arrow{top:145px}}
@media(max-width:520px){.osmosis-hero{padding-top:42px}.osmosis-hero h1{font-size:clamp(3rem,17vw,4.5rem)}.osmosis-conditions{grid-template-columns:1fr}.osmosis-visual{height:250px}.osmosis-chart{padding:20px 15px 16px}.osmosis-chart-area{height:170px;margin-left:22px}.osmosis-disabled-action{width:100%;text-align:center}.osmosis-hero-actions .button{width:100%;text-align:center}}