/* ROMVI 24.14.67 — visual system unification patch.
   Visual-only: no functional selectors, handlers, navigation or product logic are changed. */
:root{
  --romvi-bg:#030815;
  --romvi-surface:#081225;
  --romvi-surface-2:#0d1a31;
  --romvi-surface-3:#12203a;
  --romvi-text:#f2f7ff;
  --romvi-muted:#9bacc5;
  --romvi-subtle:#6f829d;
  --romvi-cyan:#22d3df;
  --romvi-blue:#4f8cff;
  --romvi-violet:#b65cff;
  --romvi-green:#5ee3b0;
  --romvi-danger:#ff8e9b;
  --romvi-warning:#ffd48a;
  --romvi-line:rgba(136,197,255,.11);
  --romvi-line-hover:rgba(136,197,255,.22);
  --romvi-line-selected:rgba(34,211,223,.35);
  --romvi-gradient:linear-gradient(115deg,var(--romvi-cyan),var(--romvi-blue) 52%,var(--romvi-violet));
  --romvi-r-xs:8px;
  --romvi-r-sm:12px;
  --romvi-r-md:16px;
  --romvi-r-lg:22px;
  --romvi-r-xl:28px;
  --romvi-shadow-card:0 12px 36px rgba(0,0,0,.16);
  --romvi-shadow-hero:0 24px 72px rgba(0,0,0,.28);
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(760px 520px at 88% 2%,rgba(64,99,255,.20),transparent 68%),
    radial-gradient(620px 560px at 0 50%,rgba(22,197,218,.08),transparent 70%),
    var(--romvi-bg)!important;
  color:var(--romvi-text);
}
::selection{background:rgba(79,140,255,.28);color:#fff}
:where(a,button,input,textarea,select):focus-visible{
  outline:2px solid rgba(34,211,223,.72)!important;
  outline-offset:3px!important;
}

.wrap{max-width:1180px!important;padding-left:24px!important;padding-right:24px!important}
.site-nav{height:72px!important}
.site-nav .logo{letter-spacing:.12em!important}
.site-nav .top-open{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--romvi-r-sm)!important;padding:0 17px!important}

