/* Launch-design concept, scoped to the homepage. Scenario graphics are native HTML/SVG. */
.home-concept { --ink: var(--brand-navy); --muted: #53647b; --line: #dce3eb; background: var(--brand-white); }
.home-concept .container { width: min(1280px,calc(100% - 96px)); }
.home-concept h1,.home-concept h2 { font-weight: 750; letter-spacing: -.055em; }
.home-concept em { font-style: normal; }
.home-concept svg { width: 24px; height: 24px; flex-shrink: 0; }
.home-concept .header-inner { min-height: 102px; gap: 24px; }
.home-concept .site-header { background: transparent; position: relative; z-index: 5; border-bottom: 1px solid #0f172a14; }
.home-concept .site-header .brand-logo { width: 144px; }
.home-concept #site-navigation { gap: 20px; font-size: .87rem; font-weight: 650; color: var(--brand-navy); background: #f8fafcf0; border: 1px solid #ffffffb8; border-radius: 8px; padding: 8px 10px; }
.home-concept .button { padding: 17px 23px; border-radius: 5px; font-size: .89rem; gap: 20px; line-height: 1.3; }
.home-concept .button svg { width: 21px; height: 21px; }
.home-concept .button:hover { box-shadow: 0 12px 24px #0f172a1f; }
.launch-hero { position: relative; isolation: isolate; margin-top: -103px; padding-top: 103px; min-height: 832px; overflow: hidden; background: #e9eff5; }
.hero-landscape { position: absolute; inset: 0; z-index: -3; }
.hero-landscape img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 84% 54%; }
.hero-veil { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,#f8fafcf5 0%,#f8fafcf0 30%,#f8fafc99 48%,#f8fafc00 68%); clip-path: polygon(0 0,78% 0,42% 100%,0 100%); }
.hero-stripe { position: absolute; right: -80px; top: 0; bottom: 0; width: 112px; background: var(--brand-orange); transform: skewX(-26deg); z-index: -1; opacity: .95; }
.launch-hero-inner { position: relative; min-height: 730px; padding-top: 64px; }
.launch-copy { width: 640px; position: relative; z-index: 2; }
.brand-mantra { display: flex; gap: 18px; align-items: center; font-size: .68rem; font-weight: 650; letter-spacing: .23em; margin-bottom: 30px; }
.brand-mantra > span { width: 30px; height: 3px; background: var(--brand-orange); }
.brand-mantra i { color: var(--brand-orange); font-size: 1.2rem; font-style: normal; }
.launch-copy h1 { font-size: clamp(3.3rem,4.1vw,3.85rem); line-height: 1.04; margin-bottom: 28px; max-width: 19ch; }
.launch-copy h1 em { display: block; color: #be4500; }
.launch-lead { color: #364b63; font-size: 1.16rem; line-height: 1.55; max-width: 42ch; margin-bottom: 30px; }
.launch-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.home-concept .launch-secondary { background: #ffffffcc; border-color: #60748c; padding: 16px 20px; }
.store-badges { display: flex; align-items: center; gap: 13px; margin-top: 26px; height: 48px; }
.apple-badge { width: 144px; height: 48px; }
.play-badge { width: 174px; height: auto; margin: -10px; }
.hero-side-note { position: absolute; right: 0; top: 50px; border-top: 2px solid var(--brand-orange); padding-top: 16px; font-size: .63rem; color: #fff; letter-spacing: .15em; text-shadow: 0 1px 5px #0f172a; line-height: 1.9; }
.launch-devices { position: absolute; width: 690px; right: -30px; bottom: 24px; height: 440px; z-index: 1; transform: scale(.9); transform-origin: right bottom; }
.laptop-device { position: absolute; width: 640px; right: 70px; bottom: 0; transform: perspective(1200px) rotateY(-7deg) rotateZ(-3deg); transform-origin: bottom center; filter: drop-shadow(0 28px 20px #0f172a66); }
.laptop-display { border: 9px solid #111b28; border-bottom-width: 13px; border-radius: 17px 17px 5px 5px; background: #111b28; position: relative; padding-top: 5px; box-shadow: inset 0 0 0 1px #9aa6b8,0 0 0 1px #acb8c6; }
.laptop-camera { position: absolute; top: -4px; left: 50%; width: 4px; height: 4px; background: #53647b; border-radius: 50%; }
.laptop-base { height: 22px; margin-inline: -37px; background: linear-gradient(#cbd4de,#8593a4 35%,#d8e0e7 55%,#677889); border-radius: 2px 2px 55% 55% / 3px 3px 15px 15px; box-shadow: 0 3px 0 #354254; position: relative; }
.laptop-base span { position: absolute; left: 40%; top: 0; width: 20%; height: 7px; background: #718399; border-radius: 0 0 8px 8px; }
.concept-dashboard { display: grid; grid-template-columns: 89px 1fr; background: #f2f5f9; color: var(--brand-navy); overflow: hidden; border-radius: 5px; height: 370px; font-family: system-ui,sans-serif; line-height: 1.3; }
.concept-sidebar { background: #142337; color: #c8d5e5; display: flex; flex-direction: column; padding: 8px 6px; }
.concept-sidebar > img { width: 58px; height: auto; display: block; margin: 0 auto 12px; }
.sidebar-item { display: flex; gap: 6px; align-items: center; font-size: 7px; margin-bottom: 5px; padding: 7px 4px; border-radius: 4px; }
.sidebar-item svg { width: 11px; height: 11px; }
.sidebar-item.selected { color: #fff; background: #ffffff14; }
.sidebar-bottom { font-size: 6px; color: #94a3b8; margin-top: auto; padding: 8px; }
.concept-topbar { display: flex; align-items: center; justify-content: space-between; background: white; height: 37px; padding-inline: 14px; border-bottom: 1px solid #e5ebf2; }
.concept-topbar > span { background: #f1f5f9; display: flex; align-items: center; gap: 5px; font-size: 6px; width: 170px; color: #6b7a90; padding: 5px 7px; border-radius: 4px; }
.concept-topbar svg { width: 10px; height: 10px; }
.concept-topbar > div { display: flex; gap: 12px; align-items: center; }
.concept-avatar { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: #e8eef5; color: #50627a; font-size: 6px; }
.concept-content { padding: 16px; }
.concept-greeting { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.ui-overline { font-size: 6px; color: #7b8a9b; font-weight: 650; letter-spacing: .12em; }
.concept-greeting h3 { font-size: 15px; margin: 4px 0; font-weight: 700; }
.concept-greeting p { font-size: 6px; color: #728197; margin: 0; }
.concept-greeting > svg { color: var(--brand-orange); width: 21px; height: 21px; }
.concept-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 12px; }
.concept-kpis > div { border: 1px solid #e5ebf3; border-radius: 7px; background: white; padding: 12px 10px; position: relative; }
.concept-kpis span { font-size: 7px; color: #617188; display: block; }
.concept-kpis strong { font-size: 22px; display: block; margin-top: 6px; }
.concept-kpis i { position: absolute; right: 10px; top: 30px; background: #fff0e5; padding: 6px; border-radius: 6px; color: #dc6409; display: flex; }
.concept-kpis i svg { width: 14px; height: 14px; }
.concept-panels { display: grid; grid-template-columns: 1.4fr 1fr; gap: 10px; }
.concept-projects,.concept-ring-panel,.ui-activity { border: 1px solid #e5ebf3; background: white; padding: 12px; border-radius: 7px; }
.ui-panel-title { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 14px; }
.ui-panel-title strong,.concept-ring-panel > strong { font-size: 8px; }
.ui-panel-title > span { font-size: 6px; color: #697c95; }
.ui-project-row { display: grid; grid-template-columns: 1fr 62px 21px; gap: 8px; align-items: center; font-size: 6px; margin-top: 12px; }
.ui-project-row b { font-size: 6px; font-weight: 500; color: #6c7c91; }
.ui-progress { height: 4px; background: #edf1f6; border-radius: 8px; overflow: hidden; }
.ui-progress i { display: block; height: 100%; width: var(--progress); background: #249f96; border-radius: inherit; }
.ui-project-row:nth-child(3) .ui-progress i { background: #759b86; }
.ui-project-row:nth-child(4) .ui-progress i { background: var(--brand-orange); }
.concept-ring { width: 76px; height: 76px; margin: 7px auto; border-radius: 50%; background: conic-gradient(var(--brand-orange) 0 85.6%,#e4edf5 85.6% 100%); display: grid; place-items: center; }
.concept-ring > span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: #fff; }
.concept-ring b { font-size: 12px; }
.concept-ring small { font-size: 5px; color: #718297; }
.ring-key { font-size: 5px; display: flex; align-items: center; justify-content: center; gap: 4px; }
.ring-key i { width: 4px; height: 4px; background: var(--brand-orange); border-radius: 50%; }
.ring-key i:nth-of-type(2) { background: #cbd5e1; }
.ui-activity { margin-top: 10px; padding-top: 10px; }
.ui-activity .ui-panel-title { margin-bottom: 6px; }
.ui-activity > div:not(.ui-panel-title) { display: flex; align-items: center; gap: 8px; padding-block: 5px; }
.ui-activity > div > i { width: 17px; height: 17px; background: #f0f5f8; border-radius: 4px; display: grid; place-items: center; color: #608681; }
.ui-activity svg { width: 9px; height: 9px; }
.ui-activity b { display: block; font-size: 6px; font-weight: 600; }
.ui-activity small { display: block; color: #7d8b9d; font-size: 5px; margin-top: 2px; }
.ui-activity time { font-size: 5px; color: #8b99aa; margin-left: auto; }
.concept-phone { width: 151px; height: 320px; background: #142337; border: 4px solid #142337; border-radius: 23px; box-shadow: 0 0 0 1px #95a3b6,12px 22px 32px #0f172a40; position: relative; padding: 5px; }
.launch-devices > .concept-phone { position: absolute; right: 0; bottom: -5px; transform: rotate(2deg); }
.phone-camera { width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 2px; left: 50%; background: #627388; }
.phone-screen { background: #f1f5fa; height: 100%; border-radius: 15px; padding: 12px 9px 8px; overflow: hidden; position: relative; color: var(--brand-navy); line-height: 1.3; }
.phone-toolbar { display: flex; align-items: center; justify-content: space-between; }
.phone-toolbar img { width: 43px; height: auto; mix-blend-mode: multiply; }
.phone-toolbar svg { width: 12px; height: 12px; }
.phone-greeting { padding-block: 12px; }
.phone-greeting span { display: block; font-size: 5px; color: #7d8d9e; letter-spacing: .08em; margin-bottom: 5px; }
.phone-greeting strong { display: block; font-size: 12px; }
.phone-summary { padding: 10px; border-radius: 8px; background: #fff; border: 1px solid #e1e8f0; margin-bottom: 8px; position: relative; }
.phone-summary > span { font-size: 6px; color: #6c7b8e; display: block; }
.phone-summary b { font-size: 22px; display: block; margin-top: 2px; }
.phone-summary svg { position: absolute; right: 10px; top: 22px; color: #dc6409; width: 18px; height: 18px; }
.phone-project { position: relative; padding: 8px 7px; border-radius: 7px; border: 1px solid #e1e8f0; background: #fff; margin-top: 7px; min-height: 53px; }
.project-monogram { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 9px; background: #e9f0f6; color: #405b76; font-size: .65rem; font-weight: 700; flex-shrink: 0; }
.phone-project .project-monogram { width: 18px; height: 18px; font-size: 5px; float: left; margin-right: 5px; border-radius: 5px; }
.phone-project strong { font-size: 6px; display: block; padding-top: 1px; }
.phone-project small { display: block; font-size: 5px; color: #718197; margin-top: 3px; }
.phone-project .ui-progress { margin-top: 9px; height: 3px; clear: both; }
.phone-nav { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 14px; background: #fff; border-top: 1px solid #e1e8f0; display: flex; justify-content: space-between; }
.phone-nav svg { width: 12px; height: 12px; color: #71869d; }
.phone-nav svg:first-child { color: #d8640c; }
.launch-modules { background: var(--brand-navy); color: var(--brand-white); position: relative; }
.launch-module-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); padding-block: 32px; }
.launch-module-grid a { display: flex; flex-direction: column; gap: 7px; border-right: 1px solid #ffffff24; padding: 3px 20px; text-decoration: none; }
.launch-module-grid a:first-child { padding-left: 0; }
.launch-module-grid a:last-child { border: 0; }
.launch-module-grid svg { width: 30px; height: 30px; color: var(--brand-orange); margin-bottom: 9px; }
.launch-module-grid strong { font-size: .88rem; font-weight: 600; }
.launch-module-grid span { color: #b4c2d3; font-size: .67rem; }
.launch-module-grid a:hover strong { color: var(--brand-orange); }
.launch-assurance { border-bottom: 1px solid var(--line); }
.launch-assurance > div { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 24px; font-size: .76rem; }
.launch-assurance span { display: flex; align-items: center; gap: 10px; }
.launch-assurance svg { width: 15px; height: 15px; color: #6d8797; }
.launch-assurance span:last-child { color: var(--muted); }
.launch-section { padding-block: 96px; }
.section-index { font-size: .65rem; font-weight: 700; letter-spacing: .16em; margin-bottom: 22px; display: flex; align-items: center; gap: 12px; }
.section-index::before { content: ""; width: 24px; height: 2px; background: var(--brand-orange); }
.home-concept h2 { font-size: clamp(2.5rem,3.5vw,3.45rem); line-height: 1.08; margin-bottom: 26px; }
.launch-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 48px; }
.launch-section-heading h2 { margin-bottom: 0; }
.launch-section-heading > p { font-size: 1rem; color: var(--muted); margin: 0 0 5px; line-height: 1.65; }
.operation-stage { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 72px; }
.operation-sidebar { position: relative; }
.stage-number { font-size: .6rem; color: #8898aa; letter-spacing: .18em; display: block; margin-bottom: 26px; }
.operation-step { display: flex; gap: 20px; align-items: start; margin-bottom: 28px; }
.operation-step > i { display: flex; color: #cb5705; background: #fff3e8; border-radius: 9px; padding: 12px; }
.operation-step h3 { font-size: 1.08rem; margin-block: 3px 6px; }
.operation-step p { font-size: .81rem; color: var(--muted); margin: 0; }
.operation-sidebar > .text-link { margin-top: 8px; }
.operation-board-wrap { position: relative; padding: 34px 0 34px 34px; }
.operation-board-wrap::before { content: ""; position: absolute; background: #f0f4f8; top: 0; bottom: 0; left: 0; right: -60px; border-radius: 32px 0 0 32px; z-index: 0; }
.scenario-board { position: relative; background: #fff; border: 1px solid #dee6ef; border-radius: 14px; box-shadow: 0 22px 50px #27415e14; padding: 28px; }
.board-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.board-heading .ui-overline { font-size: .55rem; }
.board-heading h3 { font-size: 1.2rem; margin-block: 7px 0; }
.board-action { background: var(--brand-navy); color: #fff; padding: 9px 13px; border-radius: 5px; font-size: .62rem; white-space: nowrap; }
.board-tabs { display: flex; gap: 24px; padding-bottom: 12px; border-bottom: 1px solid #e1e8f0; color: #7c8ba0; font-size: .68rem; }
.board-tabs .active { color: var(--brand-navy); font-weight: 600; position: relative; }
.board-tabs .active::after { content: ""; height: 2px; position: absolute; left: 0; right: 0; bottom: -13px; background: var(--brand-orange); }
.board-project { display: flex; align-items: center; gap: 14px; border-bottom: 1px solid #ecf0f4; padding-block: 23px; }
.board-project > div:first-of-type { flex: 1; }
.board-project strong { display: block; font-size: .71rem; font-weight: 600; }
.board-project small { display: block; font-size: .6rem; color: #7d8da1; margin-top: 6px; }
.project-phase { color: #537969; background: #f0f7f3; font-size: .53rem; padding: 5px 7px; border-radius: 4px; white-space: nowrap; }
.team-count { display: flex; align-items: center; gap: 4px; font-size: .62rem; color: #687d94; }
.team-count svg { width: 14px; height: 14px; }
.board-progress { width: 63px; text-align: right; }
.board-progress b { display: block; font-size: .63rem; font-weight: 500; margin-bottom: 7px; }
.board-progress .ui-progress { height: 4px; }
.board-bottom { display: flex; gap: 24px; color: #7c8ea3; font-size: .59rem; padding-top: 20px; }
.operation-tag { display: flex; align-items: center; gap: 10px; position: relative; color: #637a90; font-size: .65rem; margin-top: 20px; }
.operation-tag svg { width: 15px; height: 15px; }
.launch-finance { position: relative; overflow: hidden; background: #0f172a; color: #f8fafc; }
.launch-finance::after { content: ""; width: 150px; height: 850px; position: absolute; right: -160px; top: -110px; transform: rotate(30deg); border-left: 1px solid #f9731633; background: #f973160a; pointer-events: none; }
.finance-stage { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }
.finance-copy h2 em { color: var(--brand-orange); }
.finance-copy > p:not(.section-index) { color: #b0bfd1; font-size: .95rem; line-height: 1.7; }
.finance-story { display: flex; flex-direction: column; gap: 17px; padding-block: 24px 32px; }
.finance-story > span { display: flex; align-items: center; gap: 12px; font-size: .77rem; }
.finance-story svg { color: var(--brand-orange); width: 20px; height: 20px; }
.finance-copy .text-link { font-size: .77rem; }
.scenario-finance { background: #f8fafc; border: 1px solid #d7e0eb; border-radius: 14px; color: var(--brand-navy); padding: 28px; box-shadow: 0 30px 70px #00000033; }
.finance-period { padding: 7px 10px; font-size: .58rem; background: #edf2f7; border-radius: 5px; color: #647b92; }
.finance-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-block: 26px; }
.finance-summary > div { border-left: 1px solid #d9e2ec; padding-left: 17px; }
.finance-summary > div:first-child { padding-left: 0; border-left: 0; }
.finance-summary > div > span { font-size: .62rem; color: #627990; }
.finance-summary strong { display: block; font-size: 2rem; letter-spacing: -.04em; line-height: 1.2; margin-top: 10px; }
.finance-summary small { font-size: .57rem; font-weight: 500; letter-spacing: 0; }
.finance-summary > div:last-child strong { color: #235a50; }
.finance-chart { background: white; border: 1px solid #e0e7ef; border-radius: 8px; padding: 20px; }
.chart-title { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
.chart-title strong { font-size: .7rem; }
.chart-title span { display: flex; align-items: center; gap: 6px; font-size: .48rem; color: #637c92; }
.chart-title i { width: 6px; height: 6px; border-radius: 50%; background: #496f95; }
.chart-title i:nth-of-type(2) { margin-left: 8px; background: var(--brand-orange); }
.chart-area { height: 166px; position: relative; padding-left: 35px; }
.chart-grid { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; font-size: .5rem; color: #94a3b8; }
.chart-grid span { border-bottom: 1px solid #e8edf3; width: 100%; padding-bottom: 3px; }
.chart-area > svg { width: calc(100% - 35px); height: 100%; position: absolute; bottom: 0; right: 0; overflow: visible; }
.budget-line { fill: none; stroke: #607f9d; stroke-width: 2; stroke-dasharray: 5 5; }
.cost-line { fill: none; stroke: var(--brand-orange); stroke-width: 3; }
.cost-fill { fill: #f9731612; stroke: none; }
.chart-months { display: flex; justify-content: space-between; font-size: .46rem; color: #7d8fa3; padding-left: 35px; margin-top: 10px; }
.finance-cash { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 24px; }
.finance-cash > span { font-size: .58rem; color: #6c8196; }
.finance-cash b { display: block; font-weight: 550; color: #203a55; font-size: .84rem; margin-top: 5px; }
.mobile-stage { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center; }
.mobile-visual { position: relative; display: grid; place-items: center; min-height: 510px; isolation: isolate; }
.mobile-visual::after { content: ""; position: absolute; height: 70px; width: 210px; background: #0f172a14; border-radius: 50%; filter: blur(18px); bottom: 28px; z-index: -1; }
.mobile-orbit { position: absolute; width: 420px; height: 420px; border-radius: 50%; background: #edf2f7; z-index: -2; }
.mobile-orbit::after { content: ""; position: absolute; inset: -25px; border: 1px solid #e7edf3; border-radius: 50%; }
.mobile-visual .concept-phone { transform: scale(1.42) rotate(-6deg); }
.mobile-small-note { position: absolute; left: 5%; top: 45%; font-size: .6rem; color: #70879e; letter-spacing: .12em; writing-mode: vertical-rl; }
.mobile-copy h2 em { color: #bd4600; }
.mobile-copy > p:not(.section-index) { color: var(--muted); font-size: 1rem; }
.mobile-benefits { display: flex; flex-direction: column; gap: 14px; margin-block: 28px 32px; }
.mobile-benefits > span { display: flex; gap: 10px; align-items: center; font-size: .8rem; }
.mobile-benefits svg { width: 17px; height: 17px; color: #738f9f; }
.launch-security { border-block: 1px solid var(--line); background: #f8fafc; }
.launch-security > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; padding-block: 32px; }
.launch-security > div > div { display: flex; align-items: center; gap: 16px; }
.launch-security svg { color: #7a8fa7; width: 26px; height: 26px; }
.launch-security strong { font-size: .81rem; font-weight: 550; }
.launch-pricing { background: var(--brand-white); }
.billing-choice { display: flex; padding: 5px; background: #eef2f6; border-radius: 8px; gap: 5px; }
.billing-choice button { background: transparent; border: 0; padding: 12px 18px; border-radius: 5px; font-size: .76rem; font-weight: 550; color: var(--brand-navy); white-space: nowrap; }
.billing-choice button[aria-pressed="true"] { background: var(--brand-navy); color: #fff; box-shadow: 0 4px 10px #0f172a1a; }
.billing-choice span { font-size: .55rem; margin-left: 7px; padding: 3px 5px; background: #dde7e3; color: #37574c; border-radius: 3px; }
.launch-plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.launch-plan { background: #fff; display: flex; flex-direction: column; padding: 32px; border: 1px solid #dae3ee; border-radius: 10px; }
.launch-plan.recommended { background: var(--brand-navy); color: #fff; border-color: var(--brand-navy); position: relative; box-shadow: 0 16px 38px #0f172a1c; }
.launch-plan.recommended::before { content: ""; position: absolute; height: 4px; top: -1px; left: 28px; right: 28px; background: var(--brand-orange); }
.launch-plan-top { display: flex; justify-content: space-between; gap: 10px; align-items: center; font-size: .69rem; font-weight: 600; letter-spacing: .08em; margin-bottom: 22px; }
.plan-recommendation { color: #eebc97; letter-spacing: 0; font-weight: 400; font-size: .65rem; }
.launch-plan h3, .launch-plan h2 { font-size: 1.35rem; font-weight: 500; margin-bottom: 26px; min-height: 2.7em; }
.launch-plan-price { border-bottom: 1px solid #cbd5e1; padding-bottom: 25px; }
.recommended .launch-plan-price { border-color: #ffffff26; }
.launch-plan-price strong { display: block; font-size: 3.2rem; letter-spacing: -.05em; line-height: 1.05; font-weight: 650; }
.launch-plan-price > span { font-size: .68rem; display: block; margin-top: 12px; color: #687c93; }
.recommended .launch-plan-price > span { color: #b5c4d6; }
.launch-plan-capacity { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-block: 28px; font-size: .74rem; }
.launch-plan .button { display: flex; margin-top: auto; font-size: .73rem; padding: 15px 16px; gap: 10px; }
.home-concept .launch-plan-outline { background: transparent; border-color: #aab9ca; }
.pricing-tail { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 30px; }
.pricing-tail p { font-size: .75rem; color: #6a7e94; margin: 0; }
.pricing-tail .text-link { font-size: .75rem; }
.launch-enterprise { background: var(--brand-white); border-top: 1px solid var(--line); position: relative; overflow: hidden; }
.launch-enterprise::after { content: ""; position: absolute; width: 130px; height: 700px; background: #dce5ef; transform: rotate(30deg); right: 18%; top: -140px; pointer-events: none; }
.enterprise-stage { position: relative; z-index: 1; display: grid; grid-template-columns: 1.3fr .7fr; align-items: center; gap: 80px; }
.enterprise-stage p:not(.section-index) { color: #62778f; font-size: 1.12rem; }
.enterprise-labels { display: flex; flex-direction: column; gap: 26px; border-left: 1px solid #bbc9d8; padding-left: 40px; font-size: 1rem; }
.enterprise-labels span::before { content: "↗"; margin-right: 14px; color: #c0580f; }
.company-line { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.company-line p { color: #62778f; font-size: .94rem; margin: 0; }
.company-line .text-link { font-size: .77rem; }
.launch-final { position: relative; overflow: hidden; background: var(--brand-navy); color: #fff; }
.launch-final::after { content: ""; position: absolute; right: 15%; top: -130px; height: 800px; width: 120px; background: var(--brand-orange); transform: rotate(30deg); }
.launch-final > div { position: relative; z-index: 1; }
.launch-final h2 { font-size: clamp(2.6rem,4.5vw,4.2rem); margin-bottom: 36px; }
.final-small { font-size: .7rem; color: #bbc9d9; margin: 22px 0 0; }
.home-concept .site-footer { border-top: 1px solid #ffffff24; }
.home-concept .site-footer h2 { font-size: .72rem; font-weight: 650; letter-spacing: 0; line-height: 1.35; margin-bottom: 20px; }
.home-concept .footer-intro .brand-link { border: 0; padding: 0; }
.home-concept .brand-logo-dark { width: 164px; }
.home-concept .site-footer .text-link { font-size: .77rem; }
.home-concept .text-link svg { width: 18px; height: 18px; }
.launch-modules :focus-visible,.launch-finance :focus-visible,.launch-final :focus-visible { outline-color: var(--brand-white); }
.operation-board-wrap,.finance-board-wrap,.finance-stage > *, .mobile-stage > *, .operation-stage > *, .enterprise-stage > * { min-width: 0; }
@media (max-width: 1180px) {
 .home-concept #site-navigation { gap: 16px; }
 .home-concept .container { width: calc(100% - 64px); }
 .launch-copy { width: 570px; }
 .launch-copy h1 { font-size: 3.4rem; }
 .launch-devices { width: 570px; right: 0; bottom: 32px; transform: scale(.86); transform-origin: right bottom; }
 .hero-side-note { display: none; }
 .finance-stage { gap: 42px; grid-template-columns: .85fr 1.15fr; }
 .operation-stage { gap: 42px; }
 .scenario-board,.scenario-finance { padding: 22px; }
 .project-phase { display: none; }
 .launch-module-grid a { padding-inline: 14px; }
 .launch-module-grid span { font-size: .6rem; }
 .launch-plan { padding: 26px; }
}
@media (min-width: 1025px) and (max-width: 1100px) {
 .launch-devices { transform: scale(.70); }
}
@media (max-width: 1024px) {
 .home-concept .header-inner { min-height: 92px; padding-block: 12px; }
 .home-concept .site-header { background: #ffffffeb; }
 .home-concept #site-navigation { background: #fff; gap: 16px; }
 .launch-hero { margin-top: -93px; padding-top: 93px; min-height: 1010px; }
 .launch-hero-inner { min-height: 916px; padding-top: 48px; }
 .launch-copy { width: min(620px,85%); }
 .launch-copy h1 { font-size: 3.5rem; max-width: 20ch; }
 .hero-landscape img { object-position: 65% bottom; }
 .hero-veil { background: linear-gradient(180deg,#f8fafcfa 0%,#f8fafced 30%,#f8fafc66 58%,#f8fafc00 80%); clip-path: none; }
 .launch-devices { right: 0; bottom: 28px; transform: none; width: 670px; }
 .launch-devices .laptop-device { width: 580px; }
 .launch-module-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px 0; }
 .launch-module-grid a:nth-child(3n) { border: 0; }
 .launch-module-grid a:nth-child(4) { padding-left: 0; }
 .launch-module-grid span { font-size: .7rem; }
 .launch-assurance > div { flex-wrap: wrap; justify-content: start; gap: 16px 40px; }
 .launch-section { padding-block: 76px; }
 .operation-stage { grid-template-columns: 1fr; gap: 30px; }
 .operation-sidebar { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
 .stage-number { display: none; }
 .operation-step { flex-direction: column; gap: 10px; margin: 0; }
 .operation-sidebar > a { grid-column: 1/-1; justify-self: start; }
 .operation-board-wrap { padding: 26px; }
 .operation-board-wrap::before { right: 0; border-radius: 20px; }
 .project-phase { display: block; }
 .finance-stage { grid-template-columns: 1fr; gap: 36px; }
 .finance-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
 .finance-copy .section-index { grid-column: 1/-1; }
 .finance-copy h2 { grid-row: 2/5; }
 .finance-copy > p:not(.section-index) { padding-top: 5px; }
 .finance-story { padding-block: 6px 18px; }
 .finance-copy .text-link { justify-self: start; }
 .mobile-stage { gap: 50px; }
 .mobile-orbit { width: 300px; height: 300px; }
 .mobile-visual { min-height: 480px; }
 .launch-plan-grid { gap: 16px; }
 .launch-plan { padding: 24px 18px; }
 .launch-plan h3, .launch-plan h2 { font-size: 1.08rem; }
 .launch-plan-price strong { font-size: 2.65rem; }
 .launch-plan-capacity { grid-template-columns: 1fr; gap: 9px; font-size: .7rem; }
 .launch-plan .button { font-size: .62rem; padding: 13px 10px; gap: 6px; }
 .launch-plan .button svg { width: 15px; }
 .launch-section-heading { gap: 30px; }
 .launch-security > div { gap: 20px; }
 .launch-security strong { font-size: .7rem; }
 .enterprise-stage { gap: 36px; grid-template-columns: 1.2fr .8fr; }
 .enterprise-labels { font-size: .8rem; padding-left: 22px; }
}
@media (max-width: 700px) {
 .home-concept .container { width: calc(100% - 40px); }
 .home-concept .header-inner { min-height: 81px; }
 .home-concept .site-header .brand-logo { width: 120px; }
 .home-concept #site-navigation { gap: 0; font-size: .95rem; }
 .launch-hero { margin-top: -82px; padding-top: 82px; min-height: 0; }
 .launch-hero-inner { min-height: 940px; padding-top: 32px; padding-bottom: 330px; }
 .launch-copy { width: 100%; }
 .brand-mantra { font-size: .53rem; gap: 10px; letter-spacing: .15em; margin-bottom: 22px; }
 .brand-mantra > span { width: 22px; }
 .launch-copy h1 { font-size: clamp(2.2rem,9.6vw,2.9rem); line-height: 1.07; margin-bottom: 22px; max-width: 20ch; }
 .launch-lead { font-size: .99rem; line-height: 1.6; margin-bottom: 24px; }
 .home-concept .launch-actions .button { padding: 14px 16px; font-size: .78rem; gap: 12px; }
 .launch-actions { gap: 10px; }
 .store-badges { margin-top: 19px; gap: 12px; }
 .apple-badge { width: 126px; height: 42px; }
 .play-badge { width: 153px; }
 .hero-landscape { inset: auto 0 0; height: 620px; }
 .hero-landscape img { object-position: 82% center; }
 .hero-veil { background: linear-gradient(#f8fafc 0%,#f8fafc 42%,#f8fafcc7 54%,#f8fafc00 69%); }
 .hero-stripe { width: 22px; right: -65px; }
 .launch-devices { width: 365px; height: 320px; right: -8px; bottom: 18px; }
 .launch-devices .laptop-device { width: 590px; transform: scale(.46) rotate(-3deg); right: 20px; bottom: 0; transform-origin: right bottom; }
 .launch-devices > .concept-phone { transform: scale(.69) rotate(2deg); transform-origin: right bottom; right: 0; bottom: -3px; }
 .launch-module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding-block: 28px; gap: 28px 0; }
 .launch-module-grid a { padding-inline: 16px; gap: 6px; }
 .launch-module-grid a:nth-child(odd) { padding-left: 0; border-right: 1px solid #ffffff24; }
 .launch-module-grid a:nth-child(even) { border: 0; padding-left: 20px; }
 .launch-module-grid strong { font-size: .85rem; }
 .launch-module-grid span { font-size: .65rem; }
 .launch-module-grid svg { width: 27px; height: 27px; }
 .launch-assurance > div { gap: 14px 20px; padding-block: 22px; font-size: .67rem; }
 .launch-assurance span:last-child { flex-basis: 100%; padding-left: 25px; }
 .launch-section { padding-block: 58px; }
 .home-concept h2 { font-size: 2.25rem; line-height: 1.12; }
 .section-index { font-size: .55rem; margin-bottom: 20px; letter-spacing: .13em; }
 .launch-section-heading { flex-direction: column; align-items: start; gap: 20px; margin-bottom: 34px; }
 .launch-section-heading > p { font-size: .9rem; }
 .operation-sidebar { grid-template-columns: 1fr; gap: 20px; }
 .operation-step { flex-direction: row; align-items: center; gap: 16px; }
 .operation-step > i { padding: 10px; }
 .operation-step h3 { font-size: .95rem; }
 .operation-step p { font-size: .75rem; }
 .operation-board-wrap { padding: 12px; margin-inline: -6px; }
 .scenario-board { padding: 18px 15px; border-radius: 10px; }
 .board-heading { gap: 10px; margin-bottom: 22px; }
 .board-heading h3 { font-size: 1rem; }
 .board-heading .ui-overline { font-size: .45rem; }
 .board-action { font-size: .5rem; padding: 8px; }
 .board-tabs { gap: 20px; font-size: .58rem; }
 .board-project { gap: 10px; padding-block: 19px; }
 .board-project .project-monogram { width: 29px; height: 29px; font-size: .54rem; }
 .board-project strong { font-size: .62rem; }
 .board-project small { font-size: .53rem; }
 .project-phase,.team-count { display: none; }
 .board-progress { width: 38px; }
 .board-progress b { font-size: .58rem; }
 .board-bottom { font-size: .55rem; gap: 20px; }
 .operation-tag { font-size: .53rem; gap: 6px; }
 .finance-copy { display: block; }
 .finance-copy > p:not(.section-index) { font-size: .91rem; padding: 0; }
 .finance-copy .text-link { font-size: .75rem; }
 .finance-story { padding-block: 18px 28px; }
 .scenario-finance { padding: 20px 15px; border-radius: 10px; }
 .finance-period { font-size: .46rem; padding: 6px 7px; }
 .finance-summary { gap: 8px; margin-block: 24px; }
 .finance-summary > div { padding-left: 10px; }
 .finance-summary > div > span { font-size: .5rem; display: block; min-height: 2.7em; }
 .finance-summary strong { font-size: 1.62rem; margin-top: 5px; }
 .finance-summary small { display: block; font-size: .5rem; margin-top: 4px; }
 .finance-chart { padding: 15px 10px; }
 .chart-title { gap: 10px; margin-bottom: 18px; }
 .chart-title strong { font-size: .58rem; }
 .chart-title > span { font-size: .4rem; gap: 4px; }
 .chart-area { height: 130px; }
 .chart-grid { font-size: .45rem; }
 .chart-months { font-size: .39rem; }
 .finance-cash { gap: 10px; }
 .finance-cash > span { font-size: .48rem; }
 .finance-cash b { font-size: .65rem; }
 .mobile-stage { display: flex; flex-direction: column-reverse; align-items: stretch; gap: 20px; }
 .mobile-visual { min-height: 435px; }
 .mobile-visual .concept-phone { transform: scale(1.2) rotate(-6deg); }
 .mobile-orbit { width: min(290px,calc(100vw - 60px)); height: min(290px,calc(100vw - 60px)); }
 .mobile-copy > p:not(.section-index) { font-size: .94rem; }
 .mobile-benefits > span { font-size: .76rem; }
 .launch-security > div { grid-template-columns: 1fr; gap: 24px; padding-block: 28px; }
 .launch-security strong { font-size: .78rem; }
 .launch-security svg { width: 22px; height: 22px; }
 .billing-choice { width: 100%; justify-content: center; }
 .billing-choice button { padding: 12px 18px; }
 .launch-plan-grid { grid-template-columns: 1fr; gap: 20px; }
 .launch-plan { padding: 28px; border-radius: 9px; }
 .launch-plan h3, .launch-plan h2 { min-height: 0; font-size: 1.32rem; margin-bottom: 24px; }
 .launch-plan-price strong { font-size: 3rem; }
 .launch-plan-capacity { grid-template-columns: 1fr 1fr; font-size: .78rem; padding-block: 26px; }
 .launch-plan .button { font-size: .76rem; padding: 16px; }
 .pricing-tail { flex-direction: column; align-items: start; gap: 22px; }
 .pricing-tail p { font-size: .71rem; }
 .enterprise-stage { grid-template-columns: 1fr; gap: 36px; }
 .enterprise-labels { border-left: 2px solid var(--brand-orange); font-size: .87rem; gap: 20px; padding-left: 20px; }
 .launch-enterprise::after { right: -180px; }
 .company-line { flex-direction: column; align-items: start; gap: 26px; }
 .company-line p { font-size: .87rem; }
 .launch-final h2 { font-size: 2.4rem; }
 .launch-final::after { right: -160px; opacity: .14; }
 .launch-final .launch-actions { gap: 24px; }
}

.launch-operation { overflow: clip; }

/* Keep keyboard focus visible against both light and navy sections. */
.home-concept .launch-modules :focus-visible,
.home-concept .launch-finance :focus-visible,
.home-concept .launch-plan.recommended :focus-visible,
.home-concept .launch-final :focus-visible { outline-color: var(--brand-white); }
.home-concept .billing-choice button { min-height: 44px; }
.home-concept .launch-section { scroll-margin-top: 24px; }
@media (prefers-reduced-motion: reduce) {
 .home-concept .button:hover { transform: none; }
}

/* Transparent web presentation uses a single silhouette for light and inverse variants. */
.home-concept .logo-filter-definitions { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.home-concept .brand-logo-dark,.home-concept .concept-sidebar > img { filter: url(#home-logo-inverse); }
.plan-identity { display: flex; align-items: center; gap: 12px; }
.plan-identity i { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: #fff0e5; color: #be4500; }
.recommended .plan-identity i { background: #ffffff14; color: var(--brand-orange); }
.home-concept .plan-identity svg { width: 24px; height: 24px; }
.launch-plan-capacity > span { display: flex; align-items: center; gap: 8px; }
.home-concept .launch-plan-capacity svg { width: 18px; height: 18px; color: #52667e; }
.home-concept .recommended .launch-plan-capacity svg { color: #bdccdf; }
.plan-saving { display: block; color: #3b6352; font-size: .7rem; margin-top: 12px; }
.plan-saving[hidden] { display: none; }
.recommended .plan-saving { color: #d1e4da; }
.launch-company { border-top: 1px solid var(--line); }
@media (max-width: 1180px) and (min-width: 1025px) {
 .home-concept #site-navigation { gap: 12px; font-size: .8rem; padding: 6px; }
 .home-concept .header-inner { gap: 16px; }
 .home-concept .launch-plan-capacity { grid-template-columns: 1fr; }
}
@media (max-width: 1024px) {
 .home-concept #site-navigation { border-radius: 0 0 8px 8px; padding: 14px 20px; font-size: .95rem; }
}

/* Navigation, contact and footer refinement. Keep the hero geometry stable on scroll. */
.home-concept .site-header { position: sticky; top: 0; z-index: 30; background: #f8fafcf5; transition: box-shadow .2s ease; }
.home-concept .site-header.is-scrolled { background: var(--brand-white); box-shadow: 0 6px 24px #0f172a14; }
.home-concept .site-header .brand-logo { width: 176px; }
.header-contact { background: var(--brand-navy); color: var(--brand-white); }
.header-contact > div { display: flex; align-items: center; justify-content: flex-end; gap: 28px; min-height: 34px; font-size: .7rem; }
.header-contact a { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; min-height: 34px; }
.home-concept .header-contact svg { width: 15px; height: 15px; }
.header-contact :focus-visible { outline-color: var(--brand-white); }
.home-concept .launch-hero { margin-top: -137px; padding-top: 137px; }
.home-concept .launch-section { scroll-margin-top: 154px; }
.hero-scene-controls { display: flex; gap: 4px; width: fit-content; margin-top: 22px; background: #f8fafce8; border: 1px solid #c6d2e0; padding: 4px; border-radius: 8px; }
.hero-scene-controls button { min-height: 44px; min-width: 44px; border: 0; padding: 10px 13px; border-radius: 5px; background: transparent; color: var(--brand-navy); cursor: pointer; font: inherit; font-size: .72rem; font-weight: 600; }
.hero-scene-controls button[aria-pressed="true"] { background: var(--brand-navy); color: var(--brand-white); }
.hero-scenes { height: 370px; overflow: hidden; border-radius: 5px; }
.hero-scene[hidden] { display: none; }
.hero-scene { height: 100%; animation: scene-enter .45s ease both; }
.hero-scene .scenario-board,.hero-scene .scenario-finance { height: 370px; border: 0; border-radius: 5px; box-shadow: none; padding: 20px; }
.hero-scene .board-heading { margin-bottom: 14px; }
.hero-scene .board-heading h3 { font-size: 1.2rem; }
.hero-scene .board-project { padding-block: 18px; }
.hero-scene .finance-summary { margin-block: 14px; }
.hero-scene .finance-summary strong { font-size: 1.6rem; }
.hero-scene .finance-chart { padding: 14px; }
.hero-scene .chart-title { margin-bottom: 10px; }
.hero-scene .chart-area { height: 115px; }
.hero-scene .finance-cash { margin-top: 12px; }
@keyframes scene-enter { from { opacity: .3; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.plan-identity i { width: 58px; height: 58px; border: 1px solid #f9731640; border-radius: 15px 15px 15px 3px; box-shadow: 5px 5px 0 #f973160d; }
.home-concept .plan-identity svg { width: 32px; height: 32px; stroke-width: 1.5; }
.recommended .plan-identity i { border-color: #f9731666; box-shadow: 5px 5px 0 #f9731614; }
.launch-plan[data-plan="PRIME"] .plan-identity i { background: var(--brand-navy); color: var(--brand-orange); border-color: var(--brand-navy); }
.currency-symbol { font-size: 1.4rem; font-weight: 600; color: var(--brand-navy); vertical-align: middle; margin-right: 4px; }
.recommended .currency-symbol { color: var(--brand-white); }
.home-concept .premium-footer { background: var(--brand-white); color: var(--brand-navy); border-top: 0; padding-block: 76px 26px; }
.premium-footer-top { display: grid; grid-template-columns: 1fr 1.6fr; gap: 80px; padding-bottom: 48px; }
.home-concept .footer-brand .brand-logo { width: 220px; }
.footer-brand p { font-size: 1rem; line-height: 1.6; margin: 24px 0; color: #53647b; }
.footer-brand p strong { color: var(--brand-navy); font-weight: 600; }
.premium-footer-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
.home-concept .premium-footer h2 { font-size: .8rem; margin-bottom: 22px; }
.home-concept .premium-footer li { font-size: .78rem; margin-block: 13px; }
.social-icons { display: flex; gap: 10px; }
.social-icons a,.social-pending { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #d6e0ec; border-radius: 10px; }
.social-icons a { transition: background .2s,color .2s; }
.social-icons a:hover { background: var(--brand-navy); color: var(--brand-white); }
.social-pending { color: #687b91; border-style: dashed; }
.home-concept .social-icons svg { width: 19px; height: 19px; }
.footer-contact-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 30px; border-top: 1px solid #dce3eb; padding-block: 26px; }
.footer-contact-bar > span { margin-right: auto; font-weight: 600; }
.footer-contact-bar a { font-size: .8rem; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.footer-contact-bar .footer-whatsapp { gap: 12px; color: #b94300; font-weight: 600; }
.home-concept .premium-footer .footer-bottom { border-color: #dce3eb; color: #53647b; align-items: center; }
.premium-footer .footer-bottom a { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; min-height: 44px; }
.home-concept .premium-footer :focus-visible { outline-color: var(--brand-navy); }
@media (max-width: 1180px) { .premium-footer-top { gap: 40px; grid-template-columns: 1fr 1.4fr; } .premium-footer-links { gap: 20px; grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 1024px) {
 .home-concept .header-inner { min-height: 102px; padding-block: 5px; }
 .home-concept #site-navigation { max-height: calc(100dvh - 150px); overflow-y: auto; }
 .hero-scene-controls { display: none; }
 .premium-footer-top { grid-template-columns: 1fr; gap: 44px; }
 .premium-footer-links { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 700px) {
 .home-concept .site-header .brand-logo { width: 148px; }
 .home-concept .header-inner { min-height: 88px; padding-block: 5px; }
 .home-concept .launch-hero { margin-top: -123px; padding-top: 123px; }
 .header-contact > div { justify-content: space-between; gap: 12px; font-size: .64rem; }
 .home-concept .header-contact svg { width: 13px; height: 13px; }
 .header-contact a:last-child svg:last-child { display: none; }
 .home-concept .premium-footer { padding-top: 48px; }
 .premium-footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
 .home-concept .footer-brand .brand-logo { width: 200px; }
 .footer-contact-bar { flex-direction: column; align-items: flex-start; gap: 8px; }
 .footer-contact-bar > span { margin-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) { .hero-scene { animation: none; } }

/* SVG progress avoids inline styles blocked by the public Content Security Policy. */
.ui-progress { color: #249f96; }
.home-concept .ui-progress > svg { display: block; width: 100%; height: 100%; }
.ui-project-row:nth-child(3) .ui-progress { color: #759b86; }
.ui-project-row:nth-child(4) .ui-progress { color: var(--brand-orange); }
.hero-scene .chart-area { height: 90px; }
.hero-scene .finance-cash { margin-top: 8px; }

/* A compact sticky navigation leaves more room for the construction scene. */
.home-concept { --contact-height: 28px; --header-height: 115px; }
.home-concept .site-header { top: calc(-1 * var(--contact-height)); }
.home-concept .header-inner { min-height: 86px; padding-block: 0; }
.home-concept .site-header .brand-logo { width: 160px; }
.header-contact > div,.header-contact a { min-height: var(--contact-height); }
.header-contact > div { gap: 24px; }
.home-concept .header-contact svg { width: 16px; height: 16px; }
.home-concept .launch-hero { margin-top: calc(-1 * var(--header-height)); padding-top: var(--header-height); }
.hero-landscape { top: var(--header-height); }
.hero-landscape img { object-position: 84% top; }
.home-concept .launch-section { scroll-margin-top: 108px; }
.price-amount { display: flex; align-items: baseline; gap: 9px; }
.price-amount .currency-symbol { font-size: 2rem; margin: 0; }
.home-concept .footer-contact-bar { justify-content: space-between; padding-block: 22px 0; gap: 12px 24px; }
.footer-contact-bar a { gap: 10px; font-weight: 550; }
.home-concept .footer-contact-bar svg { width: 20px; height: 20px; }
.footer-contact-bar .footer-whatsapp { color: #176a42; }
.social-icons a[data-channel="Instagram"] { color: #b52a70; background: #f9eef4; border-color: #ebccdc; }
.social-icons a[data-channel="Facebook"] { color: #1765c1; background: #edf4fd; border-color: #cadbf2; }
.social-icons a[data-channel="X"] { color: var(--brand-navy); background: #edf1f6; }
.social-icons a[data-channel]:hover { background: var(--brand-navy); border-color: var(--brand-navy); color: var(--brand-white); }
/* Every carousel scene fits the same display, including its cash summary. */
.hero-scene .scenario-finance { display: grid; grid-template-rows: auto auto minmax(0,1fr) auto; gap: 10px; padding: 16px; }
.hero-scene .scenario-finance .board-heading { margin: 0; }
.hero-scene .finance-summary { margin: 0; }
.hero-scene .finance-summary strong { margin-top: 6px; }
.hero-scene .finance-chart { display: flex; flex-direction: column; padding: 10px; min-height: 0; }
.hero-scene .chart-area { height: auto; flex: 1; min-height: 0; }
.hero-scene .chart-months { margin-top: 6px; }
.hero-scene .finance-cash { margin: 0; }
.hero-scene { animation-name: scene-enter-clean; }
@keyframes scene-enter-clean { from { transform: translateY(4px); } to { transform: translateY(0); } }
@media (min-width: 701px) and (max-width: 1024px) {
 .launch-plan-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
 .launch-plan:last-child { grid-column: 1/-1; }
 .launch-plan { padding: 28px; }
 .launch-plan-capacity { grid-template-columns: 1fr 1fr; font-size: .8rem; }
 .launch-plan .button { font-size: .85rem; min-height: 48px; }
 .launch-plan h3, .launch-plan h2 { font-size: 1.3rem; }
 /* Keep tablet copy and badges in flow above the existing device composition. */
 .launch-hero-inner { min-height: 0; padding-bottom: 28px; }
 .launch-devices { position: relative; right: auto; bottom: auto; margin: 32px 0 0 auto; }
}
@media (max-width: 700px) {
 .home-concept { --header-height: 105px; }
 .home-concept .header-inner { min-height: 76px; padding-block: 0; }
 .home-concept .site-header .brand-logo { width: 132px; }
 .home-concept .header-contact svg { width: 14px; height: 14px; }
 .header-contact > div { gap: 12px; }
 .header-contact a:last-child svg:last-child { display: block; }
 .home-concept .launch-section { scroll-margin-top: 96px; }
 .launch-hero-inner { min-height: 740px; padding-top: 22px; padding-bottom: 258px; }
 .launch-copy h1 { font-size: clamp(1.98rem,8.4vw,2.5rem); line-height: 1.06; margin-bottom: 18px; }
 .brand-mantra { margin-bottom: 18px; }
 .launch-lead { font-size: .94rem; line-height: 1.5; margin-bottom: 20px; }
 .launch-actions { gap: 9px; }
 .store-badges { margin-top: 14px; }
 .hero-landscape { inset: auto 0 0; height: 530px; }
 .hero-landscape img { object-position: 82% center; }
 .hero-veil { background: linear-gradient(#f8fafc 0%,#f8fafcf5 30%,#f8fafcba 45%,#f8fafc00 64%); }
 .launch-devices { bottom: 16px; }
 .home-concept .footer-contact-bar { align-items: flex-start; gap: 8px; }
 .price-amount .currency-symbol { font-size: 1.8rem; }
}
@media (prefers-reduced-motion: reduce) { .hero-scene { animation: none; } }

/* Option 3: tactile indicators integrated into the laptop's lower bezel. */
.laptop-display .hero-scene-controls { display: flex; justify-content: center; gap: 2px; width: 100%; margin: 0; padding: 2px 0 0; border: 0; border-radius: 0; background: #111b28; }
.laptop-display .hero-scene-controls button { display: grid; place-items: center; padding: 0; min-width: 50px; min-height: 50px; color: #f8fafc; background: transparent; }
.laptop-display .hero-scene-controls button[aria-pressed="true"] { background: transparent; }
.scene-dot { display: block; width: 7px; height: 7px; background: #94a3b8; border-radius: 10px; transition: width .2s ease,background .2s ease; }
.laptop-display [data-scene][aria-pressed="true"] .scene-dot { width: 23px; background: var(--brand-orange); }
.laptop-display [data-scene-pause] { margin-left: 12px; border-left: 1px solid #ffffff26; border-radius: 0; font-size: 1rem; }
.laptop-display .hero-scene-controls :focus-visible { outline-color: var(--brand-white); outline-offset: -4px; }
.laptop-display .hero-scene-controls button:hover .scene-dot { background: var(--brand-white); }
@media (max-width: 1024px) { .laptop-display .hero-scene-controls { display: none; } }

.home-concept .site-header:focus-within { top: 0; }
@media (min-width: 701px) and (max-width: 1024px) { .home-concept .launch-hero { min-height: 0; } }

/* A floating transparent logo grows below the header without increasing its height. */
.home-concept .header-inner > .brand-link {
 position: relative;
 display: block;
 flex: 0 0 218px;
 width: 218px;
 height: 86px;
 z-index: 2;
}
.home-concept .site-header .brand-logo {
 position: absolute;
 top: 2px;
 left: 0;
 width: 218px;
 height: auto;
 filter: drop-shadow(0 2px 1px #ffffffa6) drop-shadow(0 8px 8px #0f172a26);
 transition: width .42s cubic-bezier(.22,1,.36,1), top .42s cubic-bezier(.22,1,.36,1), filter .42s ease;
}
.home-concept .site-header.is-logo-compact .brand-logo {
 width: 160px;
 top: 0;
 filter: drop-shadow(0 3px 3px #0f172a1a);
}
@media (max-width: 700px) {
 .home-concept .header-inner { gap: 12px; }
 .home-concept .header-inner > .brand-link { flex-basis: 160px; width: 160px; height: 76px; }
 .home-concept .site-header .brand-logo { width: 168px; top: 1px; filter: drop-shadow(0 2px 1px #ffffffa6) drop-shadow(0 5px 5px #0f172a21); }
 .home-concept .site-header.is-logo-compact .brand-logo { width: 138px; top: 0; }
}
@media (prefers-reduced-motion: reduce) {
 .home-concept .site-header .brand-logo { transition: none; }
}

/* The divider stops before the floating logo; the compact lockup fits above it. */
.home-concept .site-header { border-bottom-color: transparent; }
.home-concept .site-header::after { content: ""; position: absolute; bottom: 0; left: max(248px,calc((100% - 1280px) / 2 + 238px)); right: 0; height: 1px; background: #0f172a14; pointer-events: none; }
@media (max-width: 700px) { .home-concept .site-header::after { left: 204px; } }
/* Matching navigation chrome across all laptop scenes. */
.concept-module-screen .concept-workspace { min-width: 0; }
.concept-module-content { height: 333px; padding: 10px; }
.hero-scene .concept-module-content .scenario-board,
.hero-scene .concept-module-content .scenario-finance { height: 100%; padding: 12px; }
.hero-scene .concept-module-content .board-heading { gap: 10px; margin-bottom: 10px; }
.hero-scene .concept-module-content .board-heading h3 { font-size: 15px; margin-top: 4px; }
.hero-scene .concept-module-content .ui-overline { font-size: 6px; }
.hero-scene .concept-module-content .board-action { font-size: 6px; padding: 7px 9px; }
.hero-scene .concept-module-content .board-tabs { font-size: 7px; padding-bottom: 9px; }
.hero-scene .concept-module-content .board-tabs .active::after { bottom: -10px; }
.hero-scene .concept-module-content .board-project { padding-block: 12px; gap: 9px; }
.hero-scene .concept-module-content .project-monogram { width: 28px; height: 28px; font-size: 7px; }
.hero-scene .concept-module-content .board-project strong { font-size: 8px; }
.hero-scene .concept-module-content .board-project small { font-size: 6px; margin-top: 4px; }
.hero-scene .concept-module-content .project-phase { font-size: 6px; padding: 4px; }
.hero-scene .concept-module-content .team-count { font-size: 7px; }
.hero-scene .concept-module-content .board-progress { width: 40px; }
.hero-scene .concept-module-content .board-progress b { font-size: 7px; }
.hero-scene .concept-module-content .board-bottom { font-size: 7px; padding-top: 12px; }
.hero-scene .concept-module-content .scenario-finance { gap: 8px; }
.hero-scene .concept-module-content .scenario-finance .board-heading { margin: 0; }
.hero-scene .concept-module-content .finance-period { font-size: 6px; padding: 5px 7px; }
.hero-scene .concept-module-content .finance-summary > div { padding-left: 10px; }
.hero-scene .concept-module-content .finance-summary > div:first-child { padding-left: 0; }
.hero-scene .concept-module-content .finance-summary strong { font-size: 22px; }
.hero-scene .concept-module-content .finance-summary > div > span { font-size: 7px; }
.hero-scene .concept-module-content .finance-summary small { font-size: 6px; }
.hero-scene .concept-module-content .chart-title strong { font-size: 8px; }
.hero-scene .concept-module-content .chart-title span { font-size: 6px; }
.hero-scene .concept-module-content .finance-cash > span { font-size: 7px; }
.hero-scene .concept-module-content .finance-cash b { font-size: 10px; }