/* ================= DEMO MOCKS ================= */
.mock{--k:color-mix(in srgb,var(--f) 6%,var(--b));--m:color-mix(in srgb,var(--f) 64%,var(--b));--l:color-mix(in srgb,var(--f) 14%,var(--b));--ab:color-mix(in srgb,var(--a) 16%,var(--b));
 width:1200px;background:var(--b);color:var(--f);font:15px/1.55 var(--bf);position:relative;overflow:hidden;container-type:inline-size;text-align:left;isolation:isolate}
.mock.mob{width:390px;font-size:14px}
.mock *{box-sizing:border-box}
.mock h4,.mock h5{margin:0;font-family:var(--df);font-weight:var(--dw);letter-spacing:-.02em;line-height:1.02;text-wrap:balance}
.mock h4 em{font-style:normal;color:var(--a)}
.mock p{margin:0}
.mock .mu{color:var(--m)}
.mock .in{padding-left:56px;padding-right:56px;position:relative}
.mock .ey{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--a)}
.mock .bt{display:inline-flex;align-items:center;gap:8px;background:var(--a);color:var(--ac);padding:14px 22px;border-radius:var(--rad);font-weight:700;font-size:14px;white-space:nowrap;transition:transform .25s,box-shadow .25s}
.mock .bt:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px var(--a)}
.mock .bt.o{background:transparent;color:var(--f);border:1px solid var(--l)}
.mock .cta{display:flex;gap:12px;flex-wrap:wrap}
.mock .nv{display:flex;align-items:center;gap:26px;padding:22px 56px;position:relative;z-index:3}
.mock .lg{display:flex;gap:10px;align-items:center;font-family:var(--df);font-weight:var(--dw);font-size:21px;white-space:nowrap;letter-spacing:-.01em}
.mock .lg i{width:32px;height:32px;border-radius:9px;background:var(--a);color:var(--ac);display:grid;place-items:center;font-family:var(--bf);font-size:12px;line-height:1;font-weight:700;letter-spacing:0;font-style:normal;flex:none}
.mock .nl{display:flex;gap:24px;margin-left:auto;font-size:14px;color:var(--m)}
.mock .nl small{font-size:10px;color:var(--a);margin-right:6px}
.mock .nc{background:var(--f);color:var(--b);padding:10px 16px;border-radius:var(--rad);font-weight:700;font-size:13px;position:relative;white-space:nowrap}
.mock .cart{position:absolute;top:-8px;right:-8px;background:var(--a);color:var(--ac);font-size:11px;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px}
.mock .nvc{display:grid;grid-template-columns:1fr auto 1fr}
.mock .nvc .nl{margin:0}.mock .nvc .nc{justify-self:end}
.mock .sts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:34px;padding-bottom:34px;border-top:1px solid var(--l);border-bottom:1px solid var(--l);margin-top:56px}
.mock .sts b{display:block;font-family:var(--df);font-weight:var(--dw);font-size:40px;line-height:1;font-variant-numeric:tabular-nums}
.mock .sts span{color:var(--m);font-size:13px}
.mock .ft{display:flex;justify-content:space-between;gap:12px;padding-top:24px;padding-bottom:34px;color:var(--m);font-size:12.5px}
.mock .bot{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;background:var(--f);color:var(--b);border-radius:999px;padding:8px 16px 8px 8px;font-size:13px;font-weight:700;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);z-index:5}
.mock .bot i{width:30px;height:30px;border-radius:50%;background:var(--a);position:relative;animation:mbot 2.4s ease-in-out infinite}
.mock .bot i::after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--ac)}
@keyframes mbot{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--a) 25%,transparent)}}
/* motif */
.mot{width:100%;height:100%;display:block;overflow:visible}
.mot .p1{fill:var(--a)}.mot .p2{fill:var(--a2)}.mot .p3{fill:var(--f)}.mot .p4{fill:color-mix(in srgb,var(--b) 82%,var(--a))}
.mot .s1{fill:none;stroke:var(--a2);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.mot .s2{fill:none;stroke:var(--f);stroke-width:4;stroke-linecap:round}
.mot .s3{fill:none;stroke:var(--b);stroke-width:3;opacity:.8}
.mot .sbk{fill:none;stroke:var(--b);stroke-width:4;opacity:.55}
.mot .sck{fill:none;stroke:var(--ac);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}
.mot .af{animation:mfl 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.mot .as{animation:mspin 16s linear infinite}
.mot .aw{animation:msw 4.5s ease-in-out infinite;transform-box:view-box}
.mot .ap{animation:mpu 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.mot .ad{stroke-dasharray:640;animation:mdash 4s ease-in-out infinite;animation-delay:-2.4s}
.mot .ar{animation:mrise 3s ease-in infinite}
.mot .ag{animation:mgrow 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.mot .aping{animation:mping 3s ease-out infinite;transform-box:fill-box;transform-origin:center}
.mot .awv{animation:mwave 5s linear infinite}
.mot .ax{animation:mroad 1.4s linear infinite}
.mot .apole{animation:mpole 2.2s linear infinite}
@keyframes mfl{50%{transform:translateY(-12px)}}
@keyframes mspin{to{transform:rotate(360deg)}}
.mot .as{transform-box:view-box}
@keyframes msw{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes mpu{50%{transform:scale(1.18);opacity:.55}}
@keyframes mdash{0%{stroke-dashoffset:640}45%,100%{stroke-dashoffset:0}}
@keyframes mrise{0%{transform:translateY(0);opacity:.85}100%{transform:translateY(-70px);opacity:0}}
@keyframes mgrow{0%,100%{transform:scaleY(.62)}50%{transform:scaleY(1)}}
@keyframes mping{0%{transform:scale(.35);opacity:1}100%{transform:scale(1.7);opacity:0}}
@keyframes mwave{to{transform:translateX(100px)}}
@keyframes mroad{to{transform:translateX(-70px)}}
@keyframes mpole{to{transform:translateY(56px)}}
/* line-art & neon renderings of the same motifs */
.ar-noir .mot *,.ar-neo .mot *{fill:none!important;stroke:var(--a)!important;stroke-width:2.2!important}
.ar-noir .mot .p2,.ar-noir .mot .s1{stroke:color-mix(in srgb,var(--a) 70%,var(--f))!important}
.ar-noir .mot .p4,.ar-neo .mot .p4{stroke:color-mix(in srgb,var(--a) 30%,transparent)!important}
.ar-neo .mot .p2,.ar-neo .mot .s1{stroke:var(--a2)!important}
.ar-neo .mot{filter:drop-shadow(0 0 6px var(--a)) drop-shadow(0 0 18px color-mix(in srgb,var(--a) 60%,transparent))}

/* ---- tool block ---- */
.mock .tl{border:1px solid var(--l);border-radius:22px;padding:28px;background:var(--k);display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start;margin-top:56px}
.ar-noir .tl,.ar-ind .tl,.ar-sw .tl{border-radius:0}
.mock .tl h5{font-size:28px;margin-bottom:8px}
.mock .tl p{font-size:14px}
.mock .prw{display:flex;flex-wrap:wrap;gap:8px}
.mock .pill{border:1px solid var(--l);border-radius:var(--rad);padding:9px 13px;font-size:13px;background:var(--b);cursor:pointer;transition:background .2s,color .2s}
.mock .pill.on{background:var(--a);color:var(--ac);border-color:var(--a)}
.mock .slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.mock .slots .pill{text-align:center}
.mock .go{margin-top:16px;display:inline-block;background:var(--f);color:var(--b);padding:12px 18px;border-radius:var(--rad);font-weight:700;font-size:13.5px;cursor:pointer}
.mock .field{display:block;background:var(--b);border:1px solid var(--l);border-radius:min(var(--rad),12px);padding:12px 14px;color:var(--m);font-size:13.5px;margin-top:10px}
.mock .field.f0{margin-top:0}
.mock .prods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.mock .prod{background:var(--b);border:1px solid var(--l);border-radius:14px;overflow:hidden}
.mock .ph{height:130px;background:var(--ab);padding:14px}
.mock .ph.sm{height:76px;padding:8px}
.mock .prod>div:last-child{padding:12px}
.mock .prod b{display:block;font-size:13.5px}
.mock .prod span{font-size:12.5px}
.mock .add{float:right;background:var(--a);color:var(--ac);border-radius:var(--rad);padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}
.mock input[type=range]{width:100%;accent-color:var(--a);margin:14px 0 6px}
.mock .out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.mock .out div{background:var(--b);border:1px solid var(--l);border-radius:12px;padding:12px}
.mock .out b{display:block;font-family:var(--df);font-size:22px;font-variant-numeric:tabular-nums;font-weight:var(--dw)}
.mock .out span{font-size:12px}
.mock .steps{display:grid;gap:10px}
.mock .steps div{display:flex;gap:12px;align-items:center;background:var(--b);border:1px solid var(--l);border-radius:12px;padding:12px 14px;font-size:14px}
.mock .steps i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--l);font-size:12px;font-weight:700;flex:none}
.mock .steps .done i{background:var(--a);color:var(--ac)}

/* ---- AURORA glass ---- */
.ar-aur .mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.ar-aur .mesh i{position:absolute;width:640px;height:640px;border-radius:50%;filter:blur(100px);opacity:.5;animation:mdrift 16s ease-in-out infinite alternate}
.ar-aur .mesh i:nth-child(1){background:var(--a);left:-160px;top:-200px}
.ar-aur .mesh i:nth-child(2){background:var(--a2);right:-180px;top:60px;animation-duration:21s}
.ar-aur .mesh i:nth-child(3){background:color-mix(in srgb,var(--a) 50%,var(--a2));left:30%;top:640px;animation-duration:25s}
@keyframes mdrift{to{transform:translate(120px,90px) scale(1.15)}}
.ar-aur .nv,.ar-aur .astage,.ar-aur .ag,.ar-aur .tl,.ar-aur .badge,.ar-aur .chipf{background:color-mix(in srgb,var(--b) 58%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--f) 10%,transparent)}
.ar-aur .nv{margin:18px 56px 0;padding:12px 14px 12px 18px;border-radius:999px}
.ar-aur .ah{text-align:center;padding:76px 56px 26px;display:grid;justify-items:center;gap:22px}
.ar-aur .badge{display:inline-flex;gap:8px;align-items:center;padding:7px 14px;border-radius:999px;font-size:13px}
.ar-aur .badge i{width:8px;height:8px;border-radius:50%;background:var(--a);animation:mbot 2s infinite}
.ar-aur h4{font-size:78px;max-width:13ch}
.ar-aur h4 em{background:linear-gradient(90deg,var(--a),var(--a2),var(--a));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mshine 5s linear infinite}
@keyframes mshine{to{background-position:200% 0}}
.ar-aur .ah p{font-size:19px;max-width:52ch;color:var(--m)}
.ar-aur .cta{justify-content:center}
.ar-aur .astage{position:relative;margin:34px 56px 0;height:460px;border-radius:32px;display:grid;place-items:center;overflow:hidden}
.ar-aur .astage .mot{width:400px;height:400px}
.ar-aur .chipf{position:absolute;padding:14px 18px;border-radius:18px;display:grid;font-size:13px;animation:mfl 6s ease-in-out infinite;box-shadow:0 20px 40px -20px rgba(0,0,0,.35)}
.ar-aur .chipf b{font-family:var(--df);font-size:26px;line-height:1;color:var(--a)}
.ar-aur .chipf i{font-style:normal;color:var(--m)}
.ar-aur .chipf.c0{left:60px;top:60px}.ar-aur .chipf.c1{right:70px;top:120px;animation-delay:-2s}.ar-aur .chipf.c2{left:140px;bottom:50px;animation-delay:-4s}
.ar-aur .agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.ar-aur .ag{border-radius:22px;padding:22px;display:grid;gap:4px;transition:transform .3s}
.ar-aur .ag:hover{transform:translateY(-4px)}
.ar-aur .ag b{font-size:16px}.ar-aur .ag span{font-size:12.5px}.ar-aur .ag em{font-style:normal;color:var(--a);font-weight:700;margin-top:10px}

/* ---- NOIR luxe ---- */
.ar-noir{--l:color-mix(in srgb,var(--a) 28%,var(--b))}
.ar-noir .top{display:flex;justify-content:space-between;padding-top:10px;padding-bottom:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--m);border-bottom:1px solid var(--l)}
.ar-noir .nv{border-bottom:1px solid var(--l)}
.ar-noir .lg{font-size:26px;letter-spacing:.04em}
.ar-noir .lg i{display:none}
.ar-noir .nc{background:transparent;color:var(--a);border:1px solid var(--a);letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.ar-noir .nh{display:grid;grid-template-columns:40px 1.15fr .85fr;gap:44px;padding-top:70px;padding-bottom:64px;align-items:end}
.ar-noir .vlab{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--a);align-self:stretch;text-align:center}
.ar-noir h4{font-size:104px;line-height:.9;margin-top:22px;font-weight:var(--dw)}
.ar-noir h4 em{font-style:italic;color:var(--a)}
.ar-noir .nh p{margin-top:26px;font-size:17px;color:var(--m);max-width:42ch}
.ar-noir .lnk{display:inline-flex;gap:16px;align-items:center;margin-top:34px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--a)}
.ar-noir .lnk i{width:70px;height:1px;background:var(--a);animation:mline 3s ease-in-out infinite;transform-origin:left}
@keyframes mline{50%{transform:scaleX(.4)}}
.ar-noir .frame{position:relative;height:540px;border:1px solid var(--l);padding:18px}
.ar-noir .frame>div{height:100%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--a) 20%,var(--b)),var(--b) 72%);display:grid;place-items:center;overflow:hidden;padding:40px}
.ar-noir .fcap{position:absolute;bottom:-26px;left:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--m)}
.ar-noir .mqb{border-block:1px solid var(--l);overflow:hidden;padding:20px 0;margin-top:30px}
.ar-noir .mqb div{display:flex;gap:46px;width:max-content;animation:mmq 30s linear infinite}
.ar-noir .mqb span{font-family:var(--df);font-size:44px;font-style:italic;white-space:nowrap;color:color-mix(in srgb,var(--f) 75%,var(--b))}
.ar-noir .mqb span::after{content:"✦";color:var(--a);margin-left:46px;font-size:.5em;vertical-align:middle;font-style:normal}
@keyframes mmq{to{transform:translateX(-50%)}}
.ar-noir .nfe3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px}
.ar-noir .nfe3 div{padding:0 30px;border-left:1px solid var(--l)}
.ar-noir .nfe3 b{display:block;font-family:var(--df);font-size:44px;color:var(--a);font-weight:var(--dw)}
.ar-noir .nfe3 span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:6px 0}
.ar-noir .nfe3 p{color:var(--m);font-size:14px}
.ar-noir .nl2{margin-top:70px}
.ar-noir .nl2 h5{font-size:48px;margin-bottom:20px;font-style:italic}
.ar-noir .row{display:grid;grid-template-columns:70px 1fr 1fr 180px 30px;gap:20px;align-items:center;padding:24px 0;border-top:1px solid var(--l);transition:padding .3s,background .3s}
.ar-noir .row:hover{padding-left:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--a) 10%,transparent),transparent)}
.ar-noir .row i{font-family:var(--df);font-style:italic;color:var(--a);font-size:24px}
.ar-noir .row b{font-family:var(--df);font-size:30px;font-weight:var(--dw)}
.ar-noir .row span{color:var(--m);font-size:14px}
.ar-noir .row em{font-style:normal;text-align:right;font-size:14px;letter-spacing:.06em}
.ar-noir .row u{text-decoration:none;color:var(--a)}
.ar-noir .sts b{color:var(--a)}

