/* Shared visual language: ReefSync Water App.tsx and ReefSync Light assets. */
.hero-image{inset:0;background-image:url('assets/reef-hero-v2.png');background-position:center;background-size:cover}
.collaboration{padding-bottom:100px}.collaboration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.collaboration-grid article{padding:28px;background:#0a2734b3;border:1px solid #ffffff12;border-radius:22px}.collaboration-grid h3{margin-top:18px}.collaboration-grid p{color:#a9c8d1;font-size:15px;margin-bottom:0}.practice{margin-top:24px;padding:30px 34px;border-left:3px solid #55e6e6;background:#0b2c3a;border-radius:0 18px 18px 0}.practice .eyebrow{color:#55e6e6}.practice p{margin-top:14px;max-width:900px}.image-note{font-size:11px;color:#a9c8d1;margin-bottom:20px}
.sync-brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-bottom:34px}.sync-brand img{width:70px;margin:0}.sync-brand strong{font-size:32px;letter-spacing:-1px;line-height:1.2}.sync-brand strong span{color:#42bfff}
:root{--ink:#03131d;--muted:#a9c8d1;--teal:#55e6e6;--mint:#55e6e6;--paper:#03131d;--line:#234453}
body{color:#d5e6eb;background:linear-gradient(150deg,#082d42 0,#03131d 35%,#020a10 100%)}
h1,h2,h3{color:#fff}h1,h2{font-weight:600;letter-spacing:-.045em}em{font-family:inherit;font-style:normal}
.header{background:#03131df2;border-color:#1b3543}.brand img{border-radius:12px}.brand small{color:#a9c8d1}
.hero{background:#03131d}.hero:after{background:linear-gradient(90deg,#03131d 5%,#03131def 29%,#03131d66 64%,#03131d10),linear-gradient(0deg,#03131d,transparent 35%)}
.button{border-radius:18px;color:#08222c}.text-link{color:#d5e6eb}.inline-link{color:#55e6e6;border-color:#32606b}
.approach-copy,.sync-copy>p,.section-heading>p,.service-grid p,.sync-feature p,.process-grid p,.contact p{color:#a9c8d1}
.services,.process{background:#08243299;border-block:1px solid #ffffff0c}
.service-grid{border:0;gap:18px}.service-grid article,.service-grid article+article{border:1px solid #ffffff12;border-radius:22px;padding:30px;background:#0a2734b3}
.number,.service-symbol,.process-grid span,.contact-label{color:#55e6e6}.service-detail{border-color:#234453;color:#d5e6eb}.service-grid p{min-height:120px}
.sync-visual{border-radius:22px;border:1px solid #234453}.sync-panel{border-radius:22px;background:#071e2ae8;border-color:#55e6e640}.sync-pills span{border-radius:14px;background:#55e6e61f;border-color:#55e6e640;color:#55e6e6}
.sync-panel p{font-family:inherit;font-size:28px}.sync-feature{border-color:#234453}.process-grid>div{border-color:#32606b}
.contact-person .button{background:#55e6e6;color:#08222c}.email{color:#d5e6eb}.location,footer{color:#a9c8d1}footer{border-color:#234453}
.contact-person .button:hover{background:#cef2ea}.menu-toggle{border-radius:10px}.skip{background:#55e6e6}
@media(max-width:720px){.hero:after{background:linear-gradient(90deg,#03131def,#03131d80),linear-gradient(0deg,#03131d,transparent 75%)}.service-grid article,.service-grid article+article{padding:26px}.service-grid p{min-height:0}.service-symbol{height:70px;line-height:70px}.service-detail{border:0}.sync-panel p{font-size:25px}}
/* Keep the new detailed imagery visible, with contrast confined to the text. */
.hero:after{background:linear-gradient(90deg,#03131df2 0%,#03131dd9 28%,#03131d70 49%,#03131d00 78%),linear-gradient(0deg,#03131d 0%,transparent 24%)}
.sync-visual{margin:0;height:700px;align-items:end;padding:24px}.sync-ocean{filter:none;object-position:center}.sync-panel{width:100%;padding:22px;background:#03131de8;text-align:left}.sync-brand{justify-content:flex-start;margin-bottom:14px}.sync-panel p{font-size:25px;margin-bottom:14px}.sync-panel small{font-size:9px}
@media(max-width:720px){.hero-image{background-position:62% center}.hero:after{background:linear-gradient(90deg,#03131ddc,#03131d55),linear-gradient(0deg,#03131d,transparent 40%)}.sync-visual{height:580px;padding:18px}.sync-panel{max-width:none}.collaboration{padding-bottom:64px}.collaboration-grid{grid-template-columns:1fr}.practice{padding:24px}.collaboration h2{font-size:34px}}

.explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.explainer-grid article{overflow:hidden;border:1px solid #28505c;border-radius:22px;background:#0a2734}.video-title{padding:24px 26px 18px}.video-title h3{font-size:28px;margin:8px 0}.explainer-grid video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#03131d}.explainer-grid article>p,.explainer-grid details{margin:22px 26px;color:#c5dce3;line-height:1.7}.explainer-grid summary{cursor:pointer;color:#55e6e6}.explainer-grid ol{padding-left:20px}.explainer-grid li{margin:12px 0}.explainers>.development{margin-top:25px}.water-flow{padding-bottom:85px}.flow-intro{max-width:800px;line-height:1.8;color:#c5dce3;margin:24px 0 32px}.water-flow h2{font-size:46px}.explainer-grid video:focus-visible{outline:3px solid #55e6e6;outline-offset:3px}@media(max-width:820px){.explainer-grid{grid-template-columns:1fr}.water-flow h2{font-size:34px}.video-title{padding:20px}.explainer-grid article>p,.explainer-grid details{margin:20px}}

.page-intro{padding-block:80px 36px}.page-intro h1{font-size:clamp(42px,5vw,70px)}.page-intro .intro{max-width:730px;color:#a9c8d1}.page-cta{padding-block:25px 70px}.collaboration-grid .inline-link{margin-top:24px}.practice.wrap{margin-bottom:60px}.shop-entry{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-block:30px 60px}.shop-entry img{height:440px;width:100%;object-fit:cover;border-radius:24px}.shop-entry .development{font-size:13px;margin:20px 0;color:#f5c278}.shop-brands{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 35px}.shop-brands span{padding:12px 22px;border:1px solid #55e6e647;border-radius:14px;color:#fff;background:#0b2c3a}nav a[aria-current="page"]{color:#55e6e6;border-bottom:1px solid #55e6e6}@media(max-width:720px){.page-intro{padding-block:48px 20px}.shop-entry{grid-template-columns:1fr;gap:24px}.shop-entry img{height:290px}.page-intro h1 br{display:none}.shop-brands{gap:8px}.shop-brands span{padding:8px 12px}}

.app-start{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:20px 50px}.app-start article{padding:28px;background:#0b2c3a;border:1px solid #28505c;border-radius:22px}.app-start h2{font-size:34px;margin:16px 0}.app-start p{color:#c5dce3;line-height:1.7}.app-start .button{margin:16px 0}.app-start .inline-link{display:block}.shop-routes{display:grid;gap:12px;margin:24px 0}@media(max-width:720px){.app-start{grid-template-columns:1fr}.app-start article{padding:23px}}

.tester-form{max-width:680px;display:grid;gap:20px;margin:28px 0}.tester-form label{display:grid;gap:8px}.tester-form input:not([type=checkbox]),.tester-form textarea{width:100%;box-sizing:border-box;background:#082535;color:#fff;border:1px solid #41606d;border-radius:10px;padding:14px;font:inherit}.tester-form .tester-consent{display:flex;align-items:flex-start;gap:12px}.tester-consent input{margin-top:5px}.tester-form button{justify-self:start}.tester-form :focus-visible{outline:3px solid #55e6e6;outline-offset:3px}