:root{--ink:#0d0d0d;--paper:#f4f1eb;--paper-2:#e9e5dd;--red:#f34b3f;--muted:#706e69;--line:rgba(13,13,13,.16);--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}button{font:inherit}.site-header{height:88px;position:absolute;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(24px,5vw,80px);color:white;border-bottom:1px solid rgba(255,255,255,.16)}.site-header.scrolled{position:fixed;height:72px;background:rgba(12,12,12,.92);backdrop-filter:blur(16px);animation:drop .35s ease}@keyframes drop{from{transform:translateY(-100%)}to{transform:none}}.brand img,footer img{width:118px;display:block;filter:brightness(0) invert(1)}.nav{display:flex;gap:34px;font-size:14px}.nav a{opacity:.76;transition:.2s}.nav a:hover{opacity:1}.header-cta{justify-self:end}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--red);color:white;padding:17px 22px;font-weight:700;font-size:14px;border:1px solid var(--red);transition:.25s}.button:hover{background:#ff6257;transform:translateY(-2px)}.button span{font-size:17px}.button-small{padding:12px 17px;gap:18px}.menu-button{display:none;background:none;border:0;width:42px;height:42px;padding:10px}.menu-button span{display:block;height:1px;background:#fff;margin:7px 0}.hero{min-height:800px;height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;color:#fff;background:#0b0b0b;padding:120px clamp(24px,7.5vw,120px) 90px;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.98) 0%,rgba(8,8,8,.83) 38%,rgba(8,8,8,.08) 76%),linear-gradient(0deg,rgba(8,8,8,.5),transparent 35%);pointer-events:none}.hero-art{position:absolute;inset:0;background:url('assets/arx-ecosystem.png') center right/cover no-repeat;opacity:.9;transform:scale(1.02);animation:heroZoom 14s ease-out both}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1.02)}}.hero-content{position:relative;z-index:2;width:min(730px,65%)}.eyebrow,.section-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;display:flex;align-items:center;gap:12px}.eyebrow{color:rgba(255,255,255,.72);margin-bottom:30px}.eyebrow span{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px rgba(243,75,63,.15)}h1,h2{font-family:var(--display);letter-spacing:-.055em;line-height:.94}h1{font-size:clamp(64px,8.2vw,126px);margin-bottom:30px;font-weight:700}h1 em,h2 em,.about-quote em{color:var(--red);font-style:normal}.hero-copy{max-width:590px;color:rgba(255,255,255,.7);font-size:clamp(17px,1.5vw,21px);line-height:1.55}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:38px}.text-link,.arrow-link{font-weight:700;font-size:14px;display:inline-flex;gap:12px;border-bottom:1px solid;padding:8px 0}.hero-proof{position:absolute;z-index:2;right:clamp(24px,6vw,90px);bottom:72px;display:flex;border-top:1px solid rgba(255,255,255,.22);padding-top:20px}.hero-proof div{display:flex;align-items:flex-start;gap:10px;padding:0 25px;border-right:1px solid rgba(255,255,255,.18)}.hero-proof div:last-child{border:0;padding-right:0}.hero-proof strong{font-family:var(--display);font-size:24px}.hero-proof span{font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55)}.scroll-cue{position:absolute;z-index:2;left:30px;bottom:70px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.22em;color:rgba(255,255,255,.48);display:flex;align-items:center;gap:12px}.scroll-cue span{width:1px;height:30px;background:var(--red)}.section{padding:120px clamp(24px,7.5vw,120px)}.section-kicker{margin-bottom:48px;color:#777}.section-kicker span{color:var(--red)}.intro-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:9vw;align-items:end}.intro h2,.method h2,.contact h2{font-size:clamp(42px,5.4vw,80px);margin-bottom:0}.intro-copy{border-left:1px solid var(--line);padding-left:34px}.intro-copy p,.method-copy>p,.contact-main>p{font-size:18px;line-height:1.65;color:#555}.arrow-link{margin-top:12px}.benefit-strip{margin-top:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.benefit-strip>div{padding:34px 3vw;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:18px}.benefit-strip>div:first-child{padding-left:0}.benefit-strip>div:last-child{border:0}.benefit-icon{grid-row:1/3;font-size:25px;color:var(--red)}.benefit-strip strong{font-family:var(--display);font-size:15px}.benefit-strip small{color:#777;margin-top:6px}.solutions{background:#111;color:#fff}.section-heading{display:grid;grid-template-columns:1fr 1.7fr .7fr;align-items:end;margin-bottom:65px}.section-kicker.light{color:#888}.section-heading .section-kicker{align-self:start}.section-heading h2{font-size:clamp(43px,5.4vw,78px);margin:0}.section-heading p{color:#888;line-height:1.5}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.solution-card{position:relative;min-height:460px;padding:30px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);overflow:hidden;transition:.35s}.solution-card:before{content:attr(data-number);position:absolute;right:20px;bottom:-28px;color:rgba(255,255,255,.025);font:800 150px var(--display)}.solution-card:hover{background:#191919}.solution-card.featured{background:var(--red)}.solution-card.featured:hover{background:#ff584c}.card-top{display:flex;justify-content:space-between;align-items:center}.tag{text-transform:uppercase;letter-spacing:.13em;font-size:10px;border:1px solid rgba(255,255,255,.26);padding:7px 9px}.card-arrow{width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;transition:.25s}.solution-card:hover .card-arrow{background:#fff;color:#111;transform:rotate(45deg)}.product-mark{font:800 clamp(43px,4.4vw,68px) var(--display);letter-spacing:-.08em;margin:72px 0 24px}.product-mark span{color:var(--red)}.featured .product-mark span{color:#111}.product-mark.wordmark{font-size:clamp(35px,3.4vw,54px)}.migration-icon{font-size:70px;color:var(--red);margin:65px 0 22px}.solution-card h3{font:700 22px/1.25 var(--display);max-width:330px}.solution-card p{color:#9a9a9a;line-height:1.55;max-width:380px}.featured p{color:rgba(0,0,0,.7)}.solution-card ul{padding:0;list-style:none;font-size:12px;display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.solution-card li{padding:7px 9px;background:rgba(0,0,0,.13)}.method{display:grid;grid-template-columns:1fr 1fr;gap:12vw;background:#dedad2}.method-copy>p{max-width:510px;margin:35px 0}.button.dark{background:#111;border-color:#111}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:55px 1fr;padding:27px 0;border-bottom:1px solid var(--line);opacity:.48;transition:.25s}.step:hover,.step.active{opacity:1}.step>span{color:var(--red);font-size:11px;font-weight:700}.step h3{font:700 21px var(--display);margin-bottom:7px}.step p{color:#595959;margin:0;line-height:1.5}.about{background:var(--red);color:#111;display:grid;grid-template-columns:1.5fr .65fr;gap:10vw;align-items:end}.about-quote{font:700 clamp(43px,5.7vw,86px)/1.06 var(--display);letter-spacing:-.055em}.about-quote em{color:#fff}.about .section-kicker.light{color:rgba(0,0,0,.55);margin-bottom:28px}.about .section-kicker span{color:#fff}.about-copy p{font-size:18px;line-height:1.65}.location{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-top:1px solid rgba(0,0,0,.22);padding-top:22px}.location span{font-size:18px;margin-right:8px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-main>p{max-width:580px;margin-top:30px}.contact-actions{border-top:1px solid var(--line)}.contact-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:20px;padding:29px 8px;border-bottom:1px solid var(--line);transition:.25s}.contact-card:hover{padding-left:18px;background:var(--paper-2)}.contact-card span{text-transform:uppercase;font-size:10px;letter-spacing:.15em;color:#777}.contact-card strong{font:600 18px/1.35 var(--display)}.contact-card b{font-size:20px}.contact-card.primary strong,.contact-card.primary b{color:var(--red)}footer{background:#0d0d0d;color:#fff;padding:65px clamp(24px,7.5vw,120px) 30px}footer img{width:145px}footer>p{font:600 clamp(26px,3vw,44px) var(--display);margin:50px 0 70px;color:#666}footer>div{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid #292929;font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.nav,.header-cta{display:none}.menu-button{display:block}.nav.open{display:flex;position:absolute;top:88px;left:0;width:100%;background:#111;flex-direction:column;padding:28px}.hero{min-height:760px;padding-top:130px;justify-content:flex-start}.hero-content{width:100%}.hero-art{opacity:.46;background-position:64% center}.hero:after{background:linear-gradient(90deg,rgba(8,8,8,.94),rgba(8,8,8,.32)),linear-gradient(0deg,#080808 4%,transparent 48%)}.hero-proof{left:24px;right:24px;bottom:55px;justify-content:space-between}.hero-proof div{padding:0 12px}.scroll-cue{display:none}.section{padding:85px 24px}.intro-grid,.method,.about,.contact{grid-template-columns:1fr;gap:55px}.benefit-strip{grid-template-columns:1fr}.benefit-strip>div{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.benefit-strip>div:last-child{border:0}.section-heading{grid-template-columns:1fr}.section-heading .section-kicker{margin-bottom:35px}.section-heading p{margin-top:25px}.solution-grid{grid-template-columns:1fr 1fr}.solution-card{min-height:430px}.about{gap:55px}.contact{gap:45px}}
@media(max-width:580px){.site-header{height:74px;padding:0 20px}.brand img{width:100px}.hero{min-height:790px;padding:115px 20px 50px}.hero h1{font-size:57px}.hero-copy{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-proof{left:20px;right:20px}.hero-proof div{display:block;padding:0 10px}.hero-proof div:first-child{padding-left:0}.hero-proof strong{font-size:18px;display:block;margin-bottom:6px}.hero-proof span{font-size:8px}.intro-copy{padding-left:20px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:400px}.product-mark{margin-top:60px}.contact-card{grid-template-columns:75px 1fr auto;gap:10px}.contact-card strong{font-size:15px}.about-quote{font-size:42px}footer>div{gap:30px}footer>div a{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Enhanced motion, depth and responsive polish */
.scroll-progress{position:fixed;z-index:100;left:0;top:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--red),#ffb259);box-shadow:0 0 14px var(--red);pointer-events:none}
.cursor-glow{position:fixed;z-index:30;width:360px;height:360px;left:0;top:0;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(243,75,63,.13),transparent 65%);transition:opacity .3s;mix-blend-mode:screen}
.site-header{z-index:40}
.hero-art{inset:-3%;will-change:transform}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.11) 48%,transparent 60%);transform:translateX(-100%);animation:heroSheen 7s 1.2s ease-in-out infinite}
@keyframes heroSheen{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
h1{ text-wrap:balance }
h1 em{display:inline-block;filter:drop-shadow(0 0 24px rgba(243,75,63,.22));animation:pulseWord 4s ease-in-out infinite}
@keyframes pulseWord{50%{filter:drop-shadow(0 0 38px rgba(243,75,63,.48))}}
.ticker{width:calc(100% + 15vw);margin:90px -7.5vw -120px;overflow:hidden;background:var(--red);transform:rotate(-1.2deg);border-top:1px solid #111;border-bottom:1px solid #111}
.ticker-track{display:flex;align-items:center;gap:30px;width:max-content;padding:16px 0;font:800 13px var(--display);letter-spacing:.14em;animation:tickerMove 28s linear infinite}
.ticker-track i{font-style:normal;color:#fff}
@keyframes tickerMove{to{transform:translateX(-50%)}}
.solution-card{--mx:50%;--my:50%;transform-style:preserve-3d;transition:transform .22s ease-out,background .35s ease,box-shadow .35s ease}
.solution-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.18),transparent 42%);transition:opacity .3s}
.solution-card:hover:after{opacity:1}
.solution-card>*{position:relative;z-index:2;transform:translateZ(14px)}
.solution-card:hover{box-shadow:0 35px 90px rgba(0,0,0,.35);z-index:3}
.method{position:relative;overflow:hidden}
.method:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(243,75,63,.22);border-radius:50%;left:-280px;bottom:-280px;box-shadow:0 0 0 70px rgba(243,75,63,.03),0 0 0 140px rgba(243,75,63,.025);animation:orbit 12s linear infinite}
@keyframes orbit{to{transform:rotate(360deg)}}
.method>*{position:relative;z-index:1}
.step:hover{transform:translateX(10px)}
.about{position:relative;overflow:hidden}
.about:after{content:"ARX";position:absolute;right:-2vw;top:-7vw;color:rgba(255,255,255,.07);font:800 28vw/1 var(--display);letter-spacing:-.12em;pointer-events:none}
.about>*{position:relative;z-index:1}
.reveal{transform:translateY(35px) scale(.985);filter:blur(5px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease}
.reveal.visible{filter:none}
.solution-grid .reveal:nth-child(2),.solution-grid .reveal:nth-child(5){transition-delay:.08s}
.solution-grid .reveal:nth-child(3),.solution-grid .reveal:nth-child(6){transition-delay:.16s}

@media(max-width:900px){
  .cursor-glow{display:none}
  .ticker{width:calc(100% + 48px);margin:70px -24px -85px}
  .solution-card{transform:none!important}
  .solution-card>*{transform:none}
  .solution-grid .reveal{transition-delay:0s}
}
@media(max-width:580px){
  .solution-card{min-height:380px;padding:25px}
  .solution-card:after{display:none}
  .ticker-track{gap:22px;font-size:11px;padding:13px 0}
  .hero-art{inset:0}
}
@media(prefers-reduced-motion:reduce){
  .hero-art,.hero-art:after,h1 em,.ticker-track,.method:before{animation:none}
  .reveal{opacity:1;transform:none;filter:none;transition:none}
  .solution-card{transform:none!important}
}

/* POS I4E — new product spotlight */
.pos-card{grid-column:span 2;display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;min-height:510px;background:linear-gradient(135deg,#052e22 0%,#074331 100%);isolation:isolate}
.pos-card:before{color:rgba(69,241,155,.045)}
.pos-card:after{background:radial-gradient(520px circle at var(--mx) var(--my),rgba(62,235,143,.2),transparent 45%)}
.pos-card:hover{background:linear-gradient(135deg,#063829 0%,#09503a 100%)}
.pos-card .product-mark{margin:68px 0 18px;color:#fff}
.pos-card .product-mark span{color:#42e88d}
.pos-card h3{font-size:clamp(27px,2.3vw,38px);max-width:440px;margin-bottom:14px}
.pos-card p{max-width:460px;color:rgba(255,255,255,.65)}
.pos-card ul{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}
.pos-card li{font-size:10px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(66,232,141,.26);color:#9ff5c3;padding:8px 10px}
.pos-interface{display:grid;place-items:center;position:relative;min-width:0}
.pos-window{width:min(100%,530px);padding:18px;background:rgba(240,255,247,.96);color:#092c21;border:1px solid rgba(255,255,255,.4);box-shadow:0 35px 80px rgba(0,0,0,.45);transform:perspective(900px) rotateY(-7deg) rotateX(3deg);border-radius:3px}
.pos-bar{height:31px;border-bottom:1px solid #dce8e1;display:flex;align-items:flex-start;gap:6px;font-size:9px;color:#7d9187}.pos-bar i{width:6px;height:6px;border-radius:50%;background:#c9d8d0}.pos-bar i:first-child{background:#42e88d}.pos-bar span{margin-left:auto}
.pos-total{padding:26px 8px 20px;display:grid;grid-template-columns:1fr auto;align-items:end}.pos-total small{grid-column:1/3;font-size:9px;letter-spacing:.12em;color:#6a8176}.pos-total strong{font:800 clamp(25px,3vw,42px) var(--display);letter-spacing:-.05em}.pos-total em{font-style:normal;font-size:10px;background:#d9fae8;color:#0b9c50;padding:6px}
.pos-chart{height:115px;display:flex;align-items:flex-end;gap:7px;padding:10px 8px 0;border-bottom:1px solid #dce8e1;background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,rgba(9,44,33,.06) 29px)}.pos-chart span{flex:1;background:linear-gradient(#42e88d,#0a9c55);height:42%;animation:bars 3s ease-in-out infinite alternate}.pos-chart span:nth-child(2){height:58%;animation-delay:.2s}.pos-chart span:nth-child(3){height:48%;animation-delay:.4s}.pos-chart span:nth-child(4){height:77%;animation-delay:.6s}.pos-chart span:nth-child(5){height:65%;animation-delay:.8s}.pos-chart span:nth-child(6){height:88%;animation-delay:1s}.pos-chart span:nth-child(7){height:100%;animation-delay:1.2s}@keyframes bars{to{filter:brightness(1.2);transform:scaleY(.9);transform-origin:bottom}}
.pos-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:13px}.pos-stats div{background:#e7f5ed;padding:11px}.pos-stats small{display:block;color:#6a8176;font-size:8px;text-transform:uppercase}.pos-stats b{font:700 18px var(--display)}
.float-chip{position:absolute;background:#fff;color:#092c21;padding:12px 16px;box-shadow:0 16px 35px rgba(0,0,0,.25);display:flex;align-items:center;gap:9px;animation:floatChip 3.5s ease-in-out infinite}.float-chip b{color:#0eb967;font:800 18px var(--display)}.float-chip span{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.chip-one{right:-5px;top:65px}.chip-two{left:0;bottom:55px;animation-delay:-1.5s}@keyframes floatChip{50%{transform:translateY(-8px)}}
@media(max-width:900px){.pos-card{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:22px}.pos-window{transform:none}.float-chip{display:none}}
@media(max-width:650px){.pos-card{grid-template-columns:1fr;padding-bottom:34px}.pos-interface{min-height:280px}.pos-card .product-mark{margin-top:48px}.pos-window{width:100%}}
@media(max-width:580px){.pos-card{min-height:auto}.pos-interface{min-height:245px}.pos-chart{height:85px}.pos-total{padding-top:18px}.pos-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.pos-chart span,.float-chip{animation:none}}

/* Hero ecosystem — animated data flowing through the roads */
.hero:after{z-index:1}
.hero-art{z-index:0}
.hero-network{position:absolute;z-index:2;inset:-3%;pointer-events:none;mix-blend-mode:screen;opacity:.92;transform:scale(1.02);animation:heroZoom 14s ease-out both;will-change:transform}
.hero-network svg{display:block;width:100%;height:100%;overflow:visible}
.hero-content,.hero-proof,.scroll-cue{z-index:3}
.route-bed{stroke:rgba(255,91,74,.32);stroke-width:7;filter:url(#route-glow)}
.route-bed-soft{stroke-width:4;opacity:.55}
.route-stream{stroke:#ffd4a1;stroke-width:3;stroke-linecap:round;filter:url(#route-glow);stroke-dasharray:1.1 12;animation:routeFlow 4.8s linear infinite}
.route-stream-two{stroke:#ff6b58;stroke-width:2.4;animation-duration:5.8s;animation-direction:reverse}
.route-stream-three{stroke:#fff0d5;stroke-width:2;animation-duration:4.1s;animation-delay:-2.3s}
.network-node{fill:#fff3d8;transform-box:fill-box;transform-origin:center;animation:nodePulse 2.8s ease-in-out infinite}
.node-two{animation-delay:-1.4s}.node-three{animation-delay:-.7s}.node-four{animation-delay:-2.1s}
@keyframes routeFlow{to{stroke-dashoffset:-100}}
@keyframes nodePulse{0%,100%{opacity:.25;transform:scale(.7)}45%{opacity:1;transform:scale(1.8)}}

@media(max-width:900px){.hero-network{inset:0;opacity:.62}.route-stream{stroke-width:2.2}.route-bed{stroke-width:5}}
@media(max-width:580px){.hero-network{opacity:.48}}
@media(prefers-reduced-motion:reduce){.hero-network{opacity:.4;animation:none}.route-stream,.network-node{animation:none}}

/* Active product lineup */
.solution-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-grid.compact-grid .pos-card{grid-column:1/-1}.solution-grid.compact-grid>.solution-card:not(.pos-card){min-height:390px}.solution-grid.compact-grid>.solution-card:not(.pos-card) .product-mark{margin-top:62px}
@media(max-width:580px){.solution-grid.compact-grid{grid-template-columns:1fr}.solution-grid.compact-grid .pos-card{grid-column:auto}.solution-grid.compact-grid>.solution-card:not(.pos-card){min-height:360px}}

/* Nofali — smart scheduling spotlight */
.nofali-card{grid-column:1/-1;display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;min-height:500px;background:linear-gradient(135deg,#f7f6ff 0%,#e8e5ff 100%);color:#09162f;isolation:isolate}
.nofali-card:before{color:rgba(100,84,255,.06)}
.nofali-card:after{background:radial-gradient(540px circle at var(--mx) var(--my),rgba(101,84,255,.16),transparent 46%)}
.nofali-card:hover{background:linear-gradient(135deg,#fff 0%,#eeecff 100%)}
.nofali-card .tag{border-color:rgba(9,22,47,.18);color:#5144d8}
.nofali-card .card-arrow{border-color:rgba(9,22,47,.18);color:#6554ff}
.nofali-card:hover .card-arrow{background:#6554ff;color:#fff}
.nofali-logo{display:block;width:min(100%,285px);height:auto;margin:58px 0 24px}
.nofali-card h3{font-size:clamp(29px,2.5vw,42px);max-width:470px;margin-bottom:14px}
.nofali-card p{max-width:500px;color:#536078}
.nofali-card ul{gap:8px;margin-top:24px}
.nofali-card li{background:rgba(101,84,255,.09);border:1px solid rgba(101,84,255,.12);color:#5144d8;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.nofali-interface{display:grid;place-items:center;position:relative;min-width:0}
.nofali-window{display:grid;grid-template-columns:145px 1fr;width:min(100%,610px);min-height:330px;background:#fff;border:1px solid rgba(9,22,47,.1);border-radius:17px;box-shadow:0 35px 75px rgba(42,32,120,.18);overflow:hidden;transform:perspective(1000px) rotateY(-6deg) rotateX(2deg)}
.nofali-window aside{display:flex;flex-direction:column;gap:9px;padding:24px 17px;background:#19213b;color:#fff}
.nofali-window aside b{font:700 12px var(--display);margin-bottom:0}
.nofali-window aside small{font-size:7px;line-height:1.4;color:rgba(255,255,255,.5);margin-bottom:18px}
.nofali-window aside span{padding:8px 9px;border-radius:6px;font-size:8px;color:rgba(255,255,255,.6)}
.nofali-window aside span.active{background:rgba(101,84,255,.28);color:#fff}
.nofali-calendar{padding:29px 25px;display:flex;flex-direction:column}
.nofali-calendar-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #ececf3}
.nofali-calendar-head strong{font:700 12px var(--display)}
.nofali-calendar-head small{font-size:8px;color:#7c8393}
.nofali-days{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:20px 0}
.nofali-days span{display:grid;place-items:center;gap:5px;padding:10px 4px;border:1px solid #ececf3;border-radius:7px;font:700 11px var(--display)}
.nofali-days small{font:600 6px var(--body);color:#9297a5}
.nofali-days span.selected{border-color:#6554ff;background:#f0eeff;color:#6554ff;box-shadow:0 6px 16px rgba(101,84,255,.13)}
.nofali-times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.nofali-times span{padding:9px 4px;text-align:center;border:1px solid #ececf3;border-radius:6px;font-size:8px;color:#5e6677}
.nofali-times span:nth-child(2){border-color:#6554ff;color:#5144d8;background:#f6f5ff}
.nofali-confirm{margin-top:auto;padding:11px 15px;background:#6554ff;color:#fff;border-radius:6px;text-align:center;font-size:9px;font-weight:700}
.nofali-confirm b{float:right}
.nofali-chip{position:absolute;right:-2px;bottom:53px;display:flex;align-items:center;gap:9px;padding:12px 15px;background:#fff;color:#26324b;box-shadow:0 15px 35px rgba(42,32,120,.2);border-radius:9px;animation:floatChip 3.5s ease-in-out infinite}
.nofali-chip b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e3fff1;color:#18a765;font-size:11px}
.nofali-chip span{font-size:8px;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:900px){.nofali-card{grid-template-columns:1fr 1fr;gap:24px}.nofali-window{grid-template-columns:105px 1fr;transform:none}.nofali-window aside{padding:22px 12px}.nofali-calendar{padding:24px 16px}.nofali-chip{display:none}}
@media(max-width:650px){.nofali-card{grid-template-columns:1fr;padding-bottom:34px}.nofali-logo{margin-top:46px;width:250px}.nofali-interface{min-height:300px}.nofali-window{width:100%}}
@media(max-width:580px){.nofali-card{min-height:auto!important}.nofali-window{grid-template-columns:86px 1fr;min-height:270px}.nofali-window aside{padding:18px 9px}.nofali-window aside span{padding:6px 5px;font-size:6px}.nofali-calendar{padding:20px 10px}.nofali-days{gap:4px;margin:15px 0}.nofali-days span{padding:8px 2px}.nofali-times{gap:4px}.nofali-card h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.nofali-chip{animation:none}}