/* ---- BENTO ---- */
.ar-bento .bg{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:14px;padding-top:18px}
.ar-bento .c{border-radius:26px;background:var(--k);border:1px solid var(--l);padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ar-bento .c:hover{transform:translateY(-4px) scale(1.01)}
.ar-bento .c1{grid-column:span 2;grid-row:span 2;gap:12px;justify-content:space-between}
.ar-bento .c1 h4{font-size:46px}
.ar-bento .c1 p{font-size:15.5px;max-width:44ch}
.ar-bento .c2{grid-row:span 2;background:var(--a);color:var(--ac);padding:18px}
.ar-bento .c2 .mot{height:250px}
.ar-bento .c2 .mot .p1{fill:var(--ac)}.ar-bento .c2 .mot .p4{fill:color-mix(in srgb,var(--a) 70%,var(--ac))}.ar-bento .c2 .mot .p3{fill:color-mix(in srgb,var(--ac) 80%,var(--a))}
.ar-bento .c2 span{font-size:13px}.ar-bento .c2 span b{display:block;font-family:var(--df);font-size:30px;font-weight:var(--dw)}
.ar-bento .c3 b{font-family:var(--df);font-size:48px;line-height:1;font-weight:var(--dw)}
.ar-bento .c3 span{color:var(--m);font-size:13px}
.ar-bento .c3.alt{background:var(--a2);color:color-mix(in srgb,var(--f) 90%,#000);border-color:transparent}
.ar-bento.dk .c3.alt{color:#fff}
.ar-bento .c3.alt span{color:inherit;opacity:.75}
.ar-bento .spark{position:absolute;right:20px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--a);animation:mbot 2s infinite}
.ar-bento .c4{grid-column:span 2;flex-direction:row;gap:20px;align-items:stretch}
.ar-bento .c4>div:first-child{display:flex;flex-direction:column;justify-content:space-between;font-size:13px}
.ar-bento .c4 b{font-family:var(--df);font-size:36px;font-weight:var(--dw)}.ar-bento .c4 small{font-size:13px;font-family:var(--bf);color:var(--m)}
.ar-bento .bars{flex:1;display:flex;align-items:flex-end;gap:7px}
.ar-bento .bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--a),color-mix(in srgb,var(--a) 40%,var(--b)));animation:mgrow 3s ease-in-out infinite;transform-origin:bottom}
.ar-bento .c5{background:var(--f);color:var(--b);border:0;justify-content:center;gap:8px}
.ar-bento .c5 div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;border-bottom:1px solid color-mix(in srgb,var(--b) 20%,transparent);padding-bottom:6px}
.ar-bento .c5 em{font-style:normal;color:var(--a);white-space:nowrap}
.ar-bento .c6{background:color-mix(in srgb,var(--a2) 22%,var(--b))}
.ar-bento .c6 b{font-family:var(--df);font-size:40px;line-height:1;font-weight:var(--dw)}
.ar-bento .c6 span{font-size:13px;color:var(--m)}
.ar-bento .c6 u{position:absolute;right:18px;top:14px;text-decoration:none;font-size:22px;color:var(--a)}
.ar-bento .bfe{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.ar-bento .bfe div{border:1px solid var(--l);border-radius:22px;padding:22px}
.ar-bento .bfe i{font-style:normal;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ab);color:var(--a);font-weight:700;font-size:13px;margin-bottom:12px}
.ar-bento .bfe b{display:block;font-size:17px;margin-bottom:4px}

