/* Otorixa reference: supplied main-page HTML + original site.css/frontend.css.
   Public portal only. Shared footer and embedded model documents keep their own CSS. */
body.otx-brand-portal{--paper:#07090d;--ink:#f4f5f7;--muted:#8b94a7;--line:#ffffff14;--navy:#0b0e14;--blue:#4b6bff;--brand-ink:#b9c4ff;--text:#f4f5f7;--light:#f7f7f5;--ease:cubic-bezier(.22,1,.36,1);background:#07090d;color:#f4f5f7;color-scheme:dark}
.otx-brand-portal .pro-top{background:#07090d;border-color:#ffffff14;color:#8b94a7}
.otx-brand-portal .pro-top a{color:#b9c4d7}
.otx-brand-portal .pro-top a:hover{color:#f4f5f7}
.otx-brand-portal .pro-header{background:#07090dee;border:0;backdrop-filter:blur(18px);padding-block:10px;transition:padding .5s var(--ease),background .5s var(--ease)}
.otx-brand-portal .pro-nav{width:min(1280px,calc(100% - 48px));min-height:76px;padding:12px 20px;border:1px solid #ffffff14;border-radius:16px;background:#ffffff03;transition:background .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease)}
.otx-brand-portal .pro-header.scrolled .pro-nav{background:rgba(10,13,20,.9);border-color:#ffffff1a;box-shadow:0 24px 60px -40px #000}
.otx-brand-portal .pro-header nav a{color:#b9c4d7}
.otx-brand-portal .pro-header nav a:hover{color:#f4f5f7}
.otx-brand-portal .pro-header nav a[aria-current=page]{color:#7ee1ff}
.otx-brand-portal .pro-header .mobile-nav>nav{background:#0b0e14;border-color:#ffffff24}
.otx-brand-portal .pro-header .mobile-nav>summary{border-color:#ffffff24;border-radius:999px}
.otx-brand-portal .pro-header .brand-word small{color:#8b94a7}
.otx-brand-portal main{--blue:#4b6bff;--brand-ink:#b9c4ff;color:#f4f5f7}
.otx-brand-portal main .wrap,.otx-brand-portal .portal-resource-band>.wrap{width:min(1280px,calc(100% - 48px))}
.otx-brand-portal main h1,.otx-brand-portal main h2,.otx-brand-portal main h3{color:#f4f5f7}
.otx-brand-portal main em{color:#b9c4ff}
.otx-brand-portal main .pro-hero h1 em{background:linear-gradient(104deg,#f7f7f5 6%,#b9c4ff 52%,#7ee1ff 96%);color:transparent;background-clip:text;-webkit-background-clip:text}
.otx-brand-portal main .pro-hero .eyebrow,.otx-brand-portal main .eyebrow{color:#a0aac0}
.otx-brand-portal main :is(.pro-lead,.hero-intro,.section-head>p,.reading p,.pro-reading p,.pro-category p,.pro-specialty-grid p,.pro-related-grid p,.pro-custom-grid p,.pro-editorial p,.pro-region-teaser p:not(.eyebrow),.pro-callout p,.growth-sector-card>p:not(.eyebrow),.growth-reading-grid p,.growth-local p,.growth-feature-grid p){color:#a9b2c4}
.otx-brand-portal main :is(.pro-hero-links,.pro-micro,.pro-art-label,.pro-art-card p,.pro-art-palette span,.pro-category small,.pro-category>.icon,.pro-region-box>span,.pro-custom-grid article>span,.pro-process p,.pro-process li>span){color:#a0aac0}
.otx-brand-portal main :is(.pro-search,.mini-browser,.pro-rail){background:#0b0e14;border-color:#ffffff14;box-shadow:none}
.otx-brand-portal main .pro-search input{color:#f4f5f7;background:transparent;border:0}
.otx-brand-portal main input::placeholder,.otx-brand-portal main textarea::placeholder{color:#8b94a7;opacity:1}
.otx-brand-portal main .pro-search .icon,.otx-brand-portal main .mini-browser span{color:#a0aac0}
.otx-brand-portal main .pro-search-results p{color:#a9b2c4}
.otx-brand-portal main .mini-browser i{border-color:#ffffff40}
.otx-brand-portal main .pro-browser{border-color:#ffffff24;background:#10141c;box-shadow:0 30px 80px -40px #000000d9}
.otx-brand-portal main .pro-rail strong,.otx-brand-portal main .pro-rail span{color:#a9b2c4}
.otx-brand-portal main :is(.pro-showcase,.pro-process){background:#0b0e14;border-color:#ffffff14}
.otx-brand-portal main :is(.pro-category,.growth-sector-card,.growth-feature-grid article,.pro-custom-grid article,.pro-specialty-grid article,.pro-related-grid>a,.guide-card,.theme-card,.panel,.config-form,.scope-grid section,.feature-grid,.growth-project-note){background:linear-gradient(165deg,#ffffff07,#ffffff02);border-color:#ffffff14;box-shadow:none}
.otx-brand-portal main :is(.pro-category,.growth-sector-card,.growth-feature-grid article,.guide-card,.theme-card){transition:border-color .5s var(--ease),background .5s var(--ease),transform .5s var(--ease)}
.otx-brand-portal main :is(.pro-category,.growth-sector-card,.growth-feature-grid article,.guide-card,.theme-card):hover{background:linear-gradient(165deg,#ffffff0d,#ffffff03);border-color:#ffffff29}
.otx-brand-portal main :is(.pro-art-card,.pro-editorial,.pro-region-box,.pro-callout,.growth-local,.growth-scope,.config-summary,.brand-preview,.draft-box,.payment-panel,.bank){background:#10141c;border-color:#ffffff14;color:#f4f5f7;box-shadow:none}
.otx-brand-portal main :is(.pro-category-icon,.growth-sector-mark,.pro-art-card>span,.pro-sector-symbol){background:#4b6bff12;color:#9dacf9;border-color:#ffffff14}
.otx-brand-portal main :is(.pro-micro .icon,.growth-scope li>.icon,.feature-grid .icon,.scope-grid li .icon,.config-summary li .icon){color:#7ee1ff}
.otx-brand-portal main :is(.growth-tagline,.growth-jumps a,.growth-project-note a,.growth-sector-page .faq a,.text-link,.text-button){color:#b9c4ff}
.otx-brand-portal main .text-link:hover{color:#7ee1ff}
.otx-brand-portal main :is(.pro-sector-jumps a,.chip){background:#ffffff05;border-color:#ffffff24;color:#b9c4d7}
.otx-brand-portal main .pro-sector-jumps a:hover,.otx-brand-portal main .chip:hover{background:#ffffff0e;border-color:#ffffff4d;color:#f4f5f7}
.otx-brand-portal main .chip.active{background:#4b6bff26;border-color:#8c9fff;color:#f4f5f7}
.otx-brand-portal main :is(.tag-row>span,.theme-float,.detail-image>span){background:#10141c;color:#b9c4d7}
.otx-brand-portal main .closing-cta{background:radial-gradient(ellipse at 85% 0%,#4b6bff29,transparent 65%),#0b0e14;border:1px solid #ffffff14}
.otx-brand-portal main :is(input,textarea,select){background:#0b0e14;color:#f4f5f7;border-color:#ffffff29}
.otx-brand-portal main input[type=checkbox],.otx-brand-portal main input[type=radio]{accent-color:#4b6bff}
.otx-brand-portal main .period-option:has(input:checked){background:#4b6bff19;border-color:#8c9fff}
.otx-brand-portal main .step-nav span{background:#10141c;border-color:#ffffff24}
.otx-brand-portal main .step-nav .active span{background:#4b6bff;color:#fff}
.otx-brand-portal main .notice{background:#0e2921;border-color:#326a55;color:#cbf2de}
.otx-brand-portal main .notice.error{background:#321b20;border-color:#9e4b5d;color:#ffd8df}
.otx-brand-portal main .order-steps .done{color:#8ee3bd}
.otx-brand-portal main .order-steps .current{color:#b9c4ff}
.otx-brand-portal .portal-resource-band{background:#0b0e14;border-color:#ffffff14;color:#a9b2c4}
.otx-brand-portal .portal-resource-band nav a{color:#a9b2c4}
.otx-brand-portal .portal-resource-band nav a:hover{color:#f4f5f7}
/* Outer preview controls follow Otorixa. Iframe document and its palette are untouched. */
.otx-brand-portal main .preview-workspace{background:#07090d;color:#f4f5f7}
.otx-brand-portal main :is(.preview-back,.preview-intro h1 span,.preview-intro>p,.preview-current-choice,.preview-measure output,.preview-stage-meta,.preview-help p,.preview-help strong,.preview-workspace .demo-disclosure){color:#a9b2c4}
.otx-brand-portal main :is(.preview-controlbar,.preview-style-panel,.preview-devices,.preview-workspace .preview-stage:not(.is-expanded)){background:#10141c;border-color:#ffffff24}
.otx-brand-portal main :is(.preview-tool,.preview-devices button,.preview-style-panel>summary,.preview-workspace .pro-preview-controls label,.preview-workspace .pro-preview-controls>p){background:transparent;color:#b9c4d7;border-color:#ffffff29}
.otx-brand-portal main .preview-tool:hover{background:#ffffff0e;color:#fff;border-color:#ffffff4d}
.otx-brand-portal main .preview-devices button[aria-pressed=true],.otx-brand-portal main .preview-tool[aria-pressed=true]{background:#4b6bff26;color:#f4f5f7;border-color:#8c9fff}
.otx-brand-portal main .preview-workspace .pro-preview-controls select{background:#0b0e14;color:#f4f5f7;border-color:#ffffff29}
.otx-brand-portal main .preview-stage-meta>span:first-child{color:#8ee3bd}
.otx-brand-portal main .preview-help a{color:#b9c4ff}
/* Original main-site CTA declarations, mapped to the existing portal classes. */
.otx-brand-portal :is(.pro-header,main) .button{letter-spacing:-.01em;cursor:pointer;transition:transform .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex;position:relative;min-height:48px;line-height:1.5;text-align:center;white-space:normal}
.otx-brand-portal :is(.pro-header,main) .button.primary,.otx-brand-portal :is(.pro-header,main) .button.primary:hover{color:#fff;background:linear-gradient(120deg,#4b6bff,#6a4bff 62%,#3b8bff);border-color:transparent;box-shadow:0 16px 44px -20px #4b6bffcc}
.otx-brand-portal :is(.pro-header,main) .button.primary:hover{transform:translateY(-2px);box-shadow:0 22px 60px -18px #5864fff2}
.otx-brand-portal :is(.pro-header,main) .button.outline{color:var(--text);background:#ffffff05;border:1px solid #ffffff24;box-shadow:none}
.otx-brand-portal :is(.pro-header,main) .button.outline:hover{background:#ffffff0e;border-color:#ffffff4d;transform:translateY(-2px)}
.otx-brand-portal :is(.pro-header,main) .button.light{background:var(--light);color:#0b0e14}
.otx-brand-portal :is(.pro-header,main) .button:active{transform:scale(.985)}
.otx-brand-portal :is(.pro-header,main) :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #7ee1ff;outline-offset:5px}
/* Original card spotlight: opacity follows hover; no overlay on template imagery. */
.otx-brand-portal main :is(.pro-category,.growth-sector-card,.growth-feature-grid article){position:relative;overflow:hidden;isolation:isolate}
.otx-brand-portal main :is(.pro-category,.growth-sector-card,.growth-feature-grid article)::before{content:"";position:absolute;inset:-1px;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),#4b6bff29,transparent 62%);transition:opacity .55s var(--ease);z-index:-1}
@media(hover:hover) and (pointer:fine){.otx-brand-portal main :is(.pro-category,.growth-sector-card,.growth-feature-grid article):hover::before{opacity:1}}
@media(max-width:600px){.otx-brand-portal .pro-nav{width:calc(100% - 24px);padding:10px 14px;min-height:68px;gap:12px}.otx-brand-portal .pro-top .wrap{font-size:12px}.otx-brand-portal main .wrap,.otx-brand-portal .portal-resource-band>.wrap{width:calc(100% - 36px)}.otx-brand-portal main .closing-cta{padding:26px 24px}.otx-brand-portal main .button{max-width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.otx-brand-portal .pro-header,.otx-brand-portal .pro-nav,.otx-brand-portal :is(.pro-header,main) .button,.otx-brand-portal main :is(.pro-category,.growth-sector-card,.growth-feature-grid article){transition:none!important;animation:none!important}.otx-brand-portal :is(.pro-header,main) .button:hover,.otx-brand-portal :is(.pro-header,main) .button:active{transform:none}}
