:root{--bg:#03060b;--panel:#07101c;--panel2:#091522;--line:#173053;--line-soft:rgba(83,121,180,.24);--text:#f5f7fb;--muted:#9aa8bb;--blue:#2975ff;--cyan:#10d9e6;--violet:#8e5cff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}

.topbar{position:fixed;inset:0 0 auto;height:82px;display:flex;align-items:center;padding:0 4vw;gap:30px;z-index:30;background:linear-gradient(180deg,rgba(2,5,10,.97),rgba(2,5,10,.74),rgba(2,5,10,.12));backdrop-filter:blur(16px);border-bottom:1px solid rgba(88,121,170,.08)}
.brand{display:flex;align-items:center;white-space:nowrap}
.brand img{object-fit:contain;object-position:left center;filter:drop-shadow(0 0 18px rgba(63,106,255,.18))}.topbar .brand img{width:230px;height:64px}
.topbar nav{display:flex;gap:30px;margin-inline-start:auto;font-size:13px;color:#c8d0dd}
.topbar nav a{position:relative;padding:8px 0;transition:.25s}
.topbar nav a:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));transform:scaleX(0);transform-origin:center;transition:.25s}
.topbar nav a:hover{color:white}.topbar nav a:hover:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:12px}
.lang-switch{background:rgba(7,16,28,.55);color:#e7eef9;border:1px solid #30415d;border-radius:9px;padding:9px 12px;cursor:pointer}
.access,.btn{border:1px solid #44629a;border-radius:9px;padding:12px 18px;font-size:13px;transition:.25s}
.access{box-shadow:0 0 18px rgba(60,84,255,.14);background:rgba(6,14,26,.34)}
.access:hover,.btn.secondary:hover{border-color:#7298d3;background:rgba(18,37,65,.45)}
.menu{display:none;background:none;border:0;color:white;font-size:23px}

.hero{position:relative;min-height:760px;border-bottom:1px solid var(--line);overflow:hidden;display:flex;align-items:center;padding:126px 4vw 76px}
.hero-art{position:absolute;inset:0}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(.95) contrast(1.05) brightness(.92);transform:scale(1.015)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,4,9,.97) 0%,rgba(1,4,9,.82) 29%,rgba(1,4,9,.38) 52%,rgba(1,4,9,.07) 78%,rgba(1,4,9,.13) 100%),linear-gradient(0deg,rgba(1,4,9,.58),transparent 48%)}
.hero-glow{position:absolute;width:720px;height:720px;left:10vw;top:40%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(31,95,255,.16),rgba(55,35,140,.07) 36%,transparent 68%);filter:blur(12px)}
.hero-copy{position:relative;z-index:3;width:min(650px,49vw);margin-inline-start:7.5vw}
.hero-logo{margin-bottom:6px}
.hero-logo img{width:min(500px,100%);height:auto;display:block;filter:drop-shadow(0 0 22px rgba(46,102,255,.26))}
.kicker,.label{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#91b1e5}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,4vw,66px);line-height:1.03;font-weight:400;max-width:710px;margin:20px 0 18px;text-wrap:balance}
.hero-text{max-width:620px;font-size:16px;line-height:1.72;color:#c5cedb;margin:0}
.hero-actions{display:flex;gap:12px;margin-top:30px}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px}
.btn.primary{background:linear-gradient(135deg,#1058e9,#254dff 58%,#4e42ff);border-color:#7589ff;box-shadow:0 0 28px rgba(32,91,255,.28)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(32,91,255,.32)}
.btn.secondary{background:rgba(3,8,16,.55)}
.hero-principles{display:flex;align-items:center;gap:12px;margin-top:23px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8da0b9;flex-wrap:wrap}
.hero-principles i{width:20px;height:1px;background:linear-gradient(90deg,#2d5dac,#7b5cff);opacity:.8}
.side-note{position:absolute;right:3vw;top:26%;z-index:3;width:130px;padding-left:20px;border-left:1px solid #3e5d87;font-size:10px;line-height:2;letter-spacing:.18em;text-transform:uppercase;color:#b7c3d2}

.platforms{padding:64px 4vw 70px;display:grid;grid-template-columns:minmax(210px,250px) 1fr;gap:30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(4,10,18,.62),rgba(3,6,11,1))}
.platform-intro{padding:8px 0}
.platform-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:36px;line-height:1.08;font-weight:400;margin:14px 0 0;text-wrap:balance}
.cards-viewport{position:relative;min-width:0;overflow:hidden;padding:8px 0 14px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.cards{display:flex;gap:16px;width:max-content;animation:cards-drift 46s linear infinite;will-change:transform}
.cards-viewport:hover .cards,.cards-viewport:focus-within .cards,.cards.is-paused,.cards.is-held{animation-play-state:paused}
.cards>.card{flex:0 0 clamp(300px,29vw,440px)}
@keyframes cards-drift{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
@keyframes cards-drift-rtl{from{transform:translateX(0)}to{transform:translateX(calc(50% + 8px))}}
html[dir="rtl"] .cards{animation-name:cards-drift-rtl}
.motion-toggle{margin-top:22px;display:inline-flex;align-items:center;gap:9px;border:1px solid #2a4468;background:rgba(10,24,39,.6);color:#c9d6ea;border-radius:999px;padding:8px 14px;font:inherit;font-size:12px;cursor:pointer}
.motion-toggle:hover{border-color:#507ab9;color:#fff}
.motion-toggle i{width:10px;height:10px;display:inline-block;border-left:3px solid currentColor;border-right:3px solid currentColor}
.motion-toggle[aria-pressed="true"] i{border:0;border-left:9px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;width:0;height:0}
html[dir="rtl"] .motion-toggle[aria-pressed="true"] i{transform:scaleX(-1)}
.card{position:relative;overflow:hidden;border:1px solid rgba(73,113,172,.38);border-radius:16px;min-height:310px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(10,24,39,.92),rgba(5,14,24,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:.3s}
.card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.025),transparent 32%);pointer-events:none}
.card:hover{transform:translateY(-5px);border-color:#507ab9;box-shadow:0 16px 40px rgba(0,0,0,.22)}
.card:after{content:"";position:absolute;inset:auto -10% -32% -10%;height:56%;filter:blur(34px);opacity:.24}
.card.cfo:after{background:#176aff}.card.tasks:after{background:#10d9e6}.card.famtodo:after{background:#7138ff}.card.familygr:after{background:#0c9e87}
.card-head,.card-copy,.card-foot{position:relative;z-index:2}
.card-head{display:flex;align-items:flex-start;justify-content:space-between}
.card-head img{width:112px;height:74px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 16px rgba(63,116,255,.45))}
.cfo .card-head img{width:122px;height:96px;margin-top:-12px;object-fit:contain;object-position:left center}.famtodo .card-head img{width:150px}.familygr .card-head img{width:96px;height:96px;margin-top:-10px;object-fit:contain;object-position:left center}.tasks .card-head img{width:132px;height:88px;margin-top:-7px;object-fit:contain;object-position:left center}
.card-head>span{width:36px;height:36px;border:1px solid #526783;border-radius:50%;display:grid;place-items:center;color:#dbe8ff}
.card h3{font-size:25px;margin:6px 0}
.card .sub{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#aebcd0}
.card-copy>p:last-child{color:#d4dbe5;line-height:1.55}
.card-foot{border-top:1px solid #183153;padding-top:14px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#89baff}
.card-foot b{color:white;font-weight:500}

.about{padding:54px 4vw;display:grid;grid-template-columns:300px 1fr auto;gap:34px;align-items:center;border-bottom:1px solid var(--line)}
.about-logo{margin-top:10px}.about-logo img{width:285px;height:auto;display:block}
.about-copy{border-left:1px solid #233852;border-right:1px solid #233852;padding:0 38px;color:#b8c4d3;line-height:1.78;font-size:15px}
.sectors{display:flex;gap:22px;font-size:11px;color:#c4cfdd;flex-wrap:wrap}
.sectors span{padding:8px 10px;border:1px solid rgba(72,108,159,.24);border-radius:999px;background:rgba(7,17,29,.45)}
.contact{min-height:370px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 120%,rgba(27,79,255,.24),transparent 46%),linear-gradient(180deg,#03060b,#050914);padding:76px 5vw}
.contact h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4vw,58px);line-height:1.08;font-weight:400;max-width:850px;margin:14px auto 30px;text-wrap:balance}
footer{min-height:108px;display:flex;align-items:center;gap:34px;padding:0 4vw;color:#7f8da2;border-top:1px solid rgba(57,89,134,.12)}
footer .brand{margin-inline-end:auto}
footer .brand img{width:215px;height:auto}
footer p{font-size:10px;letter-spacing:.16em}

html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
html[dir="rtl"] .hero-shade{background:linear-gradient(270deg,rgba(1,4,9,.97) 0%,rgba(1,4,9,.82) 29%,rgba(1,4,9,.38) 52%,rgba(1,4,9,.07) 78%,rgba(1,4,9,.13) 100%),linear-gradient(0deg,rgba(1,4,9,.58),transparent 48%)}html[dir="rtl"] .hero-art img{transform:scale(1.015)}
html[dir="rtl"] .hero-glow{left:auto;right:10vw}
html[dir="rtl"] .hero-copy{margin-inline-start:7.5vw}
html[dir="rtl"] .hero h1{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:clamp(34px,3.25vw,52px);line-height:1.32;font-weight:600;letter-spacing:-.02em;max-width:620px}
html[dir="rtl"] .hero-text{font-size:15px;line-height:1.9;max-width:585px;color:#c7d0dc}
html[dir="rtl"] .kicker,html[dir="rtl"] .label{letter-spacing:.07em;text-transform:none;font-weight:600}
html[dir="rtl"] .hero-principles{letter-spacing:0;text-transform:none;font-size:11px}
html[dir="rtl"] .side-note{right:auto;left:3vw;border-left:0;border-right:1px solid #3e5d87;padding-left:0;padding-right:20px;letter-spacing:.04em;text-transform:none}
html[dir="rtl"] .platform-intro h2{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:30px;line-height:1.38;font-weight:600}
html[dir="rtl"] .contact h2{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:clamp(30px,3.2vw,48px);line-height:1.42;font-weight:600}
html[dir="rtl"] .card-head img{object-position:right center}html[dir="rtl"] .cfo .card-head img,html[dir="rtl"] .tasks .card-head img,html[dir="rtl"] .familygr .card-head img{object-position:right center}
html[dir="rtl"] .card-copy>p:last-child{font-size:14px;line-height:1.8}
html[dir="rtl"] .about-copy{font-size:14px;line-height:1.9}

@media(max-width:1120px){
  .topbar .brand img{width:195px;height:58px}
  .topbar nav{gap:22px}
  .hero-copy{margin-inline-start:2vw;width:58vw}
  html[dir="rtl"] .hero-copy{margin-inline-start:2vw}
  .platforms{grid-template-columns:1fr}
  .platform-intro h2{max-width:480px}
  .about{grid-template-columns:1fr}
  .about-copy{border:0;padding:0}
}
@media(max-width:860px){
  .topbar{height:74px;padding:0 4vw}
  .topbar .brand img{width:174px;height:48px}
  .topbar nav,.access{display:none}
  .menu{display:block;margin-inline-start:4px}
  .topbar nav.open{display:flex;position:absolute;top:70px;left:4vw;right:4vw;flex-direction:column;background:rgba(7,16,27,.98);border:1px solid #263c5f;padding:18px;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.32)}
  .hero{min-height:730px;padding:104px 5vw 58px;align-items:flex-end}
  .hero-copy{width:100%;margin:0}
  html[dir="rtl"] .hero-copy{margin:0}
  .hero-logo img{width:min(420px,94vw)}
  .hero h1{font-size:clamp(38px,8vw,54px)}
  html[dir="rtl"] .hero h1{font-size:clamp(30px,7vw,44px);line-height:1.4}
  .hero-shade,html[dir="rtl"] .hero-shade{background:linear-gradient(0deg,rgba(1,4,9,.97) 0%,rgba(1,4,9,.74) 55%,rgba(1,4,9,.16) 100%)}
  .hero-glow{left:50%;right:auto;transform:translate(-50%,-50%);top:70%}
  .side-note{display:none}
  .cards>.card{flex-basis:min(78vw,380px)}
  .motion-toggle{margin-top:14px}
  .sectors{justify-content:flex-start}
  footer{flex-wrap:wrap;padding-block:28px}
  footer .brand{width:100%}
}
@media(max-width:560px){
  .topbar{padding:0 5vw}
  .topbar .brand img{width:155px;height:44px}
  .hero{padding-inline:5vw;min-height:700px}
  .hero-logo img{width:min(350px,94vw)}
  .hero h1{font-size:39px}
  html[dir="rtl"] .hero h1{font-size:30px;line-height:1.45}
  .hero-text{font-size:15px}
  html[dir="rtl"] .hero-text{font-size:14px;line-height:1.9}
  .hero-actions{flex-direction:column}
  .hero-principles{gap:8px}
  .hero-principles i{width:12px}
  .platforms,.about{padding-inline:5vw}
  .platforms{padding-block:48px}
  .card{min-height:280px}
  .about-logo img{width:225px}
  .contact h2{font-size:36px}
  html[dir="rtl"] .contact h2{font-size:30px}
  footer{gap:16px}
  footer p{width:100%;margin:0}
}
/* MXWEB1: pausing leaves all original cards available by manual scrolling. */
html[data-cards-motion="paused"] .cards{animation:none;width:auto;will-change:auto}
html[data-cards-motion="paused"] .cards>.card[data-clone]{display:none}
html[data-cards-motion="paused"] .cards-viewport{overflow-x:auto;scroll-snap-type:x proximity;-webkit-mask-image:none;mask-image:none}
html[data-cards-motion="paused"] .cards>.card{scroll-snap-align:start}
.motion-toggle:focus-visible{outline:2px solid #83b5ff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html:not([data-cards-motion="playing"]) .cards{animation:none;width:auto;will-change:auto}
  html:not([data-cards-motion="playing"]) .cards>.card[data-clone]{display:none}
  html:not([data-cards-motion="playing"]) .cards-viewport{overflow-x:auto;scroll-snap-type:x proximity;-webkit-mask-image:none;mask-image:none}
  html:not([data-cards-motion="playing"]) .cards>.card{scroll-snap-align:start}
}

/* AI badge on platform cards */
.card .sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ai-chip{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#bfe9ff;padding:3px 8px;border-radius:999px;border:1px solid rgba(16,217,230,.45);background:linear-gradient(90deg,rgba(16,217,230,.14),rgba(142,92,255,.16))}
html[dir="rtl"] .ai-chip{letter-spacing:0;font-size:10px}

/* AI section and assistants */
.ai{padding:70px 4vw;display:grid;grid-template-columns:minmax(250px,380px) 1fr;gap:40px;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 78% 40%,rgba(41,117,255,.13),transparent 62%),#03060b}
.ai-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:400;line-height:1.1;margin:14px 0;text-wrap:balance}
html[dir="rtl"] .ai-intro h2{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:30px;font-weight:600;line-height:1.4}
.ai-intro>p:not(.label){color:#c4cfdd;line-height:1.7;margin:0}
.ai-points{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.ai-points li{font-size:12px;padding:7px 12px;border-radius:999px;border:1px solid rgba(72,108,159,.3);background:rgba(7,17,29,.5);color:#dbe6f5}
.assistants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.assistant{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid rgba(73,113,172,.38);border-radius:16px;background:linear-gradient(180deg,rgba(10,24,39,.92),rgba(5,14,24,.94));overflow:hidden}
.assistant h3{font-size:24px;letter-spacing:.14em;margin:0}
.assistant .sub{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#91b1e5;margin:4px 0 10px}
html[dir="rtl"] .assistant .sub{letter-spacing:0;font-size:12px}
.assistant-copy>p:not(.sub){color:#d4dbe5;font-size:14px;line-height:1.6;margin:0}
.assistant-platforms{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.assistant-platforms span{font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid #2a4468;color:#c9d6ea}
.assistant-platforms small{color:#eac58d;margin-inline-start:4px}
.assistant-stage{flex:0 0 132px;height:150px;display:grid;place-items:center;position:relative;perspective:600px}
.assistant-stage img{width:112px;height:auto;position:relative;z-index:1}
.assistant-glow{position:absolute;inset:18px;border-radius:50%;filter:blur(24px);opacity:.7}
/* MIX spins and glows blue, gold, red */
.mix .assistant-stage img{animation:mix-spin 8s linear infinite,mix-shadow 6s ease-in-out infinite}
.mix .assistant-glow{animation:mix-glow 6s ease-in-out infinite}
@keyframes mix-spin{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
@keyframes mix-glow{0%,100%{background:#2975ff}33%{background:#f5b829}66%{background:#ff3b4e}}
@keyframes mix-shadow{0%,100%{filter:drop-shadow(0 0 14px rgba(41,117,255,.95))}33%{filter:drop-shadow(0 0 16px rgba(245,184,41,.95))}66%{filter:drop-shadow(0 0 16px rgba(255,59,78,.95))}}
/* FAM floats and sways */
.fam .assistant-stage img{animation:fam-float 4.2s ease-in-out infinite}
.fam .assistant-glow{background:radial-gradient(circle,#8e5cff,#10d9e6 70%);animation:fam-pulse 4.2s ease-in-out infinite}
@keyframes fam-float{0%,100%{transform:translateY(6px) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes fam-pulse{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:.85;transform:scale(1.05)}}

/* Contact form */
.contact>div{width:100%;max-width:760px}
.contact button.btn{font:inherit;font-size:13px;color:#fff;cursor:pointer}
.contact button.btn:disabled{opacity:.7;cursor:wait}
.contact-panel{margin:26px auto 0;text-align:start;max-width:640px;padding:24px;border:1px solid rgba(73,113,172,.38);border-radius:16px;background:linear-gradient(180deg,rgba(10,24,39,.92),rgba(5,14,24,.96));animation:panel-in .35s ease-out}
@keyframes panel-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
#contactForm{display:grid;gap:14px}
#contactForm[hidden],.sent[hidden],.contact-panel[hidden]{display:none}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact .field{display:grid;gap:6px;font-size:12px;color:#aebcd0}
.contact .field input,.contact .field textarea{width:100%;border:1px solid #29406a;background:rgba(3,8,16,.7);color:#f5f7fb;border-radius:10px;padding:11px 13px;font:inherit;font-size:15px;resize:vertical}
.contact .field input:focus,.contact .field textarea:focus{outline:none;border-color:#2975ff;box-shadow:0 0 0 3px rgba(41,117,255,.2)}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.contact{overflow-x:clip}
.form-error{margin:0;color:#ffb9c6;background:rgba(80,40,54,.35);border:1px solid rgba(185,103,119,.35);border-radius:10px;padding:10px 12px;font-size:13px}
.form-error[hidden]{display:none}
.btn.send{justify-self:start}
/* Sent: the letters fly in, walk, fold into the mark, then a check draws */
.sent{text-align:center;padding:8px 0}
.sent-logo{display:flex;align-items:center;justify-content:center;gap:14px;height:90px;direction:ltr;overflow:hidden}
.sent-logo img{height:64px;width:auto;opacity:0;filter:drop-shadow(0 0 14px rgba(41,117,255,.55))}
.sent-word{display:flex;gap:.28em;font-size:26px;font-weight:500;color:#f5f7fb}
.sent-word span{display:inline-block;opacity:0}
.sent-word .x{background:linear-gradient(135deg,#2975ff,#8e5cff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.sent-check{width:74px;height:74px;display:block;margin:6px auto 0;opacity:0}
.sent-check circle,.sent-check path{fill:none;stroke:url(#sentGrad);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.sent-check circle{stroke-dasharray:176;stroke-dashoffset:176}
.sent-check path{stroke-dasharray:44;stroke-dashoffset:44}
.sent-text,.sent-again{opacity:0}
.sent-text{color:#dbe6f5;margin:14px 0}
.sent.play .sent-logo img{animation:sent-mark .6s ease-out forwards,sent-out .45s ease-in 2.9s forwards}
.sent.play .sent-word span{animation:sent-letter .7s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--i)*.09s) forwards,sent-walk .5s ease-in-out calc(1.35s + var(--i)*.1s) 2,sent-out .45s ease-in 2.9s forwards}
.sent.play .sent-logo{animation:sent-collapse .5s ease-in 2.95s forwards}
.sent.play .sent-check{animation:sent-fade .2s linear 3.2s forwards}
.sent.play .sent-check circle{animation:sent-draw .6s ease-out 3.25s forwards}
.sent.play .sent-check path{animation:sent-draw .45s ease-out 3.75s forwards}
.sent.play .sent-text{animation:sent-fade .4s ease-out 4s forwards}
.sent.play .sent-again{animation:sent-fade .4s ease-out 4.3s forwards}
@keyframes sent-mark{from{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:none}}
@keyframes sent-letter{from{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.6)}to{opacity:1;transform:none}}
@keyframes sent-walk{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sent-out{to{opacity:0;transform:scale(.6)}}
@keyframes sent-collapse{to{height:0}}
@keyframes sent-draw{to{stroke-dashoffset:0}}
@keyframes sent-fade{to{opacity:1}}

@media(max-width:1120px){.ai{grid-template-columns:1fr}}
@media(max-width:860px){.assistants{grid-template-columns:1fr}}
@media(max-width:560px){
  .ai{padding:48px 5vw}
  .field-row{grid-template-columns:1fr}
  .contact-panel{padding:18px}
  .assistant{flex-direction:column;text-align:center}
  .assistant-platforms{justify-content:center}
  .sent-word{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
  .mix .assistant-stage img,.fam .assistant-stage img,.assistant-glow,.contact-panel{animation:none}
  .mix .assistant-glow{background:#2975ff}
  .sent.play *{animation:none!important}
  .sent.play .sent-logo{display:none}
  .sent.play .sent-check,.sent.play .sent-text,.sent.play .sent-again{opacity:1}
  .sent.play .sent-check circle,.sent.play .sent-check path{stroke-dashoffset:0}
}

footer .footer-legal{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}footer .footer-legal a{color:#9aa8bb}footer .footer-legal a:hover{color:#fff}
footer .footer-contact{font-size:12px;letter-spacing:0;color:#9aa8bb}footer .footer-contact a{color:#c8d0dd}

.nav-policies{position:relative}
.nav-policies summary{list-style:none;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:6px}
.nav-policies summary::-webkit-details-marker{display:none}
.nav-policies summary:after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);opacity:.7}
.nav-policies summary:hover{color:#fff}
.nav-policies-menu{position:absolute;top:calc(100% + 10px);inset-inline-start:-14px;min-width:190px;display:flex;flex-direction:column;padding:8px;background:rgba(7,16,27,.98);border:1px solid #263c5f;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.35);z-index:40}
.nav-policies-menu a{padding:10px 12px!important;border-radius:8px;white-space:nowrap}
.nav-policies-menu a:hover{background:rgba(41,117,255,.12)}
.nav-policies-menu a:after{display:none}
.install-app{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(16,88,233,.22),rgba(78,66,255,.22));color:#e7eef9;border:1px solid #3d5fa8;border-radius:9px;padding:9px 12px;font-size:13px;cursor:pointer;transition:.25s}
.install-app:hover{border-color:#7298d3;color:#fff}
.install-app[hidden]{display:none}
.install-hint{position:fixed;top:86px;inset-inline-end:4vw;z-index:50;max-width:300px;padding:16px 18px;background:rgba(7,16,27,.98);border:1px solid #263c5f;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.4);font-size:14px;line-height:1.7}
.install-hint[hidden]{display:none}
.install-hint p{margin:6px 0 12px;color:#c8d0dd}
.install-hint button{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:8px 16px;cursor:pointer}
@media(max-width:860px){
  .topbar nav.open .nav-policies-menu{position:static;box-shadow:none;border:0;background:none;padding:4px 0 0;min-width:0}
  .install-app span{display:none}
  .install-app{padding:9px 10px}
}
.topbar nav .nav-access{display:none}
@media(max-width:860px){.topbar nav.open .nav-access{display:block;margin-top:8px;padding:12px 16px;text-align:center;border:1px solid #44629a;border-radius:9px;background:rgba(41,117,255,.14);color:#fff}.topbar nav.open .nav-access:after{display:none}}