/* ---- NEO-BRUTAL ---- */
.ar-brut{--bd:3px solid var(--f)}
.ar-brut .nv{border-bottom:var(--bd)}
.ar-brut .lg i{border:2px solid var(--f);border-radius:0}
.ar-brut .nc{background:var(--a);color:var(--ac);border:var(--bd);box-shadow:4px 4px 0 var(--f);text-transform:uppercase}
.ar-brut .bt{border:var(--bd);box-shadow:5px 5px 0 var(--f);text-transform:uppercase}
.ar-brut .bt:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--f)}
.ar-brut .bt.o{background:var(--b)}
.ar-brut .bh{padding-top:40px;padding-bottom:40px}
.ar-brut h4{font-size:150px;line-height:.86;text-transform:uppercase;letter-spacing:-.02em;margin-top:12px;max-width:11ch}
.ar-brut h4 em{background:var(--a);color:var(--ac);padding:0 18px;display:inline-block;transform:rotate(-2deg);animation:mwob 3s ease-in-out infinite}
@keyframes mwob{50%{transform:rotate(1.5deg)}}
.ar-brut .stk{position:absolute;right:70px;top:40px;width:170px;height:170px;animation:mspin 14s linear infinite;z-index:2}
.ar-brut .stk circle{fill:var(--a2);stroke:var(--f);stroke-width:3}
.ar-brut .stk text{font:700 13px/1 var(--bf);letter-spacing:.14em;fill:var(--f)}
.ar-brut .stk>path{fill:var(--a)}
.ar-brut .brow{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;margin-top:34px}
.ar-brut .bbox{border:var(--bd);box-shadow:9px 9px 0 var(--f);border-radius:var(--rad);padding:26px}
.ar-brut .bm{background:var(--a2);height:340px;padding:20px}
.ar-brut .bt2{background:var(--b);display:flex;flex-direction:column;gap:22px;justify-content:space-between}
.ar-brut .bt2 p{font-size:19px;font-weight:600}
.ar-brut .bchips{display:flex;flex-wrap:wrap;gap:8px}
.ar-brut .bchips span{border:2px solid var(--f);padding:6px 10px;font-size:12px;font-weight:700;text-transform:uppercase;border-radius:999px}
.ar-brut .bband{background:var(--f);color:var(--b);overflow:hidden;padding:18px 0;transform:rotate(-1.5deg);margin:40px -20px 50px;border-block:var(--bd)}
.ar-brut .bband div{display:flex;gap:40px;width:max-content;animation:mmq 18s linear infinite}
.ar-brut .bband span{font-family:var(--df);font-size:38px;text-transform:uppercase;white-space:nowrap}
.ar-brut .bband span::after{content:"✺";margin-left:40px;color:var(--a)}
.ar-brut .bcards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ar-brut .bc{border:var(--bd);box-shadow:7px 7px 0 var(--f);padding:20px;display:flex;flex-direction:column;gap:6px;border-radius:var(--rad);transition:transform .2s,box-shadow .2s;min-height:220px}
.ar-brut .bc:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--f)}
.ar-brut .bc.b0{background:var(--a);color:var(--ac)}.ar-brut .bc.b1{background:var(--a2);color:#111}.ar-brut .bc.b2{background:var(--b)}
.ar-brut .bc .num{font-family:var(--df);font-size:46px;line-height:1}
.ar-brut .bc b{font-size:19px;text-transform:uppercase;margin-top:auto}
.ar-brut .bc span{font-size:13px;opacity:.8}
.ar-brut .bc em{font-style:normal;font-weight:800;font-size:17px}
.ar-brut .bc .add{align-self:flex-start;float:none;border:2px solid var(--f);background:var(--b);color:var(--f)}
.ar-brut .sts{border-top:var(--bd);border-bottom:var(--bd)}
.ar-brut .sts b{font-size:52px}
.ar-brut .tl{border:var(--bd);box-shadow:8px 8px 0 var(--f);background:var(--b);border-radius:var(--rad)}

/* ---- INDUSTRIAL ---- */
.ar-ind{background-image:linear-gradient(color-mix(in srgb,var(--f) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--f) 6%,transparent) 1px,transparent 1px);background-size:56px 56px}
.ar-ind .haz{height:12px;background:repeating-linear-gradient(-45deg,var(--a) 0 18px,var(--b) 18px 36px);background-size:51px 100%;animation:mhaz 1.5s linear infinite}
@keyframes mhaz{to{background-position:51px 0}}
.ar-ind .nv{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--l)}
.ar-ind .lg{font-size:28px;letter-spacing:.04em}
.ar-ind .lg i{border-radius:0}
.ar-ind .nc{background:var(--a);color:var(--ac);border-radius:0}
.ar-ind .ih{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;padding-top:56px;align-items:center}
.ar-ind .ey{font-family:ui-monospace,Menlo,monospace;letter-spacing:.08em}
.ar-ind h4{overflow-wrap:anywhere;font-size:128px;line-height:.86;text-transform:uppercase;margin:16px 0 22px}
.ar-ind .ih p{color:var(--m);font-size:17px;max-width:46ch;margin-bottom:28px}
.ar-ind .bt{border-radius:0;text-transform:uppercase;letter-spacing:.06em}
.ar-ind .coord{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}
.ar-ind .coord span{font:12px ui-monospace,Menlo,monospace;border:1px solid var(--l);padding:6px 10px;color:var(--m)}
.ar-ind .ibox{position:relative;height:500px;border:1px solid var(--l);background:color-mix(in srgb,var(--b) 70%,var(--a2));padding:56px 40px 40px;overflow:hidden}
.ar-ind .cm{position:absolute;width:22px;height:22px;border-color:var(--a);border-style:solid;border-width:0}
.ar-ind .cm.a{left:10px;top:10px;border-left-width:3px;border-top-width:3px}.ar-ind .cm.b{right:10px;top:10px;border-right-width:3px;border-top-width:3px}.ar-ind .cm.c{left:10px;bottom:10px;border-left-width:3px;border-bottom-width:3px}.ar-ind .cm.d{right:10px;bottom:10px;border-right-width:3px;border-bottom-width:3px}
.ar-ind .fig{position:absolute;left:40px;top:20px;font:11px ui-monospace,Menlo,monospace;color:var(--a);letter-spacing:.1em}
.ar-ind .fig.r{left:auto;right:40px;top:auto;bottom:20px}
.ar-ind .scan{position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,var(--a),transparent);animation:mscan 4s linear infinite;opacity:.7}
@keyframes mscan{to{transform:translateY(500px)}}
.ar-ind .inum{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px}
.ar-ind .inum div{border-left:3px solid var(--a);padding:6px 24px}
.ar-ind .inum b{display:block;font-family:var(--df);font-size:76px;line-height:1;font-weight:var(--dw)}
.ar-ind .inum span{font:12px ui-monospace,Menlo,monospace;text-transform:uppercase;color:var(--m);letter-spacing:.08em}
.ar-ind .ipj{margin-top:70px}
.ar-ind .ipj h5{font-size:54px;text-transform:uppercase;margin-bottom:22px}
.ar-ind .ipj>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ar-ind .ipj>div>div{border:1px solid var(--l);background:var(--b);padding:22px;position:relative;transition:border-color .3s,transform .3s}
.ar-ind .ipj>div>div:hover{border-color:var(--a);transform:translateY(-4px)}
.ar-ind .ipj>div>div::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--a)}
.ar-ind .tagp{font:11px ui-monospace,Menlo,monospace;color:var(--a)}
.ar-ind .ipj b{display:block;font-size:21px;margin:10px 0 14px;text-transform:uppercase}
.ar-ind dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:13px}
.ar-ind dt{font:11px ui-monospace,Menlo,monospace;color:var(--m);text-transform:uppercase}
.ar-ind dd{margin:0;text-align:right}
.ar-ind .tick{margin-top:56px;background:var(--a);color:var(--ac);overflow:hidden;padding:12px 0}
.ar-ind .tick div{display:flex;gap:40px;width:max-content;animation:mmq 22s linear infinite}
.ar-ind .tick span{font:700 14px ui-monospace,Menlo,monospace;text-transform:uppercase;white-space:nowrap;letter-spacing:.06em}
.ar-ind .tick span::after{content:"■";margin-left:40px}

