/* /oxy_saas_website/static/src/css/site.css */
 :root{--magenta:#BD58A2; --magenta-ink:#9C3F85; --magenta-soft:#F6E9F2; --charcoal:#221E1F; --grey:#6B6C6E; --bg:#FBFAFB; --surface:#FFFFFF; --surface-2:#F3F1F3; --line:#E4DFE3; --fg:#221E1F; --muted:#5E5A5D; --ok:#2F7D57; --ok-soft:#E3F2EA; --warn:#9A6400; --warn-soft:#FBF0DC; --info:#2D5F8A; --info-soft:#E3EEF7; --review:#0F5E66; --review-soft:#DDF1F2; --screen:#1E1B1D; --screen-2:#2B2729; --screen-fg:#F2EEF1; --f-display:"League Spartan","Avenir Next","Segoe UI",system-ui,sans-serif; --f-body:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif; --f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace; --r:10px;}@media (prefers-color-scheme: dark){:root{--magenta:#D97BC0;--magenta-ink:#E9A1D4;--magenta-soft:#3A2434;--charcoal:#F2EEF1;--grey:#A9A7AA; --bg:#161314;--surface:#1F1B1D;--surface-2:#282326;--line:#3A3337;--fg:#F2EEF1;--muted:#B9B2B7; --ok:#6CC79A;--ok-soft:#1C3328;--warn:#E7B45A;--warn-soft:#3A2E17;--info:#8DB9E0;--info-soft:#1B2B3A; --review:#7FD0D6;--review-soft:#163538;--screen:#0E0C0D;--screen-2:#1C191B;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--f-body);margin:0}a{color:var(--magenta-ink)}h1,h2,h3{font-family:var(--f-display);line-height:1.08;text-wrap:balance;margin:0;letter-spacing:-.01em}h1{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700}h3{font-size:1.2rem;font-weight:700}p{margin:0}.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.eyebrow{font:600 .74rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--magenta-ink)}.lead{font-size:1.15rem;color:var(--muted);max-width:62ch}.muted{color:var(--muted)}.small{font-size:.86rem}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.site-h{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-h .wrap{display:flex;align-items:center;gap:18px;padding-block:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}.brand svg{height:34px;width:auto}.brand small{display:block;font:500 .66rem/1 var(--f-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}.nav a{color:var(--fg);text-decoration:none;font-weight:600;font-size:.93rem;padding:8px 10px;border-radius:8px}.nav a:hover,.nav a.on{background:var(--surface-2)}.lang{font:600 .8rem var(--f-mono);border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--surface);cursor:pointer;width:auto}.btn.burger{display:none}[hidden]{display:none!important}@media (max-width:1280px){.nav{display:none}.nav.open{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--surface);padding:10px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line)}.btn.burger{display:inline-flex}.site-h .wrap{position:relative}.brand{margin-right:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none;border:1.5px solid transparent;cursor:pointer;line-height:1.1;white-space:nowrap}.btn-p{background:var(--magenta);color:#fff}.btn-p:hover{background:var(--magenta-ink)}.btn-s{background:var(--surface);color:var(--fg);border-color:var(--line)}.btn-s:hover{border-color:var(--grey)}.btn-sm{padding:8px 12px;font-size:.88rem}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}section.band{padding-block:72px}section.band.alt{background:var(--surface-2)}.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}.card h3{font-size:1.1rem}.tag{display:inline-flex;align-items:center;gap:6px;font:600 .72rem/1 var(--f-mono);letter-spacing:.04em;padding:5px 8px;border-radius:6px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.info{background:var(--info-soft);color:var(--info)}.tag.mg{background:var(--magenta-soft);color:var(--magenta-ink)}.stack{display:flex;flex-direction:column;gap:14px}.head{display:flex;flex-direction:column;gap:12px;margin-bottom:34px;max-width:760px}.hero{padding-block:56px 64px}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}@media (max-width:960px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}.hero h1 em{font-style:normal;color:var(--magenta)}.proofline{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.proofline span::before{content:"✓ ";color:var(--ok);font-weight:700}.screen{background:var(--screen);color:var(--screen-fg);border-radius:14px;box-shadow:0 30px 60px -30px rgba(34,30,31,.55);overflow:hidden;min-width:0}.screen .bar{display:flex;gap:6px;align-items:center;padding:10px 14px;background:var(--screen-2);font:500 .72rem var(--f-mono);color:#B9B2B7}.screen .dot{width:9px;height:9px;border-radius:50%;background:#4A4447}.screen .tabs{display:flex;gap:4px;margin-left:12px;flex-wrap:wrap}.screen .tabs button{background:none;border:0;color:#B9B2B7;font:600 .72rem var(--f-mono);padding:4px 8px;border-radius:6px;cursor:pointer}.screen .tabs button.on{background:var(--magenta);color:#fff}.scene{padding:22px;min-height:300px;display:none}.scene.on{display:block}.scene h4{margin:0 0 4px;font:700 1.05rem var(--f-display)}.scene .sub{font-size:.82rem;color:#B9B2B7;margin-bottom:16px}.cg{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:10px;align-items:center}.cg .photo{background:#E9E4D6;color:#3A352B;border-radius:8px;padding:12px;font:500 .72rem/1.5 var(--f-mono);transform:rotate(-2deg)}.cg .photo b{display:block;font-size:.8rem}.cg .arrow{text-align:center;font-size:1.4rem;color:var(--magenta)}.vf{background:var(--screen-2);border-radius:8px;padding:12px;font-size:.8rem}.vf div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px dashed #3d383b}.vf div span:last-child{font-family:var(--f-mono);color:#fff;opacity:0;transition:opacity .3s}.vf.fill div span:last-child{opacity:1}.vf.fill div:nth-child(2) span:last-child{transition-delay:.25s}.vf.fill div:nth-child(3) span:last-child{transition-delay:.5s}.vf.fill div:nth-child(4) span:last-child{transition-delay:.75s}.vf.fill div:nth-child(5) span:last-child{transition-delay:1s}.prog{height:14px;background:var(--screen-2);border-radius:999px;overflow:hidden}.prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--magenta),#E7A6D5);transition:width 2.6s cubic-bezier(.3,.7,.3,1)}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.kpis div{background:var(--screen-2);border-radius:8px;padding:10px}.kpis b{display:block;font:700 1.25rem var(--f-mono)}.kpis span{font-size:.72rem;color:#B9B2B7}.steps{display:flex;flex-direction:column;gap:8px}.steps div{display:flex;gap:10px;align-items:center;background:var(--screen-2);border-radius:8px;padding:9px 12px;font-size:.84rem}.steps i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--magenta);color:#fff;font-size:.72rem;font-weight:700;flex:none}.steps em{margin-left:auto;font:500 .74rem var(--f-mono);color:#B9B2B7;font-style:normal}.chrono{font:700 2.2rem var(--f-mono);color:#fff;margin-top:12px}.chrono small{font-size:.8rem;color:#B9B2B7;font-weight:500}.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.figs div{background:var(--surface);padding:20px}.figs b{display:block;font:800 2rem var(--f-display);color:var(--magenta-ink)}@media (max-width:760px){.figs{grid-template-columns:repeat(2,minmax(0,1fr))}}.metier{cursor:pointer;text-decoration:none;color:var(--fg);transition:border-color .2s,transform .2s}.metier:hover{border-color:var(--magenta);transform:translateY(-2px)}.metier .ic{width:44px;height:44px;border-radius:10px;background:var(--magenta-soft);display:grid;place-items:center}.metier .ic svg{width:24px;height:24px;stroke:var(--magenta-ink);fill:none;stroke-width:1.8}.metier ul{margin:0;padding-left:18px;color:var(--muted);font-size:.92rem}.metier .go{margin-top:auto;font-weight:700;color:var(--magenta-ink)}.mhero{padding-block:52px 40px;border-bottom:1px solid var(--line)}.mhero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:end}@media (max-width:900px){.mhero .wrap{grid-template-columns:minmax(0,1fr)}}.pain{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--magenta);border-radius:8px;padding:16px 18px;font-size:.98rem}.blocks{display:flex;flex-direction:column;gap:56px}.blk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}.blk:nth-child(even) .blk-t{order:2}@media (max-width:860px){.blk{grid-template-columns:minmax(0,1fr)}.blk:nth-child(even) .blk-t{order:0}}.blk-t{display:flex;flex-direction:column;gap:12px}.bignum{font:800 2.6rem/1 var(--f-display);color:var(--magenta)}.bignum small{font:500 .9rem var(--f-body);color:var(--muted);display:block;margin-top:6px}.mock{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;font-size:.84rem;box-shadow:0 18px 40px -28px rgba(34,30,31,.35);min-width:0}.mock .mh{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px;font-weight:700}.mtable{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.mtable th,.mtable td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line)}.mtable th{font:600 .7rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.mtable td.n{text-align:right;font-family:var(--f-mono)}.scroll-x{overflow-x:auto}.gantt{display:grid;grid-template-columns:88px repeat(7,minmax(0,1fr));gap:4px;font-size:.72rem}.gantt .h{font:600 .66rem var(--f-mono);color:var(--muted);text-align:center}.gantt .v{font-family:var(--f-mono);color:var(--muted);align-self:center}.gantt .c{height:22px;border-radius:5px;background:var(--surface-2)}.gantt .b{background:var(--magenta);color:#fff;padding:3px 6px;font-weight:600;white-space:nowrap;overflow:hidden}.gantt .m{background:var(--warn-soft);color:var(--warn);padding:3px 6px;font-weight:600}.sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:22px}@media (max-width:760px){.sim{grid-template-columns:minmax(0,1fr)}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600;font-size:.9rem;display:flex;justify-content:space-between;gap:8px}.field label output{font-family:var(--f-mono);color:var(--magenta-ink)}input[type=range]{accent-color:var(--magenta);width:100%}.res{background:var(--surface-2);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:8px}.res .big{font:800 2.4rem var(--f-display);color:var(--magenta-ink);font-variant-numeric:tabular-nums}.res .ln{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;border-bottom:1px dashed var(--line);padding-bottom:4px}.res .ln span:last-child{font-family:var(--f-mono)}.matrix{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.8rem;width:100%}.matrix td,.matrix th{border:1px solid var(--line);padding:6px;text-align:center}.matrix th{background:var(--surface-2);font:600 .7rem var(--f-mono)}.matrix td{cursor:pointer;font-family:var(--f-mono)}.matrix td.sel{background:var(--magenta);color:#fff}.matrix td:hover{outline:2px solid var(--magenta)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 12px;font-weight:600;font-size:.86rem;cursor:pointer}.chip.on{background:var(--charcoal);color:var(--bg);border-color:var(--charcoal)}.search{flex:1;min-width:200px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 14px}.feat{gap:8px}.feat .dom{font:600 .7rem var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.feat .arg{color:var(--magenta-ink);font-weight:600;font-size:.92rem}.feat .acts{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.count{font:500 .85rem var(--f-mono);color:var(--muted)}.conf{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}@media (max-width:900px){.conf{grid-template-columns:minmax(0,1fr)}}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:14px}.step-h{display:flex;gap:12px;align-items:baseline}.step-h i{font:700 .78rem var(--f-mono);color:var(--magenta-ink);font-style:normal}.opt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer}.opt:has(input:checked){border-color:var(--magenta);background:var(--magenta-soft)}.opt input{margin-top:4px;accent-color:var(--magenta);width:18px;height:18px}.opt .t{font-weight:700}.opt .d{font-size:.85rem;color:var(--muted)}.opt .p{font:600 .85rem var(--f-mono);white-space:nowrap;text-align:right}.opt.dis{opacity:.5;cursor:not-allowed}.qty{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:.88rem}.qty input{width:96px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--surface);font-family:var(--f-mono)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border:0;background:var(--surface);padding:9px 14px;font-weight:600;cursor:pointer}.seg button.on{background:var(--charcoal);color:var(--bg)}.sum{position:sticky;top:90px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:12px}.sum .tot{font:800 2.8rem/1 var(--f-display);font-variant-numeric:tabular-nums}.sum .tot small{font:500 .9rem var(--f-body);color:var(--muted)}.sum .lines{display:flex;flex-direction:column;gap:6px;font-size:.88rem}.sum .lines div{display:flex;justify-content:space-between;gap:10px}.sum .lines span:last-child{font-family:var(--f-mono)}.note{border-radius:8px;padding:10px 12px;font-size:.85rem}.note.warn{background:var(--warn-soft);color:var(--warn)}.note.info{background:var(--info-soft);color:var(--info)}.note.ok{background:var(--ok-soft);color:var(--ok)}select,.inp{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:var(--surface);width:100%}textarea.inp{min-height:80px}.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (max-width:620px){.fgrid{grid-template-columns:minmax(0,1fr)}}.fset{border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;margin:0}.fset legend{font-weight:700;padding:0 6px}.cbx{display:flex;flex-wrap:wrap;gap:8px}.cbx label{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:.88rem;background:var(--surface)}.cbx label:has(input:checked){border-color:var(--magenta);background:var(--magenta-soft);color:var(--magenta-ink);font-weight:600}.cbx input{accent-color:var(--magenta)}details.faq{border-bottom:1px solid var(--line);padding-block:14px}details.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}details.faq summary::after{content:"+";color:var(--magenta-ink);font-weight:800}details.faq[open] summary::after{content:"–"}details.faq p{margin-top:8px;color:var(--muted)}footer.old{background:var(--surface-2);border-top:1px solid var(--line);padding-block:44px 30px;font-size:.9rem}footer .grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr))}@media (max-width:760px){footer .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}footer a{color:var(--fg);text-decoration:none;display:block;padding:3px 0}footer h4{font:600 .74rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.legal{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.oxylogo{height:56px;width:auto;max-width:100%;object-fit:contain;align-self:flex-start;background:#fff;border-radius:8px;padding:4px 8px}.consent{position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -10px 30px -20px rgba(0,0,0,.3);padding-bottom:env(safe-area-inset-bottom,0px)}.consent .wrap{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-block:14px}.consent p{flex:1;min-width:240px;font-size:.88rem}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(90px + env(safe-area-inset-bottom,0px));background:var(--charcoal);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:600;z-index:70;font-size:.9rem;max-width:calc(100vw - 32px)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;border-radius:8px;z-index:80}.skip:focus{left:16px}.mark{height:34px;width:auto}.mark .m-o{stroke:var(--magenta)}.mark .m-b{fill:var(--grey)}.mark .m-t{fill:var(--charcoal);font:800 31px var(--f-display);letter-spacing:-.5px}.brand small{display:block;font:500 .66rem/1 var(--f-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.langs{display:flex;gap:2px;border:1px solid var(--line);border-radius:999px;padding:2px;background:var(--surface)}.langs a{font:600 .74rem var(--f-mono);text-decoration:none;color:var(--muted);padding:4px 7px;border-radius:999px}.langs a.on{background:var(--charcoal);color:var(--bg)}.h3{font-size:1.2rem}.h4{font:700 1.05rem var(--f-display);margin:0 0 4px}.scene .h4{color:var(--screen-fg)}.gantt .s2{grid-column:span 2}.gantt .s3{grid-column:span 3}.gantt .s4{grid-column:span 4}.gap8{gap:8px}.gap16{gap:16px}.mb16{margin-bottom:16px}.mb22{margin-bottom:22px}.w-auto{width:auto}.center{align-items:center}.top{align-items:start}.end{justify-content:flex-end}.narrow{max-width:860px}.note-under{margin-top:10px}.prog.light{background:var(--surface-2);height:10px;margin-bottom:10px}.flabel{font-weight:600;font-size:.9rem}.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}.checklist{margin:0;padding-left:20px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.consent-line{display:flex;gap:8px;align-items:flex-start}.form-msg{min-height:1.4em;font-weight:600}.form-msg.ok{color:var(--ok)}.form-msg.err{color:#B3261E}.prose p{max-width:70ch}.oxylogo.big{height:auto;max-width:260px}.site-f{background:var(--surface-2);border-top:1px solid var(--line);padding-block:44px 30px;font-size:.9rem}.fgrid4{display:grid;gap:20px;grid-template-columns:1.4fr repeat(3,minmax(0,1fr))}@media (max-width:760px){.fgrid4{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-f a{color:var(--fg);text-decoration:none;display:block;padding:3px 0}.site-f h4{font:600 .74rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.feat.hide{display:none}.res .ln span:last-child{white-space:nowrap}.btn-link{color:var(--magenta-ink);background:none}.nav{flex-wrap:nowrap}.nav a{white-space:nowrap;padding:8px 9px}.site-h .wrap{min-width:0}@media (max-width:620px){.site-h .wrap{gap:10px}.brand small,.site-h .wrap>.btn-p{display:none}.langs{margin-left:auto}.langs a{padding:4px 5px}.brand .mark{height:28px}.portal-btn{font-size:0;gap:0;padding:7px 9px}}.portal-btn::before{content:"";width:18px;height:18px;flex:none;background:currentColor; -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/></svg>") center/contain no-repeat}.nav .nav-portal{display:none}@media (min-width:1281px){.site-h .wrap{max-width:1340px;gap:12px}.langs a{font-size:0;gap:0;padding:5px}.nav a{padding:8px 7px}}@media (max-width:1000px){.site-h .langs a{font-size:0;gap:0;padding:5px}}@media (max-width:820px){.brand small{display:none}.site-h .portal-btn{font-size:0;gap:0;padding:7px 9px}}@media (max-width:400px){.site-h .wrap{gap:6px}.brand .mark{height:24px}.site-h .langs a{padding:3px}.site-h .langs a .flag{width:18px;height:12px}.site-h .burger{padding:7px 9px}}@media (max-width:1280px){.nav.open .nav-portal{display:block;font-weight:700;color:var(--magenta-ink);border-top:1px solid var(--line);margin-top:4px}}.langs a{display:inline-flex;align-items:center;gap:5px}.flag{display:inline-block;width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15);flex:none;background-size:100% 100%}.flag[data-l="FR"]{background:linear-gradient(90deg,#0055A4 0 33.3%,#fff 33.3% 66.6%,#EF4135 66.6%)}.flag[data-l="IT"]{background:linear-gradient(90deg,#009246 0 33.3%,#fff 33.3% 66.6%,#CE2B37 66.6%)}.flag[data-l="ES"]{background:linear-gradient(180deg,#AA151B 0 25%,#F1BF00 25% 75%,#AA151B 75%)}.flag[data-l="EN"]{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'><clipPath id='c'><path d='M0,0 v30 h60 v-30 z'/></clipPath><clipPath id='t'><path d='M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z'/></clipPath><g clip-path='url(/oxy_saas_website/static/src/css/%23c)'><path d='M0,0 v30 h60 v-30 z' fill='%23012169'/><path d='M0,0 L60,30 M60,0 L0,30' stroke='%23fff' stroke-width='6'/><path d='M0,0 L60,30 M60,0 L0,30' clip-path='url(/oxy_saas_website/static/src/css/%23t)' stroke='%23C8102E' stroke-width='4'/><path d='M30,0 v30 M0,15 h60' stroke='%23fff' stroke-width='10'/><path d='M30,0 v30 M0,15 h60' stroke='%23C8102E' stroke-width='6'/></g></svg>") center/cover no-repeat}@media (max-width:620px){.langs a{font-size:0;gap:0;padding:5px}.langs a .flag{width:20px;height:14px}}.site-f .legal a.staff-login{display:inline;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:2px}.hero-v2 .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}@media (max-width:960px){.hero-v2 .wrap{grid-template-columns:minmax(0,1fr)}}.band-tight{padding-top:12px}.htabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.htabs button{background:var(--surface);border:1px solid var(--line);color:var(--fg);font:600 .82rem var(--f-body);padding:7px 12px;border-radius:999px;cursor:pointer}.htabs button.on{background:var(--charcoal);color:var(--bg);border-color:var(--charcoal)}.frame{background:var(--screen);border-radius:14px;box-shadow:0 34px 70px -34px rgba(34,30,31,.6);overflow:hidden;min-width:0}.frame .bar{display:flex;gap:6px;align-items:center;padding:9px 12px;background:var(--screen-2)}.frame .dot{width:9px;height:9px;border-radius:50%;background:#4A4447;flex:none}.frame .url{margin-left:10px;font:500 .72rem var(--f-mono);color:#B9B2B7;background:var(--screen);border-radius:6px;padding:3px 10px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame img{display:block;width:100%;height:auto}.shot{display:none}.shot.on{display:block}.caption{font-size:.84rem;color:var(--muted);margin-top:10px}.figs b{font-size:1.9rem;line-height:1.1;margin-bottom:6px}.cycle{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative;counter-reset:s}.cycle::before{content:"";position:absolute;left:4%;right:4%;top:22px;height:3px;background:linear-gradient(90deg,var(--magenta),#E7A6D5);border-radius:3px}.cycle a{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;text-decoration:none;color:var(--fg);padding:0 6px}.cycle a i{counter-increment:s;width:46px;height:46px;border-radius:50%;background:var(--surface);border:3px solid var(--magenta);display:grid;place-items:center;font:700 .9rem var(--f-mono);font-style:normal;color:var(--magenta-ink);z-index:1}.cycle a i::before{content:counter(s)}.cycle a b{font-size:.92rem;line-height:1.2}.cycle a span{font-size:.78rem;color:var(--muted);line-height:1.35}.cycle a:hover i{background:var(--magenta);color:#fff}@media (max-width:980px){.cycle{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:28px}.cycle::before{display:none}}@media (max-width:520px){.cycle{grid-template-columns:repeat(2,minmax(0,1fr))}}.feats{display:flex;flex-direction:column;gap:88px}.feat-blk{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:48px;align-items:center;scroll-margin-top:90px}.feat-blk.rev{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}.feat-blk.rev .feat-t{order:2}@media (max-width:900px){.feat-blk,.feat-blk.rev{grid-template-columns:minmax(0,1fr);gap:28px}.feat-blk.rev .feat-t{order:0}.feats{gap:64px}}.feat-t{display:flex;flex-direction:column;gap:14px}.feat-t h3{font-size:1.6rem}.feat-t .tag{width:fit-content}.checks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.checks li{position:relative;padding-left:28px}.checks li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--magenta-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239C3F85' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}.kpi{display:flex;gap:14px;align-items:baseline;border-top:1px solid var(--line);padding-top:14px}.kpi strong{font:800 2.2rem/1 var(--f-display);color:var(--magenta)}.kpi span{font-size:.9rem;color:var(--muted)}.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end}.phone{background:var(--screen);border-radius:30px;padding:10px;box-shadow:0 30px 60px -30px rgba(34,30,31,.6);max-width:250px;width:100%;margin-inline:auto}.phone img{display:block;width:100%;height:auto;border-radius:22px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width:980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.tiles{grid-template-columns:minmax(0,1fr)}}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:6px}.tile .dom{font:600 .68rem var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--magenta-ink)}.tile h3{font-size:1.02rem}.tile p{font-size:.88rem;color:var(--muted)}.tiles-more{margin-top:24px}.prin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width:900px){.prin{grid-template-columns:minmax(0,1fr)}}.prin .card{border-top:4px solid var(--magenta)}.cta-dark{background:var(--screen);color:var(--screen-fg);border-radius:18px;padding:44px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center}.cta-dark p{color:#B9B2B7}@media (max-width:860px){.cta-dark{grid-template-columns:minmax(0,1fr);padding:28px}.cta-dark .row.end{justify-content:flex-start}}.cy{scroll-margin-top:64px}.cy-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.cy-acts button{background:var(--surface);border:1.5px solid var(--line);color:var(--fg);font:700 .95rem var(--f-body);padding:10px 18px;border-radius:999px;cursor:pointer}.cy-acts button:hover{border-color:var(--magenta)}.cy-acts button.on{background:var(--charcoal);color:var(--bg);border-color:var(--charcoal)}.cy-lead{text-align:center;font-weight:600;color:var(--muted);margin:6px 0 4px}.cy-rail{position:sticky;top:60px;z-index:20;display:grid;grid-template-columns:repeat(var(--n,8),minmax(0,1fr));gap:4px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(6px);padding:12px 0 14px;margin-bottom:28px;border-bottom:1px solid var(--line)}.cy-progress{position:absolute;left:calc(50% / var(--n,8));right:calc(50% / var(--n,8));top:34px;height:3px;background:var(--line);border-radius:3px}.cy-progress i{display:block;height:100%;width:0;background:var(--magenta);border-radius:3px;transition:width .35s ease}.cy-rail button{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:none;border:0;padding:0 4px;cursor:pointer;color:var(--fg);font:inherit}.cy-rail button i{width:44px;height:44px;border-radius:50%;background:var(--surface);border:3px solid var(--line);display:grid;place-items:center;font:700 .9rem var(--f-mono);font-style:normal;color:var(--muted);z-index:1;transition:background .2s,border-color .2s,color .2s}.cy-rail button b{font-size:.9rem;line-height:1.2}.cy-rail button span{font-size:.74rem;color:var(--muted);line-height:1.3}.cy-rail button.done i{border-color:var(--magenta);color:var(--magenta-ink)}.cy-rail button.on i{background:var(--magenta);border-color:var(--magenta);color:#fff;box-shadow:0 0 0 6px var(--magenta-soft)}.cy-rail button:hover i{border-color:var(--magenta)}.cy-rail button:focus-visible,.cy-acts button:focus-visible{outline:3px solid var(--magenta);outline-offset:4px}.cy-journey[hidden],.cy-panel[hidden]{display:none}.cy-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:44px;align-items:center;animation:cyin .3s ease}@keyframes cyin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cy-panel{animation:none}.cy-progress i{transition:none}}.cy-text{display:flex;flex-direction:column;gap:14px}.cy-count{font:600 .74rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--magenta-ink)}.cy-text h3{font-size:1.6rem}.cy-more{font-weight:700;text-decoration:none}.cy-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:4px}.cy-end{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cy-phone{display:flex;justify-content:center}.cy-phone .phone{max-width:280px}.cy-hint{font-size:.8rem;color:var(--muted);margin-top:18px;text-align:center}@media (max-width:980px){.cy-rail{grid-template-columns:repeat(var(--n,8),minmax(72px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cy-rail button{scroll-snap-align:center}.cy-rail button span{display:none}.cy-progress{display:none}.cy-panel{grid-template-columns:minmax(0,1fr);gap:24px}.cy-acts{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.cy-acts button{flex:none}}@media (hover:none){.cy-hint{display:none}}h1 .h1-kw{display:block;margin-bottom:14px;line-height:1.3}

/* /oxy_saas_blog/static/src/css/blog.css */
 .oxy-browser{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 18px 40px -26px rgba(34,30,31,.55)}.oxy-bar{display:flex;gap:6px;align-items:center;padding:8px 12px;background:var(--surface-2);border-bottom:1px solid var(--line)}.oxy-bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}.oxy-bar span{margin-left:8px;font:500 .72rem var(--f-mono);color:var(--muted)}.oxy-browser img{display:block;width:100%;height:auto}.oxy-tour{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.oxy-tour-list{display:grid;gap:8px}.oxy-tab{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:11px 13px;font:600 .95rem var(--f-body);cursor:pointer}.oxy-tab small{display:block;font-weight:400;color:var(--muted);font-size:.82rem}.oxy-tab[aria-selected="true"]{border-color:var(--magenta);background:var(--magenta-soft)}.oxy-tab:focus-visible,.chip:focus-visible,.oxy-share a:focus-visible,.oxy-share button:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.oxy-tour-pane{display:grid;gap:16px;min-width:0}.oxy-tour-pane h3{font-size:1.2rem}.oxy-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oxy-points li{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:.9rem;display:grid;gap:2px}.oxy-phones-head{margin-top:48px;margin-bottom:18px}.oxy-phones{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}.oxy-phones figure{margin:0;display:grid;gap:8px;justify-items:center;flex:0 0 auto}.oxy-phones figcaption{font-size:.85rem;color:var(--muted);text-align:center;max-width:210px}.oxy-phone{width:210px;border:7px solid var(--charcoal);border-radius:28px;overflow:hidden;background:var(--surface)}.oxy-phone img{display:block;width:100%;height:auto}.oxy-tour-cta{margin-top:28px}.oxy-feat{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:var(--fg);margin-bottom:28px}.oxy-feat .go{font-weight:700;color:var(--magenta-ink)}.oxy-thumb{aspect-ratio:16/9;max-width:100%;overflow:hidden;border-radius:8px;background:var(--magenta-soft);display:grid;place-items:center}.oxy-thumb img{width:100%;height:100%;object-fit:cover;object-position:top left}.oxy-thumb-t{font:800 1.5rem var(--f-display);color:var(--magenta-ink);padding:12px;text-align:center}.oxy-chips{margin-bottom:22px}.oxy-chips .chip{text-decoration:none;color:var(--fg)}.oxy-chips .chip.on{color:var(--bg)}.oxy-card{text-decoration:none;color:var(--fg);padding:14px}.oxy-card:hover{border-color:var(--magenta)}.oxy-meta{font:500 .78rem var(--f-mono);color:var(--muted)}.oxy-pager{margin-top:24px;justify-content:center}.oxy-cta{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.oxy-back{display:inline-block;margin-bottom:18px;font-weight:600;color:var(--magenta-ink);text-decoration:none}.oxy-art{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px;align-items:start}.oxy-prose{display:grid;gap:14px;max-width:72ch;min-width:0}.oxy-prose h1{font-size:clamp(1.9rem,3.6vw,2.8rem)}.oxy-content{display:grid;gap:16px;font-size:1.06rem;line-height:1.72}.oxy-content h2{font-size:1.45rem;margin-top:12px}.oxy-content p,.oxy-content ul{margin:0}.oxy-content ul{padding-left:20px;display:grid;gap:6px}.oxy-fig{margin:6px 0;display:grid;gap:8px}.oxy-fig figcaption{font-size:.86rem;color:var(--muted)}.oxy-table{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px}.oxy-table table{border-collapse:collapse;width:100%;font-size:.93rem}.oxy-table th,.oxy-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line)}.oxy-table .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.oxy-note{font-size:.88rem;color:var(--muted);border-left:3px solid var(--line);padding-left:12px}.oxy-todo{background:var(--warn-soft);color:var(--warn);padding:8px 12px;border-radius:8px}.oxy-aside{position:sticky;top:90px;display:grid;gap:14px}.oxy-share{display:grid;grid-template-columns:1fr 1fr;gap:6px}.oxy-share a,.oxy-share button{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:8px;padding:8px;font:600 .82rem var(--f-body);cursor:pointer;text-align:center;text-decoration:none}.oxy-copied,.oxy-copied-text{color:var(--ok)}.oxy-share [data-label]::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--magenta)}.oxy-share [data-label="linkedin"]::before{background:#0A66C2}.oxy-share [data-label="facebook"]::before{background:#1877F2}.oxy-share [data-label="x"]::before{background:var(--fg)}.oxy-share [data-label="whatsapp"]::before{background:#25D366}.oxy-share [data-label="instagram"]::before{background:#E1306C}.oxy-share [data-label="email"]::before{background:var(--muted)}.oxy-photo{margin:4px 0 0}.oxy-photo-credit{margin-top:6px;font-size:12px;color:#6b7280;text-align:right}.oxy-photo-credit a{color:inherit}.oxy-photo img{display:block;width:100%;height:auto;max-width:100%;border-radius:12px}.oxy-box{border-radius:10px;padding:14px 16px}.oxy-savez{background:var(--magenta-soft)}.oxy-savez b{color:var(--magenta-ink)}.oxy-quiz{border:1px solid var(--line);background:var(--surface)}.oxy-quiz summary{cursor:pointer;font-weight:600;color:var(--magenta-ink)}.oxy-quiz details p{margin-top:8px}.oxy-retenir{border-left:4px solid var(--magenta);background:var(--surface)}.oxy-retenir ul{margin-top:6px}.oxy-source{font-size:.84rem;color:var(--muted)}.oxy-end{margin-top:12px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:22px;display:grid;gap:14px}.oxy-end h2{font-size:1.3rem}.oxy-end p{margin:0}.oxy-end .oxy-share{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.oxy-like-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.oxy-like{display:inline-flex;align-items:center;gap:10px;border:2px solid var(--magenta);background:var(--surface);color:var(--magenta-ink);font:700 1rem var(--f-body);padding:10px 20px;border-radius:99px;cursor:pointer}.oxy-like svg{order:-1;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.oxy-like[aria-pressed="true"]{background:var(--magenta);color:#fff}.oxy-like[aria-pressed="true"] svg{fill:currentColor}.oxy-like .oxy-like-on,.oxy-like[aria-pressed="true"] .oxy-like-off{display:none}.oxy-like[aria-pressed="true"] .oxy-like-on{display:inline}.oxy-like:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.oxy-like-count{display:flex;gap:6px;align-items:baseline;font:500 .9rem var(--f-mono);color:var(--muted)}.oxy-like-n{font-weight:700;color:var(--fg)}@media (prefers-reduced-motion:no-preference){.oxy-like:active{transform:scale(.96)}}.oxy-rel{color:var(--fg);font-weight:600;text-decoration:none;font-size:.92rem}.oxy-rel:hover{color:var(--magenta-ink)}.oxy-preview{background:var(--warn-soft);color:var(--warn);margin-bottom:16px}.oxy-lang-note{background:var(--info-soft);color:var(--info)}@media (max-width:960px){.oxy-tour{grid-template-columns:minmax(0,1fr)}.oxy-tour-list{grid-template-columns:repeat(2,minmax(0,1fr))}.oxy-feat,.oxy-art{grid-template-columns:minmax(0,1fr)}.oxy-aside{position:static}}@media (max-width:600px){.oxy-points,.oxy-tour-list{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.oxy-tour-pane:not([hidden]) img{animation:oxyfade .3s ease}@keyframes oxyfade{from{opacity:.5}to{opacity:1}}}.oxy-tour-cta-home{margin:0 0 20px;justify-content:center}