/* ONIZA — Fluid Pro Edition
   Camada final de fluidez, responsividade e profundidade visual.
   Foco: GPU-friendly (transform/opacity), acessibilidade e mobile-first. */
:root{
  --fp-violet:#9d46ff;
  --fp-violet-2:#6b2cff;
  --fp-lilac:#ddb8ff;
  --fp-ink:#050307;
  --fp-border:rgba(210,157,255,.16);
  --fp-ease:cubic-bezier(.16,1,.3,1);
  --safe-vh:1vh;
}
*{scrollbar-width:thin;scrollbar-color:rgba(154,72,225,.34) rgba(9,5,13,.65)}
*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:rgba(9,5,13,.66)}*::-webkit-scrollbar-thumb{background:linear-gradient(#7f2cff,#be63ff);border-radius:999px;border:2px solid rgba(9,5,13,.9)}
html{scroll-padding-top:88px;overflow-x:clip}
body{overscroll-behavior-y:none}

/* top scroll progress */
.oniza-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:300;pointer-events:none;background:rgba(255,255,255,.018)}
.oniza-progress>i{display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,#6732ff,#a840ff 55%,#e49bff);box-shadow:0 0 18px rgba(176,82,255,.58);transition:width .06s linear}


/* branded entry + watermark */
.fp-entry{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;background:#050307;transition:opacity .65s var(--fp-ease),visibility .65s;pointer-events:none}.fp-entry.hide{opacity:0;visibility:hidden}.fp-entry-core{display:grid;place-items:center;gap:14px;transform:translateY(-6px);animation:fpEntryIn .7s var(--fp-ease) both}.fp-entry-core img{width:70px;height:70px;border-radius:19px;box-shadow:0 0 52px rgba(153,61,255,.35)}.fp-entry-core b{font-size:.72rem;letter-spacing:.26em;margin-left:.26em}.fp-entry-line{width:130px;height:1px;background:rgba(213,160,255,.12);overflow:hidden}.fp-entry-line i{display:block;width:55%;height:100%;background:linear-gradient(90deg,transparent,#b85cff,#e2b0ff);animation:fpEntryLine .85s ease both}@keyframes fpEntryIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(-6px) scale(1)}}@keyframes fpEntryLine{from{transform:translateX(-130%)}to{transform:translateX(185%)}}
.fp-brand-watermark{position:absolute;z-index:-2;right:-30px;top:95px;width:min(590px,42vw);aspect-ratio:1;object-fit:contain;opacity:.035;filter:drop-shadow(0 0 70px rgba(153,61,255,.4));pointer-events:none;animation:fpBrandDrift 16s ease-in-out infinite;will-change:transform,opacity}@keyframes fpBrandDrift{50%{transform:translate3d(-16px,18px,0) rotate(2deg) scale(1.025);opacity:.055}}

/* LANDING — more cinematic, still restrained */
.showcase-landing{--hero-x:64%;--hero-y:22%;--stage-x:0px;--stage-y:0px;background:#050307!important}
.showcase-landing .page-grain{opacity:.14!important}
.hero-showcase{min-height:max(780px,calc(var(--safe-vh)*100))!important;padding-top:112px!important;padding-bottom:46px!important}
.hero-showcase .hero-gridlines{background-size:64px 64px!important;opacity:.88}
.hero-showcase .hero-gridlines::before{content:"";position:absolute;inset:-22%;background:conic-gradient(from 210deg at 58% 26%,transparent 0 19%,rgba(174,83,255,.055) 23%,transparent 28% 54%,rgba(97,50,255,.035) 60%,transparent 67%);filter:blur(18px);animation:fpMesh 18s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes fpMesh{0%{transform:translate3d(-2%,0,0) rotate(-2deg);opacity:.65}100%{transform:translate3d(2%,2%,0) rotate(2deg);opacity:1}}
.hero-showcase::before{width:1080px!important;height:1080px!important;left:46%!important;top:-545px!important;background:radial-gradient(circle at 48% 52%,rgba(137,50,255,.21),rgba(174,70,255,.055) 38%,transparent 68%)!important;filter:blur(20px)!important}
.hero-showcase::after{width:720px!important;height:720px!important;left:-430px!important;top:390px!important;background:radial-gradient(circle,rgba(195,71,255,.075),rgba(88,44,255,.025) 42%,transparent 70%)!important}

.fp-hero-rays{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;mask-image:linear-gradient(#000 0 70%,transparent 96%)}
.fp-hero-rays i{position:absolute;left:54%;top:-28%;width:1px;height:112%;transform-origin:top;background:linear-gradient(to bottom,rgba(221,177,255,.18),rgba(163,74,255,.035) 42%,transparent);filter:drop-shadow(0 0 8px rgba(163,74,255,.16));opacity:.25}
.fp-hero-rays i:nth-child(1){transform:rotate(19deg);height:104%}.fp-hero-rays i:nth-child(2){transform:rotate(27deg);height:118%;opacity:.18}.fp-hero-rays i:nth-child(3){transform:rotate(35deg);height:98%;opacity:.11}.fp-hero-rays i:nth-child(4){transform:rotate(-10deg);height:94%;opacity:.08}
.fp-hero-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(560px circle at var(--hero-x) var(--hero-y),rgba(185,86,255,.085),transparent 68%),linear-gradient(90deg,rgba(5,3,7,.62),transparent 30%,transparent 76%,rgba(5,3,7,.35));transition:background-position .1s}
.fp-hero-line{position:absolute;left:50%;top:0;bottom:0;width:min(1180px,92vw);transform:translateX(-50%);z-index:-2;pointer-events:none;border-left:1px solid rgba(205,152,255,.035);border-right:1px solid rgba(205,152,255,.035)}
.fp-hero-line::before,.fp-hero-line::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(190,127,255,.07) 18%,rgba(190,127,255,.025) 70%,transparent)}.fp-hero-line::before{left:31%}.fp-hero-line::after{right:31%}

.showcase-nav{top:8px!important;left:50%!important;right:auto!important;width:min(1180px,calc(100% - 28px))!important;transform:translateX(-50%);border:1px solid rgba(204,146,255,.08)!important;border-radius:18px!important;background:rgba(7,4,10,.56)!important;box-shadow:0 14px 50px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.025);overflow:visible}
.showcase-nav.is-scrolled{top:6px!important;width:min(1100px,calc(100% - 24px))!important;background:rgba(7,4,10,.86)!important;border-color:rgba(204,146,255,.16)!important;box-shadow:0 22px 65px rgba(0,0,0,.36),0 0 36px rgba(121,35,206,.05)}
.showcase-nav .navrow{height:64px!important}.showcase-nav .brandmark{width:34px!important;height:34px!important;border-radius:9px!important}.showcase-nav .navlinks a{padding:7px 0}.showcase-nav .navlinks a::after{bottom:-10px!important}
.fp-mobile-nav{display:none;width:40px;height:40px;border:1px solid rgba(200,140,255,.14);border-radius:11px;background:rgba(18,10,26,.72);position:relative;cursor:pointer}
.fp-mobile-nav::before,.fp-mobile-nav::after,.fp-mobile-nav span{content:"";position:absolute;left:11px;right:11px;height:1px;background:#d9c5e8;transition:.25s var(--fp-ease)}.fp-mobile-nav::before{top:13px}.fp-mobile-nav span{top:19px}.fp-mobile-nav::after{top:25px}.fp-mobile-nav.open::before{top:19px;transform:rotate(45deg)}.fp-mobile-nav.open span{opacity:0;transform:scaleX(.2)}.fp-mobile-nav.open::after{top:19px;transform:rotate(-45deg)}

.hero-shell{grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr)!important;gap:clamp(36px,4vw,70px)!important;min-height:700px!important}
.hero-copy{padding:28px 0 76px!important}
.availability-pill{background:linear-gradient(180deg,rgba(22,12,31,.74),rgba(13,8,19,.56))!important;border-color:rgba(203,140,255,.18)!important;box-shadow:0 12px 34px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(16px)}
.hero-copy h1{font-size:clamp(3.5rem,5.55vw,6.4rem)!important;line-height:.9!important;margin:24px 0 24px!important;position:relative}
.hero-copy h1::after{content:"";position:absolute;left:2px;bottom:-13px;width:76px;height:2px;border-radius:99px;background:linear-gradient(90deg,#c876ff,#6b2dff,transparent);box-shadow:0 0 18px rgba(174,75,255,.42)}
.gradient-word{background-size:200% 100%!important;animation:fpWord 7s ease-in-out infinite!important}
@keyframes fpWord{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.hero-lead{max-width:590px!important;color:#aea2b8!important;font-size:clamp(.96rem,1.25vw,1.06rem)!important}
.heroactions{gap:11px!important}.heroactions .btn{backdrop-filter:blur(12px)}
.hero-proof{max-width:600px!important;gap:6px!important}.hero-proof>div{border-top-color:rgba(207,151,255,.13)!important;padding-left:0!important}.hero-proof>div::after{content:"";position:absolute;top:-1px;left:0;width:0;height:1px;background:linear-gradient(90deg,#c46fff,transparent);transition:width .6s var(--fp-ease)}.hero-proof>div:hover::after{width:78%}

.hero-stage-wrap{perspective:1500px!important;transform:translate3d(var(--stage-x),var(--stage-y),0);transition:transform .45s var(--fp-ease);will-change:transform}
.hero-stage-wrap::before{content:"";position:absolute;inset:-28px -28px -36px;border-radius:40px;background:radial-gradient(440px circle at 52% 34%,rgba(167,66,255,.12),transparent 70%);filter:blur(18px);z-index:-2;pointer-events:none}
.hero-stage{border-color:rgba(206,147,255,.22)!important;background:linear-gradient(145deg,rgba(16,9,23,.94),rgba(6,4,9,.965))!important;box-shadow:0 48px 140px rgba(0,0,0,.7),0 0 100px rgba(114,33,199,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;transform-origin:54% 48%;transition:transform .5s var(--fp-ease),box-shadow .5s var(--fp-ease)!important;overflow:hidden}
.hero-stage::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.025) 42%,transparent 58%);transform:translateX(-100%);animation:fpStageSweep 7.5s ease-in-out infinite}
.hero-stage::after{content:"";position:absolute;left:0;right:0;top:-30%;height:42%;z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(194,114,255,.035),transparent);animation:fpScan 9s linear infinite}
@keyframes fpStageSweep{0%,46%{transform:translateX(-100%)}62%,100%{transform:translateX(100%)}}
@keyframes fpScan{to{top:116%}}
.stage-chrome{background:linear-gradient(180deg,rgba(19,11,27,.94),rgba(12,7,17,.94))!important;border-bottom-color:rgba(203,142,255,.12)!important}
.stage-main{background:radial-gradient(500px 260px at 52% 0,rgba(133,44,227,.055),transparent 74%),#08050c!important}
.pulse-strip,.stage-metrics article,.stage-chart-card,.stage-agenda-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.16)}
.stage-float{border-color:rgba(205,145,255,.2)!important;background:rgba(11,7,16,.86)!important;backdrop-filter:blur(18px) saturate(135%)!important;box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 30px rgba(126,36,215,.09)!important}
.stage-float-a{animation:fpFloatA 5.6s ease-in-out infinite!important}.stage-float-b{animation:fpFloatB 6.8s ease-in-out infinite!important}.stage-float-c{animation:fpFloatC 6.2s ease-in-out infinite!important}
@keyframes fpFloatA{50%{transform:translate3d(-7px,-11px,0)}}@keyframes fpFloatB{50%{transform:translate3d(8px,-9px,0)}}@keyframes fpFloatC{50%{transform:translate3d(-5px,10px,0)}}
.fp-stage-ping{position:absolute;width:10px;height:10px;border-radius:50%;z-index:8;background:#b75fff;box-shadow:0 0 0 0 rgba(183,95,255,.38);animation:fpPing 2.8s ease-out infinite;pointer-events:none}.fp-stage-ping.one{right:12%;top:28%}.fp-stage-ping.two{left:19%;bottom:21%;animation-delay:1.1s;width:7px;height:7px;background:#7f55ff}@keyframes fpPing{65%,100%{box-shadow:0 0 0 18px rgba(183,95,255,0);opacity:.55}}

.fp-scroll-cue{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#695f73;font-size:.59rem;letter-spacing:.12em;text-transform:uppercase;z-index:4}.fp-scroll-cue i{display:block;width:1px;height:36px;background:linear-gradient(to bottom,#b864ff,transparent);animation:fpCue 1.8s ease-in-out infinite;transform-origin:top}@keyframes fpCue{0%,100%{transform:scaleY(.45);opacity:.35}50%{transform:scaleY(1);opacity:1}}

.hero-marquee-wrap{border-top-color:rgba(203,143,255,.09)!important;border-bottom-color:rgba(203,143,255,.07)!important;overflow:hidden}.hero-marquee-track{animation-duration:34s!important}.hero-marquee-track:hover{animation-play-state:paused}

/* section transitions / depth */
.showcase-landing .section{isolation:isolate}.showcase-landing .section::after{content:"";position:absolute;left:50%;top:0;width:min(1180px,90vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(189,119,246,.11),transparent);pointer-events:none}
.section-title-row h2,.sectionhead h2,.faq-copy h2,.final-cta h2{letter-spacing:-.045em!important}
.theater-shell,.bento,.price,.final-cta{backdrop-filter:blur(12px)}
.theater-shell{box-shadow:0 40px 120px rgba(0,0,0,.32),0 0 80px rgba(117,33,202,.045),inset 0 1px 0 rgba(255,255,255,.025)!important}
.bento{transition:transform .5s var(--fp-ease),border-color .35s,box-shadow .5s!important;will-change:transform}.bento:hover{transform:translateY(-6px)!important;box-shadow:0 32px 90px rgba(0,0,0,.34),0 0 55px rgba(120,33,209,.06)!important}
.price{transition:transform .45s var(--fp-ease),border-color .3s,box-shadow .45s!important}.price:hover{transform:translateY(-8px)!important}
.final-cta{position:relative;overflow:hidden}.final-cta::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 90deg,transparent,rgba(157,67,255,.09),transparent 30%);animation:fpFinal 18s linear infinite;pointer-events:none}@keyframes fpFinal{to{transform:rotate(360deg)}}.final-cta>*{position:relative;z-index:1}

/* APP — responsive and denser on medium screens */
body.experience-ui{width:100%;max-width:100vw;overflow-x:clip!important}
body.experience-ui .app-shell{min-height:calc(var(--safe-vh)*100)}
body.experience-ui .content{padding-bottom:max(34px,env(safe-area-inset-bottom))}
body.experience-ui .topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
body.experience-ui .panel,body.experience-ui .stat,body.experience-ui .shortcut{transition:transform .32s var(--fp-ease),border-color .25s,box-shadow .32s}
body.experience-ui .panel:hover,body.experience-ui .stat:hover,body.experience-ui .shortcut:hover{transform:translateY(-2px)}
body.experience-ui .table-wrap,body.experience-ui .tablebox{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
body.experience-ui .table{min-width:680px}
body.experience-ui .input,body.experience-ui .select,body.experience-ui .textarea{font-size:16px}

/* EDITOR — make controls truly usable across tablets/mobile */
.editor-app{height:calc(var(--safe-vh)*100)!important;max-height:calc(var(--safe-vh)*100)!important;overflow:hidden}
.editor-top{padding-top:max(7px,env(safe-area-inset-top));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));gap:7px!important;min-width:0}
.editor-body{min-height:0!important}.editor-stage{min-width:0!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.canvas-wrap{max-width:100%}
.editor-left,.editor-right{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.editor-mobile-bar{padding-bottom:max(7px,env(safe-area-inset-bottom))}

/* auth / onboarding / legal */
.auth{min-height:calc(var(--safe-vh)*100)!important}.authmain{min-height:calc(var(--safe-vh)*100)!important}.authbox{max-width:min(100%,560px)}
.legal-page,.legal-shell{max-width:100%}

/* Large desktop */
@media(min-width:1600px){
  .showcase-nav{width:min(1280px,calc(100% - 56px))!important}.container{max-width:1280px!important}.hero-shell{grid-template-columns:.8fr 1.2fr!important;gap:86px!important}.hero-stage-wrap{transform:translate3d(var(--stage-x),var(--stage-y),0) scale(1.025)}.hero-copy h1{font-size:6.65rem!important}
}

/* Laptop / tablet landscape */
@media(max-width:1180px){
  .hero-shell{grid-template-columns:.9fr 1.1fr!important;gap:28px!important}.hero-copy h1{font-size:clamp(3.25rem,5.6vw,5.25rem)!important}.hero-stage-wrap{transform:translate3d(var(--stage-x),var(--stage-y),0) scale(.93);transform-origin:center}.stage-float-a{right:-10px!important}.stage-float-b{left:-12px!important}.stage-float-c{right:0!important}
  body.experience-ui .content{padding-left:18px!important;padding-right:18px!important}
}

/* Tablet portrait */
@media(max-width:980px){
  .showcase-nav{top:6px!important;width:calc(100% - 20px)!important}.showcase-nav .navlinks{display:none!important}.fp-mobile-nav{display:block}.showcase-nav .navactions .btn-secondary{display:none!important}
  .showcase-nav.nav-open .navlinks{display:flex!important;position:absolute;left:0;right:0;top:70px;flex-direction:column;align-items:stretch;gap:4px;padding:10px;border:1px solid rgba(203,142,255,.14);border-radius:15px;background:rgba(7,4,10,.96);box-shadow:0 26px 70px rgba(0,0,0,.46);backdrop-filter:blur(20px)}.showcase-nav.nav-open .navlinks a{padding:12px 13px;border-radius:10px}.showcase-nav.nav-open .navlinks a:hover{background:rgba(153,62,255,.08)}.showcase-nav.nav-open .navlinks a::after{display:none}
  .hero-showcase{padding-top:104px!important}.hero-shell{grid-template-columns:1fr!important;min-height:auto!important;gap:12px!important}.hero-copy{text-align:center;padding:28px 0 16px!important}.availability-pill{margin-inline:auto}.hero-copy h1{max-width:760px!important;margin-inline:auto!important;font-size:clamp(3.25rem,9vw,5.6rem)!important}.hero-copy h1::after{left:50%;transform:translateX(-50%)}.hero-lead{margin-inline:auto!important}.heroactions{justify-content:center!important}.hero-proof{margin-inline:auto!important;text-align:left}.hero-stage-wrap{width:min(900px,96%);margin:0 auto 44px;transform:none!important}.stage-float{display:none!important}.fp-scroll-cue{display:none}.hero-marquee-wrap{margin-top:0!important}
  body.experience-ui .sidebar{width:min(310px,88vw)!important}.business-pulse .pulse-row{grid-template-columns:1fr 1fr!important}.business-pulse .pulse-intro{grid-column:1/-1}
  .editor-top .brand b,.editor-top .divider,.editor-top .template-select,.editor-top .save-state{display:none!important}.editor-top .brand{margin-right:2px}.editor-top .btn[data-action="back"]{display:none}.editor-top .device-group{margin-left:auto}.editor-top .btn[data-action="preview"],.editor-top .btn[data-action="save"]{display:none!important}
}

/* Mobile */
@media(max-width:640px){
  html{scroll-padding-top:76px}.showcase-nav{border-radius:14px!important}.showcase-nav .navrow{height:58px!important;padding-inline:12px!important}.showcase-nav .brand span:last-child{font-size:.72rem!important}.showcase-nav .brandmark{width:30px!important;height:30px!important}.showcase-nav .navactions .btn-primary{min-height:36px!important;padding:0 11px!important;font-size:.7rem}.fp-mobile-nav{width:36px;height:36px}.fp-mobile-nav::before{top:11px}.fp-mobile-nav span{top:17px}.fp-mobile-nav::after{top:23px}.fp-mobile-nav.open::before,.fp-mobile-nav.open::after{top:17px}
  .hero-showcase{padding-top:86px!important;padding-bottom:26px!important}.hero-showcase .hero-gridlines{background-size:44px 44px!important;opacity:.55}.orbit-a{width:520px!important;height:520px!important;right:-380px!important}.orbit-b{display:none}.hero-copy{padding:20px 0 8px!important}.availability-pill{font-size:.6rem!important;padding:7px 9px!important}.hero-copy h1{font-size:clamp(2.85rem,14.2vw,4.2rem)!important;line-height:.91!important;letter-spacing:-.063em!important;margin:19px auto 22px!important}.hero-lead{font-size:.9rem!important;line-height:1.62!important;padding-inline:8px}.heroactions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;max-width:420px;margin-inline:auto}.heroactions .btn{width:100%!important}.hero-proof{grid-template-columns:1fr 1fr 1fr!important;gap:4px!important;margin-top:23px!important}.hero-proof>div{padding:11px 3px 8px!important}.hero-proof b{font-size:.66rem!important}.hero-proof small{font-size:.56rem!important}.hero-stage-wrap{width:100%!important;margin-top:14px!important;margin-bottom:22px!important;perspective:none!important}.hero-stage{border-radius:17px!important;transform:none!important}.stage-chrome{height:35px!important}.chrome-center small{display:none}.stage-sidebar{display:none!important}.stage-layout{grid-template-columns:1fr!important}.stage-main{padding:11px!important}.stage-head h3{font-size:.72rem!important}.stage-head small{font-size:.48rem!important}.pulse-strip{grid-template-columns:1fr 1fr!important;padding:8px!important;gap:7px!important}.pulse-copy{grid-column:1/-1!important}.pulse-chip:nth-of-type(4){display:none!important}.pulse-chip{padding:8px!important}.pulse-chip b{font-size:.7rem!important}.pulse-chip small,.pulse-chip span{font-size:.47rem!important}.stage-metrics{grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.stage-metrics article{padding:8px!important}.stage-metrics strong{font-size:.72rem!important}.stage-metrics small,.stage-metrics span{font-size:.46rem!important}.stage-bottom-grid{grid-template-columns:1fr!important}.stage-agenda-card{display:none!important}.stage-chart-card{min-height:150px!important}.chart-area{height:92px!important}.fp-stage-ping{display:none}.hero-marquee-label{display:none!important}.hero-marquee{max-width:100%!important}.hero-marquee-wrap{padding:10px 0!important}
  .section{padding:64px 0!important}.section-title-row{gap:12px!important}.section-title-row h2,.sectionhead h2,.faq-copy h2{font-size:clamp(2rem,10vw,2.65rem)!important}.theater-shell{border-radius:18px!important}.theater-tabs{overflow:auto!important;display:flex!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.theater-tab{min-width:170px;scroll-snap-align:start}.bento-grid{grid-template-columns:1fr!important}.pricing{grid-template-columns:1fr!important}.price.reco{transform:none!important}.final-cta{padding:44px 18px!important;border-radius:22px!important}
  body.experience-ui .content{padding:16px 12px max(86px,env(safe-area-inset-bottom))!important}.topbar{min-height:62px!important}.searchbar{max-width:42px!important;overflow:hidden!important;white-space:nowrap!important}.plan-pill{display:none!important}.page-head{align-items:flex-start!important;gap:12px!important}.page-head .actions{width:100%;display:flex;overflow:auto;padding-bottom:3px}.stats{grid-template-columns:1fr 1fr!important;gap:9px!important}.stat{min-width:0;padding:14px!important}.stat .num{font-size:1.22rem!important}.panel{padding:14px!important}.shortcut-grid{grid-template-columns:1fr 1fr!important}.business-pulse{padding:14px!important}.business-pulse .pulse-row{grid-template-columns:1fr!important}.pulse-intro{grid-column:auto!important}.pulse-item{min-width:0}.kanban{display:grid!important;grid-template-columns:minmax(260px,1fr)!important;overflow:visible!important}.kan-col{min-width:0!important;width:auto!important}.modal{width:calc(100% - 20px)!important;max-height:calc(var(--safe-vh)*92)!important;overflow:auto!important;margin:10px!important}.formgrid{grid-template-columns:1fr!important}.table{min-width:600px!important}
  .experience-halo{width:100vw!important;height:100vw!important;right:0!important;top:-50vw!important}
  .auth{grid-template-columns:1fr!important}.authside{display:none!important}.authmain{padding:24px 14px!important;align-items:flex-start!important;padding-top:max(28px,env(safe-area-inset-top))!important}.authbox{width:100%!important;padding:0!important}.authmain .brand{margin-bottom:24px}
  .editor-top{height:auto!important;min-height:54px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}.editor-top::-webkit-scrollbar{display:none}.editor-top>.btn[data-action="undo"],.editor-top>.btn[data-action="redo"]{display:none!important}.editor-top .device-group{flex:0 0 auto}.editor-top .mobile-panel-toggle{display:grid!important;flex:0 0 auto}.editor-top .btn[data-action="publish"]{flex:0 0 auto}.editor-body{height:calc(var(--safe-vh)*100 - 108px)!important}.editor-left,.editor-right{position:fixed!important;top:54px!important;bottom:54px!important;width:min(88vw,330px)!important;z-index:120!important;box-shadow:0 30px 90px rgba(0,0,0,.6)}.editor-left{left:0!important;transform:translateX(-103%)}.editor-right{right:0!important;transform:translateX(103%)}.editor-left.open{transform:translateX(0)!important}.editor-right.open{transform:translateX(0)!important}.editor-stage{padding:16px 8px 22px!important}.canvas-wrap.desktop,.canvas-wrap.tablet,.canvas-wrap.mobile{width:100%!important;max-width:100%!important;min-width:0!important}.editor-mobile-bar{height:54px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;z-index:130!important}
}

@media(max-width:390px){
  .showcase-nav .navactions .btn-primary{display:none!important}.showcase-nav .brand{margin-right:auto}.hero-copy h1{font-size:clamp(2.6rem,14vw,3.7rem)!important}.hero-proof{grid-template-columns:1fr!important;max-width:300px!important}.hero-proof>div{text-align:center!important}.hero-proof>div:nth-child(3){display:none}.pulse-strip{grid-template-columns:1fr!important}.pulse-chip:nth-of-type(3){display:none!important}.stage-metrics article:nth-child(2){display:none}.stage-metrics{grid-template-columns:1fr 1fr!important}.stats{grid-template-columns:1fr!important}.shortcuts{grid-template-columns:1fr!important}
}

/* accessibility / reduced motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}.hero-showcase .hero-gridlines::before,.gradient-word,.hero-stage::before,.hero-stage::after,.stage-float,.final-cta::before,.fp-scroll-cue i,.fp-brand-watermark,.fp-entry-core,.fp-entry-line i{animation:none!important}.hero-stage-wrap,.hero-stage,.bento,.price{transform:none!important;transition:none!important}.oniza-progress>i{transition:none!important}
}
@media(prefers-contrast:more){.showcase-nav,.hero-stage,.panel,.card,.bento,.price{border-color:rgba(230,200,255,.38)!important}.muted,.hero-lead{color:#c8bdcf!important}}
