/* CENC Royale v000035 — Platform Commercial Experience
 * Commercial platform home only. Organization/event pages preserve their own theme-first public experience.
 */

html{scroll-behavior:smooth}
#plataforma,#recursos,#como-funciona,#eventos,#organizacoes{scroll-margin-top:104px}

/* Platform header: richer desktop navigation without changing organization context. */
.public-nav.is-platform-nav{gap:clamp(12px,1.65vw,26px)}
.public-nav.is-platform-nav a:not(.public-admin-link){white-space:nowrap}

/* Hero: still uses the official Royale banner, but the copy now sells the product. */
.royale-commercial-hero{min-height:clamp(650px,82vh,920px)}
.royale-commercial-hero .royale-home-hero-content{justify-content:center;max-width:min(980px,calc(100vw - 32px));padding-top:clamp(90px,10vw,140px);padding-bottom:clamp(58px,8vw,108px)}
.royale-commercial-hero h1{max-width:960px;font-size:clamp(58px,7.2vw,116px)}
.royale-commercial-hero p{max-width:760px;font-size:clamp(16px,1.3vw,20px)}
.royale-hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.royale-hero-proof span{padding:8px 11px;border:1px solid color-mix(in srgb,var(--theme-border) 58%,transparent);border-radius:999px;background:color-mix(in srgb,var(--theme-bg) 68%,transparent);backdrop-filter:blur(12px);color:color-mix(in srgb,var(--theme-text) 82%,var(--theme-muted));font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

/* Shared commercial sections */
.royale-commercial-section{padding:clamp(64px,8vw,118px) 0}
.royale-commercial-heading{align-items:end}
.royale-commercial-heading h2,.royale-commercial-copy h2,.royale-commercial-closing h2{font-family:var(--theme-font-display);font-weight:500;letter-spacing:-.045em;line-height:.92}
.royale-commercial-heading h2{max-width:900px;font-size:clamp(44px,5.8vw,80px)}
.royale-commercial-copy h2{font-size:clamp(48px,6vw,84px);margin:12px 0 22px}
.royale-commercial-copy>p{max-width:680px;color:var(--theme-muted);font-size:clamp(15px,1.25vw,18px);line-height:1.8;margin:0 0 26px}

/* Four value pillars */
.royale-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid color-mix(in srgb,var(--theme-border) 54%,transparent);border-radius:calc(var(--theme-radius) + 10px);overflow:hidden;background:color-mix(in srgb,var(--theme-border) 30%,transparent);box-shadow:0 30px 86px rgba(0,0,0,.16)}
.royale-value-card{position:relative;min-height:300px;padding:clamp(24px,2.6vw,34px);background:linear-gradient(155deg,color-mix(in srgb,var(--theme-surface) 98%,transparent),color-mix(in srgb,var(--theme-primary) 5%,var(--theme-surface)));overflow:hidden}
.royale-value-card:after{content:"";position:absolute;inset:auto -20% -40% 20%;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 14%,transparent),transparent 70%);pointer-events:none}
.royale-value-card .royale-premium-icon{width:52px;height:52px;object-fit:contain}
.royale-value-card strong{display:block;margin:36px 0 10px;font-family:var(--theme-font-display);font-size:clamp(28px,2.2vw,38px);font-weight:500}
.royale-value-card p{margin:0;color:var(--theme-muted);font-size:13px;line-height:1.72}

/* Five-step commercial flow */
.royale-commercial-how{padding-top:clamp(40px,5vw,78px)}
.royale-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;border-top:1px solid color-mix(in srgb,var(--theme-border) 48%,transparent);border-bottom:1px solid color-mix(in srgb,var(--theme-border) 48%,transparent)}
.royale-flow-grid article{position:relative;min-height:260px;padding:30px 24px 32px;border-right:1px solid color-mix(in srgb,var(--theme-border) 38%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface) 60%,transparent),transparent)}
.royale-flow-grid article:last-child{border-right:0}
.royale-flow-number{position:absolute;top:24px;right:24px;color:var(--theme-primary);font-size:11px;font-weight:900;letter-spacing:.16em}
.royale-flow-grid .royale-premium-icon{width:46px;height:46px;object-fit:contain}
.royale-flow-grid strong{display:block;margin-top:48px;font-family:var(--theme-font-display);font-size:26px;font-weight:500;line-height:1.08}
.royale-flow-grid p{margin:10px 0 0;color:var(--theme-muted);font-size:12px;line-height:1.65}

