/* Rayvina Builder 1.5.0 - shared Rayvina dark brand system
   Brand direction: deep green-black surfaces + Rayvina emerald / mint + warm gold accent. */
:root{
  --rv-bg:#050A08;
  --rv-bg-deep:#030705;
  --rv-surface:#0D1714;
  --rv-surface-2:#111E1A;
  --rv-surface-3:#172A24;
  --rv-glass:rgba(13,23,20,.82);
  --rv-text:#F5FBF8;
  --rv-text-soft:#D1DED8;
  --rv-muted:#91A59C;
  --rv-line:rgba(143,166,156,.15);
  --rv-line-strong:rgba(143,166,156,.27);
  --rv-primary:#168E7D;
  --rv-primary-2:#0D6F63;
  --rv-primary-soft:rgba(22,142,125,.16);
  --rv-accent:#45E6AD;
  --rv-accent-2:#1FCB92;
  --rv-accent-soft:rgba(69,230,173,.13);
  --rv-danger:#FF6578;
  --rv-warning:#D4A84F;
  --rv-shadow:0 24px 70px rgba(0,0,0,.32);
  --rv-shadow-soft:0 14px 42px rgba(0,0,0,.22);
  --rv-radius:20px;
  --rv-radius-lg:28px;
  --rv-font:Tahoma,Arial,sans-serif;

  /* Map legacy app tokens to the unified dark system. */
  --bg:var(--rv-bg);
  --surface:var(--rv-surface);
  --surface-2:var(--rv-surface-2);
  --text:var(--rv-text);
  --muted:var(--rv-muted);
  --line:var(--rv-line);
  --primary:var(--rv-primary);
  --primary-2:var(--rv-primary-2);
  --dark:var(--rv-bg-deep);
  --danger:var(--rv-danger);
  --success:var(--rv-accent-2);
  --warning:var(--rv-warning);
  --shadow:var(--rv-shadow);

  /* Map legacy marketing tokens too. */
  --m-bg:var(--rv-bg);
  --m-surface:var(--rv-surface);
  --m-ink:var(--rv-text);
  --m-muted:var(--rv-muted);
  --m-line:var(--rv-line);
  --m-dark:var(--rv-bg-deep);
  --m-dark-2:var(--rv-surface-2);
  --m-green:var(--rv-accent);
  --m-green-2:var(--rv-accent-2);
  --m-primary:var(--rv-primary);
  --m-shadow:var(--rv-shadow);
}

