/* Grapto identity: shared across the public pages and Bootstrap workspaces. */
:root{--navy:#123f46;--ink:#1c373c;--muted:#65777a;--line:#dce5e1;--lime:#f47764;--blue:#176873;--bg:#faf8f3;--grapto-coral:#f47764;--grapto-mint:#dceee7}
body{background:#faf8f3}
.brand,.bootstrap-ui .brand{display:inline-flex;align-items:center;gap:8px;color:#123f46;font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.3px;line-height:1.1;flex-shrink:0;padding:0;direction:ltr}
.brand .brand-mark{display:block;width:34px;height:38px;flex-shrink:0;object-fit:contain}
.brand-wordmark{display:block;white-space:nowrap}
.brand em,.brand .dot{display:none}
.marketing,.auth-main{background:#faf8f3}
.market-nav .btn,.hero .btn,.cta .btn{border-radius:10px}
.btn.lime{background:#f47764;color:#123f46}
.btn.lime:hover{background:#f68b7b;filter:none}
.hero h1 span{color:#176873}
.hero-art{background-color:#dceee7;background-image:radial-gradient(#123f461c 1px,transparent 1px)}
.hero p,.feature p,.section-intro p,.hero-note,.signed-label,.float-card small{color:#65777a}
.signature{color:#123f46}
.check-circle{color:#176873;background:#dceee7}
.small-label:before{background:#f47764}
.features .feature .icon{color:#176873}
.steps{background:#eaf3ed}.step-grid b{color:#176873}.step-grid p{color:#566f6c}
.cta{background:#123f46}.cta p{color:#cee2db}
.admin-entry-bar{background:#dceee7;border-color:#bdd6cc}.admin-entry-bar>span{color:#24544f}
.auth-side{background:#123f46}.auth-side .brand{color:#faf8f3}.auth-side .brand-mark{content:url('assets/grapto-mark-light.svg')}.auth-side .big-sign{color:#f4776499}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#327c76!important;box-shadow:0 0 0 3px #123f461c!important}
button:focus-visible,a:focus-visible{outline:3px solid #f47764;outline-offset:3px}
.pricing-heading .eyebrow,.pricing-heading>p,.pricing-notes p,.pricing-notes strong{color:#65777a}
.plan-card.recommended,.plan-card.featured{border-color:#176873}
.bootstrap-ui{--bs-primary:#123f46;--bs-primary-rgb:18,63,70;--bs-link-color:#176873;--bs-link-hover-color:#123f46;--bs-body-color:#1c373c;--bs-body-bg:#faf8f3;--bs-border-color:#dce5e1;--navy:#123f46;--ink:#1c373c;--muted:#65777a;--bg:#faf8f3;background:#faf8f3}
.bootstrap-ui .btn-primary{--bs-btn-bg:#123f46;--bs-btn-border-color:#123f46;--bs-btn-hover-bg:#0e343a;--bs-btn-hover-border-color:#0e343a;--bs-btn-active-bg:#0e343a;--bs-btn-active-border-color:#0e343a;--bs-btn-focus-shadow-rgb:18,63,70;background:#123f46;border-color:#123f46;color:#fff}
.bootstrap-ui .btn-outline-primary{--bs-btn-color:#176873;--bs-btn-border-color:#176873;--bs-btn-hover-bg:#123f46;--bs-btn-hover-border-color:#123f46;--bs-btn-active-bg:#123f46;--bs-btn-active-border-color:#123f46;color:#176873;border-color:#176873}
.bootstrap-ui .btn-link,.bootstrap-ui .text-primary{color:#176873!important}
.bootstrap-ui .form-check-input:checked{background-color:#176873;border-color:#176873}
.bootstrap-ui .form-control:focus,.bootstrap-ui .form-select:focus{border-color:#93bfb4;box-shadow:0 0 0 .2rem #123f461c}
.bs-sidebar{background:#fffefa;border-color:#dce5e1}.bs-sidebar-brand{gap:6px;padding-inline:3px}.bs-sidebar-brand>.badge{display:none}
.bootstrap-ui .bs-sidebar .brand{font-size:27px;gap:6px}.bootstrap-ui .bs-sidebar .brand-mark{width:30px;height:34px}
.bs-sidebar .nav-link.active{background:#123f46;color:white;box-shadow:inset 3px 0 #f47764}.bs-sidebar .nav-link.active:hover{background:#0e343a}.bs-sidebar .nav-link:hover{background:#eaf3ed}
.bs-topbar,.bootstrap-ui .admin-top{background:#fffefa}
.bootstrap-ui .avatar{background:#dceee7;color:#24544f}
.bootstrap-ui .card,.bootstrap-ui .panel{border-color:#dce5e1;border-radius:10px}
.bootstrap-ui .bs-demo-alert{background:#f3f6f0;border-color:#dce5e1!important}
.bootstrap-ui .pill.blue{background:#e1efec;color:#176873}
.bootstrap-ui .sign-field{background:#eaf3ed;border-color:#93bfb4;color:#123f46}
.bootstrap-ui .dropzone{background:#f3f8f5;border-color:#93bfb4;color:#176873}
.company-admin.bootstrap-ui{background:#faf8f3}
.bootstrap-ui .admin-preview>.icon,.bootstrap-ui .admin-manage,.bootstrap-ui .admin-more summary{color:#176873}
.bootstrap-ui .stat-top>.icon,.bootstrap-ui .activity-dot{background:#dceee7;color:#176873}
.bootstrap-ui .login-link-placeholder{background:#f3f8f5;border-color:#93bfb4;color:#4e746e}
@media(max-width:760px){.brand,.bootstrap-ui .brand{font-size:25px}.brand .brand-mark{width:29px;height:33px}.market-nav{gap:14px}.market-nav .nav-actions{gap:10px}.admin-top .brand{font-size:23px}.admin-top .brand-mark{width:27px;height:31px}}
.marketing .nav-actions>.btn,.hero-actions>.btn:first-child{background:#f47764;color:#123f46;border-color:#f47764}
.marketing .nav-actions>.btn:hover,.hero-actions>.btn:first-child:hover{background:#f68b7b;filter:none}
.bootstrap-ui .bs-sidebar .nav-link.active,.bootstrap-ui .bs-sidebar .nav-link.active:focus{background:#123f46;color:white;box-shadow:inset 3px 0 #f47764}
.bootstrap-ui .bs-sidebar .nav-link.active:hover{background:#0e343a}
.showcase{background:#edf4ee;border-color:#dce5e1}.showcase-heading .eyebrow,.showcase-heading p,.showcase-copy>p,.showcase-copy li,.showcase-foot{color:#65777a}.showcase-tabs{border-color:#bdd6cc}.showcase-tabs button{color:#65777a}.showcase-tabs button[aria-selected=true]{color:#123f46;border-color:#f47764}.showcase-copy .pill{background:#dceee7;color:#24544f}.showcase-copy li .icon{color:#176873}
.price-card{border-color:#dce5e1}.price-card>p,.price-card li{color:#65777a}.price-card li .icon{color:#176873}.price-card li b{color:#24544f}.price-card.featured{background:#123f46;border-color:#123f46}.price-card.featured>p,.price-card.featured li{color:#cee2db}.price-card.featured li .icon,.price-card.featured li b{color:#f47764}
.auth-side .eyebrow{color:#f47764!important}.terms-link,.privacy-link,.legal-link{color:#176873}

.pricing-cards.single-plan{grid-template-columns:minmax(0,620px);justify-content:center}.trial-offer{margin-top:20px;font-size:14px;line-height:1.6}.hero h1{font-size:clamp(34px,3.8vw,58px);line-height:1.08;overflow-wrap:normal}.hero-actions{flex-wrap:wrap}