/* Full bleed commercial band */
.royale-full-bleed-section{width:100%;border-top:1px solid color-mix(in srgb,var(--theme-border) 34%,transparent);border-bottom:1px solid color-mix(in srgb,var(--theme-border) 34%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--theme-primary) 8%,var(--theme-bg)),var(--theme-bg) 42%,color-mix(in srgb,var(--theme-accent) 4%,var(--theme-bg)))}
.royale-commercial-showcase-inner{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:clamp(36px,6vw,94px);align-items:center;min-height:650px;padding-top:clamp(70px,8vw,112px);padding-bottom:clamp(70px,8vw,112px)}

/* Feature list */
.royale-feature-list{display:grid;gap:12px;padding:0;margin:0 0 30px;list-style:none}
.royale-feature-list li{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--theme-border) 30%,transparent)}
.royale-feature-list .royale-premium-icon{width:42px;height:42px;object-fit:contain}
.royale-feature-list span{color:var(--theme-muted);font-size:12px;line-height:1.55}
.royale-feature-list strong{display:block;color:var(--theme-text);font-size:14px;margin-bottom:2px}

/* Honest visual representation of the admin: HTML/CSS, deliberately not a fake screenshot. */
.royale-admin-showcase{position:relative;min-height:510px;display:grid;place-items:center;perspective:1400px}
.royale-device{border:1px solid color-mix(in srgb,var(--theme-primary) 48%,var(--theme-border));background:color-mix(in srgb,var(--theme-surface) 98%,var(--theme-bg));box-shadow:0 48px 120px rgba(0,0,0,.44),0 0 60px color-mix(in srgb,var(--theme-primary) 12%,transparent)}
.royale-device-desktop{width:min(100%,720px);aspect-ratio:16/10;border-radius:24px;overflow:hidden;transform:rotateY(-4deg) rotateX(2deg)}
.royale-device-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid color-mix(in srgb,var(--theme-border) 35%,transparent);color:var(--theme-muted);font-size:8px;font-weight:800;letter-spacing:.14em}
.royale-device-bar i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary) 46%,var(--theme-border))}.royale-device-bar span{margin-left:auto}
.royale-admin-ui{height:calc(100% - 42px);display:grid;grid-template-columns:21% 1fr}
.royale-admin-ui aside{padding:22px 12px;border-right:1px solid color-mix(in srgb,var(--theme-border) 30%,transparent);background:color-mix(in srgb,var(--theme-bg) 70%,transparent)}
.royale-admin-ui aside span{display:block;height:9px;margin:0 0 19px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 60%,transparent),color-mix(in srgb,var(--theme-border) 18%,transparent))}
.royale-admin-ui aside span:nth-child(2n){width:76%}.royale-admin-ui aside span:nth-child(3n){width:58%}
.royale-admin-ui-main{padding:24px;display:grid;grid-template-rows:auto 1fr auto;gap:18px}
.royale-admin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.royale-admin-kpis b{padding:16px;border:1px solid color-mix(in srgb,var(--theme-border) 35%,transparent);border-radius:14px;color:var(--theme-primary);font-size:10px;background:color-mix(in srgb,var(--theme-surface-elevated) 74%,transparent)}
.royale-admin-chart{position:relative;display:flex;align-items:end;gap:8%;padding:34px 22px 18px;border:1px solid color-mix(in srgb,var(--theme-border) 32%,transparent);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--theme-primary) 12%,transparent),transparent 50%)}
.royale-admin-chart:before{content:"";position:absolute;inset:20% 6% 18%;background:linear-gradient(transparent 96%,color-mix(in srgb,var(--theme-border) 22%,transparent) 97%);background-size:100% 25%}
.royale-admin-chart i{position:relative;z-index:2;display:block;flex:1;min-width:12px;border-radius:9px 9px 2px 2px;background:linear-gradient(180deg,var(--theme-primary),color-mix(in srgb,var(--theme-secondary) 76%,var(--theme-primary)))}
.royale-admin-chart i:nth-of-type(1){height:34%}.royale-admin-chart i:nth-of-type(2){height:48%}.royale-admin-chart i:nth-of-type(3){height:43%}.royale-admin-chart i:nth-of-type(4){height:72%}.royale-admin-chart i:nth-of-type(5){height:86%}
.royale-admin-rows{display:grid;gap:8px}.royale-admin-rows span{height:11px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-border) 40%,transparent),transparent)}
.royale-admin-rows span:nth-child(2){width:84%}.royale-admin-rows span:nth-child(3){width:68%}
.royale-device-mobile{position:absolute;right:-2%;bottom:0;width:26%;max-width:178px;aspect-ratio:9/18.5;border-radius:28px;padding:22px 14px;transform:rotate(5deg)}
.royale-mobile-brand{height:26px;width:54%;border-radius:8px;background:linear-gradient(90deg,var(--theme-primary),color-mix(in srgb,var(--theme-secondary) 70%,var(--theme-primary)));margin-bottom:26px}.royale-mobile-chip{height:22px;width:70%;border:1px solid color-mix(in srgb,var(--theme-primary) 55%,var(--theme-border));border-radius:99px;margin-bottom:12px}.royale-mobile-card{height:32%;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 14%,var(--theme-surface)),var(--theme-surface-elevated));border:1px solid color-mix(in srgb,var(--theme-border) 36%,transparent);margin-bottom:12px}.royale-mobile-card.is-short{height:21%}