/* ---- STORE ---- */
.ar-store .ann{background:var(--f);color:var(--b);font-size:12.5px;padding:9px 0;overflow:hidden}
.ar-store .ann div{display:flex;gap:60px;width:max-content;animation:mmq 26s linear infinite}
.ar-store .ann span{white-space:nowrap}
.ar-store .snv{gap:20px;border-bottom:1px solid var(--l)}
.ar-store .srch{flex:1;max-width:520px;margin-left:30px;background:var(--k);border:1px solid var(--l);border-radius:999px;padding:12px 20px;color:var(--m);font-size:13.5px}
.ar-store .ico{margin-left:auto;font-size:20px}
.ar-store .cats{display:flex;gap:26px;padding-top:14px;padding-bottom:14px;border-bottom:1px solid var(--l);font-size:14px;font-weight:600}
.ar-store .cats .hot{color:var(--a)}
.ar-store .sh{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.ar-store .sl{background:color-mix(in srgb,var(--a) 13%,var(--b));border-radius:28px;padding:48px;position:relative;display:flex;flex-direction:column;gap:16px;justify-content:center}
.ar-store .sale{position:absolute;right:28px;top:28px;width:90px;height:90px;border-radius:50%;background:var(--a);color:var(--ac);display:grid;place-items:center;font-weight:800;font-size:20px;transform:rotate(12deg);animation:mwob 3s ease-in-out infinite}
.ar-store h4{font-size:58px;max-width:12ch}
.ar-store .cd{display:flex;gap:8px}
.ar-store .cd span{background:var(--b);border-radius:12px;padding:8px 12px;font-size:12px;color:var(--m);text-align:center;min-width:58px}
.ar-store .cd b{display:block;font-size:22px;color:var(--f);font-variant-numeric:tabular-nums}
.ar-store .sr{background:color-mix(in srgb,var(--a2) 70%,var(--b));border-radius:28px;position:relative;display:grid;place-items:center;padding:30px;overflow:hidden}
.ar-store .sr .mot{width:380px;height:380px;animation:mfl 6s ease-in-out infinite}
.ar-store .ptag{position:absolute;left:28px;bottom:28px;background:var(--b);border-radius:18px;padding:14px 18px;font-weight:800;font-size:22px;box-shadow:0 20px 40px -20px rgba(0,0,0,.3)}
.ar-store .ptag small{display:block;font-size:12px;font-weight:500;color:var(--m)}
.ar-store .circ{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:40px;text-align:center}
.ar-store .circ span{display:block;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--a2) 75%,var(--b));padding:22px;margin-bottom:10px;transition:transform .3s;filter:hue-rotate(var(--h))}
.ar-store .circ div:hover span{transform:scale(1.06)}
.ar-store .circ b{font-size:14px}
.ar-store .pg{margin-top:50px}
.ar-store .pgh{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.ar-store .pgh h5{font-size:34px}.ar-store .pgh span{color:var(--a);font-weight:700;font-size:14px}
.ar-store .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ar-store .pc{display:flex;flex-direction:column;gap:4px;transition:transform .3s}
.ar-store .pc:hover{transform:translateY(-6px)}
.ar-store .pim{position:relative;aspect-ratio:1;border-radius:20px;background:color-mix(in srgb,var(--a2) 80%,var(--b));padding:34px;margin-bottom:10px;overflow:hidden}
.ar-store .pim .mot{filter:hue-rotate(var(--h));transition:transform .5s}
.ar-store .pc:hover .pim .mot{transform:scale(1.08) rotate(-3deg)}
.ar-store .bdg{position:absolute;left:12px;top:12px;background:var(--f);color:var(--b);font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;z-index:1}
.ar-store .bdg.r{background:var(--a);color:var(--ac)}
.ar-store .hrt{position:absolute;right:12px;top:10px;font-size:18px;z-index:1}
.ar-store .stars{color:#F5A524;font-size:12px}.ar-store .stars small{color:var(--m)}
.ar-store .pc b{font-size:15px}.ar-store .pc>span.mu{font-size:12.5px}
.ar-store .pr{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.ar-store .pr em{font-style:normal;font-weight:800;font-size:16px}
.ar-store .pr .add{width:34px;height:34px;border-radius:50%;padding:0;display:grid;place-items:center;font-size:18px}
.ar-store .promo{margin-top:50px;background:var(--f);color:var(--b);border-radius:28px;padding:36px 44px;display:grid;grid-template-columns:1fr 180px auto;gap:30px;align-items:center;overflow:hidden}
.ar-store .promo h5{font-size:36px;margin-top:8px}
.ar-store .promo .mot{height:150px}
.ar-store .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.ar-store .trust div{border:1px solid var(--l);border-radius:18px;padding:18px 20px}
.ar-store .trust b{display:block;font-size:20px;color:var(--a)}
.ar-store .trust span{font-size:13px;color:var(--m)}
.ar-store .ft{border-top:1px solid var(--l);margin-top:40px;align-items:center}
.ar-store .pay{display:flex;gap:8px;flex-wrap:wrap}
.ar-store .pay i{font-style:normal;border:1px solid var(--l);border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:600;color:var(--f)}

/* ---- SPLIT ---- */
.ar-split .sp{display:grid;grid-template-columns:42% 58%}
.ar-split .spl{position:relative;background:linear-gradient(165deg,var(--a),color-mix(in srgb,var(--a2) 80%,var(--b)));overflow:hidden;min-height:100%}
.ar-split .spm{position:absolute;left:8%;right:8%;top:120px;aspect-ratio:1;animation:mfl 7s ease-in-out infinite}
.ar-split .spl .mot .p1{fill:color-mix(in srgb,var(--a) 55%,var(--b))}.ar-split .spl .mot .p4{fill:color-mix(in srgb,var(--a) 60%,#fff)}
.ar-split .spcap{position:absolute;left:30px;top:640px;background:color-mix(in srgb,var(--b) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--f) 14%,transparent);border-radius:16px;padding:14px 18px;display:grid;animation:mfl 6s ease-in-out infinite;color:var(--f)}
.ar-split .spcap.s2{left:auto;right:30px;top:760px;animation-delay:-3s}
.ar-split .spcap i{font-style:normal;font-size:12px;color:var(--m)}.ar-split .spcap b{font-family:var(--df);font-size:28px;font-weight:var(--dw)}
.ar-split .spv{position:absolute;left:30px;bottom:30px;font-family:var(--df);font-size:13px;letter-spacing:.4em;color:color-mix(in srgb,var(--b) 70%,transparent)}
.ar-split .spr{min-width:0}
.ar-split .spr .nv,.ar-split .spr .in{padding-left:44px;padding-right:44px}
.ar-split .sph{padding-top:60px;display:flex;flex-direction:column;gap:18px}
.ar-split h4{font-size:72px;max-width:11ch}
.ar-split h4 em{font-style:italic}
.ar-split .sph p{font-size:17px;max-width:44ch}
.ar-split .filt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--k);border:1px solid var(--l);border-radius:16px;padding:10px;margin-top:10px}
.ar-split .go2{margin-left:auto;background:var(--a);color:var(--ac);padding:10px 16px;border-radius:var(--rad);font-weight:700;font-size:13px}
.ar-split .spg{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.ar-split .lc{display:grid;gap:4px;transition:transform .3s}
.ar-split .lc:hover{transform:translateY(-4px)}
.ar-split .lim{position:relative;height:190px;border-radius:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--a) 40%,var(--b)),color-mix(in srgb,var(--a2) 60%,var(--b)));padding:18px 60px;margin-bottom:8px;overflow:hidden}
.ar-split .lim .mot{filter:hue-rotate(var(--h))}
.ar-split .lim span{position:absolute;left:12px;bottom:12px;background:var(--b);font-size:12px;padding:4px 10px;border-radius:999px}
.ar-split .lc b{font-size:17px}.ar-split .lc em{font-style:normal;color:var(--a);font-weight:700}

