*{box-sizing:border-box}
:root{--ag-bg:#0B0E16;--ag-card:#0F1531;--ag-accent:#B7C2FB;--ag-field:#272C46;--ag-iconbox:#383D55;--ag-blue:#004BDE;--ag-text:#F4F6FF;--ag-mute:#7884A8;--ag-rule:rgba(150,170,255,0.16)}
html,body{margin:0;padding:0}
body{min-height:100vh;font-family:"Inter",system-ui,-apple-system,sans-serif;color:var(--ag-text);background:var(--ag-bg)}
a{color:var(--ag-text)}
a:hover{color:var(--ag-accent)}
.lg-stage{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--ag-bg)}
.lg-hero{position:relative;flex:1 0 auto;min-height:100vh;min-height:100svh;overflow:hidden;background:linear-gradient(160deg,transparent 0%,transparent 42%,rgba(3,5,13,0.55) 70%,var(--ag-bg) 100%),var(--ag-bg)}
.lg-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(120,150,230,0.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(120,150,230,0.07) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse 95% 78% at 6% 8%,#000 36%,transparent 86%);mask-image:radial-gradient(ellipse 95% 78% at 6% 8%,#000 36%,transparent 86%)}
.lg-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:radial-gradient(circle,rgba(150,170,255,0.55) 1.4px,transparent 2px);background-size:80px 80px;background-position:40px 40px;-webkit-mask-image:radial-gradient(ellipse 82% 60% at 6% 6%,#000 22%,transparent 78%);mask-image:radial-gradient(ellipse 82% 60% at 6% 6%,#000 22%,transparent 78%)}
.lg-lava{position:absolute;inset:-10%;overflow:visible;pointer-events:none;z-index:0;filter:blur(90px) saturate(140%)}
.lg-lava i{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen;will-change:transform,opacity}
.lg-lava i:nth-child(1){width:64vw;height:64vw;min-width:520px;min-height:520px;left:-16vw;top:-20vw;background:radial-gradient(circle,rgba(110,138,255,.95),rgba(46,91,255,.5) 45%,transparent 70%);animation:lava1 14s ease-in-out infinite alternate}
.lg-lava i:nth-child(2){width:50vw;height:50vw;min-width:420px;min-height:420px;left:2vw;top:6vh;background:radial-gradient(circle,rgba(124,92,246,.85),rgba(91,118,255,.42) 48%,transparent 72%);animation:lava2 19s ease-in-out infinite alternate}
.lg-lava i:nth-child(3){width:44vw;height:44vw;min-width:340px;min-height:340px;left:-10vw;top:40vh;background:radial-gradient(circle,rgba(46,140,255,.8),rgba(46,91,255,.36) 50%,transparent 74%);animation:lava3 24s ease-in-out infinite alternate}
.lg-lava i:nth-child(4){width:30vw;height:30vw;min-width:240px;min-height:240px;left:-4vw;top:-6vh;background:radial-gradient(circle,rgba(240,244,255,.92),rgba(196,212,255,.55) 38%,transparent 66%);animation:lava4 17s ease-in-out infinite alternate}
.lg-lava i:nth-child(5){width:18vw;height:18vw;min-width:150px;min-height:150px;left:1vw;top:2vh;background:radial-gradient(circle,rgba(255,255,255,1),rgba(221,255,255,.85) 34%,rgba(192,242,253,.5) 56%,transparent 72%);animation:lava5 12s ease-in-out infinite alternate}
.lg-lava i:nth-child(6){width:26vw;height:26vw;min-width:210px;min-height:210px;left:-2vw;top:-2vh;background:radial-gradient(circle,rgba(206,251,255,.9),rgba(160,201,255,.6) 40%,rgba(103,145,255,.32) 62%,transparent 76%);animation:lava6 15s ease-in-out infinite alternate}
@keyframes lava1{0%{transform:translate3d(0,0,0) scale(1);opacity:.75}35%{opacity:1}50%{transform:translate3d(26vw,18vh,0) scale(1.35)}100%{transform:translate3d(8vw,38vh,0) scale(.8);opacity:.7}}
@keyframes lava2{0%{transform:translate3d(0,0,0) scale(1.05);opacity:.6}45%{opacity:.95}50%{transform:translate3d(34vw,-16vh,0) scale(.75)}100%{transform:translate3d(-10vw,26vh,0) scale(1.4);opacity:.8}}
@keyframes lava3{0%{transform:translate3d(0,0,0) scale(.9);opacity:.55}40%{opacity:.9}50%{transform:translate3d(30vw,-30vh,0) scale(1.4)}100%{transform:translate3d(48vw,10vh,0) scale(1);opacity:.6}}
@keyframes lava4{0%{transform:translate3d(0,0,0) scale(.9);opacity:.85}50%{transform:translate3d(16vw,12vh,0) scale(1.25);opacity:1}100%{transform:translate3d(4vw,24vh,0) scale(.85);opacity:.7}}
@keyframes lava5{0%{transform:translate3d(0,0,0) scale(.95);opacity:.9}50%{transform:translate3d(11vw,9vh,0) scale(1.3);opacity:1}100%{transform:translate3d(2vw,18vh,0) scale(.9);opacity:.85}}
@keyframes lava6{0%{transform:translate3d(0,0,0) scale(1);opacity:.8}50%{transform:translate3d(14vw,14vh,0) scale(1.28);opacity:1}100%{transform:translate3d(6vw,26vh,0) scale(.88);opacity:.75}}
@media (prefers-reduced-motion:reduce){.lg-lava i{animation:none}}
/* footer grid mirrors the Kyon Med footer: brand + 3 equal columns */
.foot__inner{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.foot__cols{display:contents}
/* footer column type matched to the Kyon Med footer (colours unchanged) */
.foot__cols h4{font-size:18px;font-weight:500;letter-spacing:0;text-transform:none;margin:0 0 16px}
.foot__cols ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.foot__cols ul a,.foot__cols ul li{font-size:18px;font-weight:500}
.foot__bar .foot__seals{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.foot__bar .foot__seals span{display:inline-flex;align-items:center;gap:7px;font-size:17px;color:#B6BEDB}
.foot__bar .foot__seals svg{width:19px;height:19px;flex:0 0 auto;stroke:#8FA6FF}
.lg-noise{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.26;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:170px 170px}
.lg-card{position:absolute;top:50%;right:39px;z-index:1;width:565px;height:648px;transform:translateY(-50%) scale(.95);transform-origin:right center;background:rgba(3,5,13,0.28);-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);border-radius:28px;padding:40px 36px 57.5px;display:flex;flex-direction:column}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lg-card{background:rgba(3,5,13,0.86)}}
.lg-logo{width:173px;height:31px;display:block}
.lg-title{margin:18px 0 0;font-size:42px;line-height:44px;font-weight:600;letter-spacing:0;color:var(--ag-text)}
.lg-title .lg-accent{color:var(--ag-accent);margin-left:3px}
.lg-pill{display:inline-block;width:97px;height:32px;vertical-align:-2px;margin-left:9px}
.lg-gbtn{margin-top:41.25px;height:56px;border:0;width:100%;background:#fff;color:#071838;border-radius:16px;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:-0.005em;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:background .18s ease}
.lg-gbtn:hover{background:#E9EDF7}
.lg-gbtn img{width:34px;height:34px;display:block}
.lg-div{margin-top:31.5px;height:24px;display:flex;align-items:center;gap:9px}
.lg-div::before,.lg-div::after{content:"";height:1px;background:var(--ag-rule);flex:1}
.lg-div::before{margin-left:11px}
.lg-div span{font-size:20px;font-weight:400;color:var(--ag-mute);letter-spacing:-0.005em}
.lg-field{margin-top:32.5px;height:56px;background:var(--ag-field);border-radius:16px;display:flex;align-items:center;padding:1.5px}
.lg-field__icon{width:53px;height:53px;margin-left:0;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:rgba(150,170,255,0.22);border:1px solid rgba(183,194,251,0.34);border-radius:14px}
.lg-field__icon img,.lg-field__icon svg{width:26px;height:26px;display:block}
.lg-field input{flex:1;min-width:0;height:100%;border:0;background:transparent;font-family:inherit;font-size:18px;font-weight:500;color:var(--ag-text);padding:0 16px 0 14px;letter-spacing:-0.005em}
.lg-field input::placeholder{color:var(--ag-mute);opacity:1}
.lg-field input:focus{outline:none}
.lg-field:focus-within{box-shadow:0 0 0 2px rgba(0,75,222,.45)}
.lg-sbtn{margin-top:18px;height:56px;width:100%;border:0;background:var(--ag-blue);color:#fff;border-radius:999px;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:-0.005em;cursor:pointer;transition:background .18s ease}
.lg-sbtn:hover{background:#0041c2}
.lg-forgot{margin-top:30.5px;height:24px;display:flex;align-items:center;justify-content:center}
.lg-forgot a{font-size:17.5px;font-weight:500;letter-spacing:-0.005em;text-decoration:underline;color:var(--ag-text)}
/* glass footer — same recipe as the Kyon Agents header */
.foot.foot--glass{position:relative;z-index:2;background:rgba(3,5,13,0.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(150,170,255,0.14)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.foot.foot--glass{background:rgba(3,5,13,0.94)}}
@media (max-width:1240px){
  .lg-card{right:28px;transform:translateY(-50%) scale(.88);transform-origin:right center}
}
/* tablet landscape / small laptops — card centred, glow anchored top-left */
@media (max-width:1080px){
  .lg-hero{padding:40px 32px;min-height:100vh;min-height:100svh;display:flex;justify-content:center;align-items:center}
  .lg-card{position:relative;top:auto;right:auto;transform:none;width:100%;max-width:520px;height:auto;padding:36px 34px 40px}
  .lg-title{font-size:38px;line-height:41px}
  .lg-pill{width:88px;height:29px;margin-left:8px}
  .lg-gbtn{margin-top:34px}
  .lg-div{margin-top:26px}
  .lg-field{margin-top:26px}
  .lg-forgot{margin-top:24px}
}
/* tablet portrait */
@media (max-width:820px){
  .lg-hero{padding:32px 28px}
  .lg-card{max-width:480px;padding:34px 30px 36px}
  .lg-title{font-size:35px;line-height:38px}
  .lg-pill{width:82px;height:27px}
  .lg-div span{font-size:18px}
}
@media (max-width:600px){
  .lg-hero{padding:20px 16px 16px;display:flex;align-items:flex-end;justify-content:center;min-height:100vh;min-height:100svh}
  /* keep the glow up top and let it expand down to the card's mid-point */
  .lg-lava{inset:-30% -20% auto -20%;height:76vh;filter:blur(70px) saturate(140%)}
  .lg-lava i:nth-child(1){width:120vw;height:120vw;min-width:0;min-height:0;left:-30vw;top:-46vw}
  .lg-lava i:nth-child(2){width:96vw;height:96vw;min-width:0;min-height:0;left:-6vw;top:2vh}
  .lg-lava i:nth-child(3){width:84vw;height:84vw;min-width:0;min-height:0;left:-22vw;top:14vh}
  .lg-lava i:nth-child(4){width:62vw;height:62vw;min-width:0;min-height:0;left:-8vw;top:-6vh}
  .lg-lava i:nth-child(5){width:40vw;height:40vw;min-width:0;min-height:0;left:2vw;top:1vh}
  .lg-lava i:nth-child(6){width:54vw;height:54vw;min-width:0;min-height:0;left:-4vw;top:-3vh}
  .lg-card{transform:none;width:100%;max-width:none;height:auto;padding:28px 22px 30px;border-radius:24px}
  .lg-logo{width:154px;height:28px}
  .lg-title{margin-top:16px;font-size:31px;line-height:34px}
  .lg-pill{width:71px;height:23px;vertical-align:-2px;margin-left:8px}
  .lg-gbtn{margin-top:26px;height:54px;gap:11px}
  .lg-gbtn img{width:29px;height:29px}
  .lg-div{margin-top:22px}
  .lg-div span{font-size:16px}
  .lg-field{margin-top:20px;height:54px}
  .lg-field__icon{width:48px!important;height:48px!important;border-radius:13px}
  .lg-field__icon img,.lg-field__icon svg{width:24px!important;height:24px!important}
  .lg-sbtn{height:54px}
  .lg-gbtn,.lg-sbtn,.lg-field input{font-size:17px}
  .lg-forgot{margin-top:20px}
  .lg-forgot a{font-size:16px}
  /* footer laid out like the Kyon Med mobile footer (colours unchanged) */
  .foot{padding:44px 20px 26px}
  .foot__inner{grid-template-columns:1fr 1fr;gap:32px;padding-bottom:32px}
  .foot__brand{grid-column:1 / -1}
  .foot__brand p{font-size:17px!important;max-width:none}
  .foot__brand p br{display:none}
  .foot__help{white-space:nowrap}
  .foot__cols h4{font-size:18px;margin:0 0 14px}
  .foot__cols ul{gap:11px}
  .foot__cols ul a,.foot__cols ul li{font-size:18px}
  .foot__bar{margin-top:28px;padding-top:22px;justify-content:center;text-align:center}
  .foot__bar small{width:100%;text-align:center;font-size:18px!important;margin-bottom:16px}
  .foot__bar .foot__seals{justify-content:center;gap:16px}
  .foot__bar .foot__seals span{font-size:17px}
}
@media (max-width:380px){
  .lg-card{padding:24px 18px 26px}
  .lg-title{font-size:28px;line-height:31px}
  .lg-pill{width:64px;height:21px}
  .lg-gbtn,.lg-sbtn,.lg-field input{font-size:16px}
}
/* short landscape screens — let the card scroll instead of being clipped */
@media (max-height:620px) and (min-width:601px) and (max-width:1080px){
  .lg-hero{min-height:0;padding-top:28px;padding-bottom:28px}
}
@media (max-height:620px) and (max-width:600px){
  .lg-hero{min-height:0;padding-top:20px;padding-bottom:16px}
}
/* ── maintenance / waitlist card ── */
.mt-card{height:auto!important;padding:38px 36px 36px!important}
.mt-status{margin-top:24px;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 12px;border:1.5px solid rgba(183,194,251,0.28);border-radius:999px;background:rgba(150,170,255,0.10);font-size:15px;font-weight:500;color:var(--ag-accent)}
.mt-status i{width:8px;height:8px;border-radius:50%;background:#F5B544;box-shadow:0 0 0 0 rgba(245,181,68,.55);animation:mtPulse 2s ease-out infinite}
@keyframes mtPulse{0%{box-shadow:0 0 0 0 rgba(245,181,68,.55)}70%{box-shadow:0 0 0 9px rgba(245,181,68,0)}100%{box-shadow:0 0 0 0 rgba(245,181,68,0)}}
@media (prefers-reduced-motion:reduce){.mt-status i{animation:none}}
.mt-title{margin-top:16px!important;font-size:36px!important;line-height:40px!important}
.mt-sub{margin:14px 0 0;font-size:17px;line-height:1.6;color:#B6BEDB;text-wrap:pretty}
.mt-form{margin-top:26px}
.mt-body{display:flex;flex-direction:column;gap:12px}
.mt-field{margin-top:0!important;cursor:text}
.mt-select select{flex:1;min-width:0;height:100%;border:0;background:transparent;font-family:inherit;font-size:18px;font-weight:500;color:var(--ag-text);padding:0 40px 0 14px;-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237884A8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}
.mt-select select:focus{outline:none}
.mt-select select:invalid{color:var(--ag-mute)}
.mt-select option{color:#071838}
.mt-btn{margin-top:8px!important}
.mt-note{margin:4px 0 0;text-align:center;font-size:14.5px;color:var(--ag-mute)}
.mt-field.is-err{box-shadow:0 0 0 2px rgba(255,120,120,.55)}
.mt-ok{display:none;text-align:center;padding:26px 0 8px}
.mt-form.is-sent .mt-body{display:none}
.mt-form.is-sent .mt-ok{display:block}
.mt-ok__ico{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 18px;border-radius:50%;background:rgba(34,197,94,.16);color:#4ADE80}
.mt-ok__ico svg{width:28px;height:28px}
.mt-ok b{display:block;font-size:24px;font-weight:600;color:var(--ag-text)}
.mt-ok p{margin:10px auto 0;max-width:340px;font-size:17px;line-height:1.6;color:#B6BEDB}
@media (max-width:1080px){.mt-title{font-size:34px!important;line-height:38px!important}}
@media (max-width:600px){
  .mt-card{padding:26px 20px 26px!important}
  .mt-status{margin-top:20px;font-size:14px}
  .mt-title{font-size:28px!important;line-height:32px!important}
  .mt-title br{display:none}
  .mt-sub{font-size:16px}
  .mt-body{gap:10px}
  .mt-select select{font-size:17px}
}
/* card sits in flow at every desktop size so the hero grows (and scrolls) with it */
@media (min-width:1081px){
  .lg-hero{display:flex;align-items:center;justify-content:flex-end;padding:48px 39px;min-height:100vh;min-height:100svh}
  .mt-card{position:relative!important;top:auto!important;right:auto!important;transform:none!important;width:540px!important;max-width:100%}
}
@media (min-width:1081px) and (max-height:820px){
  .lg-hero{padding-top:28px;padding-bottom:28px}
  .mt-card{padding:30px 32px 28px!important}
  .mt-status{margin-top:18px}
  .mt-title{font-size:32px!important;line-height:36px!important}
  .mt-sub{font-size:16px;margin-top:10px}
  .mt-form{margin-top:18px}
  .mt-body{gap:10px}
}
/* background = looping video (desktop / mobile), replaces the CSS lava blobs */
.lg-hero{background:var(--ag-bg)!important}
.lg-hero::before,.lg-hero::after{display:none!important}
.mt-video{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--ag-bg)}
.mt-video__el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mt-video__el--mob{display:none}
@media (max-width:600px){.mt-video__el--desk{display:none}.mt-video__el--mob{display:block}}
.lg-noise{z-index:1}
.lg-card{position:relative;z-index:2}
/* card = Kyon Med header glass (liquid-glass refraction + frost), dark tint */
.mt-card{background:rgba(3,5,13,0.18)!important;-webkit-backdrop-filter:blur(10px) saturate(150%) brightness(.92)!important;backdrop-filter:url(#liquid-glass) blur(10px) saturate(150%) brightness(.92)!important;border:0.5px solid rgba(255,255,255,0.10)!important;box-shadow:inset 0 0.5px 0.5px rgba(255,255,255,0.20),inset 0 -0.5px 0.5px rgba(255,255,255,0.07),inset 0.5px 0 0.5px rgba(255,255,255,0.05),inset -0.5px 0 0.5px rgba(255,255,255,0.05),0 6px 20px rgba(0,0,0,0.12)!important}
.mt-card::before,.mt-card::after{display:none!important}
/* logo + status pill on one row */
.mt-brand{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px}
.mt-brand .mt-status{margin-top:0!important}
.mt-brand+.mt-title{margin-top:24px!important}
@media (max-width:600px){.mt-brand+.mt-title{margin-top:20px!important}}
/* footer = Kyon Med footer structure & type, Kyon Agents colours */
.foot.foot--glass{padding:56px 0 32px!important}
.foot .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.foot .foot__inner{max-width:none;margin:0;padding:0;border:0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.foot__brand{display:flex;flex-direction:column;align-items:flex-start}
.foot__brand .nav__logo{display:inline-flex;margin:0 0 8px}
.foot__brand .nav__logo img{height:32px!important;width:auto!important;margin:0!important;display:block}
.foot .foot__brand p{margin:17px 0;font-size:17px;font-weight:500;line-height:1.6;max-width:320px;color:#B6BEDB}
.foot__wa{margin-top:10px!important}
.foot__col h4{font-family:inherit;font-size:18px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ag-mute);margin:0 0 16px}
.foot__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.foot__col li{font-size:18px;font-weight:500}
.foot__col a{font-size:18px;font-weight:500;color:var(--ag-text);text-decoration:none;transition:color .15s}
.foot__col a:hover{color:var(--ag-accent)}
.foot .foot__bar{max-width:none;margin:44px 0 0;padding:24px 0 0;border-top:1px solid var(--ag-rule);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.foot .foot__bar small{font-family:inherit;font-size:17px;letter-spacing:0;text-transform:none;color:#B6BEDB}
.foot .mob-br{display:none}
@media (max-width:980px){.foot .foot__inner{grid-template-columns:1fr 1fr 1fr}.foot__brand{grid-column:1/-1}}
@media (max-width:600px){
  .foot.foot--glass{padding:44px 0 26px!important}
  .foot .wrap{padding:0 20px}
  .foot .foot__inner{grid-template-columns:1fr 1fr;gap:32px}
  .foot .foot__brand p{max-width:none}
  .foot .foot__brand p br{display:none}
  .foot__col h4{margin:0 0 14px}
  .foot .foot__bar{margin-top:28px;padding-top:22px;justify-content:center;text-align:center}
  .foot .foot__bar small{width:100%;text-align:center;font-size:18px;margin-bottom:16px}
  .foot .mob-br{display:inline}
  .foot__bar .foot__seals{justify-content:center;gap:16px}
}
/* card: lighter stroke, rounder corners, no drop shadow (inner highlights kept) */
.mt-card{border:1px solid rgba(255,255,255,0.26)!important;border-radius:36px!important;box-shadow:inset 0 0.5px 0.5px rgba(255,255,255,0.20),inset 0 -0.5px 0.5px rgba(255,255,255,0.07)!important}
@media (max-width:600px){.mt-card{border-radius:28px!important}}
/* title: exactly 2 lines, sized to fit the card */
.mt-title .mt-line{display:block;white-space:nowrap}
.mt-title{font-size:min(31px,calc((100vw - 80px) / 15.4))!important;line-height:1.16!important}
@media (min-width:601px){.mt-title{font-size:31px!important}}
.mt-title .mt-hl{background:linear-gradient(180deg,#ffffff 0%,#c8d5ff 60%,#6E8AFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* card stroke barely there */
.mt-card{border:1px solid rgba(255,255,255,0.11)!important}
/* video: animated gradient shows instantly; the clip fades in once it's actually playing */
.mt-video{background:radial-gradient(60% 55% at 18% 22%,rgba(47,84,224,.55),transparent 70%),radial-gradient(55% 60% at 82% 78%,rgba(110,138,255,.38),transparent 72%),var(--ag-bg);background-size:140% 140%;animation:mtDrift 14s ease-in-out infinite alternate}
@keyframes mtDrift{0%{background-position:0% 0%}100%{background-position:100% 100%}}
.mt-video__el{opacity:0;transition:opacity .9s ease}
.mt-video__el.is-ready{opacity:1}
@media (prefers-reduced-motion:reduce){.mt-video{animation:none}}
/* title sized from the card's own content width (container query), so line 1 always fits */
.mt-card{container-type:inline-size}
.mt-title{font-size:min(31px,6.45cqi)!important}
@media (min-width:601px){.mt-title{font-size:min(31px,6.45cqi)!important}}
/* background = cut-out Kyon glass icon (from the 1280×720 clip), placed exactly where the
   icon sat in the previous background videos. The clip's black falls away via screen blend;
   a soft mask hides the frame edges. Tinted cool blue + brightened to match the old icon. */
.mt-video{container-type:size;background:#01081a!important;animation:none!important}
.mt-icon{position:absolute;display:block;max-width:none;pointer-events:none;
  /* desktop: old frame = 16:9 cover; icon centred at 32.7% × 50%, 38% of frame width */
  --fw:max(100cqw,177.78cqh);
  width:var(--fw);height:calc(var(--fw) * .5625);
  left:calc((100cqw - var(--fw)) / 2 - var(--fw) * .173);
  top:calc((100cqh - var(--fw) * .5625) / 2);
  object-fit:cover;mix-blend-mode:screen;
  filter:grayscale(1) sepia(1) saturate(3.2) hue-rotate(184deg) brightness(1.55) contrast(1.05);
  -webkit-mask-image:radial-gradient(ellipse 34% 46% at 50% 50%,#000 72%,transparent 100%);
  mask-image:radial-gradient(ellipse 34% 46% at 50% 50%,#000 72%,transparent 100%);
  opacity:0;transition:opacity .9s ease}
.mt-icon.is-ready{opacity:1}
/* mobile: old frame = 9:16 cover; icon centred at 50% × 23.5%, 63% of frame width */
@media (max-width:600px){
  .mt-icon{--mw:max(100cqw,56.25cqh);--fw:calc(var(--mw) * 1.658);
    left:calc((100cqw - var(--fw)) / 2);
    top:calc((100cqh - var(--mw) * 1.7778) / 2 + var(--mw) * 1.7778 * .235 - var(--fw) * .28125)}
}
@media (prefers-reduced-motion:reduce){.mt-icon{transition:none}}
/* crush the clip's near-black compression noise before tinting, so only the icon glows */
.mt-icon{filter:url(#mt-icon-clean) grayscale(1) sepia(1) saturate(3.2) hue-rotate(184deg) brightness(1.5) contrast(1.05)!important;
  -webkit-mask-image:radial-gradient(ellipse 30% 42% at 50% 50%,#000 64%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 30% 42% at 50% 50%,#000 64%,transparent 100%)!important}
/* mobile: card lifted a touch off the bottom edge */
@media (max-width:600px){.lg-hero{padding-bottom:56px!important}}
@media (max-width:600px) and (max-height:620px){.lg-hero{padding-bottom:28px!important}}
/* heavier frost: stronger blur + a milky lift so the icon behind reads as soft light */
.mt-card{background:linear-gradient(180deg,rgba(150,170,255,.07),rgba(150,170,255,.03)),rgba(3,5,13,0.22)!important;
  -webkit-backdrop-filter:blur(26px) saturate(160%) brightness(.9)!important;
  backdrop-filter:url(#liquid-glass) blur(26px) saturate(160%) brightness(.9)!important}
/* card = exact Kyon Med header glass (.topbar__pill): same tint, refraction, frost, rim */
.mt-card{background:rgba(255,255,255,0.05)!important;
  -webkit-backdrop-filter:blur(10px) saturate(150%) brightness(1.05)!important;
  backdrop-filter:url(#liquid-glass) blur(10px) saturate(150%) brightness(1.05)!important;
  border:0.5px solid rgba(255,255,255,0.08)!important;
  box-shadow:inset 0 0.5px 0.5px rgba(255,255,255,0.20),inset 0 -0.5px 0.5px rgba(255,255,255,0.07),inset 0.5px 0 0.5px rgba(255,255,255,0.05),inset -0.5px 0 0.5px rgba(255,255,255,0.05),0 6px 20px rgba(0,0,0,0.015)!important}
@supports not (backdrop-filter:url(#liquid-glass)){.mt-card{background:rgba(255,255,255,0.12)!important}}
/* flicker fix: the SVG displacement filter was being recomputed against the playing
   video every frame. Keep the header's tint/frost/rim, drop the per-frame SVG pass,
   and give the card its own compositing layer. */
.mt-card{-webkit-backdrop-filter:blur(10px) saturate(150%) brightness(1.05)!important;
  backdrop-filter:blur(10px) saturate(150%) brightness(1.05)!important;
  transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mt-card{background:rgba(255,255,255,0.12)!important}}
/* ── header (Kyon Med structure, Kyon Agents logo) ── */
.topbar__logo img{height:24px;width:auto}
.topbar__cta .btn{gap:8px}
.topbar__cta .btn svg{width:17px;height:17px}
.mt-cta--sm{display:none}
/* keep the fixed header clear of the card */
@media (min-width:1081px){.lg-hero{padding-top:112px!important}}
@media (min-width:1081px) and (max-height:820px){.lg-hero{padding-top:96px!important}}
@media (min-width:601px) and (max-width:1080px){.lg-hero{padding-top:104px!important}}
@media (max-width:880px){
  .topbar__nav{display:flex!important;margin-left:0}
  .topbar__nav .mt-nav--hide-sm{display:none}
}
@media (max-width:600px){
  .lg-hero{padding-top:92px!important}
  .topbar__pill{gap:8px;padding-left:14px}
  .topbar__logo{flex:0 1 auto;min-width:0;overflow:hidden}
  .topbar__logo img{height:auto;max-height:21px;max-width:100%;object-fit:contain;object-position:left center}
  .topbar__menubtn{padding-left:8px;padding-right:8px}
  .topbar__cta{flex:0 0 auto}
  .topbar__cta .btn{padding:10px 14px!important;font-size:13.5px!important}
  .mt-cta--lg{display:none}.mt-cta--sm{display:inline}
}
@media (max-width:380px){.topbar__cta .btn svg{display:none}}
.kv-ico{display:inline-block;flex:none;width:1.25em;height:1.25em;background:currentColor;-webkit-mask:url("assets/icon-verified-solid.webp") center/contain no-repeat;mask:url("assets/icon-verified-solid.webp") center/contain no-repeat}
@media (max-width:380px){.topbar__cta .btn .kv-ico{display:none}}
/* desktop: equal visual gap above (below the fixed header, ~74px) and below the card */
@media (min-width:1081px){.lg-hero{padding-top:122px!important;padding-bottom:48px!important}}
@media (min-width:1081px) and (max-height:820px){.lg-hero{padding-top:102px!important;padding-bottom:28px!important}}
/* desktop: spinning Kyon icon nudged down */
@media (min-width:601px){.mt-icon{translate:0 32px}}
/* ── seamless cross-fade loop + opening animation ── */
.mt-iconwrap{position:absolute;inset:0;opacity:0;transform-origin:32.7% calc(50% + 32px);will-change:transform,opacity,filter}
.mt-iconwrap .mt-icon{opacity:0!important;transition:opacity 1.1s ease-in-out!important}
.mt-iconwrap .mt-icon.is-on{opacity:1!important}
.mt-iconwrap.is-intro{animation:mtIconIntro 2.2s cubic-bezier(.16,1,.3,1) forwards}
.mt-iconwrap::after{content:"";position:absolute;left:32.7%;top:calc(50% + 32px);width:min(46vw,620px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.4);border-radius:50%;
  background:radial-gradient(circle,rgba(140,170,255,.55) 0%,rgba(80,110,240,.22) 35%,transparent 68%);opacity:0;pointer-events:none;mix-blend-mode:screen}
.mt-iconwrap.is-intro::after{animation:mtIconBloom 2.2s cubic-bezier(.16,1,.3,1) forwards}
@keyframes mtIconIntro{
  0%{opacity:0;transform:scale(.62) rotate(-14deg);filter:blur(22px) brightness(1.8)}
  45%{opacity:1;filter:blur(4px) brightness(1.25)}
  70%{transform:scale(1.035) rotate(1.5deg);filter:blur(0) brightness(1.05)}
  100%{opacity:1;transform:scale(1) rotate(0);filter:none}}
@keyframes mtIconBloom{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
  35%{opacity:.9}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}
@media (max-width:600px){
  .mt-iconwrap{transform-origin:50% 23.5%}
  .mt-iconwrap::after{left:50%;top:23.5%;width:92vw}
}
@media (prefers-reduced-motion:reduce){
  .mt-iconwrap.is-intro{animation:none;opacity:1}
  .mt-iconwrap.is-intro::after{animation:none}
}
/* Dark smudge fix: the wrapper (transform/opacity for the intro) became an isolated
   group, so the clip's screen-blend no longer reached the page background and its near-black
   frame showed as a dark blur. Blend the whole wrapper against the background instead. */
.mt-iconwrap{mix-blend-mode:screen}
.mt-iconwrap .mt-icon{mix-blend-mode:normal!important}
/* mobile: card + spinning icon nudged down together (24px) */
@media (max-width:600px){
  .lg-hero{padding-bottom:32px!important}
  .mt-icon{translate:0 24px}
  .mt-iconwrap{transform-origin:50% calc(23.5% + 24px)}
  .mt-iconwrap::after{top:calc(23.5% + 24px)}
}
@media (max-width:600px) and (max-height:620px){.lg-hero{padding-bottom:16px!important}}
/* mobile: spinning icon a touch smaller (stays centred on the same point) */
@media (max-width:600px){.mt-icon{--fw:calc(var(--mw) * 1.48)!important}.mt-iconwrap::after{width:82vw}}
/* mobile: card bottom gap = its 16px side gap; icon moves down by the same 16px */
@media (max-width:600px){
  .lg-hero{padding-bottom:16px!important;padding-left:16px!important;padding-right:16px!important}
  .mt-icon{translate:0 40px}
  .mt-iconwrap{transform-origin:50% calc(23.5% + 40px)}
  .mt-iconwrap::after{top:calc(23.5% + 40px)}
}
/* mobile header: no "Sobre"; logo at the Kyon Med mobile logo height (21px) */
@media (max-width:600px){
  .topbar__nav{display:none!important}
  .topbar__logo{flex:0 0 auto;overflow:visible}
  .topbar__logo img{height:21px!important;max-height:none!important;width:auto!important;max-width:none!important}
}
@media (max-width:600px){.topbar__cta .btn{padding:10px 20px!important}}
/* mobile: "Lista de espera" keeps the blue fill, with the Kyon Med mobile button's size */
@media (max-width:600px){
  .topbar__cta .btn[data-mt-waitlist]{height:40px!important;padding:0 16px!important;border-radius:999px!important;gap:6px!important;font-size:13.5px!important;font-weight:500!important;white-space:nowrap}
  .topbar__cta .btn[data-mt-waitlist] .kv-ico{display:inline-block!important;width:15px;height:15px}
}
@media (max-width:370px){.topbar__cta .btn[data-mt-waitlist] .kv-ico{display:none!important}}
/* title: slightly airier leading; mobile card trims its own spacing to absorb it */
.mt-title{line-height:1.26!important}
@media (max-width:600px){
  .mt-brand+.mt-title{margin-top:16px!important}
  .mt-sub{margin-top:10px!important}
  .mt-form{margin-top:18px!important}
}
/* glass artifacts: the blurred backdrop was painted as a rectangle bigger than the rounded
   shape (forced compositing layer + filter overflow). Clip both glass surfaces to their own
   rounded outline and drop the forced layer on the card. */
.topbar__pill{clip-path:inset(0 round 999px);-webkit-clip-path:inset(0 round 999px)}
.mt-card{transform:none!important;will-change:auto!important;clip-path:inset(0 round 36px);-webkit-clip-path:inset(0 round 36px)}
@media (max-width:600px){.mt-card{clip-path:inset(0 round 28px);-webkit-clip-path:inset(0 round 28px)}}
/* sub a touch wider: runs a bit into the card's right padding */
.mt-sub{margin-right:-16px}
@media (max-width:600px){.mt-sub{margin-right:-8px}}
/* field icon tiles a touch smaller, inset evenly inside the field; glyphs unchanged */
.mt-field .lg-field__icon{width:46px!important;height:46px!important;margin-left:3.5px!important;border-radius:12px!important}
@media (max-width:600px){.mt-field .lg-field__icon{width:42px!important;height:42px!important;margin-left:4.5px!important;border-radius:11px!important}}
.mt-field .lg-field__icon{width:42px!important;height:42px!important;margin-left:5.5px!important;border-radius:14px!important}
@media (max-width:600px){.mt-field .lg-field__icon{width:38px!important;height:38px!important;margin-left:6.5px!important;border-radius:13px!important}}
/* WhatsApp field icon = uploaded glyph, masked to the field-icon tint */
.mt-wa-ico{display:block;width:24px;height:24px;background:#DCE3FF;-webkit-mask:url("assets/icon-whatsapp-outline.webp") center/contain no-repeat;mask:url("assets/icon-whatsapp-outline.webp") center/contain no-repeat}
@media (max-width:600px){.mt-wa-ico{width:22px;height:22px}}
/* button sits at the same gap as the fields (flex gap only) */
.mt-body .mt-btn{margin-top:0!important}
.mt-wa-ico{width:21px!important;height:21px!important}
@media (max-width:600px){.mt-wa-ico{width:19px!important;height:19px!important}}
/* 1.5px inner white stroke, screen-blended over the blue */
.mt-btn,.topbar__cta .btn[data-mt-waitlist]{position:relative}
.mt-btn::after,.topbar__cta .btn[data-mt-waitlist]::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,0.18);mix-blend-mode:screen;display:block!important}
/* field glyphs a touch smaller */
.mt-field .lg-field__icon svg{width:23px!important;height:23px!important}
.mt-wa-ico{width:19px!important;height:19px!important}
@media (max-width:600px){.mt-field .lg-field__icon svg{width:21px!important;height:21px!important}.mt-wa-ico{width:17px!important;height:17px!important}}
/* status badge = field icon tile style; pulsing dot in the button blue */
.mt-status{background:rgba(150,170,255,0.22)!important;border:1px solid rgba(183,194,251,0.34)!important;border-radius:12px!important}
.mt-status i{background:var(--ag-blue)!important;box-shadow:0 0 0 0 rgba(0,75,222,.6);animation:mtPulseBlue 2s ease-out infinite!important}
@keyframes mtPulseBlue{0%{box-shadow:0 0 0 0 rgba(0,75,222,.6)}70%{box-shadow:0 0 0 9px rgba(0,75,222,0)}100%{box-shadow:0 0 0 0 rgba(0,75,222,0)}}
@media (prefers-reduced-motion:reduce){.mt-status i{animation:none!important}}
/* badge back to a pill; brighter blue pulsing dot */
.mt-status{border-radius:999px!important}
.mt-status i{background:#A3C0FF!important;animation:mtPulseLight 2s ease-out infinite!important}
@keyframes mtPulseLight{0%{box-shadow:0 0 0 0 rgba(163,192,255,.65)}70%{box-shadow:0 0 0 9px rgba(163,192,255,0)}100%{box-shadow:0 0 0 0 rgba(163,192,255,0)}}
@media (prefers-reduced-motion:reduce){.mt-status i{animation:none!important}}
/* looping sheen across the status pill (same sweep as the Parcerias hero badge) */
.mt-status{position:relative;overflow:hidden;isolation:isolate}
.mt-status::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background-image:linear-gradient(104deg,transparent 34%,rgba(255,255,255,.12) 44%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.12) 56%,transparent 66%);
  background-repeat:no-repeat;background-size:230% 100%;animation:mtSheen 6.5s cubic-bezier(.42,0,.58,1) infinite}
@keyframes mtSheen{0%{background-position:160% 50%}38%,100%{background-position:-60% 50%}}
@media (prefers-reduced-motion:reduce){.mt-status::after{animation:none;opacity:0}}
/* field labels: shifted from lavender-blue to a deeper royal blue (closer to the buttons) */
.mt-field{background:rgba(255,255,255,0.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.10)}
.mt-field:focus-within{box-shadow:inset 0 0 0 1px rgba(118,150,255,0.55),0 0 0 2px rgba(0,75,222,.35)!important}
.mt-field .lg-field__icon{background:rgba(47,84,224,0.38)!important;border:1px solid rgba(118,150,255,0.45)!important}
.mt-field .lg-field__icon svg{stroke:#E3EAFF}
.mt-wa-ico{background:#E3EAFF!important}
.mt-field input::placeholder{color:#9AA9D8}
.mt-select select:invalid{color:#9AA9D8}
/* Kyon blue (#0064FF family) instead of the violet-leaning lavender */
.mt-field .lg-field__icon{background:rgba(0,100,255,0.30)!important;border:1px solid rgba(64,140,255,0.48)!important}
.mt-field .lg-field__icon svg{stroke:#DDEBFF}
.mt-wa-ico{background:#DDEBFF!important}
.mt-field input::placeholder{color:#8EA5CC}
.mt-select select:invalid{color:#8EA5CC}
.mt-field:focus-within{box-shadow:inset 0 0 0 1px rgba(64,140,255,0.6),0 0 0 2px rgba(0,100,255,.35)!important}
.mt-status{background:rgba(0,100,255,0.22)!important;border-color:rgba(64,140,255,0.42)!important;color:#CFE2FF!important}
/* soft radial light inside the field icon tiles */
.mt-field .lg-field__icon{background:radial-gradient(120% 120% at 30% 22%,rgba(120,185,255,0.55) 0%,rgba(40,130,255,0.34) 42%,rgba(0,100,255,0.26) 100%)!important}
/* loop: opacity is driven per-frame by JS; the incoming copy sits on top */
.mt-iconwrap .mt-icon{opacity:var(--o,0)!important;transition:none!important;z-index:0}
.mt-iconwrap .mt-icon.is-top{z-index:1}
/* fields: no outline (tiles keep theirs); focus ring only on focus */
.mt-field{box-shadow:none!important}
.mt-field:focus-within{box-shadow:0 0 0 2px rgba(0,100,255,.35)!important}
/* ── submit = "Começar"-style pill, in Kyon Agents colours ──
   deep navy body, Kyon-blue glow rising from the bottom, faint star specks,
   glass rim outside + thin light rim inside, glossy white arrow knob on the right */
.mt-btn--fancy{position:relative;overflow:hidden;isolation:isolate;height:62px!important;padding:0 6px 0 26px!important;
  display:flex!important;align-items:center;justify-content:space-between;gap:12px;
  border:0!important;border-radius:999px!important;color:#fff!important;font-size:17px!important;font-weight:500!important;letter-spacing:-0.005em;
  background:
    radial-gradient(130% 150% at 50% 128%,rgba(140,190,255,.95) 0%,rgba(30,120,255,.78) 24%,rgba(0,70,200,.42) 46%,rgba(0,30,110,.12) 64%,transparent 76%),
    linear-gradient(180deg,#01040f 0%,#020818 55%,#041034 100%)!important;
  box-shadow:0 0 0 6px rgba(170,195,255,.12),0 0 0 7px rgba(255,255,255,.06),inset 0 0 0 1.5px rgba(255,255,255,.34),0 14px 34px rgba(0,60,210,.32)!important;
  transition:box-shadow .3s ease,filter .3s ease}
.mt-btn--fancy::after{display:none!important}
.mt-btn--fancy::before{content:"";position:absolute;inset:-20% -10%;z-index:-1;pointer-events:none;opacity:.85;
  background:
    radial-gradient(1.6px 1.6px at 9% 32%,rgba(255,255,255,.75),transparent 70%),
    radial-gradient(1.2px 1.2px at 21% 64%,rgba(255,255,255,.55),transparent 70%),
    radial-gradient(2.4px 2.4px at 33% 38%,rgba(190,215,255,.55),transparent 70%),
    radial-gradient(1.2px 1.2px at 44% 70%,rgba(255,255,255,.5),transparent 70%),
    radial-gradient(1.6px 1.6px at 52% 28%,rgba(255,255,255,.6),transparent 70%),
    radial-gradient(3px 3px at 61% 46%,rgba(170,200,255,.45),transparent 70%),
    radial-gradient(1.2px 1.2px at 70% 66%,rgba(255,255,255,.55),transparent 70%),
    radial-gradient(1.8px 1.8px at 79% 34%,rgba(255,255,255,.6),transparent 70%),
    radial-gradient(2.6px 2.6px at 86% 72%,rgba(180,210,255,.5),transparent 70%);
  animation:mtSpecks 14s linear infinite alternate}
@keyframes mtSpecks{0%{transform:translate3d(-2%,0,0)}100%{transform:translate3d(2%,-6%,0)}}
.mt-btn__label{position:relative}
.mt-btn__go{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:#071838;
  background:radial-gradient(circle at 34% 28%,#ffffff 0%,#f1f4fb 42%,#cfd8ec 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -3px 6px rgba(7,24,56,.18),0 4px 12px rgba(0,0,0,.38);
  transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.mt-btn__go svg{width:22px;height:22px}
.mt-btn--fancy:hover{filter:brightness(1.08);box-shadow:0 0 0 6px rgba(170,195,255,.18),0 0 0 7px rgba(255,255,255,.08),inset 0 0 0 1.5px rgba(255,255,255,.44),0 16px 40px rgba(0,80,255,.42)!important}
.mt-btn--fancy:hover .mt-btn__go{transform:translateX(3px)}
.mt-btn--fancy:active{filter:brightness(.98)}
.mt-btn--fancy:focus-visible{outline:none;box-shadow:0 0 0 6px rgba(120,170,255,.45),inset 0 0 0 1.5px rgba(255,255,255,.5)!important}
@media (max-width:600px){.mt-btn--fancy{height:58px!important;padding-left:22px!important;font-size:16.5px!important}.mt-btn__go{width:46px;height:46px}}
@media (prefers-reduced-motion:reduce){.mt-btn--fancy::before{animation:none}}
.mt-body .mt-btn--fancy{margin-top:8px!important}
/* particles rise bottom → top in a seamless loop (two depths, fade in at the bottom, out at the top) */
.mt-btn--fancy::before{inset:0!important;transform:none!important;opacity:1!important;
  background-image:
    radial-gradient(1.3px 1.3px at 8% 40%,rgba(255,255,255,.8),transparent 70%),
    radial-gradient(1.1px 1.1px at 23% 80%,rgba(255,255,255,.6),transparent 70%),
    radial-gradient(1.4px 1.4px at 41% 20%,rgba(220,235,255,.75),transparent 70%),
    radial-gradient(1.1px 1.1px at 57% 65%,rgba(255,255,255,.6),transparent 70%),
    radial-gradient(1.3px 1.3px at 72% 30%,rgba(255,255,255,.7),transparent 70%),
    radial-gradient(1.1px 1.1px at 88% 75%,rgba(255,255,255,.55),transparent 70%),
    radial-gradient(2.6px 2.6px at 15% 55%,rgba(170,205,255,.5),transparent 70%),
    radial-gradient(3px 3px at 34% 15%,rgba(150,190,255,.42),transparent 70%),
    radial-gradient(2.4px 2.4px at 63% 85%,rgba(180,210,255,.48),transparent 70%),
    radial-gradient(2.8px 2.8px at 81% 45%,rgba(160,200,255,.45),transparent 70%)!important;
  background-repeat:repeat!important;
  background-size:100% 62px,100% 62px,100% 62px,100% 62px,100% 62px,100% 62px,100% 93px,100% 93px,100% 93px,100% 93px!important;
  -webkit-mask-image:linear-gradient(to top,transparent 0%,#000 30%,#000 62%,transparent 100%);
  mask-image:linear-gradient(to top,transparent 0%,#000 30%,#000 62%,transparent 100%);
  animation:mtRise 7s linear infinite!important}
@keyframes mtRise{
  0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}
  100%{background-position:0 -62px,0 -62px,0 -62px,0 -62px,0 -62px,0 -62px,0 -93px,0 -93px,0 -93px,0 -93px}}
@media (prefers-reduced-motion:reduce){.mt-btn--fancy::before{animation:none!important}}
/* lighter navy body, brighter glow, no thin inner rim */
.mt-btn--fancy{background:
    radial-gradient(130% 150% at 50% 128%,rgba(200,225,255,1) 0%,rgba(90,165,255,.92) 22%,rgba(20,110,255,.62) 44%,rgba(0,70,210,.22) 62%,transparent 76%),
    linear-gradient(180deg,#071a4a 0%,#0a2462 55%,#0d2f7c 100%)!important;
  box-shadow:0 0 0 6px rgba(170,195,255,.12),0 0 0 7px rgba(255,255,255,.06),0 14px 34px rgba(0,60,210,.32)!important}
.mt-btn--fancy:hover{box-shadow:0 0 0 6px rgba(170,195,255,.18),0 0 0 7px rgba(255,255,255,.08),0 16px 40px rgba(0,80,255,.42)!important}
.mt-btn--fancy:focus-visible{box-shadow:0 0 0 6px rgba(120,170,255,.45)!important}
/* header CTA hover: white pill, navy text + icon */
.topbar__cta .btn[data-mt-waitlist]{transition:background .18s ease,color .18s ease}
.topbar__cta .btn[data-mt-waitlist]:hover{background:#fff!important;color:#071838!important}
.topbar__cta .btn[data-mt-waitlist]:hover::after{opacity:0}
.topbar__cta .btn[data-mt-waitlist]:hover::before{display:none!important}
/* ── confirmation pop-up: header glass, fancy CTA with WhatsApp knob ── */
.mt-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px}
.mt-modal[hidden]{display:none}
.mt-modal__scrim{position:absolute;inset:0;background:rgba(1,4,15,0.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}
.mt-modal__card{position:relative;width:min(480px,100%);padding:34px 32px 30px;border-radius:32px;color:var(--ag-text);text-align:left;
  background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(10px) saturate(150%) brightness(1.05);backdrop-filter:blur(10px) saturate(150%) brightness(1.05);
  border:0.5px solid rgba(255,255,255,0.08);
  box-shadow:inset 0 0.5px 0.5px rgba(255,255,255,0.20),inset 0 -0.5px 0.5px rgba(255,255,255,0.07),inset 0.5px 0 0.5px rgba(255,255,255,0.05),inset -0.5px 0 0.5px rgba(255,255,255,0.05),0 6px 20px rgba(0,0,0,0.015);
  clip-path:inset(0 round 32px);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .32s ease,transform .38s cubic-bezier(.2,.7,.2,1)}
.mt-modal.is-open .mt-modal__scrim{opacity:1}
.mt-modal.is-open .mt-modal__card{opacity:1;transform:none}
.mt-modal__x{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:rgba(255,255,255,0.06);color:#fff;cursor:pointer;transition:background .15s}
.mt-modal__x:hover{background:rgba(255,255,255,0.14)}
.mt-modal__x svg{width:17px;height:17px}
.mt-modal__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin:0 0 20px;color:#DDEBFF;
  background:radial-gradient(120% 120% at 30% 22%,rgba(120,185,255,0.55) 0%,rgba(40,130,255,0.34) 42%,rgba(0,100,255,0.26) 100%);border:1px solid rgba(64,140,255,0.48)}
.mt-modal__ico svg{width:22px;height:22px}
.mt-modal__title{margin:0;padding-right:36px;font-size:27px;font-weight:600;line-height:1.2;letter-spacing:-0.015em;color:#fff}
.mt-modal__txt{margin:12px 0 0;font-size:17px;line-height:1.6;color:#B6BEDB;text-wrap:pretty}
.mt-modal__cta{margin-top:26px!important;text-decoration:none}
.mt-modal__wa{display:block;width:22px;height:22px;background:#071838;-webkit-mask:url("assets/icon-whatsapp-outline.webp") center/contain no-repeat;mask:url("assets/icon-whatsapp-outline.webp") center/contain no-repeat}
@media (max-width:600px){
  .mt-modal{align-items:end;padding:16px}
  .mt-modal__card{padding:28px 22px 22px;border-radius:28px;clip-path:inset(0 round 28px)}
  .mt-modal__title{font-size:23px}
  .mt-modal__txt{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.mt-modal__scrim,.mt-modal__card{transition:none}}
/* arrow / WhatsApp knob = header CTA blue (#2E5BFF), white glyph */
.mt-btn__go{background:radial-gradient(circle at 34% 28%,#5C80FF 0%,#2E5BFF 52%,#2147D6 100%)!important;color:#fff!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -3px 6px rgba(0,20,90,.28),0 4px 12px rgba(0,0,0,.38)!important}
.mt-modal__wa{background:#fff!important}
/* brighter particles */
.mt-btn--fancy::before{background-image:
    radial-gradient(1.5px 1.5px at 8% 40%,rgba(255,255,255,1),transparent 75%),
    radial-gradient(1.3px 1.3px at 23% 80%,rgba(255,255,255,.95),transparent 75%),
    radial-gradient(1.6px 1.6px at 41% 20%,rgba(235,244,255,1),transparent 75%),
    radial-gradient(1.3px 1.3px at 57% 65%,rgba(255,255,255,.95),transparent 75%),
    radial-gradient(1.5px 1.5px at 72% 30%,rgba(255,255,255,1),transparent 75%),
    radial-gradient(1.3px 1.3px at 88% 75%,rgba(255,255,255,.9),transparent 75%),
    radial-gradient(2.8px 2.8px at 15% 55%,rgba(200,225,255,.85),transparent 72%),
    radial-gradient(3.2px 3.2px at 34% 15%,rgba(185,215,255,.78),transparent 72%),
    radial-gradient(2.6px 2.6px at 63% 85%,rgba(205,228,255,.82),transparent 72%),
    radial-gradient(3px 3px at 81% 45%,rgba(190,220,255,.8),transparent 72%)!important;
  -webkit-mask-image:linear-gradient(to top,transparent 0%,#000 22%,#000 70%,transparent 100%);
  mask-image:linear-gradient(to top,transparent 0%,#000 22%,#000 70%,transparent 100%)}
/* longer rest between sheen passes (same ~2.5s sweep, now every 9s) */
.mt-status::after{animation:mtSheen2 9s cubic-bezier(.42,0,.58,1) infinite!important}
@keyframes mtSheen2{0%{background-position:160% 50%}28%,100%{background-position:-60% 50%}}
@media (prefers-reduced-motion:reduce){.mt-status::after{animation:none!important}}
/* outer glass rim a touch more transparent */
.mt-btn--fancy{box-shadow:0 0 0 6px rgba(170,195,255,.07),0 0 0 7px rgba(255,255,255,.035),0 14px 34px rgba(0,60,210,.32)!important}
.mt-btn--fancy:hover{box-shadow:0 0 0 6px rgba(170,195,255,.11),0 0 0 7px rgba(255,255,255,.05),0 16px 40px rgba(0,80,255,.42)!important}
/* status sheen: slower sweep (~4s), longer rest (every 13s) */
.mt-status::after{animation:mtSheen3 13s cubic-bezier(.42,0,.58,1) infinite!important}
@keyframes mtSheen3{0%{background-position:160% 50%}31%,100%{background-position:-60% 50%}}
@media (prefers-reduced-motion:reduce){.mt-status::after{animation:none!important}}
/* knob = the "Kyon Agents" title gradient (white → #c8d5ff → #6E8AFF), navy glyph */
.mt-btn__go{background:linear-gradient(180deg,#ffffff 0%,#c8d5ff 60%,#6E8AFF 100%)!important;color:#071838!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -3px 6px rgba(20,40,140,.22),0 4px 12px rgba(0,0,0,.38)!important}
.mt-modal__wa{background:#071838!important}
/* hover: brighter, but the glow stays tight so the card's rounded clip never cuts it */
.mt-btn--fancy:hover{filter:brightness(1.16) saturate(1.06)!important;
  box-shadow:0 0 0 6px rgba(170,195,255,.11),0 0 0 7px rgba(255,255,255,.05),0 8px 22px rgba(30,110,255,.5)!important}
/* pop-up: a bit more blur, a touch lighter, Kyon Agents logo on top, WhatsApp glyph nudged right */
.mt-modal__card{background:rgba(255,255,255,0.09)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%) brightness(1.1)!important;backdrop-filter:blur(18px) saturate(150%) brightness(1.1)!important}
.mt-modal__logo{display:block;height:28px;width:auto;margin:0 0 22px}
.mt-modal__wa{transform:translateX(1.5px)}
@media (max-width:600px){.mt-modal__logo{height:25px;margin-bottom:18px}}
/* inline success: divider above the check, body copy in white */
.mt-ok{border-top:1px solid rgba(255,255,255,0.12);margin-top:6px;padding-top:30px!important}
.mt-ok p{color:#fff!important}