/* Approved homepage language extended to public pages; SaaS styles stay isolated. */
.interior-website .inner-main { width:100%; padding:0; }
.inner-hero { position:relative; isolation:isolate; overflow:hidden; padding:100px 0 80px; background:#edf2f7; }
.inner-landscape { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#f8fafc 0%,#f8fafcf5 46%,#f8fafc50 75%),url('../images/home-concept/construction.webp') center 47% / cover; }
.inner-hero::after { content:""; position:absolute; right:7%; top:-40px; width:14px; height:150%; transform:rotate(27deg); background:var(--brand-orange); opacity:.9; z-index:-1; }
.inner-hero h1 { font-size:clamp(2.7rem,4.4vw,4.6rem); max-width:15ch; line-height:1.05; margin:22px 0; }
.inner-lead { font-size:1.12rem; line-height:1.7; max-width:49ch; color:#364b63; margin-bottom:28px; }
.interior-website .launch-section { padding-block:88px; }
.interior-website .launch-section h2 { font-size:clamp(2rem,3.2vw,3.2rem); line-height:1.1; margin-bottom:28px; }
.interior-website .launch-section p:not(.section-index):not(.inner-caption):not(.final-small) { line-height:1.75; color:#53647b; }
.inner-split { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.inner-split>* { min-width:0; }
.inner-soft { background:#e9eef4; }
.inner-navy { background:var(--brand-navy); color:var(--brand-white); }
.interior-website .inner-navy h2,.interior-website .inner-navy h3 { color:var(--brand-white); }
.interior-website .inner-navy p:not(.section-index):not(.inner-caption),.inner-navy .text-link { color:#d4deec; }
.inner-navy .section-index { color:#fb923c; }
.inner-screen { margin:0; min-width:0; }
.inner-screen .concept-dashboard { box-shadow:0 24px 60px #0f172a20; border:1px solid #cad5e3; }
.inner-screen .concept-module-content { height:333px; padding:10px; }
.inner-screen .concept-module-content .scenario-board { height:100%; padding:15px; border-radius:6px; box-shadow:none; }
.inner-screen .concept-module-content .board-heading h3 { font-size:18px; margin:0; }
.inner-screen .concept-module-content .board-heading { margin-bottom:15px; }
.inner-screen .concept-module-content .board-action { font-size:8px; padding:8px; }
.inner-screen .concept-module-content .board-tabs { font-size:8px; margin-bottom:10px; }
.inner-screen .concept-module-content .board-project { padding:15px 0; gap:8px; grid-template-columns:30px 1fr auto; }
.inner-screen .concept-module-content .project-monogram { width:28px; height:28px; font-size:9px; }
.inner-screen .concept-module-content .board-project strong { font-size:10px; }
.inner-screen .concept-module-content .board-project small { font-size:8px; }
.inner-screen .concept-module-content .project-phase,.inner-screen .concept-module-content .team-count { display:none; }
.inner-screen .concept-module-content .board-progress { width:45px; }
.inner-screen .concept-module-content .board-progress b { font-size:8px; }
.inner-screen .concept-module-content .board-bottom { font-size:9px; padding-top:15px; }
.inner-screen figcaption,.inner-caption { font-size:.75rem; color:#64748b; line-height:1.5; margin:20px 0 0; }
.inner-navy .inner-caption { color:#b8c7db; }
.inner-steps { display:grid; gap:28px; }
.inner-steps article { display:flex; gap:20px; align-items:flex-start; }
.inner-steps article>svg { color:#b94708; width:30px; height:30px; }
.inner-steps h3 { font-size:1.2rem; margin-bottom:8px; }
.inner-steps p { margin:0; }
.inner-module-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.inner-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
.inner-card { position:relative; min-width:0; padding:32px; border:1px solid #d7e0ea; border-radius:12px; background:#fff; text-decoration:none; color:var(--brand-navy); }
.inner-card>svg { width:36px; height:36px; color:#c34b07; margin-bottom:24px; }
.inner-card h3,.interior-website .inner-card h2 { font-size:1.35rem; line-height:1.25; letter-spacing:-.03em; margin-bottom:14px; }
.inner-card p { font-size:.92rem; margin-bottom:0; }
.inner-card .text-link { display:inline-flex; margin-top:28px; }
.inner-card .text-link svg { width:18px; }
.inner-module-grid .inner-card { padding:22px; }
.inner-module-grid h3 { font-size:1rem; }
.inner-module-grid .inner-card>svg { margin-bottom:14px; width:28px; height:28px; }
.inner-navy .inner-card { background:#19283f; border-color:#31405a; }
.inner-navy .inner-card>svg { color:#fb923c; }
.inner-status { display:block; font-size:.66rem; letter-spacing:.04em; margin-bottom:16px; color:#53647b; }
.inner-navy .inner-status { color:#c8d5e5; }
.inner-subnav { background:#fff; border-block:1px solid #dae2ec; }
.inner-subnav nav { display:flex; gap:30px; padding-block:22px; flex-wrap:wrap; }
.inner-subnav a { text-decoration:none; font-size:.85rem; font-weight:650; min-height:24px; }
.inner-subnav a:hover { color:#b94708; }
.interior-website section[id] { scroll-margin-top:120px; }
.inner-tour-screen { max-width:970px; margin-inline:auto; box-shadow:0 25px 70px #0f172a22; border:1px solid #c3cfde; border-radius:12px; overflow:hidden; }
.inner-screen-chrome { display:flex; align-items:center; gap:7px; height:40px; padding:12px 18px; background:#e4eaf1; color:#53647b; font-size:10px; }
.inner-screen-chrome i { width:7px; height:7px; border-radius:50%; background:#94a3b8; }
.inner-screen-chrome span { margin-left:20px; }
.inner-tour-screen .concept-dashboard { height:480px; border-radius:0; grid-template-columns:145px 1fr; }
.inner-tour-screen .concept-sidebar { padding:20px 12px; }
.inner-tour-screen .concept-sidebar>img { width:90px; margin-bottom:24px; }
.inner-tour-screen .sidebar-item { font-size:10px; gap:9px; padding:10px 7px; }
.inner-tour-screen .sidebar-item svg { width:15px; height:15px; }
.inner-tour-screen .concept-topbar { height:47px; font-size:10px; }
.inner-tour-screen .concept-content { padding:22px; }
.inner-tour-screen .concept-greeting h3 { font-size:20px; }
.inner-tour-screen .concept-greeting p { font-size:10px; }
.inner-tour-screen .concept-module-content { height:433px; padding:16px; }
.inner-tour-screen .concept-module-content .scenario-board,.inner-tour-screen .concept-module-content .scenario-finance { height:100%; padding:24px; border-radius:8px; box-shadow:none; }
.inner-tour-screen .concept-module-content .board-heading h3 { font-size:23px; }
.inner-tour-screen .concept-module-content .board-project { padding-block:22px; }
.inner-tour-screen .concept-module-content .scenario-finance { display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; gap:14px; }
.inner-tour-screen .concept-module-content .scenario-finance .board-heading { margin:0; }
.inner-tour-screen .concept-module-content .finance-summary strong { font-size:26px; }
.inner-tour-screen .concept-module-content .chart-area { height:120px; }
.inner-tour-screen .concept-module-content .finance-chart { min-height:0; }
.inner-table-wrap { overflow-x:auto; border:1px solid #cbd5e1; border-radius:12px; background:#fff; }
.inner-table { border-collapse:collapse; width:100%; min-width:590px; text-align:left; font-size:.92rem; }
.inner-table th,.inner-table td { padding:24px; border-bottom:1px solid #e2e8f0; }
.inner-table thead { background:var(--brand-navy); color:#fff; }
.inner-table td:nth-child(3) { background:#fff4eb; font-weight:700; }
.inner-table tbody tr:last-child>* { border-bottom:0; }
.interior-website .billing-choice { margin-bottom:36px; }
.inner-faq details { border-bottom:1px solid #d6dfe9; padding:22px 0; }
.inner-faq summary { cursor:pointer; font-size:1rem; font-weight:650; line-height:1.5; }
.inner-faq p { font-size:.9rem; margin-top:16px; }
.inner-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; margin-top:48px; }
.inner-process article { border-top:1px solid #52627b; padding-top:24px; }
.inner-process article>span { color:#fb923c; font-size:.8rem; }
.inner-process h3 { font-size:1.4rem; margin:20px 0; }
.inner-resource { transition:transform .2s ease,box-shadow .2s ease; }
.inner-resource:hover { transform:translateY(-4px); box-shadow:0 16px 40px #0f172a15; }
.inner-contact-card>span { display:block; font-size:.68rem; letter-spacing:.12em; margin-bottom:20px; }
.interior-website .inner-contact-card h2 { font-size:1.1rem; overflow-wrap:anywhere; }
.whatsapp-card>svg { color:#147744; }
.inner-contact-topics { display:flex; gap:18px; flex-wrap:wrap; }
.inner-contact-topics>span { padding:16px 22px; border:1px solid #53647b; border-radius:6px; }
.inner-trial-card { background:var(--brand-navy); padding:44px; color:#fff; border-radius:14px; }
.inner-trial-card>svg { width:42px; height:42px; color:var(--brand-orange); }
.inner-trial-card>span { display:block; font-size:.75rem; letter-spacing:.15em; margin-top:30px; }
.inner-trial-card>strong { display:block; font-size:5.5rem; line-height:1.2; margin-top:16px; }
.inner-trial-card strong small { font-size:1.5rem; font-weight:500; }
.interior-website .inner-trial-card p { color:#d4deec; }
.inner-legal { max-width:850px; }
.interior-website .launch-final h2 { font-size:clamp(2.4rem,4vw,4.4rem); }
@media(max-width:1100px) {
 .inner-split { gap:32px; }
 .inner-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .inner-screen .concept-dashboard { grid-template-columns:75px 1fr; }
 .inner-screen .concept-sidebar { padding-inline:3px; }
 .inner-screen .concept-content { padding:8px; }
 .inner-screen .concept-panels { grid-template-columns:1fr; }
 .inner-screen .concept-ring-panel { display:none; }
 .inner-screen .concept-content .ui-activity { margin-top:10px; }
}
@media(max-width:1024px) {
 .inner-split { grid-template-columns:1fr; gap:40px; }
 .inner-screen { max-width:700px; width:100%; margin-inline:auto; }
 .inner-screen .concept-dashboard { grid-template-columns:100px 1fr; }
 .inner-screen .concept-panels { grid-template-columns:1fr 1fr; }
 .inner-screen .concept-ring-panel { display:block; }
 .inner-hero { padding:80px 0 60px; }
 .inner-hero h1 { max-width:18ch; }
 .inner-tour-screen .concept-dashboard { grid-template-columns:105px 1fr; }
 .inner-tour-screen .concept-sidebar>img { width:72px; }
 .inner-tour-screen .concept-module-content { padding:12px; }
 .inner-tour-screen .concept-module-content .scenario-board,.inner-tour-screen .concept-module-content .scenario-finance { padding:16px; }
 .inner-tour-screen .project-phase { display:none; }
 .inner-process { gap:24px; }
}
@media(max-width:700px) {
 .inner-hero { padding:62px 0 48px; }
 .inner-hero h1 { font-size:2.65rem; max-width:14ch; }
 .inner-landscape { background-image:linear-gradient(90deg,#f8fafcf5,#f8fafcae),url('../images/home-concept/construction.webp'); background-position:64% center; }
 .inner-hero::after { right:-15px; opacity:.6; }
 .inner-lead { font-size:1rem; max-width:31ch; }
 .interior-website .launch-section { padding-block:56px; }
 .inner-feature-grid,.inner-process { grid-template-columns:1fr; }
 .inner-module-grid { gap:12px; }
 .inner-module-grid .inner-card { padding:18px 14px; }
 .inner-module-grid p { font-size:.8rem; }
 .inner-card { padding:28px; }
 .inner-subnav nav { gap:16px; padding-block:18px; }
 .inner-subnav a { font-size:.75rem; }
 .inner-screen .concept-dashboard { grid-template-columns:64px 1fr; height:350px; }
 .inner-screen .concept-content { padding:8px; }
 .inner-screen .concept-panels { grid-template-columns:1fr; }
 .inner-screen .concept-ring-panel { display:none; }
 .inner-screen .concept-sidebar>img { width:45px; }
 .inner-screen .sidebar-item { font-size:6px; padding:7px 2px; gap:3px; }
 .inner-screen .sidebar-item svg { width:9px; height:9px; }
 .inner-screen .concept-kpis strong { font-size:18px; }
 .inner-screen .concept-kpis span { font-size:6px; }
 .inner-screen .concept-module-content { height:313px; padding:6px; }
 .inner-screen .concept-module-content .scenario-board { padding:12px; }
 .inner-screen .concept-module-content .board-project { gap:5px; grid-template-columns:22px 1fr; padding-block:15px; }
 .inner-screen .concept-module-content .board-progress { display:none; }
 .inner-screen .concept-module-content .project-monogram { width:22px; height:22px; font-size:7px; }
 .inner-screen .concept-module-content .board-project strong { font-size:8px; }
 .inner-screen .concept-module-content .board-action { display:none; }
 .inner-tour-screen .concept-dashboard { height:420px; grid-template-columns:64px 1fr; }
 .inner-tour-screen .concept-sidebar { padding:12px 4px; }
 .inner-tour-screen .concept-sidebar>img { width:46px; }
 .inner-tour-screen .sidebar-item { font-size:6px; gap:3px; padding:8px 2px; }
 .inner-tour-screen .sidebar-item svg { width:9px; height:9px; }
 .inner-tour-screen .concept-topbar { height:37px; font-size:6px; }
 .inner-tour-screen .concept-content { padding:10px; }
 .inner-tour-screen .concept-greeting h3 { font-size:14px; }
 .inner-tour-screen .concept-greeting p { font-size:7px; }
 .inner-tour-screen .concept-panels { grid-template-columns:1fr; }
 .inner-tour-screen .concept-ring-panel { display:none; }
 .inner-tour-screen .concept-module-content { height:383px; padding:6px; }
 .inner-tour-screen .concept-module-content .scenario-board,.inner-tour-screen .concept-module-content .scenario-finance { padding:12px; }
 .inner-tour-screen .concept-module-content .board-heading h3 { font-size:15px; }
 .inner-tour-screen .concept-module-content .board-action,.inner-tour-screen .team-count,.inner-tour-screen .board-progress { display:none; }
 .inner-tour-screen .concept-module-content .board-project { grid-template-columns:24px 1fr; gap:8px; padding-block:24px; }
 .inner-tour-screen .project-monogram { width:24px; height:24px; font-size:8px; }
 .inner-tour-screen .board-project strong { font-size:9px; }
 .inner-tour-screen .board-project small { font-size:7px; }
 .inner-tour-screen .concept-module-content .finance-summary strong { font-size:16px; }
 .inner-tour-screen .finance-summary>div>span { font-size:6px; }
 .inner-tour-screen .concept-module-content .finance-cash { gap:8px; }
 .inner-tour-screen .finance-cash span,.inner-tour-screen .finance-cash b { font-size:7px; }
 .inner-tour-screen .finance-period { display:none; }
 .inner-tour-screen .chart-title span { display:none; }
 .inner-tour-screen .chart-title strong { font-size:9px; }
 .inner-tour-screen .chart-months { font-size:6px; }
 .inner-tour-screen .concept-module-content .chart-area { height:125px; }
 .inner-trial-card { padding:28px; }
 .inner-trial-card .button { font-size:.78rem; padding:16px; gap:10px; }
 .inner-table th,.inner-table td { padding:18px; }
}
@media(prefers-reduced-motion:reduce) { .inner-resource { transition:none; } .inner-resource:hover { transform:none; } }
/* Keep text legible in navy sections and let dashboard content determine its height. */
.interior-website .launch-section.inner-navy p:not(.section-index):not(.inner-caption):not(.final-small) { color:#d4deec; }
.inner-hero h1 { text-wrap:balance; }
.interior-website .billing-choice { width:fit-content; }
.inner-screen .concept-dashboard:not(.concept-module-screen) { height:auto; min-height:370px; }
.inner-tour-screen .concept-dashboard:not(.concept-module-screen) { height:auto; min-height:480px; }
@media(max-width:700px) {
 .inner-screen .concept-dashboard:not(.concept-module-screen) { min-height:390px; }
 .inner-tour-screen .concept-dashboard:not(.concept-module-screen) { min-height:420px; }
 .inner-screen .concept-module-content .board-project { padding-block:12px; }
 .inner-screen .concept-module-content .board-bottom { padding-top:8px; }
}
/* Module frames grow with their real content; rows and totals never end at a crop. */
.inner-screen .concept-module-screen,.inner-tour-screen .concept-module-screen { height:auto; }
.inner-screen .concept-module-content,.inner-tour-screen .concept-module-content { height:auto; }
.inner-screen .concept-module-content .scenario-board,
.inner-tour-screen .concept-module-content .scenario-board,
.inner-tour-screen .concept-module-content .scenario-finance { height:auto; }
.inner-tour-screen .concept-module-content .scenario-finance { grid-template-rows:auto auto auto auto; }

/* Cloud workspace illustration: access model, not a product UI or uptime claim. */
.cloud-workspace { background:var(--brand-navy); color:var(--brand-white); padding:40px 32px 24px; border-radius:16px; text-align:center; }
.cloud-workspace-core { display:grid; justify-items:center; gap:10px; padding:0 0 30px; }
.cloud-workspace-core>svg { width:68px; height:68px; color:var(--brand-orange); }
.cloud-workspace-core strong { font-size:24px; letter-spacing:.06em; }
.cloud-workspace-core span,.cloud-workspace-clients span { font-size:12px; color:#cbd5e1; }
.cloud-workspace-clients { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; position:relative; border-top:1px solid #64748b; padding-top:24px; }
.cloud-workspace-clients::before { content:''; position:absolute; height:24px; border-left:1px solid #64748b; left:50%; top:-24px; }
.cloud-workspace-clients>div { display:grid; gap:8px; justify-items:center; min-width:0; }
.cloud-workspace-clients svg { width:30px; height:30px; color:var(--brand-orange); }
.interior-website .cloud-workspace>p { color:#cbd5e1; font-size:11px; margin:28px 0 0; }
.cloud-providers { display:grid; gap:24px; }
.cloud-providers article { padding-bottom:20px; border-bottom:1px solid #475569; }
.cloud-providers h3 { margin-bottom:8px; }
.cloud-providers p { font-size:.9rem; margin:0; }
.cloud-providers .text-link svg,.trust-actions svg { width:20px; height:20px; flex-shrink:0; }
.trust-actions { gap:24px; }
@media (max-width:540px) { .trust-actions { align-items:flex-start; flex-direction:column; gap:20px; } .cloud-workspace { padding:32px 20px 24px; } }