/* ---- CINEMA ---- */
.ar-cin .ch{position:relative;height:720px;background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--a) 35%,#000),#000 70%);overflow:hidden;color:#fff;display:flex;flex-direction:column}
.ar-cin .ch .nv{color:#fff}.ar-cin .ch .nl{color:rgba(255,255,255,.7)}.ar-cin .ch .nc{background:#fff;color:#000}
.ar-cin .streak i{position:absolute;width:140%;height:120px;left:-20%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--a) 70%,transparent),transparent);filter:blur(40px);opacity:.55;animation:mstreak 9s ease-in-out infinite alternate}
.ar-cin .streak i:nth-child(1){top:12%;transform:rotate(-12deg)}.ar-cin .streak i:nth-child(2){top:48%;animation-delay:-3s;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--a2) 70%,transparent),transparent);transform:rotate(8deg)}.ar-cin .streak i:nth-child(3){top:72%;animation-delay:-6s;transform:rotate(-4deg)}.ar-cin .streak i:nth-child(4){top:30%;animation-delay:-1s;opacity:.3}
@keyframes mstreak{from{translate:-18% 0}to{translate:18% 0}}
.ar-cin .cbg{position:absolute;right:-60px;bottom:-60px;width:560px;height:560px;opacity:.16;animation:mfl 9s ease-in-out infinite}
.ar-cin .grain{position:absolute;inset:0;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.ar-cin .cc{position:relative;z-index:2;margin:auto 0;text-align:center;display:grid;justify-items:center;gap:22px}
.ar-cin .cc .ey{color:color-mix(in srgb,var(--a) 70%,#fff);letter-spacing:.4em}
.ar-cin h4{font-size:120px;line-height:.92;letter-spacing:-.03em;max-width:12ch}
.ar-cin h4 em{font-style:italic;color:var(--a)}
.ar-cin .cc p{font-size:18px;max-width:48ch;color:rgba(255,255,255,.75)}
.ar-cin .cta{justify-content:center}
.ar-cin .ch .bt.o{color:#fff;border-color:rgba(255,255,255,.35)}
.ar-cin .scr{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.6);display:grid;justify-items:center;gap:8px;z-index:2}
.ar-cin .scr i{width:1px;height:40px;background:linear-gradient(#fff,transparent);animation:mscr 2s ease-in-out infinite;transform-origin:top}
@keyframes mscr{50%{transform:scaleY(.4)}}
.ar-cin .bbar{position:relative;z-index:4;margin-top:-56px;background:var(--b);border:1px solid var(--l);border-radius:24px;padding:14px 14px 14px 28px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:20px;align-items:center;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ar-cin .bbar div{border-right:1px solid var(--l)}
.ar-cin .bbar small{display:block;font-size:11px;color:var(--m);text-transform:uppercase;letter-spacing:.12em}
.ar-cin .bbar b{font-size:16px}
.ar-cin .ctitle{display:flex;justify-content:space-between;align-items:end;margin-top:70px;margin-bottom:22px}
.ar-cin .ctitle h5{font-size:58px;font-style:italic}
.ar-cin .coff{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ar-cin .co{position:relative;height:400px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--a2) 40%,#000),#000);color:#fff}
.ar-cin .coi{position:absolute;inset:20px 20px 120px;filter:hue-rotate(var(--h));transition:transform .6s}
.ar-cin .co:hover .coi{transform:scale(1.08)}
.ar-cin .cot{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:grid}
.ar-cin .cot b{font-family:var(--df);font-size:24px;font-weight:var(--dw)}
.ar-cin .cot span{font-size:12.5px;opacity:.7}.ar-cin .cot em{font-style:normal;color:var(--a);font-weight:700;margin-top:6px}
.ar-cin .cst{text-align:center;margin-top:90px}
.ar-cin .cst p{font-family:var(--df);font-size:46px;line-height:1.15;max-width:22ch;margin:0 auto;font-weight:var(--dw)}
.ar-cin .cst em{color:var(--a);font-style:italic}

/* ---- ORGANIC ---- */
.ar-org .blob{position:absolute;z-index:-1;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:mmorph 12s ease-in-out infinite;opacity:.55}
.ar-org .b1{width:520px;height:520px;background:color-mix(in srgb,var(--a) 35%,var(--b));right:-120px;top:-120px}
.ar-org .b2{width:420px;height:420px;background:color-mix(in srgb,var(--a2) 35%,var(--b));left:-140px;top:520px;animation-delay:-5s}
@keyframes mmorph{0%,100%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0)}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;transform:rotate(30deg)}}
.ar-org .nv{margin:18px 56px 0;background:var(--b);border-radius:999px;padding:12px 14px 12px 18px;box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}
.ar-org .lg i{border-radius:50%}
.ar-org .oh{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:60px}
.ar-org h4{font-size:72px;margin:16px 0 20px}
.ar-org h4 em{font-style:italic;color:var(--f);text-decoration:underline wavy var(--a);text-decoration-thickness:4px;text-underline-offset:14px}
.ar-org .oh p{font-size:18px;max-width:44ch;margin-bottom:26px}
.ar-org .ochips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.ar-org .ochips span{background:var(--b);border-radius:999px;padding:8px 14px;font-size:13px;box-shadow:0 6px 20px -12px rgba(0,0,0,.4)}
.ar-org .ochips b{color:var(--a)}
.ar-org .om{position:relative;height:500px;display:grid;place-items:center}
.ar-org .omb{width:440px;height:440px;background:linear-gradient(135deg,color-mix(in srgb,var(--a) 55%,var(--b)),color-mix(in srgb,var(--a2) 60%,var(--b)));border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:mmorph 10s ease-in-out infinite;padding:60px}
.ar-org .omb .mot{animation:mspin 60s linear infinite reverse}
.ar-org .orb{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--a);left:50%;top:50%;margin:-12px;animation:morbit 8s linear infinite}
.ar-org .orb.o2{background:var(--a2);width:16px;height:16px;margin:-8px;animation-duration:11s;animation-direction:reverse}
.ar-org .orb.o3{background:var(--f);width:10px;height:10px;margin:-5px;animation-duration:6s}
@keyframes morbit{from{transform:rotate(0) translateX(250px)}to{transform:rotate(360deg) translateX(250px)}}
.ar-org .ofe{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.ar-org .ofe div{border-radius:32px;padding:28px;transition:transform .3s}
.ar-org .ofe div:hover{transform:translateY(-6px) rotate(-1deg)}
.ar-org .ofe .t0{background:color-mix(in srgb,var(--a) 16%,var(--b))}.ar-org .ofe .t1{background:color-mix(in srgb,var(--a2) 20%,var(--b))}.ar-org .ofe .t2{background:color-mix(in srgb,var(--f) 7%,var(--b))}
.ar-org .ofe i{display:block;width:64px;height:64px;border-radius:50%;background:var(--b);padding:8px;margin-bottom:14px}
.ar-org .ofe b{display:block;font-family:var(--df);font-size:24px;font-weight:var(--dw);margin-bottom:6px}
.ar-org .wavy{display:block;width:100%;height:60px;margin-top:60px}
.ar-org .wavy path{fill:var(--k);animation:mwavy 6s ease-in-out infinite alternate}
@keyframes mwavy{to{transform:translateX(-40px) scaleX(1.06)}}
.ar-org .obk{background:var(--k);padding-bottom:10px;margin-top:-1px}
.ar-org .obk>.in:first-child{padding-top:30px}
.ar-org .obk h5{font-size:40px;margin-bottom:18px}
.ar-org .orow{display:grid;grid-template-columns:1.2fr 1fr auto;gap:20px;align-items:center;background:var(--b);border-radius:999px;padding:16px 26px;margin-bottom:10px;transition:transform .25s}
.ar-org .orow:hover{transform:translateX(8px)}
.ar-org .orow em{font-style:normal;color:var(--a);font-weight:800}
.ar-org .sts{border:0}

/* ---- SAAS ---- */
.ar-saas .sh2{text-align:center;display:grid;justify-items:center;gap:20px;padding-top:70px}
.ar-saas .badge{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--l);border-radius:999px;padding:5px 14px 5px 5px;font-size:13px;background:var(--k)}
.ar-saas .badge b{background:var(--a);color:var(--ac);border-radius:999px;padding:3px 10px;font-size:12px}
.ar-saas h4{font-size:76px;max-width:14ch}
.ar-saas h4 em{background:linear-gradient(100deg,var(--a),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.ar-saas .sh2 p{font-size:18px;max-width:52ch}
.ar-saas .cta{justify-content:center}
.ar-saas .dbw{margin-top:56px;perspective:1800px;position:relative}
.ar-saas .glow{position:absolute;left:15%;right:15%;top:10%;height:70%;background:radial-gradient(closest-side,color-mix(in srgb,var(--a) 50%,transparent),transparent);filter:blur(40px);z-index:-1;animation:mpu 6s ease-in-out infinite}
.ar-saas .db{position:relative;display:grid;grid-template-columns:200px 1fr;background:var(--b);border:1px solid var(--l);border-radius:22px;overflow:visible;transform:rotateX(10deg);transform-origin:top;box-shadow:0 50px 80px -40px rgba(0,0,0,.5);animation:mtilt 8s ease-in-out infinite}
@keyframes mtilt{50%{transform:rotateX(4deg)}}
.ar-saas .dside{border-right:1px solid var(--l);padding:20px 14px;display:flex;flex-direction:column;gap:6px;background:var(--k);border-radius:22px 0 0 22px}
.ar-saas .dside .lg{margin-bottom:16px}
.ar-saas .dside span{padding:9px 12px;border-radius:10px;font-size:13px;color:var(--m)}
.ar-saas .dside span.on{background:var(--ab);color:var(--a);font-weight:700}
.ar-saas .dmain{padding:20px;display:grid;gap:16px;min-width:0}
.ar-saas .dtop{display:flex;align-items:center;gap:14px}
.ar-saas .srchs{margin-left:auto;background:var(--k);border:1px solid var(--l);border-radius:10px;padding:8px 14px;font-size:12px;color:var(--m);width:220px}
.ar-saas .dav{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--a2))}
.ar-saas .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ar-saas .kpis div{border:1px solid var(--l);border-radius:14px;padding:14px;display:grid;gap:2px}
.ar-saas .kpis span{font-size:11.5px;color:var(--m)}
.ar-saas .kpis b{font-family:var(--df);font-size:26px;font-weight:var(--dw)}
.ar-saas .kpis i{font-style:normal;font-size:11.5px;color:#16A34A;font-weight:700}
.ar-saas .drow{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.ar-saas .chart{border:1px solid var(--l);border-radius:14px;padding:14px;font-size:12px}
.ar-saas .chart svg{width:100%;height:170px;display:block;margin-top:8px}
.ar-saas .area{fill:color-mix(in srgb,var(--a) 18%,transparent)}
.ar-saas .ln{fill:none;stroke:var(--a);stroke-width:3;stroke-dasharray:900;animation:mdash2 5s ease-in-out infinite;animation-delay:-3s}
@keyframes mdash2{0%{stroke-dashoffset:900}50%,100%{stroke-dashoffset:0}}
.ar-saas .dlist{border:1px solid var(--l);border-radius:14px;padding:10px;display:grid;gap:4px;align-content:start}
.ar-saas .dlist div{display:grid;grid-template-columns:10px 1fr auto;gap:2px 10px;align-items:center;padding:8px;border-radius:10px;font-size:12.5px}
.ar-saas .dlist div:hover{background:var(--k)}
.ar-saas .dlist i{width:8px;height:8px;border-radius:50%;background:var(--a);grid-row:span 2}
.ar-saas .dlist i.s1{background:var(--a2)}.ar-saas .dlist i.s2{background:#16A34A}
.ar-saas .dlist span{grid-column:2;font-size:11.5px}
.ar-saas .dlist em{grid-row:1/3;grid-column:3;font-style:normal;font-weight:700;font-size:12px}
.ar-saas .toasts{position:absolute;right:-48px;top:-40px;display:grid;gap:10px;width:280px}
.ar-saas .toasts div{display:flex;gap:10px;align-items:center;background:var(--b);border:1px solid var(--l);border-radius:14px;padding:12px;box-shadow:0 20px 40px -20px rgba(0,0,0,.45);animation:mtoast 9s ease-in-out infinite;animation-delay:calc(var(--d)*-3s)}
@keyframes mtoast{0%,100%{transform:translateX(0);opacity:1}45%{transform:translateX(0);opacity:1}55%{transform:translateX(30px);opacity:.15}65%{transform:translateX(0);opacity:1}}
.ar-saas .toasts i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--a);color:var(--ac);display:grid;place-items:center;font-size:13px;flex:none}
.ar-saas .toasts span{display:grid;font-size:12.5px}.ar-saas .toasts small{color:var(--m)}
.ar-saas .logos{display:flex;gap:40px;align-items:center;justify-content:center;margin-top:70px;flex-wrap:wrap}
.ar-saas .logos b{font-family:var(--df);font-size:20px;color:color-mix(in srgb,var(--f) 45%,var(--b))}
.ar-saas .sfe{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}
.ar-saas .sfe div{border:1px solid var(--l);border-radius:20px;padding:24px;background:linear-gradient(180deg,var(--k),transparent);position:relative;overflow:hidden}
.ar-saas .sfe i{display:block;width:56px;height:56px;margin-bottom:16px}
.ar-saas .sfe b{display:block;font-size:18px;margin-bottom:6px}
.ar-saas .sfe em{position:absolute;right:20px;top:20px;font-style:normal;font-family:var(--df);color:var(--a);font-size:22px}

/* ---- SWISS ---- */
.ar-sw .nv{border-bottom:1px solid var(--f)}
.ar-sw .lg{font-size:22px}
.ar-sw .lg i{display:none}
.ar-sw .nc{background:transparent;color:var(--f);border:1px solid var(--f)}
.ar-sw .swh{padding-top:56px}
.ar-sw h4{font-size:128px;line-height:.9;letter-spacing:-.04em;margin:20px 0 40px;max-width:none}
.ar-sw h4 em{font-style:italic;color:var(--a)}
.ar-sw .swm{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--f)}
.ar-sw .swm div{padding:14px 14px 0 0}
.ar-sw .swm small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--m)}
.ar-sw .swm b{font-weight:600;font-size:15px}
.ar-sw .swimg{margin-top:44px;height:560px;background:color-mix(in srgb,var(--a2) 55%,var(--b));display:grid;place-items:center;position:relative;overflow:hidden;padding:60px}
.ar-sw .swimg .mot{width:440px;height:440px;transition:transform 1s}
.ar-sw .swimg:hover .mot{transform:scale(1.05)}
.ar-sw .swimg span{position:absolute;left:0;bottom:-1px;background:var(--b);padding:10px 16px 0 0;font-size:12.5px;color:var(--m)}
.ar-sw .swp{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;margin-top:60px}
.ar-sw .swp>p{font-family:var(--df);font-size:30px;line-height:1.2}
.ar-sw .swp>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ar-sw .swp small{display:block;color:var(--a);font-size:12px;margin-bottom:8px}
.ar-sw .swp b{display:block;font-size:16px;margin-bottom:6px}
.ar-sw .swp span{font-size:13.5px}
.ar-sw .swl{margin-top:70px}
.ar-sw .swlh,.ar-sw .swl .r{display:grid;grid-template-columns:80px 1.4fr 1fr 180px;gap:20px;padding:16px 0;border-bottom:1px solid var(--l)}
.ar-sw .swlh{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--m);border-bottom-color:var(--f)}
.ar-sw .swl .r{font-size:15px;transition:background .25s,padding .25s}
.ar-sw .swl .r:hover{background:var(--a);color:var(--ac);padding-left:12px}
.ar-sw .swl .r b{font-weight:600}
.ar-sw .swl .r em{font-style:normal;text-align:right}

