:root{color-scheme:light dark;--bg-dark-light: #f8fafc;--bg-dark-dark: #080b12;--bg-surface-light: #f1f5f9;--bg-surface-dark: #0f1422;--bg-card-light: rgba(255, 255, 255, .92);--bg-card-dark: rgba(18, 24, 38, .78);--bg-card-hover-light: #ffffff;--bg-card-hover-dark: rgba(26, 35, 54, .9);--text-white-light: #0f172a;--text-white-dark: #f8fafc;--text-muted-light: #475569;--text-muted-dark: #94a3b8;--text-dim-light: #64748b;--text-dim-dark: #64748b;--border-glass-light: rgba(15, 23, 42, .12);--border-glass-dark: rgba(255, 255, 255, .08);--header-bg-light: rgba(255, 255, 255, .92);--header-bg-dark: rgba(8, 11, 18, .92);--bg-dark: var(--bg-dark-light);--bg-surface: var(--bg-surface-light);--bg-card: var(--bg-card-light);--bg-card-hover: var(--bg-card-hover-light);--text-white: var(--text-white-light);--text-muted: var(--text-muted-light);--text-dim: var(--text-dim-light);--border-glass: var(--border-glass-light);--header-bg: var(--header-bg-light);--amber-core: #f59e0b;--amber-bright: light-dark(#d97706, #fbbf24);--amber-glow: rgba(245, 158, 11, .35);--cyan-core: #0ea5e9;--cyan-bright: light-dark(#0284c7, #38bdf8);--cyan-glow: rgba(14, 165, 233, .3);--emerald-success: #10b981;--emerald-glow: rgba(16, 185, 129, .3);--rose-danger: #f43f5e;--indigo-night: #6366f1;--border-amber: rgba(245, 158, 11, .4);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-text: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-glass: light-dark(0 10px 30px rgba(15, 23, 42, .08), 0 10px 30px rgba(0, 0, 0, .5));--shadow-glow: 0 0 25px rgba(245, 158, 11, .25);--ease-snappy: cubic-bezier(.16, 1, .3, 1)}@media(prefers-color-scheme:dark){:root{--bg-dark: var(--bg-dark-dark);--bg-surface: var(--bg-surface-dark);--bg-card: var(--bg-card-dark);--bg-card-hover: var(--bg-card-hover-dark);--text-white: var(--text-white-dark);--text-muted: var(--text-muted-dark);--text-dim: var(--text-dim-dark);--border-glass: var(--border-glass-dark);--header-bg: var(--header-bg-dark)}}@supports (color: light-dark(white,black)){:root{--bg-dark: light-dark(var(--bg-dark-light), var(--bg-dark-dark));--bg-surface: light-dark(var(--bg-surface-light), var(--bg-surface-dark));--bg-card: light-dark(var(--bg-card-light), var(--bg-card-dark));--bg-card-hover: light-dark(var(--bg-card-hover-light), var(--bg-card-hover-dark));--text-white: light-dark(var(--text-white-light), var(--text-white-dark));--text-muted: light-dark(var(--text-muted-light), var(--text-muted-dark));--text-dim: light-dark(var(--text-dim-light), var(--text-dim-dark));--border-glass: light-dark(var(--border-glass-light), var(--border-glass-dark));--header-bg: light-dark(var(--header-bg-light), var(--header-bg-dark))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background-color:var(--bg-dark);color:var(--text-white);font-family:var(--font-text);line-height:1.5;transition:background-color .2s ease,color .2s ease}body{background-image:radial-gradient(circle at 12% 15%,rgba(245,158,11,.07) 0%,transparent 45%),radial-gradient(circle at 88% 85%,rgba(14,165,233,.06) 0%,transparent 45%);background-attachment:fixed}h1,h2,h3,h4,.brand-name{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#f59e0b,#d97706 45%,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlight{color:var(--amber-core)}.glassmorphism{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-glass)}.presentation-header{position:fixed;top:0;left:0;width:100%;min-height:62px;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);z-index:2000;display:flex;flex-direction:column;justify-content:space-between}.header-inner{min-height:59px;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-zone{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.brand-icon{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 0 15px var(--amber-glow);flex-shrink:0}.brand-name{font-size:1.2rem;font-weight:800;color:var(--text-white);line-height:1.1}.brand-subtitle{display:block;font-size:.63rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.page-mode-switcher{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;border-radius:10px;background:#0f1422d9;border:1px solid var(--border-glass);flex-shrink:0}.mode-switch-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:7px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-family:var(--font-text);font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s ease}.mode-switch-btn:hover{color:var(--text-white);background:#ffffff0d}.mode-switch-btn.active{background:#f59e0b29;border-color:#f59e0b73;color:var(--amber-bright)}.mode-switch-btn.demo-highlight{color:#e2e8f0}.mode-switch-btn.demo-highlight:hover{background:#10b98124;border-color:#10b98166;color:#6ee7b7}.live-dot-indicator{width:8px;height:8px;border-radius:50%;background:var(--emerald-success);box-shadow:0 0 8px var(--emerald-success);flex-shrink:0}.current-slide-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid var(--border-glass);padding:.35rem .75rem;border-radius:9999px;font-size:.78rem;white-space:nowrap}.badge-num{font-family:var(--font-heading);font-weight:800;color:var(--amber-bright)}.badge-title{color:var(--text-white);font-weight:600}.header-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.btn-header-action{background:#ffffff0f;border:1px solid var(--border-glass);color:var(--text-white);padding:.42rem .75rem;border-radius:8px;font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.btn-header-action:hover{background:#f59e0b26;border-color:var(--amber-core);color:var(--amber-bright)}.btn-header-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none;font-size:.78rem;font-weight:700;padding:.45rem .9rem;border-radius:8px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:.4rem;box-shadow:0 0 14px var(--amber-glow);transition:all .2s ease}.btn-header-primary:hover{transform:translateY(-1px);box-shadow:0 0 22px var(--amber-glow)}@media(max-width:1180px){.brand-subtitle,.current-slide-badge{display:none}}@media(max-width:860px){.btn-action-text,.btn-header-primary span{display:none}}.deck-progress-track{width:100%;height:3px;background:#ffffff0f}.deck-progress-fill{height:100%;width:14.28%;background:linear-gradient(90deg,var(--amber-core),var(--cyan-core));transition:width .35s var(--ease-snappy)}.slide-rail-nav{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:1500;display:flex;flex-direction:column;gap:.85rem}.rail-dot{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:flex-end;position:relative}.dot-circle{width:10px;height:10px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.rail-dot:hover .dot-circle{background:var(--amber-bright);transform:scale(1.3)}.rail-dot.active .dot-circle{background:var(--amber-core);border-color:var(--amber-bright);box-shadow:0 0 12px var(--amber-core);transform:scale(1.4)}.rail-tooltip{position:absolute;right:28px;background:#0f1422f2;border:1px solid var(--border-glass);color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(10px);transition:all .2s ease;box-shadow:0 4px 15px #00000080}.rail-dot:hover .rail-tooltip{opacity:1;transform:translate(0)}.slides-viewport{height:100vh;width:100vw;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.3) transparent}.slides-viewport::-webkit-scrollbar{width:6px}.slides-viewport::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:4px}.slide-page{height:100vh;min-height:100vh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:5.5rem 3.5rem 4.5rem;position:relative;overflow-y:auto}.slide-container{width:100%;max-width:1320px;margin:0 auto}.slide-header-center{text-align:center;margin-bottom:2.25rem}.slide-header-center.compact{margin-bottom:1.25rem}.slide-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-bright);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);padding:.25rem .75rem;border-radius:9999px;margin-bottom:.65rem}.tag-pulse{width:7px;height:7px;border-radius:50%;background:var(--amber-core);box-shadow:0 0 8px var(--amber-core);animation:pulseDot 2s infinite}@keyframes pulseDot{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.8}}.slide-title{font-size:2.35rem;color:#fff;margin-bottom:.5rem;line-height:1.2}.slide-sub{font-size:1.05rem;color:var(--text-muted);max-width:760px;margin:0 auto}.btn-deck-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:700;font-size:.92rem;padding:.75rem 1.4rem;border-radius:10px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 0 18px var(--amber-glow);transition:all .2s ease}.btn-deck-primary:hover{transform:translateY(-2px);box-shadow:0 0 28px var(--amber-glow)}.btn-deck-secondary{background:transparent;color:var(--text-white);border:1px solid var(--border-glass);padding:.75rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-deck-secondary:hover{background:#ffffff0f;border-color:#ffffff40}.btn-deck-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;padding:.75rem 1.4rem;border-radius:10px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 0 20px var(--emerald-glow);transition:all .2s ease}.btn-deck-success:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--emerald-glow)}.btn-deck-alert{background:transparent;border:1px dashed var(--amber-core);color:var(--amber-bright);padding:.65rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-deck-alert:hover{background:#f59e0b1f}.hero-slide-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center}.slide-headline{font-size:3.1rem;line-height:1.15;color:#fff;margin-bottom:1.25rem}.slide-description{font-size:1.1rem;color:var(--text-muted);line-height:1.6;margin-bottom:2rem}.key-metrics-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.25rem}.metric-box{background:#ffffff08;border:1px solid var(--border-glass);border-radius:12px;padding:.9rem 1rem}.metric-num{font-family:var(--font-heading);font-size:1.65rem;font-weight:800;color:var(--amber-bright);display:block;line-height:1.1}.metric-label{font-size:.78rem;color:var(--text-muted)}.slide-actions-row{display:flex;gap:1rem;flex-wrap:wrap}.hero-media-card{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--border-glass);box-shadow:0 25px 60px #000000b3}.hero-image-media{width:100%;height:440px;object-fit:cover;display:block}.media-floating-card{position:absolute;padding:.65rem .95rem;border-radius:12px;z-index:2;box-shadow:0 10px 25px #0009;max-width:280px}.media-floating-card.top{top:1.25rem;left:1.25rem}.media-floating-card.bottom{bottom:1.25rem;right:1.25rem}.media-floating-card p{font-size:.8rem;color:#fff;font-weight:600;margin-top:.2rem}.floating-badge{font-size:.68rem;font-weight:700;padding:.2rem .5rem;border-radius:4px}.floating-badge.night{background:#6366f140;color:#c7d2fe}.floating-badge.success{background:#10b98140;color:#6ee7b7}.comparison-deck-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.deck-card{border-radius:18px;padding:1.75rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.danger-card{background:#f43f5e0a;border:1px solid rgba(244,63,94,.2)}.success-card{background:#10b9810a;border:1px solid rgba(16,185,129,.25);box-shadow:0 0 25px #10b98114}.card-status-title{display:flex;align-items:center;gap:.85rem;padding-bottom:1rem;border-bottom:1px solid var(--border-glass);margin-bottom:1.25rem}.status-badge-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem}.status-badge-ico.danger{background:#f43f5e33;color:var(--rose-danger)}.status-badge-ico.success{background:#10b98133;color:var(--emerald-success)}.card-status-title h3{font-size:1.15rem;color:#fff}.card-status-sub{font-size:.78rem;color:var(--text-muted)}.comparison-points{list-style:none;display:flex;flex-direction:column;gap:.95rem}.comparison-points li strong{display:block;font-size:.9rem;color:#fff;margin-bottom:.15rem}.comparison-points li p{font-size:.82rem;color:var(--text-muted)}.quote-deck-box{padding:1.15rem 1.75rem;border-left:4px solid var(--amber-core)}.quote-deck-box p{font-size:.95rem;font-style:italic;color:#e2e8f0}.quote-ref{font-size:.75rem;color:var(--amber-bright);font-weight:600;display:block;margin-top:.35rem}.demo-slide-container{display:flex;flex-direction:column}.workflow-tabs-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.25rem}.step-strip-btn{background:#ffffff0a;border:1px solid var(--border-glass);border-radius:10px;padding:.65rem .9rem;display:flex;align-items:center;gap:.65rem;cursor:pointer;transition:all .2s ease;text-align:left}.strip-num{width:26px;height:26px;border-radius:6px;background:#ffffff14;color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.strip-label{font-size:.82rem;font-weight:600;color:var(--text-muted)}.step-strip-btn.active{background:#f59e0b26;border-color:var(--amber-core);box-shadow:0 0 12px var(--amber-glow)}.step-strip-btn.active .strip-num{background:var(--amber-core);color:#000}.step-strip-btn.active .strip-label{color:#fff}.demo-display-area{padding:1.75rem;min-height:440px}.interactive-panel{display:none}.interactive-panel.active{display:block;animation:panelFade .3s ease}@keyframes panelFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-two-cols{display:grid;grid-template-columns:1.35fr .65fr;gap:2rem;align-items:start}.panel-badge-top{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--cyan-bright);margin-bottom:.25rem}.panel-badge-top.success{color:var(--emerald-success)}.panel-h3{font-size:1.35rem;color:#fff;margin-bottom:1rem}.sim-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.col-span-2{grid-column:span 2}.sim-field{display:flex;flex-direction:column;gap:.3rem}.sim-field label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.sim-field input,.sim-field select{background:#0a0e16cc;border:1px solid var(--border-glass);border-radius:8px;padding:.55rem .75rem;color:#fff;font-size:.85rem;outline:none}.sim-field input:focus,.sim-field select:focus{border-color:var(--amber-core)}.badge-night-field{background:#6366f133;color:#c7d2fe;border:1px solid rgba(99,102,241,.4);padding:.55rem .75rem;border-radius:8px;font-size:.82rem;font-weight:600;text-align:center}.sim-actions-line{display:flex;gap:.85rem;flex-wrap:wrap}.side-card-visual{background:#0a0e1699;border:1px solid var(--border-glass);border-radius:12px;padding:1rem}.side-img-preview{width:100%;height:170px;object-fit:cover;border-radius:8px;margin-bottom:.85rem}.side-card-body strong{font-size:.88rem;color:#fff;display:block}.side-card-body p{font-size:.8rem;color:var(--text-muted);margin-top:.3rem}.panel-phone-layout{display:grid;grid-template-columns:310px 1fr;gap:2.5rem;align-items:center}.phone-shell{width:290px;height:430px;background:#1b2436;border:6px solid #334155;border-radius:36px;box-shadow:0 15px 45px #000c,0 0 20px #0ea5e926;overflow:hidden;display:flex;flex-direction:column;position:relative}.phone-dynamic-island{width:90px;height:14px;background:#000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin:0 auto}.phone-inner-screen{flex:1;background:#090d16;padding:.65rem;overflow-y:auto;position:relative}.push-floating-card{background:#1e293bf2;border:1px solid var(--amber-core);border-radius:10px;padding:.5rem .65rem;display:flex;gap:.5rem;margin-bottom:.65rem;animation:slidePush .4s ease}@keyframes slidePush{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.push-ico{font-size:1.1rem}.push-texts strong{font-size:.62rem;color:var(--amber-bright);display:block}.push-texts p{font-size:.68rem;color:#fff}.phone-header-ui{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-bottom:.5rem}.user-badge-mini{background:#0ea5e926;color:var(--cyan-bright);padding:.1rem .4rem;border-radius:4px}.card-mission-phone{background:#ffffff0a;border:1px solid var(--border-glass);border-radius:10px;padding:.65rem}.tag-night-mini{font-size:.6rem;font-weight:700;color:#c7d2fe;background:#6366f140;padding:.15rem .4rem;border-radius:4px;display:inline-block;margin-bottom:.4rem}.card-mission-phone h4{font-size:.9rem;color:#fff}.phone-mission-desc{font-size:.72rem;color:var(--text-muted);margin-bottom:.5rem}.phone-meta-lines{background:#00000059;border-radius:6px;padding:.45rem;font-size:.68rem;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.65rem}.phone-meta-lines div{display:flex;justify-content:space-between}.phone-meta-lines span{color:var(--text-dim)}.phone-meta-lines strong{color:#fff}.phone-buttons-pair{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.phone-act-btn{padding:.45rem .3rem;border-radius:6px;border:none;font-size:.68rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.2rem}.phone-act-btn.waze{background:var(--amber-core);color:#000}.phone-act-btn.call{background:#ffffff1a;color:#fff}.bullet-feature-row{display:flex;gap:.85rem;margin-top:1rem}.bf-icon{font-size:1.35rem}.bullet-feature-row strong{font-size:.9rem;color:#fff;display:block}.bullet-feature-row p{font-size:.82rem;color:var(--text-muted)}.photos-chip-row{display:flex;gap:.85rem;flex-wrap:wrap}.photo-badge{background:#ffffff0d;border:1px solid var(--border-glass);border-radius:6px;padding:.4rem .65rem;display:flex;align-items:center;gap:.5rem;font-size:.78rem}.mini-thumb{width:30px;height:30px;border-radius:4px;object-fit:cover}.billing-panel-deck{display:flex;flex-direction:column;gap:1.25rem}.billing-deck-top{display:flex;justify-content:space-between;align-items:center}.billing-deck-table-wrap{border:1px solid var(--border-glass);border-radius:10px;overflow-x:auto;background:#0a0e1680}.deck-table{width:100%;border-collapse:collapse;font-size:.84rem;text-align:left}.deck-table th{background:#ffffff0a;padding:.75rem .95rem;color:var(--text-muted);border-bottom:1px solid var(--border-glass)}.deck-table td{padding:.75rem .95rem;border-bottom:1px solid rgba(255,255,255,.04);color:#e2e8f0}.highlighted-row{background:#f59e0b0f;border-left:3px solid var(--amber-core)}.tag-ok-mini{background:#10b98133;color:var(--emerald-success);padding:.2rem .5rem;border-radius:9999px;font-size:.72rem;font-weight:700}.amount-cell{color:var(--amber-bright);font-weight:700}.export-deck-toast{background:#10b98126;border:1px solid var(--emerald-success);border-radius:10px;padding:.85rem 1.15rem;display:flex;align-items:center;gap:.85rem;font-size:.85rem}.pillars-deck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.pillar-deck-card{padding:1.75rem 1.4rem;display:flex;flex-direction:column;transition:transform .2s ease}.pillar-deck-card:hover{transform:translateY(-4px);border-color:#f59e0b66}.pillar-deck-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.p-icon{font-size:1.75rem}.p-num{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#ffffff2e}.pillar-deck-card h3{font-size:1.15rem;color:#fff;margin-bottom:.65rem;line-height:1.3}.pillar-deck-card p{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.25rem;flex:1}.p-tags{display:flex;flex-wrap:wrap;gap:.35rem}.p-tags span{font-size:.7rem;background:#ffffff0d;color:#94a3b8;padding:.15rem .45rem;border-radius:4px}.roles-tab-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.role-selector-btn{background:#ffffff0a;border:1px solid var(--border-glass);border-radius:10px;padding:.75rem 1rem;color:var(--text-muted);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.role-selector-btn.active{background:#f59e0b26;border-color:var(--amber-core);color:var(--amber-bright);box-shadow:0 0 12px var(--amber-glow)}.role-view-card{padding:2rem;min-height:350px}.role-inner-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2.25rem;align-items:center}.role-feat-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 1.25rem}.role-feat-list li{display:flex;gap:.65rem;font-size:.88rem;color:#cbd5e1}.role-feat-list span.check{color:var(--emerald-success);font-weight:800}.role-metric-highlight{background:#f59e0b1a;border-left:3px solid var(--amber-core);padding:.65rem .95rem;border-radius:6px;font-size:.82rem;color:var(--amber-bright);font-weight:700}.role-img-box{border-radius:12px;overflow:hidden;border:1px solid var(--border-glass)}.role-img-box img{width:100%;height:250px;object-fit:cover;display:block}.tech-roadmap-deck-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.deck-column-card{padding:1.75rem}.deck-col-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-glass)}.deck-col-header h3{font-size:1.25rem;color:#fff}.stack-list{display:flex;flex-direction:column;gap:1.15rem}.stack-row{display:flex;gap:.85rem;align-items:flex-start}.s-badge{background:#0ea5e926;color:var(--cyan-bright);border:1px solid rgba(14,165,233,.3);font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;min-width:80px;text-align:center}.stack-row strong{display:block;font-size:.9rem;color:#fff}.stack-row p{font-size:.8rem;color:var(--text-muted)}.roadmap-timeline{display:flex;flex-direction:column;gap:1.1rem}.rm-item{display:flex;gap:.85rem}.rm-marker{width:28px;height:28px;border-radius:50%;background:#ffffff14;border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;flex-shrink:0}.rm-item.active .rm-marker{background:var(--amber-core);color:#000;box-shadow:0 0 10px var(--amber-glow)}.rm-item strong{display:block;font-size:.9rem;color:#fff}.rm-item p{font-size:.8rem;color:var(--text-muted)}.conclusion-deck-box{display:flex;justify-content:center}.conclusion-inner-card{max-width:900px;width:100%;padding:3rem;text-align:center;border:1px solid rgba(245,158,11,.3);box-shadow:0 0 50px #f59e0b1a}.conclusion-h2{font-size:2.6rem;color:#fff;margin:1.25rem 0 .85rem}.conclusion-sub{font-size:1.1rem;color:var(--text-muted);max-width:680px;margin:0 auto 2.25rem}.roi-summary-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.25rem}.roi-deck-card{background:#ffffff08;border:1px solid var(--border-glass);border-radius:12px;padding:1.25rem .85rem}.roi-deck-num{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;color:var(--amber-bright);display:block}.roi-deck-label{font-size:.82rem;color:var(--text-muted)}.conclusion-actions-deck{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.shortcuts-legend{font-size:.8rem;color:var(--text-dim)}.shortcuts-legend kbd{background:#ffffff14;border:1px solid var(--border-glass);padding:.15rem .35rem;border-radius:4px;color:#fff}.deck-control-dock{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:2000;background:#0f1422eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);border-radius:9999px;padding:.35rem .85rem;display:flex;align-items:center;gap:.85rem;box-shadow:0 10px 30px #0009}.dock-nav-btn{background:#ffffff0f;border:1px solid var(--border-glass);color:#fff;border-radius:9999px;padding:.4rem .85rem;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.dock-nav-btn:hover{background:var(--amber-core);border-color:var(--amber-bright);color:#000}.dock-counter-display{font-family:var(--font-heading);font-weight:800;font-size:.92rem;display:flex;align-items:center;gap:.3rem}.active-slide-text{color:var(--amber-bright)}.sep-text{color:var(--text-dim)}.total-slide-text{color:var(--text-white)}@media(max-width:1080px){.hero-slide-grid,.panel-two-cols,.panel-phone-layout,.tech-roadmap-deck-grid,.role-inner-grid{grid-template-columns:1fr;gap:1.75rem}.pillars-deck-grid,.roles-tab-selector{grid-template-columns:1fr 1fr}.slide-headline{font-size:2.3rem}.slide-page{padding:4.5rem 2rem 4rem}}@media(max-width:768px){.comparison-deck-grid{grid-template-columns:1fr}.workflow-tabs-strip{grid-template-columns:1fr 1fr}.pillars-deck-grid,.roles-tab-selector{grid-template-columns:1fr}.slide-rail-nav,.btn-action-text{display:none}}.arch-slide-container{display:flex;flex-direction:column}.arch-toggle-bar{display:flex;justify-content:center;gap:1rem;margin-bottom:1.25rem}.arch-toggle-btn{background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-muted);border-radius:10px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.arch-toggle-btn:hover{background:#ffffff14;color:#fff}.arch-toggle-btn.active{background:#f59e0b26;border-color:var(--amber-core);color:var(--amber-bright);box-shadow:0 0 15px var(--amber-glow)}.arch-content-pane{display:none}.arch-content-pane.active{display:block;animation:archFade .35s ease}@keyframes archFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.layered-diagram-card{padding:1.5rem;display:flex;flex-direction:column;gap:.85rem;background:#0e121dd9;border:1px solid var(--border-glass)}.diagram-tier{border-radius:14px;padding:1.15rem 1.4rem;display:grid;grid-template-columns:240px 1fr;gap:1.5rem;align-items:center;position:relative;transition:transform .2s ease}.diagram-tier:hover{transform:scale(1.008)}.tier-client{background:#0ea5e90a;border:1px solid rgba(14,165,233,.25);box-shadow:0 0 20px #0ea5e90f}.tier-server{background:#f59e0b0a;border:1px solid rgba(245,158,11,.25);box-shadow:0 0 20px #f59e0b0f}.tier-database{background:#10b9810a;border:1px solid rgba(16,185,129,.25);box-shadow:0 0 20px #10b9810f}.tier-badge-col{display:flex;flex-direction:column;gap:.25rem}.tier-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;border-radius:4px;display:inline-block;width:fit-content}.tier-tag.client{background:#0ea5e933;color:var(--cyan-bright)}.tier-tag.server{background:#f59e0b33;color:var(--amber-bright)}.tier-tag.db{background:#10b98133;color:var(--emerald-success)}.tier-name{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:#fff;line-height:1.2}.tier-badge-col small{font-size:.75rem;color:var(--text-muted)}.tier-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.arch-subcard{background:#0a0e16b3;border:1px solid var(--border-glass);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.5rem}.subcard-header{display:flex;align-items:center;gap:.65rem}.sc-icon{font-size:1.35rem}.subcard-header strong{font-size:.82rem;color:#fff;display:block}.sc-role{font-size:.68rem;color:var(--text-muted);display:block}.sc-features{list-style:none;display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:#cbd5e1}.diagram-bus{display:flex;justify-content:center;align-items:center;padding:.2rem 0}.bus-arrow{display:flex;align-items:center;gap:.65rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.15);border-radius:9999px;padding:.25rem .85rem}.bus-tag{font-size:.68rem;font-weight:700;color:var(--text-muted)}.bus-tag.pulse{color:var(--amber-bright)}.bus-tag.db{color:var(--emerald-success)}.bus-line{width:15px;height:1px;background:#fff3}.server-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.arch-service-box{background:#0a0e16b3;border:1px solid var(--border-glass);border-radius:10px;padding:.75rem;text-align:center}.srv-ico{font-size:1.25rem;display:block;margin-bottom:.25rem}.arch-service-box strong{font-size:.8rem;color:#fff;display:block;margin-bottom:.2rem}.arch-service-box p{font-size:.68rem;color:var(--text-muted);line-height:1.35}.db-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.arch-db-item{background:#0a0e16b3;border:1px solid var(--border-glass);border-radius:10px;padding:.75rem}.arch-db-item strong{font-size:.8rem;color:#fff;display:block;margin-bottom:.25rem}.arch-db-item p{font-size:.68rem;color:var(--text-muted);line-height:1.35}.arch-db-item code{background:#10b98126;color:var(--emerald-success);padding:.1rem .3rem;border-radius:3px;font-size:.68rem}.roadmap-pane-card{padding:2.25rem}.roadmap-timeline-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.rm-deck-item{background:#0a0e16b3;border:1px solid var(--border-glass);border-radius:12px;padding:1.25rem 1rem;position:relative;display:flex;flex-direction:column;gap:.75rem}.rm-deck-item.active{border-color:var(--amber-core);box-shadow:0 0 20px var(--amber-glow)}.rm-deck-dot{width:32px;height:32px;border-radius:8px;background:#ffffff14;color:#fff;font-family:var(--font-heading);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.95rem}.rm-deck-item.active .rm-deck-dot{background:var(--amber-core);color:#000}.rm-phase{font-size:.65rem;font-weight:800;color:var(--amber-bright);display:block;margin-bottom:.25rem}.rm-deck-body h4{font-size:.95rem;color:#fff;margin-bottom:.4rem}.rm-deck-body p{font-size:.78rem;color:var(--text-muted);line-height:1.45}@media(max-width:1080px){.diagram-tier{grid-template-columns:1fr;gap:1rem}.tier-cards-grid,.server-grid,.db-grid,.roadmap-timeline-deck{grid-template-columns:1fr 1fr}}@media(max-width:768px){.tier-cards-grid,.server-grid,.db-grid,.roadmap-timeline-deck{grid-template-columns:1fr}.arch-toggle-bar{flex-direction:column}}.regime-toggle-group{display:flex;gap:.4rem}.regime-btn{flex:1;background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-muted);padding:.5rem .6rem;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.regime-btn:hover{background:#ffffff14;color:#fff}.regime-btn.active{background:#6366f140;border-color:#818cf8;color:#c7d2fe}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action input{width:100%;padding-right:170px}.gps-chip-badge{position:absolute;right:8px;background:#0ea5e933;color:var(--cyan-bright);border:1px solid rgba(14,165,233,.4);padding:.2rem .55rem;border-radius:6px;font-size:.72rem;font-weight:700}.radar-map-card{background:#0a0e16d9;border:1px solid var(--border-glass);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 10px 30px #0009}.radar-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.radar-live-status{display:flex;align-items:center;gap:.5rem;color:var(--cyan-bright);font-weight:800;letter-spacing:.05em}.blinking-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan-bright);box-shadow:0 0 10px var(--cyan-bright);animation:pulseDot 1.5s infinite}.radar-zoom{color:var(--text-dim)}.radar-canvas-screen{height:180px;background:#080d1a;border-radius:10px;border:1px solid rgba(14,165,233,.2);position:relative;overflow:hidden}.radar-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,165,233,.08) 1px,transparent 1px);background-size:30px 30px}.road-svg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.machine-pin{position:absolute;display:flex;align-items:center;gap:.35rem;cursor:pointer;z-index:10;transition:transform .2s ease}.machine-pin:hover{transform:scale(1.15)}.machine-pin.paver{top:48%;left:45%}.machine-pin.roller{top:68%;left:20%}.pin-symbol{font-size:1.15rem;background:#f59e0b40;border:1px solid var(--amber-core);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.pin-glow{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--amber-core);opacity:.35;animation:radarPing 2s infinite}@keyframes radarPing{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.pin-tag{background:#000000d9;border:1px solid var(--amber-core);color:var(--amber-bright);font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;white-space:nowrap}.target-flag{position:absolute;top:38%;left:58%;background:#10b98140;border:1px solid var(--emerald-success);color:#fff;font-size:.65rem;font-weight:800;padding:.2rem .45rem;border-radius:4px}.radar-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border-glass);padding-top:.6rem}.telemetry-item{display:flex;flex-direction:column}.t-label{font-size:.68rem;color:var(--text-dim)}.t-val{font-size:.78rem;color:#fff}.text-success{color:var(--emerald-success)!important}.phone-system-bar{display:flex;justify-content:space-between;align-items:center;padding:.2rem .5rem .4rem;font-size:.68rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.sys-icons{display:flex;gap:.35rem;font-size:.65rem}.phone-app-view{display:none}.phone-app-view.active{display:block;animation:appViewFade .25s ease}@keyframes appViewFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.brand-micro{font-size:.68rem;letter-spacing:.05em;color:var(--text-muted)}.brand-micro strong{color:var(--amber-core)}.phone-card-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.phone-order-num{font-size:.65rem;color:var(--text-dim)}.phone-update-alert{background:#f59e0b2e;border:1px solid var(--amber-core);border-radius:8px;padding:.45rem;margin:.5rem 0;display:flex;gap:.45rem;align-items:center;animation:flashAlert .4s ease}@keyframes flashAlert{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.phone-update-alert strong{font-size:.68rem;color:var(--amber-bright);display:block}.phone-update-alert p{font-size:.65rem;color:#fff}.phone-checkin-btn{width:100%;margin-top:.6rem;background:#10b98126;border:1px solid var(--emerald-success);color:var(--emerald-success);font-size:.72rem;font-weight:700;padding:.45rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.phone-checkin-btn:hover{background:var(--emerald-success);color:#fff}.waze-hud-screen{display:flex;flex-direction:column;height:380px;background:#0e1726;border-radius:12px;overflow:hidden}.waze-top-instruction{background:#1e293b;padding:.65rem;display:flex;align-items:center;gap:.65rem;border-bottom:2px solid #0284c7}.waze-turn-arrow{font-size:1.5rem;color:#38bdf8}.waze-top-instruction strong{font-size:.82rem;color:#fff;display:block}.waze-top-instruction p{font-size:.72rem;color:var(--text-muted)}.waze-map-canvas{flex:1;background:radial-gradient(circle at 50% 50%,#172554,#090e1a);position:relative;display:flex;align-items:center;justify-content:center}.waze-route-line{position:absolute;width:6px;height:100%;background:#38bdf8;box-shadow:0 0 12px #38bdf8}.waze-car-icon{font-size:1.6rem;color:#fff;z-index:5;filter:drop-shadow(0 0 8px #38bdf8)}.waze-speed-badge{position:absolute;bottom:12px;left:12px;width:44px;height:44px;border-radius:50%;border:3px solid #ef4444;background:#fff;color:#000;font-weight:900;font-size:.72rem;display:flex;align-items:center;justify-content:center;text-align:center}.waze-bottom-bar{background:#111827;padding:.65rem;display:flex;justify-content:space-between;align-items:center}.waze-eta{font-size:1rem;font-weight:800;color:#22c55e;display:block}.waze-subeta{font-size:.65rem;color:var(--text-muted)}.waze-close-btn{background:#ffffff1a;border:1px solid var(--border-glass);color:#fff;font-size:.68rem;padding:.35rem .6rem;border-radius:6px;cursor:pointer}.phone-call-screen{height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem}.call-avatar{width:72px;height:72px;border-radius:50%;background:#ffffff1a;border:2px solid var(--cyan-bright);font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 0 20px #0ea5e94d}.call-contact-name{font-size:1.15rem;color:#fff}.call-role{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.call-timer{font-size:.85rem;color:var(--emerald-success);font-family:monospace;margin-bottom:1.5rem}.call-action-buttons{display:flex;gap:.65rem;margin-bottom:2rem}.call-tool-btn{background:#ffffff1a;border:1px solid var(--border-glass);color:#fff;border-radius:50%;width:48px;height:48px;font-size:.75rem;cursor:pointer}.call-hangup-btn{background:#ef4444;border:none;color:#fff;padding:.65rem 1.75rem;border-radius:9999px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 0 20px #ef444466}.checklist-chips{display:flex;flex-wrap:wrap;gap:.45rem}.check-chip{background:#ffffff0a;border:1px solid var(--border-glass);border-radius:6px;padding:.35rem .65rem;font-size:.78rem;color:#cbd5e1;display:flex;align-items:center;gap:.4rem;cursor:pointer}.signature-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.btn-clear-sig{background:transparent;border:none;color:var(--amber-bright);font-size:.75rem;font-weight:700;cursor:pointer}.signature-canvas-wrap{position:relative;background:#090e18;border:1px dashed var(--amber-core);border-radius:8px;overflow:hidden;height:90px}#signatureCanvas{width:100%;height:100%;cursor:crosshair}.sig-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff40;font-size:.82rem;pointer-events:none}.photo-badge-interactive{background:#ffffff0d;border:1px solid var(--border-glass);border-radius:8px;padding:.45rem .75rem;display:flex;align-items:center;gap:.65rem;cursor:pointer;transition:all .2s ease}.photo-badge-interactive:hover{background:#ffffff1a;border-color:var(--amber-core)}.zoom-icon{margin-left:auto;opacity:.6}.billing-top-actions{display:flex;gap:.75rem}.justif-badge{background:#0ea5e926;color:var(--cyan-bright);padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600}.btn-table-action{background:#ffffff14;border:1px solid var(--border-glass);color:#fff;padding:.25rem .6rem;border-radius:4px;font-size:.72rem;cursor:pointer}.btn-table-action:hover{background:var(--amber-core);color:#000}.invoice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;display:none;align-items:center;justify-content:center;padding:2rem}.invoice-modal-overlay.active{display:flex;animation:modalPop .25s ease}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.invoice-document-card{max-width:820px;width:100%;background:#fff;color:#0f172a;border-radius:12px;padding:2.5rem;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #000000e6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.invoice-doc-header{display:flex;justify-content:space-between;border-bottom:2px solid #e2e8f0;padding-bottom:1.25rem;margin-bottom:1.5rem}.doc-company{display:flex;gap:.85rem;align-items:center}.logo-box-mini{width:44px;height:44px;border-radius:8px;background:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.doc-company h3{font-size:1.25rem;color:#0f172a;margin-bottom:.15rem}.doc-company p{font-size:.78rem;color:#64748b}.doc-badge-status{text-align:right}.doc-tag{background:#0284c7;color:#fff;font-size:.75rem;font-weight:800;padding:.35rem .75rem;border-radius:6px;display:inline-block;margin-bottom:.25rem}.doc-date{display:block;font-size:.82rem;color:#64748b}.invoice-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.doc-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.box-hdr{font-size:.68rem;font-weight:800;color:#64748b;letter-spacing:.05em;display:block;margin-bottom:.35rem}.doc-box strong{font-size:.95rem;color:#0f172a}.doc-box p{font-size:.82rem;color:#475569;margin-top:.2rem}.doc-lines-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.doc-lines-table th{background:#f1f5f9;color:#475569;font-size:.78rem;font-weight:700;padding:.65rem .75rem;text-align:left;border-bottom:1px solid #cbd5e1}.doc-lines-table td{padding:.75rem;border-bottom:1px solid #e2e8f0;font-size:.85rem;color:#1e293b}.doc-lines-table td p{font-size:.75rem;color:#64748b}.total-label{text-align:right;font-weight:700;color:#475569}.total-val{font-weight:700;text-align:right;color:#0f172a}.final-row td{background:#f8fafc;font-size:1.05rem;font-weight:900;color:#0369a1;border-top:2px solid #0284c7}.doc-signature-zone{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.doc-reserves p{font-size:.82rem;font-style:italic;color:#334155;margin-top:.35rem}.doc-photo-stamp{margin-top:.75rem;font-size:.75rem;font-weight:700;color:#0284c7}.sig-image-container{height:60px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;margin:.35rem 0}.sig-drawn-image{max-height:55px;max-width:100%}.sig-name-caption{font-size:.78rem;font-weight:700;color:#0f172a;display:block}.cert-stamp{font-size:.65rem;color:#10b981;font-weight:700;display:block}.doc-modal-actions{display:flex;justify-content:flex-end;gap:1rem}.photo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:6000;display:none;align-items:center;justify-content:center;padding:2rem}.photo-modal-overlay.active{display:flex}.photo-modal-box{max-width:800px;width:100%;background:#0f172a;border:1px solid var(--border-glass);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 25px 60px #000000e6}.modal-close-cross{position:absolute;top:12px;right:12px;background:#000000b3;border:1px solid #fff;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;z-index:10}.zoom-full-img{width:100%;max-height:480px;object-fit:cover;display:block}.zoom-meta-bar{padding:1rem;display:flex;align-items:center;gap:1.25rem;font-size:.82rem;color:#cbd5e1;background:#090d16}.stamp-verified{margin-left:auto;background:#10b98133;color:var(--emerald-success);padding:.25rem .65rem;border-radius:9999px;font-weight:800;font-size:.75rem}.page-mode-switcher{background:var(--bg-card)}.mode-switch-btn.demo-highlight{color:var(--text-white)}.mode-switch-btn.active,.role-selector-btn.active,.arch-toggle-btn.active,.slide-tag,.role-metric-highlight,.badge-num,.metric-num,.roi-deck-num,.active-slide-text,.rm-phase,.quote-ref{color:light-dark(#b45309,var(--amber-bright))}.slide-title,.slide-headline,.card-status-title h3,.comparison-points li strong,.pillar-deck-card h3,.role-info-pane h3,.tier-name,.subcard-header strong,.arch-service-box strong,.arch-db-item strong,.rm-deck-body h4,.conclusion-h2,.dock-nav-btn,.shortcuts-legend kbd,.media-floating-card p,.rail-tooltip,.rm-deck-dot{color:var(--text-white)}.quote-deck-box p,.role-feat-list li,.sc-features{color:var(--text-muted)}.metric-box,.roi-deck-card,.role-selector-btn,.arch-toggle-btn,.dock-nav-btn,.shortcuts-legend kbd,.rm-deck-dot{background:light-dark(rgba(15,23,42,.05),rgba(255,255,255,.05))}.layered-diagram-card,.deck-control-dock,.rail-tooltip,.media-floating-card{background:var(--bg-card);box-shadow:light-dark(0 10px 30px rgba(15,23,42,.1),0 10px 30px rgba(0,0,0,.6))}.arch-subcard,.arch-service-box,.arch-db-item,.rm-deck-item{background:var(--bg-surface)}.p-num{color:light-dark(rgba(15,23,42,.15),rgba(255,255,255,.18))}.p-tags span{background:light-dark(rgba(15,23,42,.06),rgba(255,255,255,.05));color:var(--text-muted)}.dot-circle{background:light-dark(rgba(15,23,42,.2),rgba(255,255,255,.2));border-color:light-dark(rgba(15,23,42,.35),rgba(255,255,255,.3))}.bus-arrow{background:light-dark(rgba(15,23,42,.03),rgba(255,255,255,.02));border-color:light-dark(rgba(15,23,42,.2),rgba(255,255,255,.15))}.bus-line{background:light-dark(rgba(15,23,42,.25),rgba(255,255,255,.2))}.tier-duration-pill{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:800;width:fit-content}.tier-duration-pill.client{background:#0ea5e929;border:1px solid rgba(14,165,233,.4);color:light-dark(#0369a1,var(--cyan-bright))}.tier-duration-pill.server{background:#f59e0b29;border:1px solid rgba(245,158,11,.4);color:light-dark(#b45309,var(--amber-bright))}.tier-duration-pill.db{background:#10b98129;border:1px solid rgba(16,185,129,.4);color:light-dark(#047857,var(--emerald-success))}.arch-total-duration-bar{margin-top:.25rem;padding:.85rem 1.25rem;border-radius:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.4);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.total-dur-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.total-dur-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-size:.7rem;font-weight:800;letter-spacing:.05em;padding:.25rem .65rem;border-radius:6px}.total-dur-left strong{font-size:.85rem;color:var(--text-white)}.total-dur-right{font-size:.84rem;color:var(--text-muted)}.total-dur-right strong{color:light-dark(#b45309,var(--amber-bright));font-weight:800}.features-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}.features-app-card{padding:1.35rem 1.5rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-glass);display:flex;flex-direction:column;gap:1rem}.features-app-card.desktop-card{border-top:3px solid var(--cyan-core)}.features-app-card.mobile-card{border-top:3px solid var(--emerald-success)}.features-app-header{display:flex;align-items:center;gap:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-glass)}.features-app-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.features-app-icon.desktop{background:#0ea5e926;border:1px solid rgba(14,165,233,.35)}.features-app-icon.mobile{background:#10b98126;border:1px solid rgba(16,185,129,.35)}.features-app-header h3{font-size:1.05rem;color:var(--text-white);margin-top:.2rem;line-height:1.25}.features-count-pill{margin-left:auto;font-size:.7rem;font-weight:800;padding:.25rem .6rem;border-radius:9999px;background:#0ea5e926;border:1px solid rgba(14,165,233,.35);color:light-dark(#0369a1,var(--cyan-bright));white-space:nowrap}.features-count-pill.mobile{background:#10b98126;border-color:#10b98159;color:light-dark(#047857,var(--emerald-success))}.features-categories-stack{display:flex;flex-direction:column;gap:.85rem}.feature-category-block{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:10px;padding:.75rem .95rem}.feature-cat-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:light-dark(#0369a1,var(--cyan-bright));margin-bottom:.45rem}.feature-cat-title.mobile{color:light-dark(#047857,var(--emerald-success))}.feature-items-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.feature-items-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;color:var(--text-muted);line-height:1.38}.feat-check{font-weight:900;flex-shrink:0;margin-top:.05rem}.feat-check.desktop{color:light-dark(#0284c7,var(--cyan-bright))}.feat-check.mobile{color:var(--emerald-success)}@media(max-width:1080px){.features-dual-grid{grid-template-columns:1fr}}:root{color-scheme:light dark;--dd-paper-light: #f5f5f5;--dd-paper-dark: #2d3142;--dd-paper-2-light: #ececec;--dd-paper-2-dark: #393e53;--dd-surface-light: #ffffff;--dd-surface-dark: #232736;--dd-node-fill-light: #ffffff;--dd-node-fill-dark: #353a4f;--dd-store-fill-light: rgba(45, 49, 66, .05);--dd-store-fill-dark: rgba(245, 245, 245, .06);--dd-ext-fill-light: rgba(79, 93, 117, .1);--dd-ext-fill-dark: rgba(191, 192, 192, .12);--dd-ink-light: #2d3142;--dd-ink-dark: #f5f5f5;--dd-muted-light: #4f5d75;--dd-muted-dark: #bfc0c0;--dd-soft-light: #5a6580;--dd-soft-dark: #949eb2;--dd-rule-light: rgba(45, 49, 66, .12);--dd-rule-dark: rgba(245, 245, 245, .14);--dd-rule-strong-light: rgba(45, 49, 66, .24);--dd-rule-strong-dark: rgba(245, 245, 245, .28);--dd-tag-stroke-light: rgba(45, 49, 66, .4);--dd-tag-stroke-dark: rgba(245, 245, 245, .4);--dd-zone-fill-light: rgba(45, 49, 66, .02);--dd-zone-fill-dark: rgba(245, 245, 245, .03);--dd-zone-stroke-light: rgba(45, 49, 66, .12);--dd-zone-stroke-dark: rgba(245, 245, 245, .15);--dd-dot-fill-light: rgba(45, 49, 66, .1);--dd-dot-fill-dark: rgba(245, 245, 245, .1);--dd-accent-light: #bf4520;--dd-accent-dark: #f08a59;--dd-accent-tint-light: rgba(191, 69, 32, .08);--dd-accent-tint-dark: rgba(240, 138, 89, .14);--dd-link-light: #2e5aa8;--dd-link-dark: #739fdf;--dd-paper: var(--dd-paper-light);--dd-paper-2: var(--dd-paper-2-light);--dd-surface: var(--dd-surface-light);--dd-node-fill: var(--dd-node-fill-light);--dd-store-fill: var(--dd-store-fill-light);--dd-ext-fill: var(--dd-ext-fill-light);--dd-ink: var(--dd-ink-light);--dd-muted: var(--dd-muted-light);--dd-soft: var(--dd-soft-light);--dd-rule: var(--dd-rule-light);--dd-rule-strong: var(--dd-rule-strong-light);--dd-tag-stroke: var(--dd-tag-stroke-light);--dd-zone-fill: var(--dd-zone-fill-light);--dd-zone-stroke: var(--dd-zone-stroke-light);--dd-dot-fill: var(--dd-dot-fill-light);--dd-accent: var(--dd-accent-light);--dd-accent-tint: var(--dd-accent-tint-light);--dd-link: var(--dd-link-light);--dd-font-sans: "Geist", system-ui, -apple-system, sans-serif;--dd-font-serif: "Instrument Serif", Georgia, serif;--dd-font-mono: "Geist Mono", ui-monospace, monospace}:root:has(>head>meta[name=color-scheme][content=dark]){color-scheme:dark}:root:has(>head>meta[name=color-scheme][content=light]){color-scheme:light}@media(prefers-color-scheme:dark){:root{--dd-paper: var(--dd-paper-dark);--dd-paper-2: var(--dd-paper-2-dark);--dd-surface: var(--dd-surface-dark);--dd-node-fill: var(--dd-node-fill-dark);--dd-store-fill: var(--dd-store-fill-dark);--dd-ext-fill: var(--dd-ext-fill-dark);--dd-ink: var(--dd-ink-dark);--dd-muted: var(--dd-muted-dark);--dd-soft: var(--dd-soft-dark);--dd-rule: var(--dd-rule-dark);--dd-rule-strong: var(--dd-rule-strong-dark);--dd-tag-stroke: var(--dd-tag-stroke-dark);--dd-zone-fill: var(--dd-zone-fill-dark);--dd-zone-stroke: var(--dd-zone-stroke-dark);--dd-dot-fill: var(--dd-dot-fill-dark);--dd-accent: var(--dd-accent-dark);--dd-accent-tint: var(--dd-accent-tint-dark);--dd-link: var(--dd-link-dark)}}@supports (color: light-dark(white,black)){:root{--dd-paper: light-dark(var(--dd-paper-light), var(--dd-paper-dark));--dd-paper-2: light-dark(var(--dd-paper-2-light), var(--dd-paper-2-dark));--dd-surface: light-dark(var(--dd-surface-light), var(--dd-surface-dark));--dd-node-fill: light-dark(var(--dd-node-fill-light), var(--dd-node-fill-dark));--dd-store-fill: light-dark(var(--dd-store-fill-light), var(--dd-store-fill-dark));--dd-ext-fill: light-dark(var(--dd-ext-fill-light), var(--dd-ext-fill-dark));--dd-ink: light-dark(var(--dd-ink-light), var(--dd-ink-dark));--dd-muted: light-dark(var(--dd-muted-light), var(--dd-muted-dark));--dd-soft: light-dark(var(--dd-soft-light), var(--dd-soft-dark));--dd-rule: light-dark(var(--dd-rule-light), var(--dd-rule-dark));--dd-rule-strong: light-dark(var(--dd-rule-strong-light), var(--dd-rule-strong-dark));--dd-tag-stroke: light-dark(var(--dd-tag-stroke-light), var(--dd-tag-stroke-dark));--dd-zone-fill: light-dark(var(--dd-zone-fill-light), var(--dd-zone-fill-dark));--dd-zone-stroke: light-dark(var(--dd-zone-stroke-light), var(--dd-zone-stroke-dark));--dd-dot-fill: light-dark(var(--dd-dot-fill-light), var(--dd-dot-fill-dark));--dd-accent: light-dark(var(--dd-accent-light), var(--dd-accent-dark));--dd-accent-tint: light-dark(var(--dd-accent-tint-light), var(--dd-accent-tint-dark));--dd-link: light-dark(var(--dd-link-light), var(--dd-link-dark))}}.dd-page-wrapper{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background:var(--dd-paper);color:var(--dd-ink);font-family:var(--dd-font-sans);transition:background-color .2s ease,color .2s ease}.dd-top-navbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--dd-surface);border-bottom:1px solid var(--dd-rule);flex-shrink:0;flex-wrap:wrap}.dd-nav-left{display:flex;align-items:center;gap:16px}.dd-back-btn{padding:8px 14px;border-radius:6px;background:var(--dd-paper);border:1px solid var(--dd-rule);color:var(--dd-ink);font-family:var(--dd-font-sans);font-size:13px;font-weight:600;cursor:pointer}.dd-back-btn:hover{border-color:var(--dd-accent);color:var(--dd-accent)}.dd-nav-kicker{display:block;font-family:var(--dd-font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--dd-muted)}.dd-nav-brand h1{margin:2px 0 0;font-family:var(--dd-font-sans);font-size:15px;font-weight:600;color:var(--dd-ink)}.dd-nav-tabs{display:flex;gap:6px;padding:4px;background:var(--dd-paper);border:1px solid var(--dd-rule);border-radius:6px}.dd-tab-btn{padding:6px 12px;border-radius:4px;background:transparent;border:1px solid transparent;color:var(--dd-muted);font-family:var(--dd-font-sans);font-size:12.5px;font-weight:600;cursor:pointer}.dd-tab-btn.active{background:var(--dd-surface);border-color:var(--dd-rule);color:var(--dd-ink)}.dd-nav-actions{display:flex;align-items:center;gap:8px}.dd-theme-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;background:var(--dd-paper);border:1px solid var(--dd-rule-strong);color:var(--dd-ink);font-family:var(--dd-font-sans);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.dd-theme-toggle-btn:hover{border-color:var(--dd-accent);color:var(--dd-accent)}.dd-main-scroll{flex:1;overflow-y:auto;padding:40px 24px 64px}.dd-content-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.dd-editorial-block{display:flex;flex-direction:column}.dd-header{margin-bottom:24px}.dd-eyebrow{font-family:var(--dd-font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--dd-muted);margin:0 0 8px}.dd-title{font-family:var(--dd-font-serif);font-size:clamp(1.75rem,2.5vw + 1rem,2.4rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;color:var(--dd-ink);margin:0 0 8px}.dd-subtitle{font-size:15px;line-height:1.55;color:var(--dd-muted);max-width:68ch;margin:0}.dd-diagram-container{background:var(--dd-paper-2);border-radius:8px;border:1px solid var(--dd-rule);padding:24px;overflow-x:auto}.dd-diagram-container svg{width:100%;min-width:1000px;display:block}.dd-cards-grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:16px;margin-top:20px}@media(max-width:860px){.dd-cards-grid{grid-template-columns:1fr}}.dd-card{background:var(--dd-surface);border-radius:6px;border:1px solid var(--dd-rule);padding:20px}.dd-card-eyebrow{font-family:var(--dd-font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--dd-muted);margin:0 0 8px}.dd-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--dd-rule)}.dd-card-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dd-card-dot.coral{background:var(--dd-accent)}.dd-card-dot.ink{background:var(--dd-ink)}.dd-card-dot.muted{background:var(--dd-muted)}.dd-card h3{font-size:14px;font-weight:600;color:var(--dd-ink);margin:0}.dd-card p,.dd-card ul{color:var(--dd-muted);font-size:13px;line-height:1.55;list-style:none;margin:0;padding:0}.dd-card li{margin-bottom:5px;padding-left:14px;position:relative}.dd-card li:before{content:"—";position:absolute;left:0;color:var(--dd-soft);font-size:12px}.dd-step-explainer-section{background:var(--dd-surface);border:1px solid var(--dd-rule);border-radius:8px;padding:24px}.dd-explainer-header h3{margin:0 0 16px;font-family:var(--dd-font-serif);font-size:24px;font-weight:400;color:var(--dd-ink)}.dd-step-pills-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}@media(max-width:900px){.dd-step-pills-row{grid-template-columns:repeat(2,1fr)}}.dd-step-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:var(--dd-paper);border:1px solid var(--dd-rule);color:var(--dd-ink);font-family:var(--dd-font-sans);font-size:12px;font-weight:600;text-align:left;cursor:pointer}.dd-step-pill.active{background:var(--dd-accent-tint);border-color:var(--dd-accent);color:var(--dd-ink)}.dd-step-num{font-family:var(--dd-font-mono);font-size:11px;font-weight:600;color:var(--dd-accent)}.dd-step-detail-card{padding:20px;border-radius:6px;background:var(--dd-paper);border:1px solid var(--dd-rule)}.dd-step-detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.dd-step-actor-tag{font-family:var(--dd-font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--dd-accent)}.dd-step-side-tag{padding:3px 8px;border-radius:4px;background:var(--dd-surface);border:1px solid var(--dd-rule);font-family:var(--dd-font-mono);font-size:11px;color:var(--dd-muted)}.dd-step-detail-card h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--dd-ink)}.dd-step-desc{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--dd-muted)}.dd-step-dual-boxes{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.dd-step-dual-boxes{grid-template-columns:1fr}}.dd-dual-box{padding:14px;border-radius:6px;background:var(--dd-surface);border:1px solid var(--dd-rule)}.dd-dual-label{display:block;font-family:var(--dd-font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--dd-ink);margin-bottom:6px}.dd-dual-box p{margin:0;font-size:13px;color:var(--dd-muted);line-height:1.5}.dd-editorial-footer{padding-top:20px;border-top:1px solid var(--dd-rule);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-family:var(--dd-font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--dd-soft)}