/* VertoPDF v88 — unified modern SaaS design layer.
   Presentation only: no tool logic or data behavior is changed. */
:root{
  --saas-green:#1f8f55;
  --saas-green-dark:#167343;
  --saas-green-soft:#e8f7ee;
  --saas-bg:#f4faf7;
  --saas-surface:rgba(255,255,255,.92);
  --saas-line:#dcece3;
  --saas-ink:#143a2a;
  --saas-muted:#70867b;
  --saas-shadow:0 14px 38px rgba(22,82,51,.07);
  --saas-shadow-lg:0 24px 60px rgba(22,82,51,.11);
}
html{background:var(--saas-bg);scroll-behavior:smooth}
body{
  background:
    radial-gradient(900px 420px at 8% 0%,rgba(69,194,126,.10),transparent 60%),
    radial-gradient(760px 420px at 98% 10%,rgba(92,211,155,.08),transparent 58%),
    linear-gradient(180deg,#f8fcfa 0%,#f3faf6 48%,#f8fcfa 100%);
  color:var(--saas-ink);
}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* Site header */
.navbar{height:70px!important;padding:0 24px!important;background:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(31,143,85,.12)!important;box-shadow:0 8px 30px rgba(22,82,51,.045)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.navbar-inner{max-width:1320px!important;gap:14px!important}
.logo{font-weight:800!important;color:var(--saas-ink)!important;letter-spacing:-.02em}
.logo img{height:28px!important}
.nav-links{gap:3px!important}
.nav-links a,.nav-dropdown-trigger,.nav-signin-link{font-size:13px!important;font-weight:650!important;color:#5e776b!important;border-radius:10px!important;padding:9px 11px!important}
.nav-links a:hover,.nav-dropdown-trigger:hover,.nav-dropdown.open .nav-dropdown-trigger,.nav-signin-link:hover{background:#edf8f1!important;color:var(--saas-green-dark)!important}
.nav-right{gap:8px!important;border-left:1px solid var(--saas-line)!important;padding-left:12px!important}
.nav-usage{background:#f4faf6!important;border-color:var(--saas-line)!important}
.nav-dropdown-menu{border:1px solid var(--saas-line)!important;border-radius:16px!important;box-shadow:var(--saas-shadow-lg)!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)}
.nav-dropdown-menu a:hover{background:#edf8f1!important;color:var(--saas-green-dark)!important}

/* Donation / announcement bar */
#donation-banner{background:linear-gradient(90deg,#123f2a,#1f8f55)!important;border:0!important;min-height:42px;box-shadow:0 4px 16px rgba(22,82,51,.07)!important}
#donate-btn{border-radius:999px!important;background:#fff!important;color:#17442f!important;font-weight:800!important;box-shadow:none!important}

/* Homepage hero */
.hero-v2{padding:62px 24px 54px!important;position:relative;overflow:hidden;background:transparent!important}
.hero-v2::before{background:radial-gradient(circle at 78% 35%,rgba(82,199,137,.12),transparent 32%),radial-gradient(circle at 18% 80%,rgba(47,170,103,.07),transparent 30%)!important}
.hero-v2::after{opacity:.45!important}
.hero-content{max-width:1240px!important;gap:4rem!important}
.hero-tag{background:#e9f8ef!important;border-color:#cfe9d9!important;color:var(--saas-green-dark)!important}
.hero-title{color:var(--saas-ink)!important;font-weight:800!important;letter-spacing:-.055em!important}
.hero-title em{color:var(--saas-green)!important}
.hero-subtitle{color:#667e73!important}
.hero-btn-primary{background:var(--saas-green)!important;border-color:var(--saas-green)!important;border-radius:12px!important;box-shadow:0 10px 22px rgba(31,143,85,.15)!important}
.hero-btn-primary:hover{background:var(--saas-green-dark)!important;transform:translateY(-1px)}
.hero-btn-secondary{border-color:#cfe3d7!important;color:var(--saas-green-dark)!important;background:rgba(255,255,255,.88)!important;border-radius:12px!important}
.hero-preview{filter:drop-shadow(0 20px 35px rgba(21,80,50,.10))}
.preview-window{border-color:#dbece3!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--saas-shadow-lg)!important;border-radius:22px!important}
.preview-topbar{background:#fbfefc!important;border-color:#e1eee7!important}
.preview-tool.active{background:var(--saas-green)!important}
.preview-action.primary{background:var(--saas-green)!important}

/* Homepage sections */
#pdf-tools,#image-tools,#doc-tools,#other-tools,#designer-tools,#units-converter{scroll-margin-top:90px}
.tools-section{max-width:1240px!important}
.section-label{color:#81968b!important;font-weight:800!important}
.section-label::after{background:var(--saas-line)!important}
.tool-card{background:rgba(255,255,255,.88)!important;border:1px solid var(--saas-line)!important;border-radius:18px!important;box-shadow:0 9px 25px rgba(22,82,51,.045)!important;min-height:150px;padding:18px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.tool-card:hover{transform:translateY(-2px)!important;border-color:#b7d9c5!important;box-shadow:0 16px 34px rgba(22,82,51,.08)!important}
.tool-icon{border-radius:12px!important}
.tool-name{font-weight:750!important;color:#234b39!important}
.tool-desc{color:#788e83!important}

/* Homepage informational/comparison cards */
.ai-soon{border:1px solid #d7ebe0!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(235,249,241,.96),rgba(255,255,255,.88))!important;box-shadow:var(--saas-shadow)!important}
.ai-soon *{animation:none!important}
section[aria-label="How VertoPDF compares"]>div[style*="overflow-x"]{border-color:var(--saas-line)!important;border-radius:18px!important;box-shadow:var(--saas-shadow)!important}
section[aria-label="How VertoPDF compares"] table{background:rgba(255,255,255,.9)!important}
section[aria-label="How VertoPDF compares"] thead tr{background:#eaf7ef!important}

/* Tool pages */
.tool-layout{max-width:1240px!important;padding:44px 24px 76px!important;gap:26px!important}
.tool-page-header h1{font-size:34px!important;font-weight:850!important;color:var(--saas-ink)!important;letter-spacing:-.045em!important}
.tool-page-header p{color:var(--saas-muted)!important}
.breadcrumb{color:#8ca197!important}
.breadcrumb a{color:var(--saas-green)!important}
.upload-zone{min-height:270px!important;border:1.5px dashed #b8d8c5!important;border-radius:22px!important;background:rgba(255,255,255,.9)!important;box-shadow:var(--saas-shadow)!important}
.upload-zone:hover,.upload-zone.drag-over{background:#f2fbf5!important;border-color:var(--saas-green)!important;box-shadow:0 20px 42px rgba(31,143,85,.09)!important}
.upload-zone .upload-icon{background:var(--saas-green-soft)!important;border-radius:16px!important}
.upload-zone h3{color:#214b38!important;font-weight:800!important}
.file-item{background:rgba(255,255,255,.92)!important;border-color:var(--saas-line)!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(22,82,51,.04)!important}
.file-item-icon{background:var(--saas-green-soft)!important;color:var(--saas-green)!important}
.btn-convert,.btn-download,.btn-primary{background:var(--saas-green)!important;border-color:var(--saas-green)!important;border-radius:12px!important;font-weight:800!important;box-shadow:0 9px 20px rgba(31,143,85,.14)!important}
.btn-convert:hover,.btn-download:hover,.btn-primary:hover{background:var(--saas-green-dark)!important}
.btn-outline{border-color:#cfe3d8!important;background:rgba(255,255,255,.84)!important;color:#315b48!important;border-radius:12px!important}
.progress-bar-wrap{background:#e7f1eb!important;border-radius:999px!important}
.progress-bar{background:var(--saas-green)!important;border-radius:999px!important}
.hiw-step,.tool-layout>div:last-child>*{border-color:var(--saas-line)!important;background:rgba(255,255,255,.88)!important;border-radius:18px!important;box-shadow:var(--saas-shadow)!important}
.hiw-num{background:var(--saas-green)!important}

/* Forms, content/info pages */
input,select,textarea{background:rgba(255,255,255,.9)!important;border:1px solid #d4e6dc!important;border-radius:11px!important}
input:focus,select:focus,textarea:focus{border-color:#83c39c!important;box-shadow:0 0 0 3px rgba(31,143,85,.09)!important}
.card,.panel,.content-card,.info-card,.feature-card,.faq-item,.pricing-card,.contact-card,.settings-section{background:rgba(255,255,255,.9)!important;border:1px solid var(--saas-line)!important;border-radius:18px!important;box-shadow:var(--saas-shadow)!important}

/* Auth */
.auth-page{background:transparent!important;position:relative}
.auth-page::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 18% 15%,rgba(64,190,121,.12),transparent 30%),radial-gradient(circle at 82% 75%,rgba(69,194,126,.08),transparent 28%)}
.auth-card{background:rgba(255,255,255,.92)!important;border-color:var(--saas-line)!important;border-radius:24px!important;box-shadow:var(--saas-shadow-lg)!important}
.auth-title{color:var(--saas-ink)!important;letter-spacing:-.04em!important}
.auth-sub{color:var(--saas-muted)!important}
.btn-auth{background:var(--saas-green)!important;border-radius:12px!important;box-shadow:0 9px 20px rgba(31,143,85,.14)!important}
.btn-auth:hover{background:var(--saas-green-dark)!important}
.auth-switch a,.forgot-link{color:var(--saas-green)!important}

/* Dashboard — same visual system as public site */
#dash-layout,.dash-layout{max-width:1440px!important;padding:26px 24px 50px!important;gap:22px!important}
.dash-sidebar{background:rgba(255,255,255,.86)!important;border-color:var(--saas-line)!important;border-radius:20px!important;box-shadow:var(--saas-shadow)!important;backdrop-filter:blur(14px)}
.dash-user-card{background:linear-gradient(180deg,#f7fcf9,#fff)!important;border-color:var(--saas-line)!important}
.dash-avatar,.profile-avatar-big{background:var(--saas-green)!important}
.dash-nav-item{border-left-color:transparent!important;color:#668075!important;border-radius:10px!important;margin:2px 7px;width:calc(100% - 14px);padding:10px 12px!important}
.dash-nav-item:hover{background:#edf8f1!important;color:var(--saas-green-dark)!important}
.dash-nav-item.active{background:#e8f7ee!important;color:var(--saas-green-dark)!important;border-left-color:var(--saas-green)!important}
.dashboard-header{margin-bottom:22px!important}
.dashboard-kicker{color:var(--saas-green)!important}
.dashboard-subtitle{color:var(--saas-muted)!important}
.dashboard-search{background:rgba(255,255,255,.88)!important;border-color:var(--saas-line)!important;border-radius:12px!important}
.header-icon-btn,.header-profile-btn{background:rgba(255,255,255,.84)!important;border-color:var(--saas-line)!important;border-radius:12px!important}
.header-avatar{background:var(--saas-green)!important}
.quick-tools-card,.section-card,.cal-card,.stat-card,.usage-card,.settings-section{background:rgba(255,255,255,.88)!important;border-color:var(--saas-line)!important;border-radius:20px!important;box-shadow:var(--saas-shadow)!important}
.quick-tool{background:rgba(255,255,255,.75)!important;border-color:var(--saas-line)!important;border-radius:15px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.quick-tool:hover{transform:translateY(-2px);border-color:#b7d9c5!important;box-shadow:0 12px 26px rgba(22,82,51,.07)!important}
.section-heading-title,.dash-section-title{color:var(--saas-ink)!important}
.section-heading-sub,.stat-card .stat-label,.stat-card .stat-sub{color:var(--saas-muted)!important}
.view-link,.view-link-btn{color:var(--saas-green)!important}
.stat-card .stat-num,.stat-box-num{color:var(--saas-green)!important}
.tool-bar-fill,.usage-bar-fill{background:var(--saas-green)!important}
.history-item{background:rgba(255,255,255,.88)!important;border-color:var(--saas-line)!important;border-radius:14px!important}
.history-badge{background:var(--saas-green-soft)!important;color:var(--saas-green-dark)!important}
.save-btn{background:var(--saas-green)!important;border-radius:11px!important}
.dashboard-cta{background:linear-gradient(135deg,#1a7043,#27a664)!important;border:0!important;border-radius:20px!important;box-shadow:0 16px 34px rgba(31,143,85,.14)!important}.dashboard-cta .cta-kicker{color:rgba(255,255,255,.72)!important}.dashboard-cta .cta-title{color:#fff!important}.dashboard-cta .cta-text{color:rgba(255,255,255,.84)!important}.dashboard-cta .cta-button{background:#fff!important;color:#176b3d!important;box-shadow:0 8px 18px rgba(0,0,0,.10)!important}.dashboard-cta .cta-art span,.dashboard-cta .cta-art b{color:#1f7a3e!important}

/* Existing PDF editor */
.ed-toolbar,.ed-panel,.ed-zoombar{background:rgba(255,255,255,.94)!important;border-color:var(--saas-line)!important;border-radius:15px!important;box-shadow:var(--saas-shadow)!important}
.ed-tool{border-color:#dcebe3!important;background:#fbfdfc!important;color:#5f786c!important;border-radius:9px!important}
.ed-tool:hover,.ed-tool.active{border-color:#afd3bd!important;background:#eaf7ef!important;color:var(--saas-green-dark)!important}
.ed-thumb{border-color:#dcebe3!important;border-radius:10px!important}
.ed-thumb.active{border-color:var(--saas-green)!important;box-shadow:0 0 0 3px #e8f7ee!important}
#editor-wrap{border-color:#d9e7df!important;border-radius:14px!important;box-shadow:0 20px 44px rgba(22,82,51,.10)!important}

/* Footer */
.site-footer{background:rgba(255,255,255,.76)!important;border-top:1px solid var(--saas-line)!important;backdrop-filter:blur(14px)}
.footer-inner p,.footer-links a{color:#7b9186!important}
.footer-links a:hover{color:var(--saas-green-dark)!important}

/* Mobile: app-like, touch-friendly */
.hamburger-btn{border-radius:11px!important}
.mobile-menu{background:rgba(255,255,255,.97)!important;border-color:var(--saas-line)!important;box-shadow:var(--saas-shadow-lg)!important}
.mobile-menu-link{border-radius:11px!important}
.mobile-menu-link:hover{background:#edf8f1!important}
@media(max-width:900px){
  .navbar{height:62px!important;padding:0 14px!important}
  .hero-v2{padding:42px 16px 38px!important}
  .hero-content{gap:2.4rem!important}
  .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .tool-card{min-height:128px!important;padding:15px!important}
  .tool-layout{padding:30px 16px 54px!important}
  #dash-layout,.dash-layout{padding:14px!important}
}
@media(max-width:560px){
  .navbar{height:58px!important}
  .logo img{height:23px!important}
  .hero-v2{padding:34px 12px 30px!important}
  .hero-title{font-size:35px!important}
  .hero-subtitle{font-size:15px!important}
  .hero-btns{gap:9px!important}
  .hero-btn-primary,.hero-btn-secondary{width:100%;justify-content:center}
  .tools-grid{grid-template-columns:1fr 1fr!important}
  .tool-card{min-height:118px!important;border-radius:15px!important}
  .tool-name{font-size:12px!important}
  .tool-desc{font-size:11px!important}
  .tool-layout{padding:22px 11px 42px!important}
  .upload-zone{min-height:205px!important;padding:30px 16px!important;border-radius:18px!important}
  .site-footer{margin-top:34px!important;padding:20px 14px!important}
}