.hero{min-height:650px!important;padding-top:76px!important;padding-bottom:72px!important}
.hero .orb{opacity:.56!important}
.hero-logo-wrap{width:96px!important;height:96px!important;border-radius:26px!important}
.hero h1{font-size:clamp(54px,7vw,82px)!important;line-height:.96!important;letter-spacing:-.055em!important;max-width:980px;margin-left:auto!important;margin-right:auto!important}
.hero p{max-width:650px!important;font-size:18px!important;line-height:1.65!important;color:var(--romvi-muted)!important}
.badge{border-color:var(--romvi-line)!important;background:rgba(8,27,49,.50)!important;color:#91e9ef!important}
.actions{gap:10px!important;margin-top:28px!important}
.primary,.secondary,.top-open,.price a,.download-actions a,.download-actions button{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:var(--romvi-r-sm)!important;
  padding:0 20px!important;
}
.primary,.top-open,.price.featured a{background:var(--romvi-gradient)!important;color:#04101e!important;box-shadow:0 10px 28px rgba(73,113,255,.18)!important}
.secondary{border:1px solid var(--romvi-line)!important;background:rgba(255,255,255,.03)!important;color:var(--romvi-text)!important;box-shadow:none!important}
.secondary:hover{border-color:var(--romvi-line-hover)!important;background:rgba(255,255,255,.05)!important}

.chat{
  margin-top:54px!important;
  border-radius:24px!important;
  border-color:var(--romvi-line)!important;
  background:linear-gradient(150deg,rgba(13,31,59,.76),rgba(6,14,29,.78))!important;
  box-shadow:var(--romvi-shadow-hero)!important;
}
.chat:hover{box-shadow:0 26px 78px rgba(0,0,0,.30)!important;border-color:var(--romvi-line-hover)!important}
.chatbar{padding:16px 18px!important;border-color:var(--romvi-line)!important}
.msg.ai{border-color:var(--romvi-line)!important;background:rgba(8,22,43,.72)!important}
.msg.user{background:linear-gradient(125deg,rgba(34,211,223,.16),rgba(79,140,255,.22))!important}

section:not(.hero){padding-top:96px!important;padding-bottom:96px!important}
.kairo-modes{padding-top:96px!important;padding-bottom:96px!important}
.grid,.pricing,.memory,.mode-grid-premium{gap:16px!important;margin-top:36px!important}
.card,.panel,.price,.mode-premium,.download-card,.account-card{
  border-color:var(--romvi-line)!important;
  border-radius:var(--romvi-r-lg)!important;
  background:linear-gradient(150deg,rgba(13,31,59,.72),rgba(6,14,29,.72))!important;
  box-shadow:var(--romvi-shadow-card)!important;
}
.card,.panel,.price{padding:24px!important}
.card:hover,.panel:hover,.price:hover,.mode-premium:hover{border-color:var(--romvi-line-hover)!important;box-shadow:0 15px 42px rgba(0,0,0,.19)!important}
.card h3,.mode-premium h3,.price h3{font-family:Manrope,Inter,sans-serif!important;letter-spacing:-.025em!important}
.card p,.mode-premium p,.price ul,.sub{color:var(--romvi-muted)!important;line-height:1.6!important}
.line-icon,.mode-premium i{border-radius:14px!important;border-color:var(--romvi-line)!important;background:rgba(255,255,255,.035)!important}
.mode-premium{padding:24px!important;min-height:254px!important}
.mode-premium h3{font-size:23px!important;margin-top:18px!important}

.price{padding:25px!important}
.price.featured{border-color:rgba(79,140,255,.34)!important;box-shadow:0 18px 56px rgba(24,49,97,.26)!important}
.price a{min-height:46px!important}

.download-card{padding:28px!important;gap:24px!important}
.download-card .sectiontitle{font-size:30px!important}
.account-card{padding:28px!important}
.account-row input{min-height:48px!important;border-radius:var(--romvi-r-sm)!important;border-color:var(--romvi-line-hover)!important;background:rgba(4,14,29,.78)!important}
.account-google,.account-row button{min-height:48px!important;border-radius:var(--romvi-r-sm)!important}

.cta{padding-top:104px!important;padding-bottom:110px!important}
.cta h2{font-size:clamp(38px,5.4vw,62px)!important}
.footer{border-color:rgba(136,197,255,.08)!important;padding-top:30px!important;padding-bottom:30px!important}

html[data-theme="light"] body{
  background:
    radial-gradient(680px 440px at 92% 0,rgba(79,140,255,.10),transparent 70%),
    linear-gradient(180deg,#f8fbfe,#f2f7fb)!important;
  color:#102039!important;
}
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .price,
html[data-theme="light"] .mode-premium,
html[data-theme="light"] .download-card,
html[data-theme="light"] .account-card,
html[data-theme="light"] .chat{
  background:#fff!important;
  border-color:rgba(32,79,130,.10)!important;
  box-shadow:0 12px 34px rgba(35,67,99,.075)!important;
}
html[data-theme="light"] .secondary{background:#fff!important;border-color:rgba(32,79,130,.16)!important;color:#17334d!important}
html[data-theme="light"] .badge{background:#eaf6f8!important;color:#176477!important;border-color:#c7e0e7!important}
html[data-theme="light"] .card p,
html[data-theme="light"] .mode-premium p,
html[data-theme="light"] .price ul,
html[data-theme="light"] .sub,
html[data-theme="light"] .hero p{color:#52677e!important}
html[data-theme="light"] .account-row input{background:#fff!important;border-color:#b8cbd9!important;color:#102039!important}

@media(max-width:800px){
  .wrap{padding-left:16px!important;padding-right:16px!important}
  header.wrap{padding-left:16px!important;padding-right:16px!important}
  .site-nav{height:64px!important}
  .hero{padding-top:52px!important;padding-bottom:58px!important}
  .hero-logo-wrap{width:78px!important;height:78px!important;border-radius:22px!important}
  .hero h1{font-size:clamp(44px,12vw,56px)!important;line-height:.98!important}
  .hero p{font-size:16px!important;line-height:1.6!important}
  .actions{margin-top:24px!important;gap:8px!important}
  section:not(.hero),.kairo-modes{padding-top:72px!important;padding-bottom:72px!important}
  #memory .wrap,#life .wrap,.intelligence-section .wrap,#pricing .wrap{padding-left:16px!important;padding-right:16px!important}
  .chat{margin-top:38px!important;border-radius:22px!important}
  .card,.panel,.price,.mode-premium,.download-card,.account-card{border-radius:20px!important}
  .card,.panel,.price,.mode-premium{padding:20px!important}
  .download-card{padding:22px!important}
  .account-card{padding:22px 18px!important}
  .cta{padding:78px 16px 88px!important}
  .rightmenu{left:12px!important;right:12px!important;bottom:10px!important;border-radius:18px!important}
}

@media(max-width:360px){
  .wrap,header.wrap{padding-left:12px!important;padding-right:12px!important}
  .hero h1{font-size:42px!important}
  .primary,.secondary{padding-left:16px!important;padding-right:16px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}