.site{--okto-abysse:#062630;--okto-surface:#0A3440;--okto-petrole:#0D4654;--okto-lagune:#17707F;--okto-brume:#EAF2F3;--okto-encre:#0B1F26;--okto-encre-2:#33505A;--okto-orange:#FF8A1F;--product:var(--brand-accent);--on-product:var(--brand-accent-text);position:relative;overflow:hidden;min-height:100vh;background:var(--okto-abysse);color:#FFFFFF;font-family:var(--font-body);font-size:16px;line-height:1.5}body:has(.site){background:var(--okto-abysse)}.site h1,.site h2,.site h3{font-family:var(--font-heading);font-weight:700;letter-spacing:-.03em;color:inherit;margin:0}.site a:not(.btn){color:inherit}.site svg{flex:none}.wrap{position:relative;max-width:1200px;margin:0 auto;padding-inline:24px}.halo{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:drift 20s ease-in-out infinite}.halo--b{animation-duration:26s;animation-direction:reverse}.halo--lagune{background:rgba(23,112,127,.8)}.halo--product{background:color-mix(in srgb,var(--product) 20%,transparent)}.halo--orange{background:rgba(255,138,31,.15)}@keyframes drift{50%{transform:translate(80px,-50px) scale(1.2)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border:0;border-radius:999px;font:700 16px/1 var(--font-heading);text-decoration:none;cursor:pointer;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:wait}.btn svg{width:20px;height:20px}.btn--product{background:var(--product);color:var(--on-product)}.btn--orange{background:var(--okto-orange);color:var(--okto-abysse)}.btn--outline{background:transparent;color:inherit;border:1.5px solid color-mix(in srgb,currentColor 40%,transparent)}.btn--sm{height:40px;padding:0 18px;font-size:14px}.btn--xl{height:66px;font-size:20px;width:100%}.site :focus-visible{outline:2px solid var(--product);outline-offset:3px;box-shadow:none}.site-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:22px}.site-head__logo{height:36px;display:flex;text-decoration:none;color:#FFFFFF}.site-head__logo .wordmark{font-size:22px;color:#FFFFFF}.site-head__logo .wordmark>svg{height:36px}.site-head__nav{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:15px}.site-head__nav>a:not(.btn){text-decoration:none;color:rgba(255,255,255,.8)}.site-head__nav>a:not(.btn):hover{color:#FFFFFF}.hero{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-block:56px 72px}.hero__text{flex:1 1 520px;min-width:0;display:grid;gap:24px;justify-items:start}.hero h1{font-size:clamp(46px,6.4vw,88px);line-height:1.02;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--product)}.hero__text>p{max-width:520px;font-size:19px;line-height:1.6;color:rgba(255,255,255,.78)}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font-size:14px;color:rgba(255,255,255,.85)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--product);animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.try{flex:1 1 380px;min-width:0;max-width:460px;display:grid;gap:20px;padding:30px;border-radius:32px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}.try__hint{text-align:center;font-size:13px;color:rgba(255,255,255,.55)}.try .form-error{margin:0}.marquee{overflow:hidden;padding-block:24px;background:var(--okto-surface);border-block:1px solid rgba(255,255,255,.08)}.marquee__track{display:flex;align-items:center;gap:32px;width:max-content;font:700 24px/1.2 var(--font-heading);color:rgba(255,255,255,.82);animation:marquee 34s linear infinite}.marquee__track b{color:var(--product);font-weight:700}@keyframes marquee{to{transform:translateX(-50%)}}.band{padding-block:88px}.band--light{background:var(--okto-brume);color:var(--okto-encre)}.band--product{background:var(--product);color:var(--on-product)}.band h2{font-size:clamp(32px,4vw,52px);line-height:1.08}.band__head{display:grid;gap:16px;margin-bottom:40px;max-width:760px}.band__head p{font-size:18px;line-height:1.6;opacity:.8}.cards{display:flex;flex-wrap:wrap;gap:20px}.card{flex:1 1 300px;min-width:0;display:grid;gap:14px;align-content:start;padding:30px;border-radius:28px;background:#FFFFFF;color:var(--okto-encre)}.card--dark{background:var(--okto-abysse);color:#FFFFFF}.card__num{font:700 56px/1 var(--font-heading);color:var(--okto-petrole)}.card--dark .card__num{color:var(--product)}.card strong{font:700 22px/1.2 var(--font-heading)}.card>span:last-child{font-size:16px;line-height:1.55;color:var(--okto-encre-2)}.card--dark>span:last-child{color:rgba(255,255,255,.75)}.split{display:flex;flex-wrap:wrap;align-items:center;gap:48px}.split>*{flex:1 1 420px;min-width:0}.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px 32px}.checks li{display:flex;gap:14px}.checks li>span:first-child{flex:none;width:28px;height:28px;border-radius:50%;background:var(--product);color:var(--on-product);display:grid;place-items:center}.checks li>span:first-child svg{width:16px;height:16px}.checks strong{display:block;font:700 18px/1.3 var(--font-heading);margin-bottom:4px}.checks li span span{font-size:15px;line-height:1.5;color:rgba(255,255,255,.7)}.cta{gap:12px;margin-top:8px}.cta,.site-foot{display:flex;flex-wrap:wrap}.site-foot{align-items:center;justify-content:space-between;gap:16px;padding-block:36px 48px;font-size:14px;color:rgba(255,255,255,.6)}.site-foot>span{display:flex;align-items:center;gap:10px}.site-foot a{color:rgba(255,255,255,.75)}.plain{max-width:460px;margin:0 auto;padding-block:48px 80px;display:grid;gap:24px}.plain h1{font-size:clamp(32px,6vw,44px);text-align:center}.plain .try{max-width:none}@media (max-width:860px){.site-head__nav>.nav-showcase{display:none}.hero{padding-block:24px 56px;gap:32px}.try{padding:22px}.band{padding-block:64px}}@media (prefers-reduced-motion:reduce){.bubble,.halo,.live-dot,.marquee__track,.typing span{animation:none!important;opacity:1}}.hero__side{flex:1 1 400px;min-width:0;max-width:480px;display:grid;gap:16px}.hero__side .try{max-width:none}.try--small{padding:22px 26px;gap:14px}.try__title{font-size:26px}.try__hint--left{text-align:left;font-size:15px;color:rgba(255,255,255,.7)}.btn--danger{background:#FF7B72;color:var(--okto-abysse)}.who{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.75)}.tag-live{justify-self:center}.tag-live svg{width:14px;height:14px}.files{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:240px;overflow-y:auto}.files li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(6,38,48,.55)}.files__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.files__size{flex:none;font-size:13px;color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums}.files button{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.6);cursor:pointer}.files button:hover{background:rgba(255,255,255,.1);color:#FFFFFF}.files svg{width:16px;height:16px}.files--download{max-height:none}.files--download .btn--sm{min-height:36px;height:36px;width:44px;padding:0}.field{width:100%;height:46px;padding:0 14px;border-radius:14px;border:1.5px solid rgba(255,255,255,.2);background:rgba(6,38,48,.6);color:#FFFFFF;font:15px var(--font-body)}.field:focus{border-color:var(--product);outline:none}.field::placeholder{color:rgba(255,255,255,.45)}.result__link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:100%}.result__link code{max-width:100%;padding:10px 14px;border-radius:12px;background:rgba(6,38,48,.6);font:14px var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plain--wide{max-width:640px}.share-head{display:grid;gap:8px;text-align:center}.share-head h1{font-size:clamp(28px,5vw,40px);overflow-wrap:anywhere}.manage{border-color:color-mix(in srgb,var(--okto-orange) 50%,transparent)}.manage__title{display:flex;align-items:center;gap:10px;font:700 18px/1.2 var(--font-heading)}.manage__title svg{width:20px;height:20px;color:var(--product)}.manage__form{display:grid;gap:10px;justify-items:start}.manage__done{color:var(--product);font-weight:600}.term{border-radius:24px;background:var(--okto-encre);border:1px solid rgba(255,255,255,.1);overflow:hidden;color:#EAF2F3}.term__bar{display:flex;gap:6px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.term__bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}.term pre{margin:0;padding:22px;font:14px/1.7 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}.term .cmt{color:#6B8A93}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border-radius:18px;background:rgba(6,38,48,.6)}.tab{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:0;border-radius:14px;background:transparent;color:rgba(255,255,255,.75);font:700 14px/1 var(--font-heading);cursor:pointer}.tab svg{width:16px;height:16px}.tab[data-on]{background:var(--product);color:var(--on-product)}.done{display:flex;align-items:center;gap:8px;color:var(--product);font-weight:600;font-size:14px}.done svg{width:16px;height:16px}.link-btn{justify-self:center;border:0;background:none;color:rgba(255,255,255,.65);font-size:13px;text-decoration:underline;cursor:pointer}.keys{display:grid;gap:16px}.keys__form{display:grid;gap:10px}.keys__preview{font:12px var(--font-mono);color:rgba(255,255,255,.55);margin-left:6px}.keys__new{border-color:color-mix(in srgb,var(--product) 60%,transparent)}.keys__new code{white-space:normal;overflow-wrap:anywhere;text-align:left}@media (max-width:860px){.tab{font-size:13px;gap:6px}}.hero__side{max-width:440px}.phone{display:grid;gap:14px;align-content:start;min-height:250px;padding:22px 20px 26px;border-radius:36px;background:var(--okto-encre);border:1px solid rgba(255,255,255,.12)}.phone__head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.phone__avatar{width:34px;height:34px;border-radius:50%;background:var(--okto-lagune);display:grid;place-items:center;font:700 13px/1 var(--font-heading)}.phone__who{display:grid}.phone__who strong{font-size:14px}.phone__who span{font-size:12px;color:rgba(255,255,255,.55)}.bubble{justify-self:start;max-width:88%;padding:12px 16px;border-radius:20px 20px 20px 6px;background:var(--okto-petrole);font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;animation:arrive .5s ease-out}@keyframes arrive{0%{opacity:0;transform:translateY(16px) scale(.96)}}.typing{justify-self:start;display:flex;gap:4px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.06)}.typing span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6);animation:typing 1.2s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.4}30%{transform:translateY(-4px);opacity:1}}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}.field--area{height:auto;min-height:92px;padding:12px 14px;line-height:1.5;resize:vertical}.counter{flex-wrap:wrap;justify-content:space-between;font-size:13px}.counter,.counter>span:first-child{display:flex;align-items:center;gap:8px}.counter__parts{padding:4px 10px;border-radius:999px;background:var(--product);color:var(--on-product);font-weight:700}.counter__parts[data-over]{background:#FF7B72;color:var(--okto-abysse)}.counter__len{color:rgba(255,255,255,.65)}.counter__enc{color:rgba(255,255,255,.55)}.term__out{border-top:1px solid rgba(255,255,255,.08);color:#9FB8BF}.term__out b{color:var(--product);font-weight:500}.btn--dark{background:var(--okto-abysse);color:#FFFFFF}.closing{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding-block:72px}.closing h2{max-width:640px;font-size:clamp(28px,3.4vw,44px);line-height:1.1}.band{overflow:hidden}.band,.band>.wrap{position:relative}.console{display:grid;gap:22px;padding-block:24px 80px}.console__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.console__head h1{font-size:clamp(32px,5vw,48px);margin-bottom:10px}.state{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:rgba(255,255,255,.85)}.state__dot{width:10px;height:10px;border-radius:50%;background:currentColor}.state--live .state__dot{background:#6EE7B7;box-shadow:0 0 0 4px rgba(110,231,183,.2);animation:blink 2s ease-in-out infinite}.state--deferred .state__dot{background:var(--okto-orange)}.state--pause .state__dot{background:rgba(255,255,255,.5)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tile{display:grid;gap:4px;align-content:start;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.tile__label{font-size:13px;color:rgba(255,255,255,.65)}.tile__value{font:700 34px/1.1 var(--font-heading);font-variant-numeric:tabular-nums}.tile[data-warn] .tile__value{color:#FFB3AD}.tile__hint{font-size:12px;color:rgba(255,255,255,.5)}.console__grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.console__grid,.console__side{display:grid;gap:18px}.panel{display:grid;gap:14px;padding:20px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.panel__title{font-size:20px}.tabs--4{grid-template-columns:repeat(4,minmax(0,1fr))}.empty{padding:32px 8px;text-align:center;color:rgba(255,255,255,.55)}.dot{width:10px;height:10px;border-radius:50%;flex:none}.dot--on{background:#6EE7B7}.dot--warn{background:var(--okto-orange)}.dot--off{background:#FF7B72}.dot--pause{background:rgba(255,255,255,.45)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:rgba(255,255,255,.1);color:rgba(255,255,255,.85)}.badge svg{width:13px;height:13px}.badge--on,.badge--sent{background:rgba(110,231,183,.16);color:#8FF0C8}.badge--queued,.badge--warn{background:color-mix(in srgb,var(--product) 18%,transparent);color:var(--product)}.badge--sending{background:var(--product);color:var(--on-product)}.badge--failed,.badge--off{background:rgba(255,123,114,.16);color:#FFB3AD}.badge--expired{background:rgba(255,138,31,.16);color:#FFC285}.provider{display:grid;gap:8px;padding:14px;border-radius:18px;background:rgba(6,38,48,.55)}.provider__top{display:flex;align-items:center;gap:10px}.provider__top strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider__meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:rgba(255,255,255,.65)}.signal{display:inline-flex;align-items:center;gap:4px}.signal svg{width:14px;height:14px}.provider__why{font-size:13px;color:#FFC285}.provider__foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.meter{height:6px;background:rgba(255,255,255,.1);overflow:hidden}.meter,.meter span{border-radius:999px}.meter span{display:block;height:100%;background:var(--product)}.link-btn:disabled{opacity:.5}.msgs{list-style:none;margin:0;padding:0;display:grid;gap:8px}.msg{display:flex;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(6,38,48,.55)}.msg__main{flex:1;min-width:0;display:grid;gap:6px}.msg__line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.msg__to{font:700 15px/1.2 var(--font-mono)}.msg__caller{font-size:13px;color:rgba(255,255,255,.6)}.msg__text{font-size:14px;line-height:1.45;color:rgba(255,255,255,.85);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.msg__text em{color:rgba(255,255,255,.45)}.msg__meta{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:12px;color:rgba(255,255,255,.55)}.msg__error{color:#FFB3AD}.msg__actions{display:flex;flex-direction:column;gap:6px}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:14px;background:rgba(255,255,255,.08);color:#FFFFFF;cursor:pointer}.icon-btn:hover{background:rgba(255,255,255,.16)}.icon-btn:disabled{opacity:.5;cursor:wait}.icon-btn svg{width:18px;height:18px}.send{display:grid;gap:10px}@media (max-width:960px){.console__grid{grid-template-columns:minmax(0,1fr)}.console__side{order:-1}}@media (max-width:640px){.tabs--4,.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.msg{flex-direction:column}.msg__actions{flex-direction:row}}@media (prefers-reduced-motion:reduce){.state--live .state__dot{animation:none}}.channel{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.08);color:var(--product);flex:none}.channel svg{width:14px;height:14px}.route,.route>span{display:inline-flex;align-items:center;gap:4px}.route>span[data-on]{color:var(--product);font-weight:700}.route svg{width:11px;height:11px}.msg__subject{font-weight:700;font-size:14px}.chips-row{display:flex;flex-wrap:wrap;gap:8px}.state--partial .state__dot{background:linear-gradient(90deg,#6EE7B7 50%,var(--okto-orange) 50%)}.chip{height:36px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.22);background:transparent;color:#FFFFFF;font:700 14px/1 var(--font-heading);cursor:pointer}.chip[data-on]{background:var(--product);border-color:var(--product);color:var(--on-product)}.flow-demo{flex:1 1 460px;min-width:0;max-width:600px;aspect-ratio:297/230;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#E4E7EC;box-shadow:0 30px 80px rgba(0,0,0,.35)}.flow-demo iframe{width:100%;height:100%;border:0;display:block}.flows{display:grid;gap:28px;padding-block:24px 80px}.flows h1{font-size:clamp(32px,5vw,48px)}.flows-new{display:grid;gap:14px;justify-items:start;padding:24px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}.flows-new h2{font-size:22px}.flows-new .field{max-width:480px}.flows-new .btn svg{width:18px;height:18px}.flows-models{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;width:100%}.flows-model{position:relative;display:grid;gap:4px;padding:14px 16px 14px 42px;border-radius:16px;border:1.5px solid rgba(255,255,255,.18);cursor:pointer}.flows-model input{position:absolute;left:16px;top:17px;accent-color:var(--product)}.flows-model:has(input:checked){border-color:var(--product);background:color-mix(in srgb,var(--product) 10%,transparent)}.flows-model strong{font:700 16px/1.2 var(--font-heading)}.flows-model span{font-size:14px;line-height:1.45}.flows-empty,.flows-model span{color:rgba(255,255,255,.7)}.flows-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.flows-list li{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.flows-title{font:700 18px/1.3 var(--font-heading);text-decoration:none;overflow-wrap:anywhere}.flows-title:hover{color:var(--product)!important}.flows-meta{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.6)}.flows-tag{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.25);font-size:12px;color:rgba(255,255,255,.85)}.flows-tag--live{border-color:var(--product);color:var(--product)}.flows-actions{grid-column:2;grid-row:1/span 2;display:flex;align-items:center;gap:4px}.flows-actions form{display:contents}.flows-icon{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.7);cursor:pointer}.flows-icon:hover{background:rgba(255,255,255,.1);color:#FFFFFF}.flows-icon--danger:hover{color:#FF7B72}.flows-icon svg{width:18px;height:18px}