/* Era identity: exact supplied logo; Onest and Unbounded, stored locally. */
@font-face{font-family:Onest;src:url('/assets/fonts/onest-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('/assets/fonts/onest-semibold.ttf') format('truetype');font-style:normal;font-weight:500 600;font-display:swap}
@font-face{font-family:Onest;src:url('/assets/fonts/onest-bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
@font-face{font-family:Unbounded;src:url('/assets/fonts/unbounded-medium.ttf') format('truetype');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Unbounded;src:url('/assets/fonts/unbounded-bold.ttf') format('truetype');font-style:normal;font-weight:700 800;font-display:swap}
@font-face{font-family:Unbounded;src:url('/assets/fonts/unbounded-black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
:root{--blue:#2f5bff;--blue-hover:#2450e8;--orange:#ff9f1c;--ink:#0b163a;--muted:#64748b;--paper:#fff;--canvas:#f1f5fa;--line:#e2e8f0;--accent:#2f5bff;--accent-2:#ff9f1c;--navy:#0b163a;--shadow:0 24px 60px rgba(11,22,58,.1);font-family:Onest,system-ui,sans-serif;color:var(--ink);background:var(--canvas)}
body{font-family:Onest,system-ui,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{color:#fff;background:var(--blue)}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible{outline:3px solid #91a9ff;outline-offset:3px}
.app-brand-logo{display:block;width:118px;height:auto;flex:none}
.brand,.portal-brand{gap:19px}
.brand>div,.portal-brand>div{border-left:1px solid var(--line);padding-left:18px}
.brand strong,.portal-brand strong{font-size:14px;color:var(--ink)}
.brand small,.portal-brand small{color:var(--muted)}
.app-header,.portal-header{background:rgba(255,255,255,.94);border-color:var(--line);backdrop-filter:blur(14px)}
.button,.portal-button{border-radius:999px;transition:background .16s ease,box-shadow .16s ease}
.button-dark,.portal-button.primary{background:var(--blue);color:#fff}
.button-dark:hover,.portal-button.primary:hover{background:var(--blue-hover);box-shadow:0 8px 22px rgba(47,91,255,.17)}
.button-ghost,.portal-button.subtle{color:var(--ink)}
.button-ghost:hover,.portal-button.subtle:hover{background:#eef3ff}
.portal-button.secondary{background:#eef3ff;color:var(--blue);border:1px solid #d6e1ff}
.portal-button.secondary:hover{background:#dee8ff}
.portal-button.danger{background:#fff0e9;color:#a44324}
.portal-button.danger:hover{background:#ffe0d2}
.save-status i{background:#2f9c79}
.eyebrow,.panel-title span{color:var(--muted)}
.editor{background:#fff;border-color:var(--line)}
.editor-intro{background:linear-gradient(140deg,#fff,#f2f6ff);border-color:var(--line)}
.editor-intro h1{font-family:Unbounded,Onest,sans-serif;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.035em}
.panel-section{border-color:var(--line);scroll-margin-top:85px}
.panel-title:hover{background:#f8faff}
.panel-section.is-current>.panel-title{color:var(--blue);background:#eef3ff;box-shadow:inset 3px 0 0 var(--blue)}
.panel-section.is-current>.panel-title span{color:var(--blue)}
label{color:#475569}
input,select,textarea{border-color:#d6dfea;color:var(--ink);border-radius:12px}
input:focus,select:focus,textarea:focus,.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus,.filter-row input:focus,.filter-row select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,91,255,.12)}
.upload-field{background:#f8faff;border-color:#bfceef}
.text-button{color:var(--blue)}
.outline-row{border-color:var(--line);background:#fff}
.outline-row.is-current{background:#eef3ff;border-color:#a5baff}
.outline-row input{accent-color:var(--blue)}
.outline-link{flex:1;text-align:left;border:0;padding:2px 0;background:transparent;color:var(--ink);font-size:12px;font-weight:600}
.outline-link:hover{color:var(--blue)}
.outline-actions button{background:#f1f5f9;color:#475569}
.outline-actions button:hover{background:var(--blue);color:#fff}
.case-edit-card,.tariff-edit-card{background:#f8faff;border-color:var(--line)}
.case-edit-card .field-hint{margin:0 0 10px;color:var(--muted);line-height:1.45}
.preview-toolbar{background:#f8fafc;border-color:var(--line);gap:18px}
.preview-toolbar strong{font-weight:600}
.active-block-label{display:block;margin-top:4px;color:var(--blue);font-size:11px;font-weight:600;line-height:1.2}
.device-switch{background:#e8eef7}
.device-switch button{color:#64748b}
.device-switch button.active{color:var(--blue)}
.preview-stage{background:radial-gradient(ellipse at 95% 4%,rgba(47,91,255,.07),transparent 46%),#eef2f8}
.slide{background:#fff;box-shadow:var(--shadow);scroll-margin-top:90px;transition:outline-color .15s}
.slide.is-current{outline:3px solid var(--blue);outline-offset:6px}
.slide:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.slide-brand-logo{position:absolute;top:4.9cqw;left:6cqw;width:17cqw;height:auto;z-index:2}
.slide-topline{padding-left:22cqw;min-height:4cqw;color:var(--muted)}
.slide h2{font-family:Unbounded,Onest,sans-serif;font-weight:700;font-size:3.65cqw;line-height:1.16;letter-spacing:-.035em;max-width:95%;margin-top:2.6cqw;overflow-wrap:anywhere}
.slide h3{font-family:Unbounded,Onest,sans-serif;font-weight:500;line-height:1.3;letter-spacing:-.035em}
.slide p{color:#475569}
.cover,.closing{color:#fff;background:var(--navy)}
.cover{background:radial-gradient(ellipse at 91% 3%,rgba(47,91,255,.45),transparent 58%),var(--navy)}
.cover::before{right:-15%;bottom:-52%;background:var(--blue);box-shadow:0 0 0 5cqw rgba(47,91,255,.15)}
.cover::after{right:12%;top:-14%;border:2px solid rgba(255,159,28,.8)}
.cover h2{font-size:6cqw;font-weight:900;line-height:1.13;max-width:85%;margin-top:auto;margin-bottom:2cqw}
.cover .cover-client{font-size:2.2cqw;color:#dce5ff}
.cover .cover-tag{color:#fff;background:rgba(47,91,255,.25);border-color:rgba(124,150,255,.45);padding:1cqw 1.5cqw}
.cover .cover-tag::before{content:'';display:inline-block;width:.7cqw;height:.7cqw;margin-right:.8cqw;border-radius:50%;background:var(--orange)}
.callout{background:#edf3ff;color:var(--ink);border-left:.4cqw solid var(--blue)}
.screenshot-box{background:#f1f5f9;border-color:var(--line)}
.placeholder-chart::before{background:linear-gradient(151deg,transparent 0 35%,#2f5bff 36% 38%,transparent 39% 55%,#ff9f1c 56% 59%,transparent 60%)}
.test-copy,.work-column{background:#f1f5fb}
.result-card{background:var(--navy)}
.result-card.after{background:var(--blue);color:#fff}
.growth-arrow{color:var(--blue)}
.guarantee-chart{border-color:var(--line)}
.guarantee-bar i{background:var(--orange)}
.guarantee-bar:nth-child(odd) i{background:var(--blue)}
.contract-note{display:flex;align-items:center;gap:.7cqw;color:var(--ink);font-weight:700;background:transparent;cursor:default}
.contract-note svg{width:1.8em;height:1.8em;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.case-card{background:#f8fafc;border:1px solid var(--line)}
.case-card:nth-child(2){background:#eef3ff}
.case-card:nth-child(3){background:#fff6e9}
.case-image{background:linear-gradient(135deg,#e8eef9,#dbe6ff);color:#6d7ea6}
.case-card:nth-child(2) .case-image{background:linear-gradient(135deg,#dee7ff,#eaf0ff)}
.case-card:nth-child(3) .case-image{background:linear-gradient(135deg,#fff0d9,#ffe2bb)}
.case-card h3{font-size:1.55cqw;font-weight:700}
.case-card .industry{color:#64748b}
.case-card p{color:#475569}
.case-metric strong{color:var(--blue)}
.case-full-link{background:var(--blue);color:#fff}
.case-full-link:hover{background:var(--blue-hover)}
.tariff-card{border-color:var(--line)}
.tariff-card h3{font-size:2.05cqw;font-weight:700}
.tariff-card.featured{background:var(--navy);border-color:var(--navy)}
.tariff-card.featured .tariff-label{color:var(--orange);opacity:1}
.tariff-card li::before{color:var(--blue)}
.tariff-card.featured li::before{color:var(--orange)}
.work-column.support{background:var(--navy)}
.work-column.support li::before{color:var(--orange)}
.works-full-link{background:var(--blue);color:#fff;border-color:var(--blue)}
.works-full-link:hover{background:var(--blue-hover)}
.works-full-link.pending{background:transparent;color:var(--muted);border-color:#a7b4ca}
.closing{background:radial-gradient(ellipse at 100% 0%,rgba(47,91,255,.3),transparent 55%),var(--navy)}
.closing::before{border-color:rgba(255,159,28,.65)}
.closing h2{font-size:4.7cqw;max-width:94%}
.closing .closing-lead{color:#cdd8f2}
.closing-person-card{background:#fff;color:var(--ink)}
.closing-photo{background:#e8eefc;color:#6d7d9e}
.closing-manager-role{color:var(--muted)}
.closing-messengers .messenger-link{background:#f1f5fb}
.closing-company .closing-eyebrow{color:var(--orange)}
.closing-requisites{color:#b9c8e6}
.dashboard{max-width:1290px}
.dashboard-hero h1,.login-copy h1{font-family:Unbounded,Onest,sans-serif;font-weight:700;font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.04em}
.portal-panel{background:#fff;border-color:var(--line);box-shadow:0 12px 36px rgba(11,22,58,.035)}
.panel-heading h2,.compact-panel h2{font-family:Unbounded,Onest,sans-serif;font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.04em}
.panel-heading p:last-child,.dashboard-hero p:last-child{color:var(--muted)}
.count-pill{background:#eef3ff;color:var(--blue)}
.proposal-row,.user-row{background:#f6f8fc;border:1px solid #e9eef7}
.proposal-row small,.user-row small,.row-date,.row-role{color:var(--muted)}
.filter-row input,.filter-row select,.portal-form input,.portal-form select,.portal-form textarea,.access-settings select{border-color:#d6dfea;color:var(--ink);border-radius:12px}
.library-case{background:#fff;border-color:var(--line)}
.library-case h3{font-family:Unbounded,Onest,sans-serif;font-weight:500;font-size:15px;line-height:1.4}
.case-no-image{background:#edf2fc;color:#7c8bac}
.library-case-body p,.case-meta{color:var(--muted)}
.status-chip{background:#eef3ff;color:var(--blue)}
.status-chip.archived{background:#fff2df;color:#a45c00}
.access-settings,.backup-row{border-color:var(--line)}
.nested-panel{background:#f3f6fc}
.empty-state{background:#f5f8fc;color:var(--muted)}
.login-page{background:radial-gradient(ellipse at 85% 8%,#dce6ff,transparent 46%),radial-gradient(ellipse at 5% 100%,#fff0da,transparent 40%),#f8fafc}
.login-card{width:min(520px,100%);background:#fff;border-color:var(--line);box-shadow:0 26px 70px rgba(11,22,58,.1)}
.login-copy{margin-top:35px}
.login-copy h1{font-size:30px;line-height:1.3}
.login-note,.login-copy p:last-child{color:var(--muted)}
@media(max-width:1100px){.brand>div{display:none}.viewer-name{display:none}.workspace{grid-template-columns:350px minmax(0,1fr)}}
@media(max-width:820px){.brand>div{display:block}.app-brand-logo{width:94px}.brand,.portal-brand{gap:12px}.brand>div,.portal-brand>div{padding-left:12px}.app-header .brand>div{display:none}.app-header{position:sticky}.workspace{display:block}.preview-toolbar{grid-template-columns:1fr auto;min-height:90px}.slide-brand-logo{top:5cqw}.portal-header{height:70px}.brand strong,.portal-brand strong{font-size:12px}}
@media(max-width:600px){.dashboard-hero h1{font-size:27px}.panel-heading h2{font-size:18px}.login-card{padding:25px}.login-copy h1{font-size:26px}.header-actions{gap:7px}.header-actions .button{font-size:12px;padding:9px 12px}.active-block-label{font-size:10px}.preview-toolbar{padding:12px 16px;gap:10px}.preview-toolbar strong{font-size:12px}.device-switch button{padding:8px;font-size:11px}}
@media(max-width:820px){.app-header .button-ghost{display:inline-flex}.editor,.preview-area{min-width:0}}
.proposal.mobile{container-type:inline-size}
.proposal.mobile .slide{aspect-ratio:auto;min-height:177.778cqw}
.proposal.mobile .slide-inner{min-height:177.778cqw}
.proposal.mobile .cards,.proposal.mobile .tariff-grid{overflow:visible}
.proposal.mobile .slide-brand-logo{width:25cqw;left:8cqw;top:7cqw}
.proposal.mobile .slide-topline{padding-left:34cqw;min-height:8cqw;font-size:2cqw}
.proposal.mobile .slide h2{font-family:Unbounded,Onest,sans-serif;font-size:7cqw;line-height:1.18;margin-top:7cqw}
.proposal.mobile .cover h2{font-size:9cqw;margin-top:auto}
.proposal.mobile .cover .cover-tag::before{width:1.5cqw;height:1.5cqw;margin-right:1.6cqw}
.proposal.mobile .closing h2{font-size:8cqw}
.proposal.mobile .case-card h3{font-size:3cqw}
.proposal.mobile .tariff-card h3{font-size:4.2cqw}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{
  .proposal.mobile{container-type:normal}
  .proposal.mobile .slide{min-height:0}
  .proposal.mobile .slide-inner{min-height:100%}
  .slide,.slide.is-current,.slide:focus-visible{outline:none!important}
  .slide-brand-logo,.proposal.mobile .slide-brand-logo{width:17cqw;top:4.9cqw;left:6cqw}
  .slide-topline,.proposal.mobile .slide-topline{padding-left:22cqw;min-height:4cqw;font-size:1.15cqw}
  .slide h2,.proposal.mobile .slide h2{font-size:3.65cqw;line-height:1.16;max-width:95%;margin-top:2.6cqw}
  .cover h2,.proposal.mobile .cover h2{font-size:6cqw;font-weight:900;max-width:85%;margin-top:auto}
  .closing h2,.proposal.mobile .closing h2{font-size:4.7cqw;max-width:94%}
  .case-card h3,.proposal.mobile .case-card h3{font-size:1.55cqw}
  .tariff-card h3,.proposal.mobile .tariff-card h3{font-size:2.05cqw}
  .cover .cover-tag::before,.proposal.mobile .cover .cover-tag::before{width:.7cqw;height:.7cqw;margin-right:.8cqw}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