/* Public experience showroom */
.royale-commercial-showcase-public{display:grid;grid-template-columns:minmax(400px,.88fr) minmax(0,1.12fr);gap:clamp(42px,7vw,110px);align-items:center;padding-top:clamp(76px,9vw,132px);padding-bottom:clamp(76px,9vw,132px)}
.royale-public-showcase{position:relative;min-height:600px;display:grid;place-items:center;background:radial-gradient(circle at 48% 45%,color-mix(in srgb,var(--theme-primary) 13%,transparent),transparent 48%)}
.royale-phone-shell{width:min(72%,360px);aspect-ratio:9/18.4;padding:10px;border-radius:42px;border:1px solid color-mix(in srgb,var(--theme-primary) 55%,var(--theme-border));background:#06030a;box-shadow:0 46px 100px rgba(0,0,0,.46)}
.royale-phone-screen{position:relative;height:100%;border-radius:33px;overflow:hidden;background:var(--theme-bg)}
.royale-phone-screen>img{width:100%;height:64%;object-fit:cover;object-position:center;display:block;filter:saturate(.9) contrast(1.02)}
.royale-phone-screen:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,var(--theme-bg) 35%)}
.royale-phone-status,.royale-phone-copy,.royale-phone-button{position:absolute;z-index:2}
.royale-phone-status{top:20px;left:18px;padding:7px 9px;border-radius:99px;background:color-mix(in srgb,var(--theme-bg) 76%,transparent);border:1px solid color-mix(in srgb,var(--theme-primary) 65%,transparent);font-size:8px;font-weight:900;letter-spacing:.12em}
.royale-phone-copy{left:20px;right:20px;bottom:96px}.royale-phone-copy b,.royale-phone-copy small{display:block}.royale-phone-copy b{font-family:var(--theme-font-display);font-size:26px;font-weight:500}.royale-phone-copy small{margin-top:4px;color:var(--theme-muted);font-size:10px}
.royale-phone-button{left:20px;right:20px;bottom:30px;padding:13px;text-align:center;border-radius:999px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));color:var(--theme-bg);font-size:10px;font-weight:900;letter-spacing:.08em}
.royale-qr-demo{position:absolute;right:1%;bottom:10%;width:190px;padding:22px;border:1px solid color-mix(in srgb,var(--theme-border) 50%,transparent);border-radius:24px;background:color-mix(in srgb,var(--theme-surface) 92%,transparent);box-shadow:0 26px 70px rgba(0,0,0,.35);text-align:center;transform:rotate(3deg)}
.royale-qr-demo .royale-premium-icon{width:38px;height:38px;margin:0 auto 12px}.royale-faux-qr{position:relative;width:112px;aspect-ratio:1;margin:0 auto 14px;background:var(--theme-text);padding:9px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:3px}.royale-faux-qr>*{background:var(--theme-bg)}.royale-faux-qr span:nth-child(1){grid-area:1/1/3/3}.royale-faux-qr span:nth-child(2){grid-area:1/4/3/6}.royale-faux-qr span:nth-child(3){grid-area:4/1/6/3}.royale-faux-qr i:nth-of-type(1){grid-area:3/3/4/5}.royale-faux-qr i:nth-of-type(2){grid-area:4/4/6/5}.royale-faux-qr i:nth-of-type(3){grid-area:5/5/6/6}.royale-faux-qr b:nth-of-type(1){grid-area:2/3/3/4}.royale-faux-qr b:nth-of-type(2){grid-area:3/1/4/2}.royale-faux-qr b:nth-of-type(3){grid-area:4/5/5/6}.royale-qr-demo strong,.royale-qr-demo small{display:block}.royale-qr-demo strong{font-family:var(--theme-font-display);font-size:20px}.royale-qr-demo small{color:var(--theme-muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.royale-public-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.royale-public-benefits span{padding:9px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--theme-border) 45%,transparent);color:var(--theme-muted);font-size:10px}

