.ocean-site{--bg:#fbfbfa;--surface:#fff;--ink:#0f1115;--ink-2:#3d434b;--ink-3:#5f666f;--line:#e3e5e8;--line-2:#d3d7dc;--brand:#0b5f6e;--brand-hover:#084854;--on-brand:#fff;--on-brand-2:#cde6ea;--brand-line:#8cc3cc;--accent:#ffcf7a;--on-accent:#0f1115;--brand-soft:#dcf0f2;--brand-text:#0b5f6e;--ok:#157a3a;--ok-soft:#e3f3e8;--miss:#c8281c;--miss-soft:#fde8e6;--warn:#9a5200;--warn-soft:#fff3e3;--display:var(--font-archivo), "Segoe UI", system-ui, sans-serif;--text:var(--font-atkinson), "Segoe UI", system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(20px, 4vw, 56px);--max:1280px;--shadow-card:0 14px 30px -14px #0f111559, 0 2px 4px #0f11150f;--fs-1:.85rem;--fs-2:.92rem;--fs-3:1rem;--fs-body:1.0625rem;--fs-4:1.15rem;--fs-5:1.3rem;--fs-6:1.55rem;z-index:2;background:var(--bg);width:100%;color:var(--ink);font-family:var(--text);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55;position:relative}html:has(.ocean-site){scroll-padding-top:88px}.ocean-site *,.ocean-site :before,.ocean-site :after{box-sizing:border-box}.ocean-site ::selection{background:var(--accent);color:var(--on-accent)}.ocean-site input,.ocean-site textarea{caret-color:var(--brand)}.ocean-site a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1.5px}.ocean-site :focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}.ocean-site h1,.ocean-site h2,.ocean-site h3{text-wrap:balance;margin:0}.ocean-site p{text-wrap:pretty;margin:0}.ocean-site .i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.ocean-site .btn{font:700 var(--fs-3)/1 var(--text);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);border:0;border-radius:10px;align-items:center;gap:10px;padding:15px 20px;text-decoration:none;display:inline-flex}.ocean-site .btn .i{transition:transform .3s var(--ease)}.ocean-site .btn:hover .i{transform:translate(3px)}.ocean-site .btn:active{transform:translateY(1px)}.ocean-site .btn:disabled{cursor:progress;opacity:.8}.ocean-site .btn-brand{background:var(--brand);color:var(--on-brand)}.ocean-site .btn-brand:hover{background:var(--brand-hover)}.ocean-site .btn-line{color:var(--brand-text);box-shadow:inset 0 0 0 1.5px var(--brand);background:#fff}.ocean-site .btn-line:hover{background:var(--brand);color:#fff}.ocean-site .link{text-underline-offset:.25em;font-weight:700;text-decoration:underline}.ocean-site .link:hover{text-decoration-thickness:2.5px}.ocean-site .hero{max-width:var(--max);padding:clamp(36px, 5vw, 80px) var(--gutter) clamp(64px, 8vw, 112px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,4.5vw,72px);margin:0 auto;display:grid}.ocean-site h1{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(2.4rem,4.2vw,4rem);font-weight:800;font-stretch:115%;line-height:1.03}.ocean-site h1 .l{display:block}.ocean-site h1 .l+.l{color:var(--brand)}.ocean-site .nw{white-space:nowrap}.ocean-site .lede{font-size:var(--fs-4);color:var(--ink-2);max-width:42ch;margin-top:24px;line-height:1.5}.ocean-site .hero-cta{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.ocean-site .promises{color:var(--ink-2);font-size:var(--fs-2);flex-wrap:wrap;gap:10px 22px;margin:32px 0 0;padding:0;list-style:none;display:flex}.ocean-site .promises li{align-items:center;gap:6px;display:inline-flex}.ocean-site .promises .i{color:var(--brand);stroke-width:2.2px}.ocean-site .stage{background:var(--brand);color:var(--on-brand);border-radius:20px;padding:18px;position:relative;box-shadow:0 30px 60px -30px #0f111573}.ocean-site .tabs{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.ocean-site .tab{text-align:center;min-width:0;font:700 var(--fs-1)/1.15 var(--text);color:var(--on-brand);border:1.5px solid var(--brand-line);cursor:pointer;text-wrap:balance;transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);background:0 0;border-radius:999px;grid-column:span 3;justify-content:center;align-items:center;padding:9px 12px;display:flex;position:relative;overflow:hidden}.ocean-site .tab:nth-child(n+5){grid-column:span 4}.ocean-site .tab:hover{border-color:var(--on-brand)}.ocean-site .tab[aria-selected=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.ocean-site .tab .bar{background:var(--brand);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.ocean-site .tab[aria-selected=false] .bar{visibility:hidden}.ocean-site .screen{height:380px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card);border-radius:14px;margin-top:16px;position:relative;overflow:hidden}.ocean-site .scene{padding:26px 28px;display:grid;position:absolute;inset:0}.ocean-site .before,.ocean-site .after{flex-direction:column;grid-area:1/1;align-self:start;gap:10px;min-width:0;display:flex}.ocean-site .stage:not(.is-live) .before{display:none}.ocean-site .is-live .scene .after{visibility:hidden}.ocean-site .is-live .scene.is-solving .after{visibility:visible}.ocean-site .is-live .scene .before>*{opacity:0;transform:translateY(8px)}.ocean-site .is-live .scene.is-before .before>*{opacity:1;transition:opacity .4s var(--ease) calc(var(--i,0) * .11s), transform .6s var(--ease) calc(var(--i,0) * .11s);transform:none}.ocean-site .is-live .scene.is-solving .before{opacity:0;filter:blur(8px);transition:opacity .5s var(--ease), filter .5s var(--ease), transform .6s var(--ease);transform:scale(.96)translateY(-6px)}.ocean-site .is-live .after [data-step]{opacity:0;transition:opacity .35s var(--ease), transform .55s var(--ease);transform:translateY(12px)scale(.98)}.ocean-site .is-live .after [data-step].is-on{opacity:1;transform:none}.ocean-site .is-live .after .done-card.is-on{animation:oc-settle .7s var(--ease)}@keyframes oc-settle{0%{transform:translateY(12px)scale(.96)}60%{transform:translateY(-2px)scale(1.01)}to{transform:none}}.ocean-site .b-head{font-weight:700;font-size:var(--fs-1);color:var(--ink-3)}.ocean-site .b-foot{font-size:var(--fs-2);color:var(--ink-3);margin-top:4px}.ocean-site .note{border-bottom:1px solid var(--line);grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:13px 2px;display:grid}.ocean-site .note span{font-size:var(--fs-2);color:var(--ink-2);justify-self:end}.ocean-site .note.miss .i,.ocean-site .note.miss b{color:var(--miss)}.ocean-site .note.warn .i,.ocean-site .note.warn b{color:var(--warn)}.ocean-site .row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;display:flex}.ocean-site .row span{font-size:var(--fs-2);color:var(--ink-2);text-align:right}.ocean-site .row.sleepy b{color:var(--ink-2)}.ocean-site .tag{font-weight:700;font-size:var(--fs-1);background:var(--bg);color:var(--ink-2);border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.ocean-site .row .tag.ok,.ocean-site .tag.ok{background:var(--ok-soft);color:var(--ok)}.ocean-site .tag .i{stroke-width:2.4px;width:1em;height:1em}.ocean-site .bubble{max-width:80%;font-size:var(--fs-3);border-radius:16px;padding:11px 14px;line-height:1.4}.ocean-site .bubble.in{background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.ocean-site .bubble.out{background:var(--brand);color:var(--on-brand);border-bottom-right-radius:4px;align-self:flex-end}.ocean-site .bubble .who{font-size:var(--fs-1);color:var(--accent);margin-bottom:3px;font-weight:700;display:block}.ocean-site .is-typing .tx:after{content:"";vertical-align:-2px;background:currentColor;width:2px;height:1em;margin-left:2px;animation:.9s steps(2,start) infinite oc-blink;display:inline-block}@keyframes oc-blink{to{visibility:hidden}}.ocean-site .done-card{background:var(--ok-soft);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:8px;padding:14px 16px;display:grid}.ocean-site .done-card>.i{color:var(--ok);width:1.35em;height:1.35em}.ocean-site .done-card>.i:last-child{stroke-width:2.6px}.ocean-site .done-card b{display:block}.ocean-site .done-card span{font-size:var(--fs-2);color:var(--ink-2)}.ocean-site .searchbar{border:1.5px solid var(--line-2);border-radius:999px;align-items:center;gap:10px;padding:12px 16px;font-weight:600;display:flex}.ocean-site .before.scatter{height:100%;display:block;position:relative}.ocean-site .scrap{border:1px solid var(--line);background:var(--surface);font-size:var(--fs-2);rotate:var(--r,0deg);border-radius:10px;padding:12px 14px;position:absolute;box-shadow:0 6px 12px -6px #0f111540}.ocean-site .scrap:first-child{top:4%;left:2%}.ocean-site .scrap:nth-child(2){top:24%;right:4%}.ocean-site .scrap:nth-child(3){background:#fff3b0;border-color:#efe08a;top:50%;left:8%}.ocean-site .scrap:nth-child(4){top:72%;right:6%}.ocean-site .trow{border-bottom:1px solid var(--line);font-size:var(--fs-2);grid-template-columns:1fr 1.4fr 1fr;gap:10px;padding:10px 12px;display:grid}.ocean-site .trow.th{font-weight:700;font-size:var(--fs-1);color:var(--ink-3)}.ocean-site .after.site{gap:8px}.ocean-site .site-bar{background:var(--brand-hover);color:#fff;font-size:var(--fs-2);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ocean-site .site-bar span{color:var(--on-brand-2)}.ocean-site .site-hero{background:var(--brand-soft);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.ocean-site .site-hero p{font:800 var(--fs-5)/1.15 var(--display);letter-spacing:-.02em;max-width:24ch;font-stretch:108%}.ocean-site .site-btn{background:var(--brand);color:#fff;font-weight:700;font-size:var(--fs-1);border-radius:8px;padding:8px 12px}.ocean-site .site-row{font-size:var(--fs-2);color:var(--ink-2);align-items:center;gap:8px;display:flex}.ocean-site .stage-foot{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:16px;padding:0 4px;display:flex}.ocean-site .caption{font-weight:600;font-size:var(--fs-3);max-width:44ch;min-height:2.9em;line-height:1.45}.ocean-site .caption.is-swap{animation:oc-swap .45s var(--ease)}@keyframes oc-swap{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ocean-site .stage-actions{flex:none;align-items:center;gap:14px;display:flex}.ocean-site .stage-cta{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.25em;align-items:center;gap:6px;font-weight:800;text-decoration-thickness:2px;display:inline-flex}.ocean-site .pause{font:700 var(--fs-1)/1 var(--text);color:var(--on-brand);border:1.5px solid var(--brand-line);cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px}.ocean-site .pause:hover{border-color:var(--on-brand)}.ocean-site .stage :focus-visible,.ocean-site .contact-copy :focus-visible{outline-color:var(--accent)}.ocean-site .fictif{font-size:var(--fs-1);color:var(--on-brand-2);margin-top:10px;padding:0 4px}.ocean-site .fabrique,.ocean-site .deroule,.ocean-site .pourquoi{max-width:var(--max);padding:clamp(72px, 9vw, 128px) var(--gutter);margin:0 auto}.ocean-site .sec-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:48px;margin-bottom:56px;display:grid}.ocean-site .sec-head p{color:var(--ink-2);font-size:var(--fs-4);max-width:46ch}.ocean-site .sec-head p b{color:var(--ink)}.ocean-site h2{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(2rem,3.4vw,3.1rem);font-weight:800;font-stretch:112%;line-height:1.05}.ocean-site .makes{grid-template-columns:1fr 1fr;column-gap:56px;margin:0;padding:0;list-style:none;display:grid}.ocean-site .make{border-top:1px solid var(--line-2);align-content:start;gap:10px;padding:26px 0 28px;display:grid;position:relative}.ocean-site .make:before{content:"";background:var(--brand);transform-origin:0;height:2px;transition:transform .6s var(--ease);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.ocean-site .make:hover:before,.ocean-site .make:focus-within:before{transform:scaleX(1)}.ocean-site .make-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ocean-site .make h3{font-family:var(--display);font-weight:750;font-stretch:108%;font-size:var(--fs-6);letter-spacing:-.02em;line-height:1.15}.ocean-site .price{font-weight:700;font-size:var(--fs-2);color:var(--ink-3);white-space:nowrap;flex:none}.ocean-site .make p{color:var(--ink-2);max-width:48ch}.ocean-site .make .launch{font-size:var(--fs-2);color:var(--ink-2)}.ocean-site .make .launch b{color:var(--brand-text)}.ocean-site .see{font:700 var(--fs-2)/1 var(--text);color:var(--brand-text);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:6px 0;text-decoration:none;display:inline-flex}.ocean-site .see:hover{text-underline-offset:.25em;text-decoration:underline}.ocean-site .see .i{width:1em;height:1em}.ocean-site .more-links{color:var(--ink-2);font-size:var(--fs-2);flex-wrap:wrap;gap:12px 28px;margin-top:40px;display:flex}.ocean-site .more-links a{color:var(--brand-text);font-weight:700}.ocean-site .steps{--p:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin:0;padding:34px 0 0;list-style:none;display:grid;position:relative}.ocean-site .steps:before,.ocean-site .steps:after{content:"";height:2px;position:absolute;top:9px;left:0;right:0}.ocean-site .steps:before{background:var(--line-2)}.ocean-site .steps:after{background:var(--brand);transform:scaleX(var(--p));transform-origin:0}.ocean-site .steps li{position:relative}.ocean-site .steps li:before{content:"";background:var(--bg);border:2px solid var(--line-2);width:20px;height:20px;transition:background-color .3s var(--ease), border-color .3s var(--ease);z-index:1;border-radius:50%;position:absolute;top:-34px;left:0}.ocean-site .steps li.is-reached:before{background:var(--brand);border-color:var(--brand)}.ocean-site .steps h3{font-family:var(--display);font-weight:750;font-stretch:106%;font-size:var(--fs-5);letter-spacing:-.01em;margin-bottom:10px;line-height:1.2}.ocean-site .steps p{color:var(--ink-2)}.ocean-site .pourquoi{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.ocean-site .pq-lead p{font-size:var(--fs-4);color:var(--ink-2);max-width:44ch;margin-top:20px}.ocean-site .pledges{margin:0}.ocean-site .pledges div{border-top:1px solid var(--line-2);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;padding:20px 0;display:grid}.ocean-site .pledges dt{font-weight:800}.ocean-site .pledges dd{color:var(--ink-2);margin:0}.ocean-site .limits{border-top:1px solid var(--line-2);color:var(--ink-3);font-size:var(--fs-2);grid-column:1/-1;max-width:90ch;padding-top:20px}.ocean-site .contact{background:var(--brand);color:var(--on-brand);padding:clamp(72px, 9vw, 120px) var(--gutter) 40px}.ocean-site .contact-in{max-width:var(--max);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,5vw,80px);margin:0 auto;display:grid}.ocean-site .contact h2,.ocean-site .contact h1{font-size:clamp(2.4rem,4.6vw,4.2rem)}.ocean-site .contact-copy p{font-size:var(--fs-4);max-width:40ch;margin-top:18px}.ocean-site .channels{gap:12px;margin:32px 0 0;padding:0;list-style:none;display:grid}.ocean-site .channels a,.ocean-site .channels .addr{font-weight:700;font-size:var(--fs-3);align-items:center;gap:10px;display:inline-flex}.ocean-site .channels a span{font-weight:400}.ocean-site .form{color:var(--ink);background:var(--surface);border-radius:16px;gap:18px;padding:clamp(22px,3vw,36px);display:grid;position:relative;box-shadow:0 30px 60px -30px #0f111580}.ocean-site .field{gap:6px;display:grid}.ocean-site .field label{font-weight:700;font-size:var(--fs-2)}.ocean-site .field label small{color:var(--ink-3);font-weight:400}.ocean-site .field input,.ocean-site .field textarea{resize:vertical;width:100%;font:400 var(--fs-3)/1.4 var(--text);color:var(--ink);background:var(--bg);border:1.5px solid var(--line-2);transition:border-color .2s var(--ease);border-radius:10px;padding:12px 14px}.ocean-site .field input::placeholder,.ocean-site .field textarea::placeholder{color:var(--ink-3);opacity:1}.ocean-site .field input:hover,.ocean-site .field textarea:hover{border-color:var(--ink-3)}.ocean-site .field input:focus-visible,.ocean-site .field textarea:focus-visible{outline:3px solid var(--brand);outline-offset:1px;border-color:var(--ink)}.ocean-site .field [aria-invalid=true]{border-color:var(--miss)}.ocean-site .field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ocean-site .check{font-size:var(--fs-2);color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;display:flex}.ocean-site .check input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin:2px 0 0}.ocean-site .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.ocean-site .error{color:var(--miss);font-weight:700;font-size:var(--fs-2)}.ocean-site .error:empty{display:none}.ocean-site .form-foot{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ocean-site .fine{color:var(--ink-3);font-size:var(--fs-2)}.ocean-site .sent{gap:12px;display:grid}.ocean-site .sent:focus{outline:none}.ocean-site .sent-title{font:800 var(--fs-5)/1.2 var(--display);color:var(--ok);align-items:center;gap:8px;font-stretch:108%;display:flex}.ocean-site .sent-actions{flex-wrap:wrap;gap:12px;display:flex}.ocean-site .status{max-width:var(--max);font-size:var(--fs-2);margin:56px auto 0}.ocean-site .ecosystem{max-width:var(--max);font-size:var(--fs-2);color:var(--on-brand-2);flex-wrap:wrap;gap:6px 18px;margin:16px auto 0;display:flex}.ocean-site .ecosystem a{color:var(--on-brand);font-weight:700}@media (prefers-reduced-motion:no-preference){.ocean-site h1 .l{animation:oc-rise .9s var(--ease) both}.ocean-site h1 .l+.l{animation-delay:.14s}@keyframes oc-rise{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}}@media (max-width:1120px){.ocean-site .hero{grid-template-columns:minmax(0,1fr)}.ocean-site .lede{max-width:56ch}}@media (max-width:900px){.ocean-site .sec-head,.ocean-site .pourquoi,.ocean-site .contact-in{grid-template-columns:1fr;gap:24px}.ocean-site .makes{grid-template-columns:1fr}.ocean-site .steps{grid-template-columns:1fr 1fr;row-gap:56px}.ocean-site .steps:before,.ocean-site .steps:after{display:none}}@media (max-width:640px){.ocean-site{font-size:var(--fs-3)}.ocean-site .hero{gap:28px;padding-top:24px}.ocean-site .lede{font-size:var(--fs-body);margin-top:16px}.ocean-site .hero-cta{gap:16px;margin-top:22px}.ocean-site .promises{display:none}.ocean-site .stage{border-radius:16px;padding:12px}.ocean-site .tabs{scrollbar-width:none;flex-wrap:nowrap;margin:0 -12px;padding:2px 12px 4px;display:flex;overflow-x:auto}.ocean-site .tab{white-space:nowrap;flex:none}.ocean-site .screen{height:410px}.ocean-site .scene{padding:18px}.ocean-site .bubble{max-width:92%}.ocean-site .stage-foot{flex-direction:column;gap:12px}.ocean-site .field-row{grid-template-columns:1fr}.ocean-site .pledges div{grid-template-columns:1fr;gap:6px}.ocean-site .steps{grid-template-columns:1fr}.ocean-site .make-head{flex-wrap:wrap;gap:4px 16px}}@media (prefers-reduced-motion:reduce){.ocean-site *,.ocean-site :before,.ocean-site :after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important}}