html,body,button,input,select,textarea{font-family:var(--rv-font)!important}
html{background:var(--rv-bg-deep);color-scheme:dark}
body{background:var(--rv-bg);color:var(--rv-text);text-rendering:optimizeLegibility}
::selection{background:rgba(22,142,125,.38);color:#fff}
*{scrollbar-color:#36584D #0B1814;scrollbar-width:thin}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#0B1814}
*::-webkit-scrollbar-thumb{background:#36584D;border:2px solid #0B1814;border-radius:20px}

/* Generic controls */
input,select,textarea{
  background:#0A1813!important;
  color:var(--rv-text)!important;
  border-color:var(--rv-line-strong)!important;
  outline:none;
}
input::placeholder,textarea::placeholder{color:#688A7F!important}
input:focus,select:focus,textarea:focus{border-color:rgba(22,142,125,.74)!important;box-shadow:0 0 0 3px rgba(22,142,125,.13)!important}
code{background:#0A1713;color:#8AE8D8;border:1px solid var(--rv-line);border-radius:8px;padding:2px 6px}

.btn,.mkt-btn{font-weight:700}
.btn.primary,.mkt-btn.primary{
  background:linear-gradient(135deg,var(--rv-primary),#0F6F61)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(22,142,125,.28)!important;
}
.btn.primary:hover,.mkt-btn.primary:hover{background:linear-gradient(135deg,var(--rv-primary-2),var(--rv-primary))!important}
.btn.soft,.btn.ghost,.mkt-btn.secondary,.mkt-btn.outline{
  background:rgba(255,255,255,.035)!important;
  border:1px solid var(--rv-line)!important;
  color:var(--rv-text-soft)!important;
}
.btn.soft:hover,.btn.ghost:hover,.mkt-btn.secondary:hover,.mkt-btn.outline:hover{border-color:rgba(22,142,125,.5)!important;background:var(--rv-primary-soft)!important;color:#fff!important}
.btn.danger-soft{background:rgba(255,101,120,.1)!important;color:#FF8B9A!important;border:1px solid rgba(255,101,120,.18)!important}

/* --------------------------------------------------------------------------
   Marketing / public home
   -------------------------------------------------------------------------- */
.marketing-body,.mkt-shell{background:
  radial-gradient(circle at 82% 8%,rgba(22,142,125,.14),transparent 27rem),
  radial-gradient(circle at 8% 35%,rgba(69,230,173,.07),transparent 24rem),
  var(--rv-bg)!important;color:var(--rv-text)!important}
.mkt-header{
  background:rgba(8,18,15,.83)!important;
  border-bottom:1px solid var(--rv-line)!important;
  box-shadow:0 10px 36px rgba(0,0,0,.12);
}
.mkt-brand-copy strong{color:#fff!important}.mkt-brand-copy small{color:#8DAAA0!important}
.mkt-brand-mark,.brand-mark{
  background:linear-gradient(145deg,#1A322A,#0B1814)!important;
  border:1px solid rgba(22,142,125,.35)!important;
  color:#fff!important;
  box-shadow:0 12px 32px rgba(0,0,0,.28)!important;
}
.mkt-brand-mark i{border-color:var(--rv-accent)!important}
.mkt-nav a,.mkt-link-btn{color:#ADC7BE!important}.mkt-nav a:hover,.mkt-link-btn:hover{color:#fff!important}
.mkt-menu,.mobile-menu-btn{background:#11241E!important;border:1px solid var(--rv-line)!important;color:#fff!important}
.hero-section{
  background:
    linear-gradient(180deg,rgba(8,18,15,.3),rgba(8,18,15,.96)),
    radial-gradient(circle at 68% 17%,rgba(22,142,125,.21),transparent 31rem),
    radial-gradient(circle at 20% 72%,rgba(69,230,173,.09),transparent 24rem),
    var(--rv-bg)!important;
}
.hero-orb{opacity:.65;filter:blur(2px)}
.hero-copy h1,.section-heading h2,.workflow-copy h2,.ecosystem-copy h2,.faq-intro h2,.cta-card h2{color:#fff!important}
.hero-copy h1 span{color:var(--rv-accent)!important;text-shadow:0 0 28px rgba(69,230,173,.12)}
.hero-lead,.section-heading p,.workflow-copy p,.ecosystem-copy p,.faq-intro p,.pricing-note{color:var(--rv-muted)!important}
.ecosystem-pill{
  color:#9FF4D3!important;background:rgba(69,230,173,.075)!important;
  border:1px solid rgba(69,230,173,.24)!important
}
.pulse{background:var(--rv-accent)!important;box-shadow:0 0 0 6px rgba(69,230,173,.1)!important}
.hero-proof{border-top:1px solid var(--rv-line)!important}.hero-proof strong{color:#fff!important}.hero-proof span{color:var(--rv-muted)!important}
.product-glow{background:radial-gradient(circle,rgba(22,142,125,.3),rgba(69,230,173,.09) 42%,transparent 70%)!important}
.editor-window,.showcase-browser,.template-window{
  background:#0B1814!important;border-color:var(--rv-line-strong)!important;box-shadow:0 32px 80px rgba(0,0,0,.38)!important
}
.editor-top,.browser-bar{background:#122720!important;border-color:var(--rv-line)!important}
.editor-title,.editor-title span{color:#8FAEA4!important}.editor-title b{color:#fff!important}.publish-pill{background:var(--rv-primary)!important}
.editor-rail{background:#08120F!important}.editor-left,.editor-right{background:#0E1E19!important;color:#AAC3BB!important;border-color:var(--rv-line)!important}
.editor-canvas{background:#1A3029!important}.canvas-topline{color:#9CB8AF!important}.site-preview{background:linear-gradient(160deg,#112720,#0B1A15)!important;color:#fff!important;border:1px solid var(--rv-line)!important}
.site-preview .preview-tag{color:#9EF2D1!important}.site-preview p{color:#99B7AD!important}.site-preview button{background:var(--rv-primary)!important;color:#fff!important}
.preview-cards i,.mini-grid i,.mini-block,.control-row i,.slider-row,.color-row span{background:#203B32!important;border-color:var(--rv-line)!important}
.color-row i{background:var(--rv-primary)!important}.floating-card{background:rgba(14,29,24,.94)!important;border:1px solid var(--rv-line)!important;color:#fff!important;box-shadow:var(--rv-shadow-soft)!important}.floating-card small{color:#90AFA5!important}.float-status>span{color:var(--rv-accent)!important}
.trust-strip{background:#0A1713!important;border-color:var(--rv-line)!important}.trust-inner span{color:#AAC4BB!important;border-color:var(--rv-line)!important}
.mkt-section,.business-section,.templates-section,.plans-section,.faq-section{background:transparent!important}
.section-kicker{color:#55D5BF!important}.section-kicker.light{color:#9AF3D0!important}
.feature-card,.business-card,.showcase-card,.pricing-card,.faq-list details{
  background:linear-gradient(180deg,rgba(18,39,32,.94),rgba(13,28,23,.94))!important;
  border:1px solid var(--rv-line)!important;
  color:var(--rv-text)!important;
  box-shadow:0 16px 46px rgba(0,0,0,.14)!important;
}
.feature-card:hover,.business-card:hover,.showcase-card:hover,.pricing-card:hover{border-color:rgba(22,142,125,.43)!important;transform:translateY(-3px)}
.feature-no,.showcase-info small,.pricing-head small{color:#49BFA9!important}
.feature-icon{background:var(--rv-primary-soft)!important;border-color:rgba(22,142,125,.27)!important}.feature-icon i{background:var(--rv-primary)!important}.feature-card h3,.business-card h3,.showcase-info h3,.pricing-card h3{color:#fff!important}.feature-card p,.business-card p,.showcase-info span,.pricing-head p{color:var(--rv-muted)!important}.feature-line{background:linear-gradient(90deg,var(--rv-primary),transparent)!important}
.business-icon{background:var(--rv-accent-soft)!important;color:var(--rv-accent)!important;border-color:rgba(69,230,173,.2)!important}.business-arrow{color:#75988C!important}
.browser-page{background:#0C1C17!important}.browser-nav span,.browser-nav em,.browser-blocks i{background:#203B32!important}.browser-hero{background:linear-gradient(140deg,color-mix(in srgb,var(--template-accent) 18%,#0E201A),#0B1814)!important;border-color:color-mix(in srgb,var(--template-accent) 35%,transparent)!important}.browser-hero small{color:#9CB8AF!important}.browser-hero strong{color:#fff!important}.browser-hero span{background:var(--template-accent)!important}
.text-link{color:#55D5BF!important}.text-link:hover{color:#8AE8D8!important}
.workflow-section{
  background:linear-gradient(135deg,#0A1713,#122A22 52%,#0B1617)!important;
  border-block:1px solid var(--rv-line)!important
}
.workflow-list article{background:rgba(255,255,255,.025)!important;border-color:var(--rv-line)!important}.workflow-list article>span{color:var(--rv-accent)!important}.workflow-list h3{color:#fff!important}.workflow-list p{color:var(--rv-muted)!important}
.mkt-btn.light{background:#F0FAF7!important;color:#10201B!important}.mkt-btn.dark{background:#152B24!important;color:#fff!important;border:1px solid var(--rv-line)!important}
.ecosystem-section{background:radial-gradient(circle at 75% 45%,rgba(22,142,125,.10),transparent 28rem)!important}
.eco-center{background:linear-gradient(145deg,var(--rv-primary),#0F6F61)!important;color:#fff!important;box-shadow:0 20px 50px rgba(22,142,125,.25)!important}.eco-node{background:#11251E!important;color:#fff!important;border-color:var(--rv-line)!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important}.eco-node small{color:var(--rv-muted)!important}.ecosystem-map svg path{stroke:rgba(22,142,125,.42)!important}
.pricing-card.popular{border-color:rgba(22,142,125,.70)!important;box-shadow:0 0 0 1px rgba(22,142,125,.22),0 24px 60px rgba(0,0,0,.25)!important}.popular-badge{background:linear-gradient(90deg,var(--rv-primary),#0F6F61)!important;color:#fff!important}.pricing-price strong{color:#fff!important}.pricing-price span{color:#A8C1B9!important}.pricing-card li{color:#C7DAD4!important}.pricing-card li i{color:var(--rv-accent)!important}
.faq-list summary{color:#fff!important}.faq-list p{color:var(--rv-muted)!important}.faq-list summary span{color:#55D5BF!important}
.final-cta{background:transparent!important}.cta-card{background:linear-gradient(130deg,#112A24 0%,#112720 54%,#0D1B19 100%)!important;border:1px solid rgba(22,142,125,.28)!important;box-shadow:var(--rv-shadow)!important}.cta-card p{color:#ADC4BC!important}.cta-actions>a:not(.mkt-btn){color:#B7E9DC!important}
.mkt-footer{background:#060D0B!important;border-top:1px solid var(--rv-line)!important;color:#A1BBB2!important}.mkt-footer h4{color:#fff!important}.mkt-footer a{color:#AAC2BA!important}.mkt-footer a:hover{color:#fff!important}.footer-bottom{border-top:1px solid var(--rv-line)!important;color:#75978C!important}

/* --------------------------------------------------------------------------
   Application shell / dashboard / auth / admin / billing
   -------------------------------------------------------------------------- */
.app-body{background:
  radial-gradient(circle at 92% 0,rgba(22,142,125,.11),transparent 27rem),
  radial-gradient(circle at 7% 30%,rgba(69,230,173,.045),transparent 22rem),
  var(--rv-bg)!important;color:var(--rv-text)!important}
.app-header{background:rgba(8,18,15,.86)!important;border-color:var(--rv-line)!important;box-shadow:0 10px 32px rgba(0,0,0,.13)!important}
.brand b{color:#fff!important}.brand small{color:#85A198!important}.app-nav a{color:#AFC6BE!important}.app-nav a:hover{color:#fff!important}.user-chip{background:#132821!important;color:#C7DAD4!important;border:1px solid var(--rv-line)!important}
.app-shell{color:var(--rv-text)}
.page-heading h1,.section-title h2,.modal-head h2,.auth-card h1,.admin-card h2,.admin-card h3{color:#fff!important}.page-heading p,.section-title p,.auth-card>p,.admin-card p{color:var(--rv-muted)!important}.eyebrow{color:#8DFFE2!important}.eyebrow.light{color:#A7F2D5!important}
.stats-grid article,.site-card,.template-card,.empty-state,.workspace-plan-strip,.billing-current>div,.plan-card,.admin-card,.table-wrap,.notice-card,.auth-card,.modal-card,.selected-template{
  background:linear-gradient(180deg,rgba(18,39,32,.96),rgba(13,28,23,.96))!important;
  border-color:var(--rv-line)!important;
  color:var(--rv-text)!important;
  box-shadow:0 16px 46px rgba(0,0,0,.13)!important
}
.stats-grid article:hover,.site-card:hover,.template-card:hover{border-color:rgba(22,142,125,.42)!important}
.stat-icon{background:var(--rv-primary-soft)!important;color:#A9FFEA!important}.stats-grid span,.site-card small,.template-card small,.workspace-plan-strip span,.billing-current span,.plan-head span,.plan-card p,.plan-card small,.admin-card-head span,.admin-card dt{color:var(--rv-muted)!important}
.site-card h3,.template-card h3,.plan-card h3,.workspace-plan-strip b,.billing-current b,.admin-card dd{color:#fff!important}
.site-cover,.template-preview{background:#0B1914!important;border-color:var(--rv-line)!important}.site-cover:after{background:linear-gradient(180deg,transparent,rgba(5,12,10,.42))!important}
.status-badge,.status-pill{border:1px solid var(--rv-line)!important}.status-badge.published,.status-pill.published{background:var(--rv-accent-soft)!important;color:#8BF1CA!important}.status-badge.draft,.status-pill.draft{background:rgba(247,201,101,.08)!important;color:#F4CE7E!important}
.site-card-links,.site-card-footer,.template-body{border-color:var(--rv-line)!important}.site-card-links a,.new-message{color:#76E0CE!important}.text-danger{color:#FF8494!important}
.empty-state{border-style:dashed!important}.empty-state>span{color:var(--rv-primary-2)!important}
.auth-page{background:var(--rv-bg)!important}.auth-art{background:linear-gradient(145deg,#0B1713,#10211D 57%,#0B1C18)!important}.auth-art:before{background:radial-gradient(circle,rgba(22,142,125,.20),transparent 65%)!important}.auth-art h2{color:#fff!important}.auth-art p{color:#A5BDB5!important}.auth-note,.notice-card{background:#10221C!important;border-color:var(--rv-line)!important;color:#AEC6BE!important}
.alert.success{background:rgba(69,230,173,.08)!important;border-color:rgba(69,230,173,.22)!important;color:#A4F2D6!important}.alert.error,.alert.danger{background:rgba(255,101,120,.08)!important;border-color:rgba(255,101,120,.23)!important;color:#FF9EAA!important}
.plan-card.active{border-color:rgba(22,142,125,.70)!important;box-shadow:0 0 0 2px rgba(22,142,125,.12)!important}.plan-head>b{color:var(--rv-accent)!important}
.admin-nav a{background:#10221C!important;border-color:var(--rv-line)!important;color:#B5CCC4!important}.admin-nav a:hover{background:var(--rv-primary-soft)!important;border-color:rgba(22,142,125,.45)!important;color:#fff!important}
.table-wrap{overflow:auto!important}table{color:#D9E7E2!important}th{background:#0D1F19!important;color:#A8C1B9!important}td,th{border-color:var(--rv-line)!important}tbody tr:hover{background:rgba(22,142,125,.05)!important}
.menu-action{background:#10221C!important;color:#D5E5E0!important;border-color:var(--rv-line)!important}.menu-action:hover{background:var(--rv-primary-soft)!important}
.modal::backdrop{background:rgba(3,7,6,.78)!important;backdrop-filter:blur(7px)}

/* --------------------------------------------------------------------------
   Builder Studio chrome. Canvas content itself keeps site/theme colors.
   -------------------------------------------------------------------------- */
.builder-body{background:#050C0A!important;color:var(--rv-text)!important}
.builder-app{background:#07110E!important}
.builder-topbar{background:rgba(9,21,17,.98)!important;border-color:var(--rv-line)!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important}
.builder-project strong{color:#fff!important}.builder-project small{color:#7F9C92!important}
.icon-btn{background:#122720!important;border-color:var(--rv-line)!important;color:#CADCD6!important}.icon-btn:hover{background:var(--rv-primary-soft)!important;color:#fff!important}
.device-switcher{background:#0B1B16!important;border-color:var(--rv-line)!important}.device-switcher button{color:#7F9C92!important}.device-switcher button.active{background:#19352C!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.22)!important}
.builder-panel{background:#0C1C17!important;border-color:var(--rv-line)!important;color:var(--rv-text)!important}
.panel-tabs{background:#091612!important;border-color:var(--rv-line)!important}.panel-tabs button{color:#82A096!important;border-color:transparent!important}.panel-tabs button.active{color:#fff!important;background:#122821!important;border-color:rgba(22,142,125,.38)!important}
.panel-search,.panel-search input{background:#0A1713!important}.panel-section-head h4,.inspector-head strong{color:#fff!important}.panel-section-head small,.panel-note{color:#809E94!important}
.component-grid button,.quick-blocks>button,.page-list>*,.layer-tree>*,.media-item,.version-item,.upload-box{background:#11251E!important;border-color:var(--rv-line)!important;color:#C8DAD4!important}.component-grid button:hover,.quick-blocks>button:hover,.page-list>*:hover{border-color:rgba(22,142,125,.45)!important;background:var(--rv-primary-soft)!important}.component-grid button i{color:#76E0CE!important}
.builder-stage{background:
  radial-gradient(circle at 50% 16%,rgba(22,142,125,.07),transparent 25rem),
  #07100D!important}
.canvas-shell{background:#11241E!important;border-color:#27443A!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important}.canvas-page-label{background:#11241E!important;color:#AAC5BC!important;border-color:var(--rv-line)!important}.canvas{background:#fff;color:#17231F}
.inspector-head{background:#0B1B16!important;border-color:var(--rv-line)!important}.inspector-scroll label{color:#9CB8AF!important}.inspector-section{border-color:var(--rv-line)!important}
.mobile-builder-nav{background:rgba(9,21,17,.96)!important;border-color:var(--rv-line)!important}.mobile-builder-nav button{color:#8DAAA0!important}.mobile-builder-nav i{color:#76E0CE!important}.mobile-builder-nav button.active{color:#fff!important}
.stage-toolbar-mobile{background:rgba(12,28,23,.94)!important;border-color:var(--rv-line)!important}.sheet-backdrop{background:rgba(0,0,0,.68)!important}.sheet-handle{background:#395A4F!important}.selection-toolbar{background:#0B1814!important;border:1px solid var(--rv-line)!important}.toast{background:#11251E!important;color:#fff!important;border:1px solid var(--rv-line)!important;box-shadow:var(--rv-shadow-soft)!important}

/* --------------------------------------------------------------------------
   Responsive hardening
   -------------------------------------------------------------------------- */
img,svg,video,canvas{max-width:100%;height:auto}
.mkt-shell,.app-body,.builder-body{max-width:100%;overflow-x:hidden}
.mkt-container,.app-shell{min-width:0}
.hero-grid>* ,.workflow-grid>* ,.ecosystem-grid>* ,.faq-grid>* ,.feature-grid>* ,.business-grid>* ,.template-showcase>* ,.pricing-grid>* ,.site-grid>* ,.template-grid>*{min-width:0}

@media (max-width:1050px){
  .mkt-header-actions{margin-right:auto}
  .hero-grid{grid-template-columns:1fr!important}
  .hero-copy{max-width:760px!important}
  .hero-product{max-width:760px!important;width:100%!important;margin-inline:auto!important}
  .feature-grid,.business-grid,.template-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .workflow-grid,.ecosystem-grid,.faq-grid{grid-template-columns:1fr!important}
  .ecosystem-copy,.faq-intro{max-width:760px}
  .app-shell{padding-inline:22px!important}
}

@media (max-width:780px){
  .mkt-container{width:calc(100% - 28px)!important}
  .mkt-header{height:68px!important}
  .mkt-nav{
    background:rgba(14,29,24,.98)!important;border-color:var(--rv-line)!important;
    box-shadow:var(--rv-shadow)!important;max-height:calc(100dvh - 92px);overflow:auto
  }
  .mkt-nav a:hover{background:var(--rv-primary-soft)!important}
  .hero-section{padding-top:116px!important}
  .hero-copy h1{font-size:clamp(38px,10.5vw,52px)!important;letter-spacing:-1.6px!important;line-height:1.27!important}
  .hero-lead{font-size:14px!important;line-height:2!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .hero-actions .mkt-btn{width:100%!important;min-width:0!important;padding-inline:12px!important}
  .hero-proof{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .editor-window{transform:none!important}
  .editor-body{height:390px!important;grid-template-columns:34px 92px minmax(0,1fr)!important}
  .editor-right{display:none!important}.site-preview{padding:40px 22px!important}
  .section-heading.split{grid-template-columns:1fr!important;gap:18px!important}
  .section-heading h2,.workflow-copy h2,.ecosystem-copy h2,.faq-intro h2,.cta-card h2{font-size:clamp(30px,8vw,40px)!important;line-height:1.35!important}
  .ecosystem-map{max-width:620px;width:100%;margin-inline:auto}
  .cta-card{flex-direction:column!important;align-items:stretch!important;gap:28px!important}
  .cta-actions{align-items:stretch!important}.cta-actions .mkt-btn{width:100%}

  .app-header{padding-inline:16px!important}
  .app-nav{background:#0F211B!important;border-color:var(--rv-line)!important;box-shadow:var(--rv-shadow)!important}
  .page-heading{flex-direction:column!important;align-items:stretch!important;gap:16px!important}
  .page-heading>.btn,.dashboard-heading>.btn{width:100%!important}
  .site-grid,.template-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .form-grid{grid-template-columns:1fr 1fr!important}.integration-grid{grid-template-columns:1fr!important}
}

@media (max-width:640px){
  :root{--rv-radius:16px;--rv-radius-lg:22px}
  .mkt-container{width:calc(100% - 22px)!important}
  .hero-section{padding-top:104px!important;padding-bottom:54px!important}
  .hero-copy h1{font-size:clamp(34px,10.6vw,44px)!important;letter-spacing:-1px!important}
  .hero-copy h1 br{display:none}
  .ecosystem-pill{font-size:9px!important;max-width:100%}
  .hero-actions{grid-template-columns:1fr!important}.hero-actions .mkt-btn{min-height:50px!important}
  .hero-proof{grid-template-columns:1fr 1fr!important;margin-top:26px!important}.hero-proof div:last-child{grid-column:1/-1}
  .hero-product{margin-top:4px!important}.editor-window{border-radius:16px!important}.editor-body{height:320px!important;grid-template-columns:30px minmax(0,1fr)!important}.editor-left{display:none!important}.editor-canvas{padding:7px!important}.site-preview{height:275px!important;padding:34px 18px!important}.site-preview h3{font-size:21px!important}.floating-card{font-size:10px!important}
  .trust-inner{grid-template-columns:1fr 1fr!important}.trust-inner span:last-child{grid-column:1/-1}
  .mkt-section{padding:64px 0!important}
  .feature-grid,.business-grid,.template-showcase,.pricing-grid{grid-template-columns:1fr!important;gap:12px!important}
  .feature-card,.business-card,.showcase-card,.pricing-card{border-radius:18px!important}
  .business-card{min-height:0!important;padding:18px!important}
  .browser-page{height:218px!important}
  .workflow-list article{grid-template-columns:44px minmax(0,1fr)!important;padding:18px 0!important}
  .ecosystem-map{height:330px!important;transform:none!important;overflow:hidden}.eco-node{width:104px!important;padding:9px!important}.eco-node small{font-size:7px!important}.eco-node.n1{right:0!important}.eco-node.n2{left:0!important}.eco-node.n3{left:0!important}.eco-node.n4{right:8%!important}.eco-node.n5{right:0!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}.footer-brand{grid-column:1/-1!important}.footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:5px!important}

  .app-shell{padding:22px 12px 60px!important}.app-header{height:62px!important}.brand-mark{width:36px!important;height:36px!important;border-radius:11px!important}.brand small{font-size:8px!important}.page-heading h1{font-size:clamp(27px,8vw,34px)!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.stats-grid article{padding:13px!important}.site-grid,.template-grid,.plan-grid,.form-grid,.billing-current{grid-template-columns:1fr!important}.admin-nav{display:grid!important;grid-template-columns:1fr 1fr!important}.admin-card{padding:15px!important}.admin-card dl{grid-template-columns:1fr!important}.row-actions{flex-direction:column!important;align-items:stretch!important}.row-actions .btn{width:100%}.modal-card{width:calc(100vw - 22px)!important;max-width:calc(100vw - 22px)!important;padding:18px!important;border-radius:18px!important}.table-wrap{margin-inline:-2px!important}table{min-width:680px!important}

  .builder-app{height:100dvh!important;min-height:100dvh!important}.builder-topbar{height:56px!important}.builder-stage{padding:10px 7px 84px!important}.canvas-shell.desktop{width:1180px!important;max-width:none!important}.canvas-shell.tablet{width:768px!important;max-width:none!important}.canvas-shell.mobile{width:min(390px,100%)!important;max-width:100%!important}.builder-panel{background:#0D1F19!important;border-top:1px solid var(--rv-line)!important}.mobile-builder-nav{height:66px!important}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:420px){
  .mkt-container{width:calc(100% - 18px)!important}.mkt-brand-copy small{display:none}.mkt-brand-mark{width:36px!important;height:36px!important}.hero-copy h1{font-size:32px!important}.hero-lead{font-size:12.5px!important}.hero-proof{grid-template-columns:1fr!important}.hero-proof div:last-child{grid-column:auto}.trust-inner{grid-template-columns:1fr!important}.trust-inner span:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr!important}.footer-brand{grid-column:auto!important}.ecosystem-map{height:300px!important}.eco-center{transform:translate(-50%,-50%) scale(.9)!important}.eco-node{width:94px!important}.stats-grid{grid-template-columns:1fr!important}.admin-nav{grid-template-columns:1fr!important}.workspace-plan-strip{grid-template-columns:1fr!important}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

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

.builder-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:65vh;overflow:auto}.builder-palette-card{font:inherit;text-align:right;border:1px solid var(--rv-line);background:#0D1715;color:#fff;border-radius:14px;padding:11px;cursor:pointer}.builder-palette-card:hover{border-color:rgba(22,142,125,.7)}.builder-palette-card>span{display:grid;grid-template-columns:repeat(4,1fr);height:28px;border-radius:8px;overflow:hidden;margin-bottom:8px}.builder-palette-card i{display:block}.builder-palette-card b,.builder-palette-card small{display:block}.builder-palette-card small{color:var(--rv-muted);font-size:9px;margin-top:4px}@media(max-width:640px){.builder-palette-grid{grid-template-columns:1fr 1fr}}

.font-setting-actions{display:grid;gap:6px}.font-setting-actions small{color:var(--rv-muted);font-size:10px}.google-font-modal .modal-head p{margin:4px 0 0;color:var(--rv-muted);font-size:11px}.builder-google-search{display:flex;gap:10px;align-items:center;margin:10px 0}.builder-google-search input{flex:1}.builder-google-search span{font-size:10px;color:var(--rv-muted)}.builder-google-quick{display:flex;gap:7px;overflow:auto;padding-bottom:10px}.builder-google-quick button{white-space:nowrap;border:1px solid var(--rv-line);background:#0D1715;color:#DCE8E4;border-radius:10px;padding:8px 10px;font:inherit;font-size:10px;cursor:pointer}.builder-google-font-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:52vh;overflow:auto}.builder-google-font-card{display:grid;gap:6px;text-align:right;border:1px solid var(--rv-line);background:#0B1412;color:#fff;border-radius:14px;padding:13px;cursor:pointer}.builder-google-font-card:hover{border-color:var(--rv-primary);background:#0F1D19}.builder-google-font-card span{font-size:8px;color:#65D8C4}.builder-google-font-card strong{font-size:16px}.builder-google-font-card small{font-size:9px;color:var(--rv-muted)}.upgrade-badge{background:#D4A84F!important;color:#06100E!important}.plan-upgrade-form{margin-top:16px}
@media(max-width:800px){.builder-google-font-grid{grid-template-columns:repeat(2,1fr)}.builder-google-search{align-items:stretch;flex-direction:column}}@media(max-width:460px){.builder-google-font-grid{grid-template-columns:1fr}}
.google-more{display:block;margin:18px auto 0;min-width:220px}.google-more[hidden]{display:none}