/* Resource architecture */
.royale-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.royale-resource-grid article{min-height:245px;padding:26px;border:1px solid color-mix(in srgb,var(--theme-border) 46%,transparent);border-radius:calc(var(--theme-radius) + 4px);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 98%,transparent),color-mix(in srgb,var(--theme-primary) 4%,var(--theme-surface)));transition:transform .2s ease,border-color .2s ease}
.royale-resource-grid article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--theme-primary) 44%,var(--theme-border))}
.royale-resource-grid .royale-premium-icon{width:46px;height:46px;object-fit:contain}.royale-resource-grid strong{display:block;margin:30px 0 9px;font-family:var(--theme-font-display);font-size:28px;font-weight:500}.royale-resource-grid p{margin:0;color:var(--theme-muted);font-size:12px;line-height:1.68}
.royale-commercial-trust{padding-bottom:clamp(72px,8vw,112px)}

/* The live catalog is proof of the product, not the opening message. */
.royale-live-catalog{padding-top:clamp(78px,9vw,126px)}
.royale-organizations-commercial{padding-bottom:clamp(80px,9vw,132px)}
.royale-organizations-commercial .royale-organization-card{min-height:230px}
.royale-organizations-commercial .royale-organization-card h3{font-size:clamp(28px,2.5vw,38px)}

/* Closing conversion block */
.royale-commercial-closing{margin-top:clamp(26px,4vw,56px)}
.royale-commercial-closing-inner{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:clamp(24px,4vw,58px);align-items:center;padding-top:clamp(52px,6vw,82px);padding-bottom:clamp(52px,6vw,82px)}
.royale-closing-mark{width:110px;height:110px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--theme-border) 42%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 14%,transparent),transparent 70%)}
.royale-closing-mark img{width:70%;height:70%;object-fit:contain}.royale-commercial-closing h2{font-size:clamp(44px,4.8vw,70px);margin:8px 0 10px}.royale-commercial-closing p{max-width:780px;margin:0;color:var(--theme-muted);line-height:1.7}.royale-closing-actions{display:grid;gap:9px;min-width:230px}.royale-closing-actions .button{text-align:center}

