/* Nommera — /services/sites/ v2 (2026-11-05). Préfixe sx5- ; s'appuie sur audit-catalogue.css (ac3-). Mouvement : opacité + transform, désactivé avec prefers-reduced-motion. */
.sx5-hero{padding:56px 0 72px;position:relative;overflow:hidden;}
.sx5-hero::before{content:"";position:absolute;right:-8%;top:-30%;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(10,101,247,.12),rgba(10,101,247,0) 66%);pointer-events:none;}
.sx5-hero::after{content:"";position:absolute;left:-12%;bottom:-40%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.14),rgba(2,208,152,0) 66%);pointer-events:none;}
.sx5-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;}
.sx5-hero h1{font-size:clamp(32px,4vw,50px);max-width:16em;}
.sx5-hero .ac3-lede{max-width:34em;}
.sx5-hero .ac3-cta-row{margin-top:26px;}
.sx5-for{margin-top:16px;font-size:14px;color:var(--ink-soft);}
.sx5-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.sx5-badges span{background:#fff;border:1px solid var(--ac-line);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;}

/* ---- cadre de navigateur schématique ---- */
.sx5-site,.sx5-old{background:#fff;border-radius:20px;box-shadow:0 28px 60px rgba(17,17,17,.16),0 2px 0 rgba(17,17,17,.04);overflow:hidden;max-width:470px;margin-left:auto;width:100%;}
.sx5-site{transform:rotate(1.2deg);}
.sx5-cap{display:block;padding:11px 18px;background:var(--ink);color:rgba(255,255,255,.78);font-size:12px;font-weight:600;position:relative;}
.sx5-cap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue,#0A65F7),var(--cyan,#00DBFF),var(--green));}
.sx5-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--cream);border-bottom:1px solid var(--ac-line);}
.sx5-bar i{width:8px;height:8px;border-radius:50%;background:#d8d3c2;flex:none;}
.sx5-bar .url{margin-left:8px;flex:1;min-width:0;font-size:11px;color:var(--ink-soft);font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;background:#fff;border:1px solid var(--ac-line);border-radius:999px;padding:3px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sx5-zone{position:relative;}
.sx5-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid var(--ac-line);}
.sx5-nav b{font-size:13.5px;font-weight:800;letter-spacing:.04em;}
.sx5-nav span{font-size:11px;color:var(--ink-soft);}
.sx5-body{display:flex;gap:18px;padding:20px 20px 16px;align-items:center;}
.sx5-cover{flex:none;width:86px;height:122px;border-radius:8px;background:linear-gradient(155deg,var(--lavender),var(--blue));box-shadow:0 12px 22px -10px rgba(10,101,247,.5);display:flex;align-items:flex-end;padding:9px;color:#fff;font-family:Georgia,serif;font-size:13px;font-weight:700;line-height:1.1;}
.sx5-info h5{margin:0 0 3px;font-size:18px;font-weight:800;letter-spacing:-.01em;font-family:Georgia,serif;}
.sx5-info p{margin:0 0 12px;font-size:12.5px;color:var(--ink-soft);}
.sx5-cta{display:inline-block;background:var(--ink);color:#fff;font-size:11.5px;font-weight:700;padding:8px 16px;border-radius:999px;}
.sx5-shelf{display:flex;gap:8px;align-items:center;padding:0 20px 16px;}
.sx5-shelf small{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-right:4px;}
.sx5-shelf span{width:30px;height:42px;border-radius:4px;flex:none;}
.sx5-news{padding:12px 20px;border-top:1px solid var(--ac-line);background:var(--cream);display:grid;gap:6px;}
.sx5-news b{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);}
.sx5-news s{display:block;height:7px;border-radius:4px;background:#dcd7c6;width:78%;text-decoration:none;}
.sx5-news s+s{width:52%;}
.sx5-links{display:flex;gap:8px;padding:12px 20px 18px;}
.sx5-links span{font-size:11px;font-weight:700;border:1px solid var(--ac-line);border-radius:999px;padding:5px 12px;background:#fff;}
.sx5-beam{position:absolute;left:-6px;right:-6px;top:-30px;height:30px;pointer-events:none;z-index:2;background:linear-gradient(180deg,rgba(2,208,152,0),rgba(2,208,152,.26));border-bottom:2px solid var(--green);opacity:0;}
.sx5-site .sx5-beam{animation:sx5beam 18s linear infinite;}
.sx5-old .sx5-beam{animation:sx5beam2 14s linear infinite;}
@keyframes sx5beam{0%,43%{top:-30px;opacity:0}44%{top:-30px;opacity:1}62%{top:calc(100% - 30px);opacity:1}64%,100%{top:calc(100% - 30px);opacity:0}}
@keyframes sx5beam2{0%,5%{top:-30px;opacity:0}6%{top:-30px;opacity:1}30%{top:calc(100% - 30px);opacity:1}32%,100%{top:calc(100% - 30px);opacity:0}}

/* ---- sections ---- */
.sx5-sec{padding:84px 0;}
.sx5-sec--sand{background:var(--ac-tint);border-top:1px solid var(--ac-line);border-bottom:1px solid var(--ac-line);}
.sx5-lede{margin-top:14px;font-size:17px;line-height:1.6;color:var(--ink-soft);max-width:46em;}
.sx5-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;}
.sx5-bento--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.sx5-bt{position:relative;border-radius:24px;padding:26px 24px 28px;display:grid;align-content:start;gap:10px;border:1px solid #d3dcfb;background:#eaf0ff;}
.sx5-bt:nth-child(even){background:#e9f6ef;border-color:#cbe8da;}
.sx5-bb{width:30px;height:30px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
.sx5-bt h3{font-size:20px;line-height:1.2;letter-spacing:-.01em;}
.sx5-bt p{font-size:15.5px;line-height:1.5;color:#3a3e45;}
.sx5-note{margin-top:28px;border-radius:18px;background:#fff;border:1px solid var(--ac-line);padding:20px 24px;font-size:15.5px;line-height:1.55;color:var(--ink-soft);}
.sx5-note b{color:var(--ink);}
.sx5-note a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}

/* ---- bloc sombre : formats & budget ---- */
.sx5-dark{background:#111;color:#fff;padding:84px 0;position:relative;overflow:hidden;}
.sx5-dark::before{content:"";position:absolute;right:-6%;top:-30%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(10,101,247,.38),rgba(10,101,247,0) 62%);pointer-events:none;}
.sx5-dark::after{content:"";position:absolute;left:-10%;bottom:-40%;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.26),rgba(2,208,152,0) 62%);pointer-events:none;}
.sx5-dark .ac3-wrap{position:relative;z-index:1;}
.sx5-dhead{max-width:780px;margin-bottom:34px;}
.sx5-dhead h2{color:#fff;font-size:clamp(28px,3.4vw,42px);}
.sx5-eb{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:0 0 12px;}
.sx5-dlede{margin-top:14px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.86);}
.sx5-fms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.sx5-fm{border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);padding:20px 20px 26px;display:grid;align-content:start;gap:10px;transition:border-color .25s,background .25s,transform .25s;}
.sx5-fm:hover,.sx5-fm:focus-within{border-color:rgba(2,208,152,.7);background:rgba(255,255,255,.09);transform:translateY(-3px);}
.sx5-fm h3{font-size:19px;line-height:1.25;letter-spacing:-.01em;color:#fff;margin-top:8px;}
.sx5-fm p{font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.84);}
.sx5-fm a{margin-top:6px;font-weight:800;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--green);font-size:15px;}
.sx5-fm a:hover{color:var(--green);}
.sx5-fk,.sx5-fm .sx5-fk,.sx5-guide .sx5-fk{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green);}
/* schémas statiques */
.sx5-sch{background:var(--cream);border-radius:14px;padding:12px;display:grid;gap:8px;min-height:150px;align-content:start;overflow:hidden;}
.sx5-sch .t{display:flex;align-items:center;gap:7px;}
.sx5-sch .t i{width:16px;height:16px;border-radius:50%;background:linear-gradient(155deg,var(--green),var(--cyan));flex:none;}
.sx5-sch .t s,.sx5-sch .ln{display:block;height:6px;border-radius:3px;background:#cfc9b6;text-decoration:none;}
.sx5-sch .t s{width:34%;background:#2b2f35;}
.sx5-sch .t em{margin-left:auto;display:flex;gap:5px;}
.sx5-sch .t em u{width:18px;height:5px;border-radius:3px;background:#cfc9b6;text-decoration:none;}
.sx5-sch .row{display:flex;gap:7px;align-items:flex-end;}
.sx5-sch .bk{width:30px;height:42px;border-radius:4px;flex:none;transition:box-shadow .25s,transform .25s;}
.sx5-sch .bk--big{width:54px;height:76px;border-radius:5px;}
.sx5-sch .blk{border-radius:7px;background:#fff;border:1px solid #e4dfcf;padding:7px 9px;display:grid;gap:5px;transition:box-shadow .25s,border-color .25s;}
.sx5-sch .ln--s{width:60%;}
.sx5-sch .pill{display:inline-block;height:12px;width:54px;border-radius:99px;background:var(--ink);}
.sx5-sch .pill--g{background:#cfc9b6;width:38px;}
.sx5-sch .grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}
.sx5-sch .grid6 .bk{width:auto;height:34px;}
.sx5-sch .av{display:flex;gap:6px;}
.sx5-sch .av i{width:18px;height:18px;border-radius:50%;flex:none;}
.sx5-fm:hover .bk,.sx5-fm:focus-within .bk{box-shadow:0 0 0 2px rgba(2,208,152,.9);}
.sx5-fm:hover .bk:nth-child(2){transition-delay:.06s;}
.sx5-fm:hover .blk,.sx5-fm:focus-within .blk{box-shadow:0 0 0 2px rgba(2,208,152,.9);border-color:transparent;}
/* apparition douce au défilement (armée seulement si le script tourne) */
.sx5-armed .sx5-fm{opacity:0;transform:translateY(14px);}
.sx5-armed .sx5-fm.is-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease,border-color .25s,background .25s;}
.sx5-armed .sx5-fm.is-in:hover{transform:translateY(-3px);}
.sx5-armed .sx5-fm:nth-child(2).is-in{transition-delay:.12s,.12s,0s,0s;}
.sx5-armed .sx5-fm:nth-child(3).is-in{transition-delay:.24s,.24s,0s,0s;}

.sx5-budget{margin-top:56px;padding-top:40px;border-top:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:stretch;}
.sx5-budget h3{color:#fff;font-size:clamp(22px,2.4vw,30px);margin-bottom:20px;max-width:20em;}
.sx5-prices{list-style:none;margin:0;padding:0;}
.sx5-prices li{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18);}
.sx5-prices li:first-child{padding-top:0;}
.sx5-prices .need{font-size:16px;font-weight:600;color:#fff;line-height:1.4;}
.sx5-prices .price{font-size:16px;font-weight:800;color:var(--green);white-space:nowrap;flex:none;}
.sx5-bfine{margin-top:18px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.78);max-width:34em;}
.sx5-budget .ac3-cta-row{margin-top:20px;}
.sx5-dark .ac3-btn--ghost{color:#fff;border-color:rgba(255,255,255,.6);}
.sx5-dark .ac3-btn--ghost:hover{background:#fff;color:var(--ink);}
.sx5-guide{border-radius:24px;padding:30px 28px;background:linear-gradient(160deg,rgba(2,208,152,.22),rgba(10,101,247,.2));border:1px solid rgba(2,208,152,.55);display:flex;flex-direction:column;gap:12px;}
.sx5-guide h3{font-size:22px;margin:0;}
.sx5-guide p{font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.9);}
.sx5-guide hr{border:none;border-top:1px solid rgba(255,255,255,.25);margin:2px 0;width:100%;}
.sx5-guide .close{font-size:14px;color:rgba(255,255,255,.74);}
.sx5-guide .ac3-btn{margin-top:auto;align-self:stretch;}

/* ---- site existant (rayon) ---- */
.sx5-ex{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,6vw,80px);align-items:center;}
.sx5-ex h2{font-size:clamp(26px,3.2vw,38px);}
.sx5-ex .ac3-cta-row{margin-top:26px;}
.sx5-old{margin:0;transform:rotate(-1deg);}
.sx5-old .sx5-bar{background:#ece9dd;}
.sx5-oldhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 6px;}
.sx5-oldhead small{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}
.sx5-lvl{display:grid;}
.sx5-lvl>b{grid-area:1/1;justify-self:end;}
.sx5-lvl-a{animation:sx5la 14s infinite;}
.sx5-lvl-b{animation:sx5lb 14s infinite;}
.sx5-old .st{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;}
.sx5-old .st--idle{background:#ece9dd;color:#3a3e45;}
.sx5-old .st--ok{background:#dff5ec;color:#03593e;}
.sx5-old .st--warn{background:#fff0cc;color:#6b4300;}
.sx5-rows{list-style:none;margin:0;padding:6px 20px 18px;display:grid;}
.sx5-rows li{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid #eeece3;}
.sx5-rows li>div{grid-area:1/1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;}
.sx5-rows b{font-weight:700;display:flex;align-items:center;gap:10px;}
.sx5-rows b::before{content:"";width:22px;height:14px;border-radius:3px;background:#d9d4c3;flex:none;}
.sx5-rows .st{font-size:12px;}
.sx5-rp{opacity:0;}
@keyframes sx5la{0%,30%{opacity:1}33%,95%{opacity:0}98%,100%{opacity:1}}
@keyframes sx5lb{0%,32%{opacity:0}35%,94%{opacity:1}98%,100%{opacity:0}}

/* ---- étapes cochées au défilement + schéma qui se construit ---- */
.sx5-proc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,88px);align-items:start;margin-top:10px;}
.sx5-steps{list-style:none;margin:0;padding:0;}
.sx5-steps li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:24px;position:relative;padding-bottom:44px;}
.sx5-steps li:last-child{padding-bottom:0;}
.sx5-steps li:not(:last-child)::before{content:"";position:absolute;left:29px;top:62px;bottom:2px;width:2px;background:var(--ac-line);}
.sx5-sn{width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;transition:background .2s,border-color .2s;}
.sx5-steps li.is-cur .sx5-sn,.sx5-steps li.is-done .sx5-sn{background:var(--green);border-color:var(--green);}
.sx5-steps h3{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.015em;margin:8px 0 8px;}
.sx5-steps p{font-size:17px;line-height:1.55;color:#2b2f35;max-width:30em;}
.sx5-side{position:sticky;top:110px;}
.sx5-build{background:var(--cream,#f6f6ee);border:1px solid var(--ac-line);border-radius:24px;padding:clamp(20px,2.6vw,30px);}
.sx5-build-t{display:block;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3a3e45;margin-bottom:14px;}
.sx5-mini{--c1:#d9d4c3;--c2:#d9d4c3;--c3:#cfc9b6;background:#fff;border:1.5px dashed #b9b3a0;border-radius:14px;overflow:hidden;transition:border-color .4s,border-style .4s;}
.sx5-build[data-stage="3"] .sx5-mini,.sx5-build[data-stage="4"] .sx5-mini{--c1:var(--lavender);--c2:var(--green);--c3:var(--blue);}
.sx5-build[data-stage="2"] .sx5-mini,.sx5-build[data-stage="3"] .sx5-mini,.sx5-build[data-stage="4"] .sx5-mini{border-style:solid;border-color:var(--ac-line);}
.sx5-mbar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#f3f0e4;border-bottom:1px solid var(--ac-line);}
.sx5-mbar i{width:7px;height:7px;border-radius:50%;background:#d8d3c2;}
.sx5-mbar .u{margin-left:6px;flex:1;font-size:10.5px;color:#6d727a;font-family:"SFMono-Regular",Consolas,Menlo,monospace;background:#fff;border:1px solid var(--ac-line);border-radius:99px;padding:2px 12px;min-height:19px;}
.sx5-mbar .u-on{display:none;color:#03593e;}
.sx5-build[data-stage="4"] .sx5-mbar .u-off{display:none;}
.sx5-build[data-stage="4"] .sx5-mbar .u-on{display:inline;}
.sx5-mwrap{padding:14px;display:grid;gap:10px;min-height:190px;align-content:start;position:relative;}
.sx5-mframe{font-size:11.5px;font-weight:700;color:#6d727a;text-align:center;padding:30px 0;border:1.5px dashed #cfc9b6;border-radius:10px;transition:opacity .4s;}
.sx5-build:not([data-stage="1"]) .sx5-mframe{display:none;}
.sx5-mb{transition:opacity .5s,transform .5s,background-color .6s;}
.sx5-build[data-stage="1"] .sx5-mb{opacity:0;transform:translateY(8px);position:absolute;visibility:hidden;}
.sx5-mnav{display:flex;justify-content:space-between;align-items:center;}
.sx5-mnav s,.sx5-mtx s{display:block;height:6px;border-radius:3px;background:#cfc9b6;text-decoration:none;width:30%;}
.sx5-mnav s:first-child{background:var(--c3);width:26%;}
.sx5-mrow{display:flex;gap:12px;align-items:center;}
.sx5-mcov{width:54px;height:76px;border-radius:5px;background:var(--c1);flex:none;}
.sx5-mtx{display:grid;gap:7px;flex:1;}
.sx5-mtx s:nth-child(2){width:70%;}
.sx5-mtx .pill{display:block;width:70px;height:12px;border-radius:99px;background:var(--c3);}
.sx5-mshelf{display:flex;gap:7px;}
.sx5-mshelf span{width:30px;height:40px;border-radius:4px;background:var(--c2);}
.sx5-mshelf span:nth-child(2){background:var(--c1);}
.sx5-mshelf span:nth-child(3){background:var(--c3);}
.sx5-live{display:none;justify-self:start;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;background:#dff5ec;color:#03593e;}
.sx5-build[data-stage="4"] .sx5-live{display:inline-flex;}
.sx5-prog{margin-top:16px;}
.sx5-prog ul{list-style:none;margin:0;padding:0;}
.sx5-prog li{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--ac-line);font-size:16px;font-weight:700;color:#6d727a;transition:color .2s;}
.sx5-prog li i{width:22px;height:22px;border-radius:50%;border:2px solid #cfcabb;background:#fff;position:relative;}
.sx5-prog li em{font-style:normal;font-size:13px;font-weight:700;padding:4px 11px;border-radius:99px;background:#ece9dd;color:#3a3e45;}
.sx5-prog li.is-doing{color:var(--ink);}
.sx5-prog li.is-doing i{border-color:var(--green);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 11px var(--green);}
.sx5-prog li.is-doing em{background:var(--ink);color:#fff;}
.sx5-prog li.is-done{color:var(--ink);}
.sx5-prog li.is-done i{background:var(--green);border-color:var(--green);}
.sx5-prog li.is-done i::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);}
.sx5-prog li.is-done em{background:#dff7ee;color:#064d38;}

/* ---- guides ---- */
.sx5-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;}
.sx5-guides article{border-radius:22px;padding:26px 24px;background:#fff;border:1px solid var(--ac-line);display:grid;gap:10px;align-content:start;}
.sx5-guides h3{font-size:19px;line-height:1.25;}
.sx5-guides p{font-size:15.5px;line-height:1.5;color:var(--ink-soft);}
.sx5-guides a,.sx5-ident a{font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--green);color:var(--ink);}
.sx5-guides a:hover,.sx5-ident a:hover{color:var(--ac-green);}
.sx5-ident{margin-top:24px;font-size:15px;color:var(--ink-soft);max-width:46em;}

/* ---- colonne de gauche du formulaire (inchangé) ---- */
.si-step-list{display:flex;flex-direction:column;gap:18px;margin:26px 0;}
.si-step{display:flex;gap:14px;align-items:flex-start;}
.si-step .n{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid rgba(2,208,152,.35);color:var(--green-ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.si-step b{display:block;font-size:14.5px;font-weight:800;margin-bottom:3px;}
.si-step p{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.5;}

@media (max-width:980px){
  .sx5-hero-grid,.sx5-ex,.sx5-proc,.sx5-budget{grid-template-columns:1fr;}
  .sx5-site,.sx5-old{margin:8px auto 0;transform:none;max-width:500px;}
  .sx5-side{position:static;}
  .sx5-fms,.sx5-bento,.sx5-guides{grid-template-columns:1fr;}
  .sx5-bento--4{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .sx5-hero{padding:32px 0 48px;}
  .sx5-sec,.sx5-dark{padding:56px 0;}
  .sx5-bento--4{grid-template-columns:1fr;}
  .sx5-steps li{grid-template-columns:48px minmax(0,1fr);gap:16px;}
  .sx5-sn{width:48px;height:48px;font-size:16px;}
  .sx5-steps li:not(:last-child)::before{left:23px;top:50px;}
  .sx5-prices li{flex-direction:column;gap:4px;}
  .sx5-body{flex-direction:column;align-items:flex-start;}
  .sx5-guide{padding:24px;}
  .sx5-oldhead{flex-direction:column;align-items:flex-start;}
  .sx5-lvl>b{justify-self:start;}
}

/* ---- animations ---- */
.sx5-b-nav{animation:sx5-nav 18s infinite;}
@keyframes sx5-nav{0%,3%{opacity:0;transform:translateY(10px);box-shadow:0 0 0 0 rgba(2,208,152,0)}7%{opacity:1;transform:none}45%{box-shadow:0 0 0 0 rgba(2,208,152,0)}47%{box-shadow:0 0 0 2px rgba(2,208,152,.95)}53%{box-shadow:0 0 0 0 rgba(2,208,152,0)}91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(10px)}}
.sx5-b-cover{animation:sx5-cover 18s infinite;}
@keyframes sx5-cover{0%,9%{opacity:0;transform:translateY(10px);box-shadow:0 0 0 0 rgba(2,208,152,0)}13%{opacity:1;transform:none}49%{box-shadow:0 0 0 0 rgba(2,208,152,0)}51%{box-shadow:0 0 0 2px rgba(2,208,152,.95)}57%{box-shadow:0 0 0 0 rgba(2,208,152,0)}91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(10px)}}
.sx5-b-info{animation:sx5-info 18s infinite;}
@keyframes sx5-info{0%,14%{opacity:0;transform:translateY(10px);box-shadow:0 0 0 0 rgba(2,208,152,0)}18%{opacity:1;transform:none}49%{box-shadow:0 0 0 0 rgba(2,208,152,0)}51%{box-shadow:0 0 0 2px rgba(2,208,152,.95)}57%{box-shadow:0 0 0 0 rgba(2,208,152,0)}91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(10px)}}
.sx5-b-shelf{animation:sx5-shelf 18s infinite;}
@keyframes sx5-shelf{0%,20%{opacity:0;transform:translateY(10px);box-shadow:0 0 0 0 rgba(2,208,152,0)}24%{opacity:1;transform:none}54%{box-shadow:0 0 0 0 rgba(2,208,152,0)}56%{box-shadow:0 0 0 2px rgba(2,208,152,.95)}62%{box-shadow:0 0 0 0 rgba(2,208,152,0)}91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(10px)}}
.sx5-b-news{animation:sx5-news 18s infinite;}
@keyframes sx5-news{0%,26%{opacity:0;transform:translateY(10px);box-shadow:0 0 0 0 rgba(2,208,152,0)}30%{opacity:1;transform:none}57%{box-shadow:0 0 0 0 rgba(2,208,152,0)}59%{box-shadow:0 0 0 2px rgba(2,208,152,.95)}65%{box-shadow:0 0 0 0 rgba(2,208,152,0)}91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(10px)}}
.sx5-b-links{animation:sx5-links 18s infinite;}
@keyframes sx5-links{0%,31%{opacity:0;transform:translateY(10px);box-shadow:0 0 0 0 rgba(2,208,152,0)}35%{opacity:1;transform:none}60%{box-shadow:0 0 0 0 rgba(2,208,152,0)}62%{box-shadow:0 0 0 2px rgba(2,208,152,.95)}68%{box-shadow:0 0 0 0 rgba(2,208,152,0)}91%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(10px)}}
.sx5-rows li:nth-child(1) .sx5-rf{animation:sx5f0 14s infinite;}
.sx5-rows li:nth-child(1) .sx5-rp{animation:sx5p0 14s infinite;}
@keyframes sx5f0{0%,6.9%{opacity:0}8.4%,94%{opacity:1}98%,100%{opacity:0}}
@keyframes sx5p0{0%,6.9%{opacity:1}8.4%,94%{opacity:0}98%,100%{opacity:1}}
.sx5-rows li:nth-child(2) .sx5-rf{animation:sx5f1 14s infinite;}
.sx5-rows li:nth-child(2) .sx5-rp{animation:sx5p1 14s infinite;}
@keyframes sx5f1{0%,11.7%{opacity:0}13.2%,94%{opacity:1}98%,100%{opacity:0}}
@keyframes sx5p1{0%,11.7%{opacity:1}13.2%,94%{opacity:0}98%,100%{opacity:1}}
.sx5-rows li:nth-child(3) .sx5-rf{animation:sx5f2 14s infinite;}
.sx5-rows li:nth-child(3) .sx5-rp{animation:sx5p2 14s infinite;}
@keyframes sx5f2{0%,16.5%{opacity:0}18.0%,94%{opacity:1}98%,100%{opacity:0}}
@keyframes sx5p2{0%,16.5%{opacity:1}18.0%,94%{opacity:0}98%,100%{opacity:1}}
.sx5-rows li:nth-child(4) .sx5-rf{animation:sx5f3 14s infinite;}
.sx5-rows li:nth-child(4) .sx5-rp{animation:sx5p3 14s infinite;}
@keyframes sx5f3{0%,21.3%{opacity:0}22.8%,94%{opacity:1}98%,100%{opacity:0}}
@keyframes sx5p3{0%,21.3%{opacity:1}22.8%,94%{opacity:0}98%,100%{opacity:1}}
.sx5-rows li:nth-child(5) .sx5-rf{animation:sx5f4 14s infinite;}
.sx5-rows li:nth-child(5) .sx5-rp{animation:sx5p4 14s infinite;}
@keyframes sx5f4{0%,26.1%{opacity:0}27.6%,94%{opacity:1}98%,100%{opacity:0}}
@keyframes sx5p4{0%,26.1%{opacity:1}27.6%,94%{opacity:0}98%,100%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .sx5-b{animation:none!important;opacity:1!important;transform:none!important;box-shadow:none!important;}
  .sx5-site [class*="sx5-b-"]{animation:none!important;opacity:1!important;transform:none!important;box-shadow:none!important;}
  .sx5-site .sx5-beam,.sx5-old .sx5-beam,.sx5-rp{display:none;}
  .sx5-old .sx5-lvl .sx5-lvl-a{display:none;}
  .sx5-rf,.sx5-lvl-b{animation:none!important;opacity:1!important;}
  .sx5-armed .sx5-fm{opacity:1;transform:none;}
  .sx5-fm,.sx5-mb,.sx5-steps .sx5-sn{transition:none;}
}