/* ---- NEON ---- */
.ar-neo .nglow{position:absolute;left:50%;top:-200px;width:1100px;height:800px;transform:translateX(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--a2) 40%,transparent),transparent);z-index:-1;animation:mpu 7s ease-in-out infinite}
.ar-neo .nfloor{position:absolute;left:-20%;right:-20%;top:420px;height:520px;perspective:400px;z-index:-1;overflow:hidden}
.ar-neo .nfloor i{position:absolute;inset:0;transform:rotateX(62deg);transform-origin:top;background-image:linear-gradient(color-mix(in srgb,var(--a) 70%,transparent) 2px,transparent 2px),linear-gradient(90deg,color-mix(in srgb,var(--a) 70%,transparent) 2px,transparent 2px);background-size:70px 70px;animation:mfloor 1.6s linear infinite;mask-image:linear-gradient(transparent,#000 30%,transparent)}
@keyframes mfloor{to{background-position:0 70px}}
.ar-neo .nc{background:transparent;color:var(--a);border:1px solid var(--a);box-shadow:0 0 18px color-mix(in srgb,var(--a) 50%,transparent)}
.ar-neo .nh2{text-align:center;display:grid;justify-items:center;gap:20px;padding-top:70px}
.ar-neo h4{font-size:108px;text-transform:uppercase;line-height:.9;max-width:12ch;text-shadow:0 0 30px color-mix(in srgb,var(--a) 60%,transparent)}
.ar-neo h4 em{color:var(--a2);text-shadow:0 0 30px var(--a2);animation:mflick 4s infinite}
@keyframes mflick{0%,92%,100%{opacity:1}93%{opacity:.4}95%{opacity:1}96%{opacity:.6}}
.ar-neo .nh2 p{font-size:18px;max-width:50ch;color:var(--m)}
.ar-neo .cta{justify-content:center}
.ar-neo .bt{box-shadow:0 0 30px color-mix(in srgb,var(--a) 60%,transparent)}
.ar-neo .nmot{width:340px;height:340px;margin-top:20px;animation:mfl 6s ease-in-out infinite}
.ar-neo .ncards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.ar-neo .ncards div{border:1px solid color-mix(in srgb,var(--a) 50%,transparent);border-radius:16px;padding:22px;background:linear-gradient(160deg,color-mix(in srgb,var(--a) 10%,transparent),transparent);display:grid;gap:6px;transition:box-shadow .3s,transform .3s}
.ar-neo .ncards div:hover{box-shadow:0 0 30px color-mix(in srgb,var(--a) 45%,transparent),inset 0 0 20px color-mix(in srgb,var(--a) 20%,transparent);transform:translateY(-4px)}
.ar-neo .ncards b{font-size:18px}.ar-neo .ncards em{font-style:normal;color:var(--a);font-weight:700;text-shadow:0 0 12px var(--a)}
.ar-neo .ncards .add{justify-self:start;float:none}
.ar-neo .nfe{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.ar-neo .nfe div{border-top:2px solid var(--a2);padding-top:16px}
.ar-neo .nfe b{display:block;font-family:var(--df);font-size:40px;color:var(--a2);text-shadow:0 0 18px var(--a2);font-weight:var(--dw)}
.ar-neo .nfe span{font-weight:700}
.ar-neo .sts b{color:var(--a);text-shadow:0 0 16px color-mix(in srgb,var(--a) 70%,transparent)}
.ar-neo .tl{border-color:color-mix(in srgb,var(--a) 40%,transparent);background:color-mix(in srgb,var(--a) 6%,var(--b))}

/* ================= MOBILE (container queries) ================= */
@container (max-width:640px){
 .mock .in,.ar-split .spr .in,.ar-split .spr .nv{padding-left:20px;padding-right:20px}
 .mock .nv{padding:16px 20px;gap:12px}.mock .nl{display:none}.mock .nc{margin-left:auto;font-size:12px;padding:9px 12px}.mock .lg{font-size:17px}
 .mock .nvc{display:flex}
 .mock .sts{grid-template-columns:1fr 1fr;gap:18px}.mock .sts b{font-size:30px}
 .mock .ft{flex-direction:column}
 .mock .tl{grid-template-columns:1fr;padding:20px}.mock .slots{grid-template-columns:repeat(3,1fr)}.mock .prods,.mock .out{grid-template-columns:1fr}
 .ar-aur .nv{margin:12px 14px 0}.ar-aur .ah{padding:40px 20px 10px}.ar-aur h4{font-size:44px}.ar-aur .ah p{font-size:16px}
 .ar-aur .astage{margin:24px 20px 0;height:330px}.ar-aur .astage .mot{width:260px;height:260px}.ar-aur .chipf{padding:10px 12px}.ar-aur .chipf b{font-size:18px}.ar-aur .chipf.c0{left:12px;top:14px}.ar-aur .chipf.c1{right:12px;top:auto;bottom:80px}.ar-aur .chipf.c2{left:20px;bottom:14px}
 .ar-aur .agrid{grid-template-columns:1fr 1fr}
 .ar-noir .top span:last-child{display:none}.ar-noir .nh{grid-template-columns:1fr;padding-top:36px;gap:30px}.ar-noir .vlab{display:none}.ar-noir h4{font-size:54px}.ar-noir .frame{height:340px}
 .ar-noir .mqb span{font-size:28px}.ar-noir .nfe3{grid-template-columns:1fr;gap:20px}.ar-noir .nl2 h5{font-size:34px}
 .ar-noir .row{grid-template-columns:40px 1fr;gap:6px 12px}.ar-noir .row span,.ar-noir .row em{grid-column:2;text-align:left}.ar-noir .row u{display:none}.ar-noir .row b{font-size:22px}
 .ar-bento .bg{grid-template-columns:1fr;grid-auto-rows:auto}.ar-bento .c{grid-column:auto!important;grid-row:auto!important;min-height:150px}.ar-bento .c1 h4{font-size:40px}.ar-bento .c2 .mot{height:200px}.ar-bento .c4{min-height:180px}.ar-bento .bfe{grid-template-columns:1fr}
 .ar-brut h4{font-size:62px}.ar-brut .stk{width:96px;height:96px;right:14px;top:16px}.ar-brut .brow{grid-template-columns:1fr}.ar-brut .bm{height:260px}.ar-brut .bband span{font-size:24px}.ar-brut .bcards{grid-template-columns:1fr 1fr;gap:14px}.ar-brut .bc{min-height:170px;padding:14px}.ar-brut .bc b{font-size:15px}
 .ar-ind .ih{grid-template-columns:1fr}.ar-ind h4{font-size:66px}.ar-ind .ibox{height:320px;padding:46px 20px 20px}.ar-ind .inum{grid-template-columns:1fr 1fr;gap:20px}.ar-ind .inum b{font-size:44px}.ar-ind .ipj h5{font-size:36px}.ar-ind .ipj>div{grid-template-columns:1fr}
 .ar-store .srch{display:none}.ar-store .cats{overflow:hidden;gap:16px;font-size:13px;white-space:nowrap}.ar-store .sh{grid-template-columns:1fr}.ar-store .sl{padding:28px}.ar-store h4{font-size:38px}.ar-store .sale{width:64px;height:64px;font-size:15px;right:14px;top:14px}.ar-store .sr{height:300px}.ar-store .sr .mot{width:240px;height:240px}
 .ar-store .circ{grid-template-columns:repeat(3,1fr)}.ar-store .pgrid{grid-template-columns:1fr 1fr;gap:12px}.ar-store .pim{padding:20px}.ar-store .promo{grid-template-columns:1fr;padding:26px}.ar-store .promo h5{font-size:26px}.ar-store .promo .mot{height:120px}.ar-store .trust{grid-template-columns:1fr}
 .ar-split .sp{grid-template-columns:1fr}.ar-split .spl{height:420px;min-height:0}.ar-split .spm{top:30px;left:18%;right:18%}.ar-split .spcap{top:auto;bottom:70px;left:16px}.ar-split .spcap.s2{top:auto;bottom:16px;right:16px}.ar-split .spcap b{font-size:20px}
 .ar-split h4{font-size:44px}.ar-split .sph{padding-top:30px}.ar-split .spg{grid-template-columns:1fr}.ar-split .go2{margin-left:0}
 .ar-cin .ch{height:640px}.ar-cin h4{font-size:52px}.ar-cin .cc p{font-size:15px}.ar-cin .cbg{width:340px;height:340px}.ar-cin .scr{display:none}
 .ar-cin .bbar{grid-template-columns:1fr 1fr;padding:16px;margin-top:-30px}.ar-cin .bbar div{border:0}.ar-cin .bbar .bt{grid-column:1/-1;justify-content:center}
 .ar-cin .ctitle{flex-direction:column;align-items:start;gap:6px}.ar-cin .ctitle h5{font-size:38px}.ar-cin .coff{grid-template-columns:1fr 1fr;gap:10px}.ar-cin .co{height:280px}.ar-cin .cot{padding:12px}.ar-cin .cot b{font-size:17px}.ar-cin .cst p{font-size:28px}
 .ar-org .nv{margin:12px 14px 0}.ar-org .oh{grid-template-columns:1fr;padding-top:34px}.ar-org h4{font-size:44px}.ar-org .om{height:320px}.ar-org .omb{width:280px;height:280px;padding:40px}
 .ar-org .ofe{grid-template-columns:1fr}.ar-org .orow{grid-template-columns:1fr auto;border-radius:22px}.ar-org .orow span{display:none}.ar-org .obk h5{font-size:30px}
 @keyframes morbit{from{transform:rotate(0) translateX(160px)}to{transform:rotate(360deg) translateX(160px)}}
 .ar-saas .sh2{padding-top:40px}.ar-saas h4{font-size:44px}.ar-saas .db{grid-template-columns:1fr}.ar-saas .dside,.ar-saas .srchs,.ar-saas .toasts{display:none}.ar-saas .kpis{grid-template-columns:1fr 1fr}.ar-saas .drow{grid-template-columns:1fr}.ar-saas .sfe{grid-template-columns:1fr}.ar-saas .logos{gap:16px}.ar-saas .logos b{font-size:15px}
 .ar-sw h4{font-size:54px}.ar-sw .swm{grid-template-columns:1fr 1fr}.ar-sw .swimg{height:320px;padding:30px}.ar-sw .swimg .mot{width:240px;height:240px}.ar-sw .swp{grid-template-columns:1fr;gap:30px}.ar-sw .swp>p{font-size:22px}.ar-sw .swp>div{grid-template-columns:1fr}
 .ar-sw .swlh{display:none}.ar-sw .swl .r{grid-template-columns:44px 1fr;gap:4px 12px}.ar-sw .swl .r span:nth-of-type(2),.ar-sw .swl .r em{grid-column:2;text-align:left}
 .ar-neo h4{font-size:52px}.ar-neo .nmot{width:220px;height:220px}.ar-neo .ncards{grid-template-columns:1fr 1fr}.ar-neo .nfe{grid-template-columns:1fr}
}