@media(max-width:1180px){
  .royale-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .royale-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.royale-flow-grid article:nth-child(3){border-right:0}.royale-flow-grid article:nth-child(n+4){border-top:1px solid color-mix(in srgb,var(--theme-border) 38%,transparent)}
  .royale-commercial-showcase-inner,.royale-commercial-showcase-public{grid-template-columns:1fr}.royale-commercial-showcase-inner{min-height:0}
  .royale-admin-showcase{max-width:820px;width:100%;margin-inline:auto}.royale-public-showcase{max-width:700px;width:100%;margin-inline:auto;order:2}.royale-commercial-showcase-public .royale-commercial-copy{order:1}
  .royale-commercial-closing-inner{grid-template-columns:100px 1fr}.royale-closing-actions{grid-column:2;display:flex;min-width:0}.royale-closing-actions .button{flex:0 1 auto}
}

@media(max-width:900px){
  .public-nav.is-platform-nav a{display:none!important}.public-nav.is-platform-nav .platform-mobile-primary,.public-nav.is-platform-nav .public-admin-link{display:inline-flex!important}
  .royale-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .royale-commercial-hero .royale-home-hero-content{justify-content:flex-end}
}

@media(max-width:700px){
  #plataforma,#recursos,#como-funciona,#eventos,#organizacoes{scroll-margin-top:82px}
  .royale-commercial-hero{min-height:calc(100svh - 70px)}
  .royale-commercial-hero .royale-home-hero-content{padding:34px 18px 38px}.royale-commercial-hero h1{font-size:clamp(46px,13.4vw,67px);line-height:.91}.royale-commercial-hero p{font-size:14px;line-height:1.65}.royale-hero-proof{gap:6px;margin-top:18px}.royale-hero-proof span{font-size:8px;padding:7px 9px}
  .royale-commercial-section{padding:62px 0}.royale-commercial-heading h2,.royale-commercial-copy h2{font-size:clamp(40px,11.8vw,58px)}
  .royale-value-grid,.royale-resource-grid{grid-template-columns:1fr}.royale-value-card{min-height:230px}.royale-value-card strong{margin-top:24px}
  .royale-flow-grid{grid-template-columns:1fr}.royale-flow-grid article{min-height:195px;border-right:0;border-top:1px solid color-mix(in srgb,var(--theme-border) 38%,transparent)}.royale-flow-grid article:first-child{border-top:0}.royale-flow-grid strong{margin-top:24px}
  .royale-commercial-showcase-inner{padding-top:64px;padding-bottom:64px}.royale-feature-list li{grid-template-columns:40px 1fr}
  .royale-admin-showcase{min-height:360px}.royale-device-desktop{width:96%;border-radius:18px}.royale-device-mobile{width:28%;right:0;border-radius:20px;padding:16px 10px}.royale-device-bar{height:32px}.royale-device-bar span{display:none}.royale-admin-ui{height:calc(100% - 32px)}.royale-admin-ui-main{padding:13px;gap:10px}.royale-admin-kpis b{padding:9px;font-size:7px}.royale-admin-chart{padding:20px 12px 10px}
  .royale-commercial-showcase-public{padding-top:70px;padding-bottom:76px}.royale-public-showcase{min-height:500px}.royale-phone-shell{width:min(72%,300px)}.royale-qr-demo{width:150px;right:0;padding:16px}.royale-faux-qr{width:86px}
  .royale-resource-grid article{min-height:210px}.royale-resource-grid strong{margin-top:22px}
  .royale-commercial-closing-inner{grid-template-columns:1fr;text-align:left}.royale-closing-mark{width:82px;height:82px}.royale-closing-actions{grid-column:1;display:grid;width:100%}.royale-closing-actions .button{width:100%}
}

@media(max-width:430px){
  .public-nav.is-platform-nav{gap:8px}.public-nav.is-platform-nav .public-admin-link{padding:8px 9px;font-size:9px}.public-nav.is-platform-nav .platform-mobile-primary{font-size:10px}
  .royale-public-showcase{min-height:450px}.royale-phone-shell{width:76%}.royale-qr-demo{width:132px;padding:12px;right:-3%;bottom:4%}.royale-faux-qr{width:72px}.royale-qr-demo .royale-premium-icon{width:30px;height:30px}.royale-qr-demo strong{font-size:16px}
}