:root{--color-bg:#f6f7f4; --color-surface:#ffffff; --color-text:#17211d; --color-muted:#5b6762; --color-primary:#0f5b55; --color-primary-strong:#0a413d; --color-secondary:#275f8f; --color-accent:#c47a1b; --color-danger:#a63a2b; --color-success:#2f7d4f; --color-border:#d9dfdb; --color-soft:#edf3f0; --color-warning-soft:#fff7e9; --font-head:Arial,Helvetica,sans-serif; --font-body:Arial,Helvetica,sans-serif; --base-font-size:16px; --radius:8px; --max-width:1180px; --space-section:80px; --space-card:24px; --shadow-card:0 18px 50px rgba(23,33,29,0.10); --shadow-soft:0 8px 24px rgba(23,33,29,0.08); --radius-small:6px; --radius-large:8px; --content-width:760px;} *{box-sizing:border-box;} html{font-size:var(--base-font-size); scroll-behavior:smooth;} body{margin:0; background:var(--color-bg); color:var(--color-text); font-family:var(--font-body); line-height:1.55;} a{color:var(--color-primary); text-decoration-thickness:1px; text-underline-offset:3px;} a:hover{color:var(--color-primary-strong);} h1,h2,h3,h4{font-family:var(--font-head); line-height:1.08; margin:0 0 0.7rem; letter-spacing:0; overflow-wrap:anywhere; hyphens:auto;} h1{font-size:3.55rem; max-width:14ch;} h2{font-size:2.35rem;} h3{font-size:1.13rem;} p{margin:0 0 1rem;} .wrap{width:min(calc(100% - 32px),var(--max-width)); margin-inline:auto;} .narrow{max-width:var(--content-width);} .skip-link{position:absolute; left:16px; top:-80px; z-index:10; padding:10px 14px; background:var(--color-primary); color:#fff; border-radius:var(--radius);} .skip-link:focus{top:12px;} .site-header{position:sticky; top:0; z-index:5; background:rgba(246,247,244,0.94); border-bottom:1px solid rgba(23,33,29,0.1); backdrop-filter:blur(10px);} .header-inner{min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:18px;} .brand{display:inline-flex; align-items:center; gap:10px; color:var(--color-text); font-weight:750; text-decoration:none; width:340px; min-width:0; max-width:calc(100% - 64px); flex:0 1 340px;} .footer-brand-logo{display:inline-flex; width:360px; max-width:100%; padding:12px; border-radius:4px; background:#fff;} .site-nav{display:flex; visibility:visible; align-items:center; gap:4px;} .site-nav a{display:inline-flex; min-height:40px; align-items:center; padding:0 12px; color:var(--color-text); border-radius:var(--radius); text-decoration:none; font-size:0.95rem;} .site-nav a:hover,.site-nav a:focus{background:rgba(15,91,85,0.08);} .site-nav .nav-cta,.button{display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; background:var(--color-primary); color:#fff; border:0; border-radius:var(--radius); font-weight:720; text-decoration:none; cursor:pointer; transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease;} .button:hover,.button:focus,.site-nav .nav-cta:hover,.site-nav .nav-cta:focus{background:var(--color-primary-strong); color:#fff; transform:translateY(-1px); box-shadow:0 10px 22px rgba(10,65,61,0.16);} .button-ghost{background:transparent; color:var(--color-primary); border:1px solid rgba(15,91,85,0.26);} .button-ghost:hover,.button-ghost:focus{background:rgba(15,91,85,0.08); color:var(--color-primary-strong); box-shadow:none;} .nav-toggle{display:none; visibility:visible; border:1px solid rgba(23,33,29,0.18); background:var(--color-surface); border-radius:var(--radius); min-height:40px; width:42px; padding:0;} .hero{padding:clamp(44px,6vw,72px) 0 42px;} .page-hero{padding:clamp(58px,10vw,118px) 0 clamp(42px,7vw,82px); contain:layout style;} .hero-grid{display:grid; grid-template-columns:minmax(0,0.84fr) minmax(420px,1.16fr); align-items:center; gap:clamp(28px,6vw,80px);} .hero-copy .lead,.page-hero .lead{max-width:720px; color:var(--color-muted); font-size:1.22rem;} .eyebrow{display:inline-flex; gap:8px; margin-bottom:14px; color:var(--color-primary); font-size:0.82rem; font-weight:800; letter-spacing:0; text-transform:uppercase;} .button-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px;} .section,.content-section{padding:var(--space-section) 0;} .muted{background:#eef1ed;} .split{display:grid; grid-template-columns:minmax(0,0.8fr) minmax(0,1fr); gap:clamp(26px,5vw,64px);} .card-stack,.module-list{display:grid; gap:14px;} .module-card,.detail-card,.trust-box{padding:var(--space-card); background:var(--color-surface); border:1px solid rgba(23,33,29,0.1); border-radius:var(--radius);} .module-card{transition:transform 160ms ease,border-color 160ms ease; animation:softIn 420ms ease both;} .icon{width:1.15em; height:1.15em; flex:0 0 auto;} .icon-button{align-items:center; justify-content:center;} .icon-button .icon{width:20px; height:20px;} .card-heading{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:38px; margin-bottom:12px;} .card-icon{display:inline-grid; place-items:center; width:38px; height:38px; border-radius:var(--radius-small); color:var(--color-primary); background:var(--color-soft);} .card-icon .icon{width:20px; height:20px;} .card-link{display:inline-flex; align-items:center; gap:7px; font-weight:720;} .card-link .icon{width:16px; height:16px; transition:transform 160ms ease;} .card-link:hover .icon{transform:translateX(3px);} .module-card:hover{transform:translateY(-2px); border-color:rgba(15,91,85,0.28);} .module-card p{color:var(--color-muted);} .module-card.wide{margin-bottom:16px;} .status{display:inline-flex; margin-bottom:12px; padding:4px 9px; background:rgba(196,122,27,0.12); color:#74470f; border-radius:999px; font-size:0.8rem; font-weight:760;} .product-shot{position:relative; display:block; color:inherit; text-decoration:none; border:1px solid var(--color-border); border-radius:var(--radius); background:var(--color-surface); box-shadow:var(--shadow-card); overflow:hidden; transition:transform 180ms ease,box-shadow 180ms ease;} .product-shot:hover,.product-shot:focus{color:inherit; transform:translateY(-3px); box-shadow:0 24px 64px rgba(23,33,29,0.15);} .product-shot>img{display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; object-position:top left;} .product-shot-link{position:absolute; right:12px; bottom:12px; display:inline-flex; align-items:center; gap:6px; padding:8px 11px; border:1px solid var(--color-border); border-radius:var(--radius-small); background:rgba(255,255,255,0.94); color:var(--color-primary); font-size:0.82rem; font-weight:760; box-shadow:var(--shadow-soft);} .product-dashboard{display:grid; grid-template-columns:54px minmax(0,1fr); width:100%; aspect-ratio:4 / 3; min-height:420px; overflow:hidden; border-radius:var(--radius); color:#17312b; background:#f4f7f5; font-size:13px;} .product-dashboard.is-full{margin-top:28px; aspect-ratio:auto; min-height:560px; border:1px solid var(--color-border); box-shadow:var(--shadow-card);} .product-page-wrap{max-width:1000px;} .product-page-wrap>p{max-width:var(--content-width);} .product-sidebar{display:flex; flex-direction:column; align-items:center; gap:22px; padding:15px 0; color:rgba(255,255,255,0.72); background:#123c37;} .product-sidebar .icon{width:19px; height:19px;} .product-logo,.product-avatar{display:inline-grid; place-items:center; width:30px; height:30px; border-radius:var(--radius-small); color:#fff; background:#0f6f66; font-size:10px; font-weight:800;} .product-main{min-width:0; padding:18px;} .product-topbar,.product-list-head{display:flex; align-items:center; justify-content:space-between; gap:12px;} .product-topbar small,.product-topbar strong{display:block;} .product-topbar small,.product-item small,.product-progress p{color:#64756f;} .product-metrics{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:18px 0;} .product-metrics>div,.product-list,.product-progress{padding:14px; border:1px solid #dce5e1; border-radius:var(--radius-small); background:#fff;} .product-metrics span,.product-metrics b{display:block;} .product-metrics span{color:#64756f; font-size:10px;} .product-metrics b{margin-top:2px; font-size:20px;} .product-layout{display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:10px;} .product-list-head{margin-bottom:9px;} .product-list-head span{color:#0f6f66; font-size:10px;} .product-item{display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:9px; min-height:54px; padding:8px 0; border-top:1px solid #edf1ef;} .product-item b,.product-item small{display:block;} .product-item b{font-size:11px;} .product-item small{margin-top:2px; font-size:8px;} .product-item em{padding:4px 6px; border-radius:999px; color:#855312; background:#fff3d8; font-size:8px; font-style:normal;} .product-item.success em{color:#246342; background:#e6f5ec;} .product-date{display:grid; place-items:center; width:34px; height:38px; border-radius:5px; color:#51645d; background:#eef4f1; font-size:7px;} .product-date b{font-size:13px;} .product-progress{text-align:center;} .product-export-icon{display:grid; place-items:center; width:78px; height:78px; margin:16px auto 10px; border-radius:var(--radius-small); color:#0f6f66; background:#e8efec;} .product-export-icon .icon{width:32px; height:32px;} .product-progress p{font-size:9px;} .product-demo-button{display:grid; place-items:center; width:100%; min-height:30px; border-radius:5px; color:#fff; background:#0f6f66; font-size:9px;} .section-heading{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,0.7fr); align-items:end; gap:28px; margin-bottom:28px;} .section-heading>p{color:var(--color-muted);} .discovery-band{border-block:1px solid var(--color-border); background:#f1f5f3;} .discovery-grid,.landing-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;} .landing-grid{margin-top:30px;} .landing-card{display:flex; min-height:270px; flex-direction:column; padding:var(--space-card); border:1px solid var(--color-border); border-radius:var(--radius); background:var(--color-surface); transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease;} .landing-card:has(.landing-card-image){padding-top:0; overflow:hidden;} .landing-card-image{display:block; width:calc(100% + (2 * var(--space-card))); margin:0 calc(-1 * var(--space-card)) 2px; color:inherit; overflow:hidden;} .landing-card-image img{display:block; width:100%; height:142px; object-fit:cover; transition:transform 240ms ease;} .landing-card:hover .landing-card-image img{transform:scale(1.02);} .landing-card:has(.landing-card-image) .card-kicker{margin-top:18px;} .branch-photo-hero{position:relative; isolation:isolate; min-height:560px; display:grid; align-items:end; overflow:hidden; background:#17211d;} .branch-photo-hero::after{content:""; position:absolute; z-index:-1; inset:0; background:rgba(10,25,20,0.58);} .branch-hero-media{position:absolute; z-index:-2; inset:0;} .branch-hero-media img{display:block; width:100%; height:100%; object-fit:cover; object-position:center;} .branch-photo-hero .landing-hero-grid{width:min(calc(100% - 32px),var(--max-width)); padding-bottom:18px;} .branch-photo-hero .branch-hero-copy{max-width:780px;} .branch-photo-hero h1,.branch-photo-hero .lead{color:#fff;} .branch-photo-hero .eyebrow{color:#aee0d8;} .branch-photo-hero .trial-microcopy{color:rgba(255,255,255,0.82);} .branch-photo-hero .button-ghost{color:#fff; border-color:rgba(255,255,255,0.65); background:rgba(10,25,20,0.28);} .branch-photo-hero .button-ghost:hover,.branch-photo-hero .button-ghost:focus{color:#fff; background:rgba(10,25,20,0.72);} .landing-card:hover{transform:translateY(-3px); border-color:rgba(15,91,85,0.35); box-shadow:var(--shadow-soft);} .landing-card .card-kicker{margin:18px 0 5px; color:var(--color-primary); font-size:0.76rem; font-weight:800; text-transform:uppercase;} .landing-card>p:not(.card-kicker){color:var(--color-muted);} .landing-card .card-link{margin-top:auto;} .landing-card .landing-topic-count{margin:2px 0 18px; color:var(--color-primary); font-size:0.82rem; font-weight:750;} .branch-overview{margin-top:42px;} .branch-overview-head{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,0.75fr); align-items:end; gap:28px;} .branch-overview-head h2{margin-bottom:0;} .branch-overview-head>p{color:var(--color-muted);} .branch-priority-grid{margin-top:26px;} .branch-catalog{margin-top:22px; padding:0; overflow:hidden; background:transparent; border-color:var(--color-border);} .branch-catalog>summary{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 22px; background:var(--color-soft); list-style:none;} .branch-catalog>summary::-webkit-details-marker{display:none;} .branch-catalog>summary small{display:block; margin-top:2px; color:var(--color-muted); font-weight:500;} .branch-catalog-count{display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; border-radius:50%; color:#fff; background:var(--color-primary); font-variant-numeric:tabular-nums;} .branch-directory-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; padding:6px 22px 18px;} .branch-directory-item{display:grid; grid-template-columns:42px minmax(0,1fr) 24px; gap:13px; align-items:start; min-width:0; padding:18px 0; border-bottom:1px solid var(--color-border);} .branch-directory-item .card-icon{width:42px; height:42px;} .branch-directory-item p,.branch-directory-item h3,.branch-directory-item span,.branch-directory-item small{margin:0;} .branch-directory-item p{color:var(--color-primary); font-size:0.72rem; font-weight:800; text-transform:uppercase;} .branch-directory-item h3{margin-top:3px; font-size:1.05rem;} .branch-directory-item h3 a{color:var(--color-text); text-decoration:none;} .branch-directory-item div>span{display:block; margin-top:7px; color:var(--color-muted); font-size:0.9rem;} .branch-directory-item small{display:block; margin-top:7px; color:var(--color-primary); font-weight:700;} .directory-arrow{align-self:center; color:var(--color-primary);} .branch-method-note{max-width:880px; margin:18px 0 0; color:var(--color-muted); font-size:0.88rem;} .landing-grid.compact .landing-card{min-height:250px;} .centered{justify-content:center;} .landing-hero-grid{display:grid; grid-template-columns:minmax(0,1fr) 220px; align-items:center; gap:60px;} .landing-symbol{display:grid; place-items:center; width:220px; height:220px; border:1px solid var(--color-border); border-radius:var(--radius); color:var(--color-primary); background:var(--color-soft);} .landing-symbol .icon{width:90px; height:90px; stroke-width:1.4;} .landing-content{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:56px;} .checklist-card{align-self:start; padding:var(--space-card); border:1px solid var(--color-border); border-radius:var(--radius); background:var(--color-surface); box-shadow:var(--shadow-soft);} .checklist-card h2{font-size:1.25rem;} .checklist-card ul{display:grid; gap:12px; margin:18px 0 0; padding:0; list-style:none;} .checklist-card li{display:flex; gap:10px; align-items:flex-start;} .checklist-card li .icon{margin-top:3px; color:var(--color-success);} .wide-page-wrap>p{max-width:var(--content-width);} .pricing-block,.setup-block{margin-top:54px;} .pricing-grid,.obligation-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;} .price-card,.obligation-card{position:relative; display:flex; min-width:0; flex-direction:column; padding:var(--space-card); border:1px solid var(--color-border); border-radius:var(--radius); background:var(--color-surface);} .price-card.featured{border-color:var(--color-primary); box-shadow:var(--shadow-card);} .recommended{position:absolute; top:-14px; right:14px; padding:5px 9px; border-radius:var(--radius-small); color:#fff; background:var(--color-primary); font-size:0.76rem; font-weight:800;} .price-card h3,.obligation-card h3{margin:8px 0; font-size:1.24rem;} .price-card>p:not(.monthly-price),.obligation-card>p{color:var(--color-muted);} .monthly-price{display:flex; align-items:baseline; gap:9px; margin:22px 0 14px;} .monthly-price b{font-size:2.25rem; line-height:1;} .monthly-price span,.tax-note,.price-note{color:var(--color-muted); font-size:0.88rem;} .plan-limits,.plan-features,.setup-panel ul{display:grid; gap:9px; margin:12px 0 22px; padding:0; list-style:none;} .plan-limits{padding-bottom:14px; border-bottom:1px solid var(--color-border); color:var(--color-text); font-weight:700;} .plan-features li,.setup-panel li{display:flex; gap:9px; align-items:flex-start;} .plan-features .icon,.setup-panel li .icon{flex:0 0 auto; margin-top:3px; color:var(--color-success);} .price-card .button{width:100%; margin-top:auto;} .tax-note{margin-top:14px;} .package-list{border-top:1px solid var(--color-border);} .package-row{display:grid; grid-template-columns:42px minmax(0,1fr) auto 22px; gap:14px; align-items:center; padding:16px 4px; border-bottom:1px solid var(--color-border); color:var(--color-text); text-decoration:none; transition:background 160ms ease,padding 160ms ease;} .package-row:hover{padding-inline:12px; background:var(--color-soft);} .package-row small,.package-row strong small{display:block; color:var(--color-muted); font-weight:400;} .package-row>.icon{color:var(--color-primary);} .branch-layout,.obligation-detail{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:42px; align-items:start;} .section-intro{max-width:760px; color:var(--color-muted);} .branch-layout .obligation-grid{grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:26px;} .obligation-card{min-height:260px; transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease;} .obligation-card:hover{transform:translateY(-3px); border-color:rgba(15,91,85,0.35); box-shadow:var(--shadow-soft);} .obligation-card .card-link{margin-top:auto;} .obligation-category{color:var(--color-primary); font-size:0.76rem; font-weight:800; text-transform:uppercase;} .setup-panel{position:sticky; top:98px; padding:var(--space-card); border:1px solid #dfc58f; border-radius:var(--radius); background:var(--color-warning-soft);} .setup-panel .card-kicker{margin:0 0 8px; color:#805616; font-size:0.76rem; font-weight:800; text-transform:uppercase;} .setup-price{margin:18px 0; font-size:2.1rem; font-weight:800;} .setup-price small{color:var(--color-muted); font-size:0.88rem; font-weight:400;} .price-bridge{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center;} .price-bridge p:not(.eyebrow){max-width:760px; color:var(--color-muted);} .library-summary{display:flex; max-width:760px; gap:16px; align-items:center; margin:32px 0 22px; padding:16px 0; border-block:1px solid var(--color-border);} .library-summary b{color:var(--color-primary); font-size:2rem;} .overview-grid{margin-top:22px;} .obligation-detail .checklist-card .button{width:100%; margin-top:24px;} .boundary-note{margin-top:28px; padding:18px; border-left:4px solid var(--color-primary); background:var(--color-soft);} .boundary-note p{margin-bottom:0;} .source-box{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 18px; align-items:center; margin-top:24px; padding-top:18px; border-top:1px solid var(--color-border);} .source-box small,.source-box strong{display:block;} .source-box a{display:inline-flex; gap:6px; align-items:center; font-weight:800;} .source-box time{grid-column:1 / -1; color:var(--color-muted); font-size:0.86rem;} .empty-state{margin-top:24px; padding:18px; border:1px dashed var(--color-border);} .reveal{opacity:1; transform:none;} .js .reveal{opacity:0; transform:translateY(12px);} .js .reveal.is-visible{opacity:1; transform:translateY(0); transition:opacity 420ms ease,transform 420ms ease;} .steps{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px;} .steps div{padding:20px; background:var(--color-surface); border-radius:var(--radius); border:1px solid rgba(23,33,29,0.1); animation:liftIn 420ms ease both;} .steps div:nth-child(2){animation-delay:70ms;} .steps div:nth-child(3){animation-delay:140ms;} .steps span{display:inline-grid; place-items:center; width:32px; height:32px; margin-bottom:14px; background:var(--color-primary); color:#fff; border-radius:50%; font-weight:800;} .trust-box{display:grid; grid-template-columns:minmax(0,0.72fr) minmax(0,1fr); align-items:start; gap:24px; background:#fffaf2; border-color:rgba(196,122,27,0.26);} .prose{font-size:1.05rem;} .prose h2,.prose h3{margin-top:2rem;} .module-detail{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;} .faq-list{display:grid; gap:10px; margin-top:18px;} details{background:var(--color-surface); border:1px solid rgba(23,33,29,0.1); border-radius:var(--radius); padding:16px 18px; transition:border-color 160ms ease,box-shadow 160ms ease;} details[open]{border-color:rgba(15,91,85,0.26); box-shadow:0 10px 24px rgba(23,33,29,0.07);} summary{cursor:pointer; font-weight:780;} details p{margin-top:12px; color:var(--color-muted);} .detail-card.boundary{background:#fffaf2; border-color:rgba(196,122,27,0.26);} .detail-card.source{background:#f3f7fb;} .small{color:var(--color-muted); font-size:0.9rem;} .contact-form{display:grid; gap:14px; margin-top:24px; padding:22px; background:var(--color-surface); border:1px solid rgba(23,33,29,0.1); border-radius:var(--radius);} label{display:grid; gap:7px; font-weight:700;} input,select,textarea{width:100%; min-height:44px; padding:10px 12px; border:1px solid rgba(23,33,29,0.18); border-radius:6px; background:#fff; color:var(--color-text); font:inherit;} textarea{min-height:130px; resize:vertical;} input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid rgba(39,95,143,0.28); outline-offset:2px;} .check{grid-template-columns:auto 1fr; align-items:start; font-weight:500;} .check input{width:auto; min-height:0; margin-top:6px;} .hp{position:absolute; left:-9999px;} .form-message:empty{display:none;} .success{color:var(--color-success);} .error{color:var(--color-danger);} .site-footer{padding:36px 0; color:rgba(255,255,255,0.78); background:#16211d;} .site-footer a{color:#fff;} .footer-grid{display:grid; grid-template-columns:1.4fr repeat(3,0.7fr); gap:24px;} @keyframes softIn{from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:translateY(0);}} @keyframes liftIn{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);}} @media (max-width:1040px){.nav-toggle{display:inline-flex; align-items:center;} .site-nav{position:absolute; left:16px; right:16px; top:72px; display:none; flex-direction:column; align-items:stretch; padding:12px; background:var(--color-surface); border:1px solid rgba(23,33,29,0.12); border-radius:var(--radius); box-shadow:0 16px 45px rgba(23,33,29,0.13);} .site-nav.open{display:flex;}} @media (max-width:860px){.hero-grid,.split,.trust-box,.module-detail,.footer-grid,.section-heading,.branch-overview-head,.landing-hero-grid,.landing-content,.branch-layout,.obligation-detail,.price-bridge{grid-template-columns:1fr;} .discovery-grid,.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .branch-directory-grid{grid-template-columns:1fr;} .pricing-grid,.obligation-grid,.branch-layout .obligation-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .setup-panel{position:static;} .landing-symbol{display:none;} .steps{grid-template-columns:1fr;} h1{font-size:2.45rem; max-width:100%;} h2{font-size:1.75rem;} .hero-copy .lead,.page-hero .lead{font-size:1.08rem;}} @media (max-width:560px){.hero{padding:24px 0 16px;} .hero-grid{gap:18px;} .section,.content-section{padding:54px 0;} .discovery-grid,.landing-grid{grid-template-columns:1fr;} .branch-catalog>summary{align-items:flex-start; padding:17px 16px;} .branch-directory-grid{padding-inline:16px;} .pricing-grid,.obligation-grid,.branch-layout .obligation-grid{grid-template-columns:1fr;} .package-row{grid-template-columns:36px minmax(0,1fr) 18px;} .package-row>strong{grid-column:2;} .landing-card{min-height:0;} .product-dashboard{grid-template-columns:40px minmax(0,1fr); min-height:390px; font-size:11px;} .hero .product-dashboard{min-height:200px; aspect-ratio:16 / 9;} .hero .product-shot>img{aspect-ratio:16 / 9;} .hero .product-shot-link{position:static; justify-content:flex-end; border:0; border-top:1px solid var(--color-border); border-radius:0; box-shadow:none;} .product-main{padding:12px;} .product-metrics{grid-template-columns:repeat(2,1fr);} .product-layout{grid-template-columns:1fr;} .product-progress{display:none;} .product-item{grid-template-columns:32px minmax(0,1fr);} .product-item em{display:none;} h1{font-size:2.15rem;}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;} .js .reveal{opacity:1; transform:none;}} .trial-microcopy{margin:14px 0 0; color:var(--color-muted); font-size:.82rem;} .proof-strip{border-block:1px solid var(--color-border); background:#fff;} .proof-strip .wrap{display:grid; grid-template-columns:repeat(4,minmax(0,1fr));} .proof-strip span{display:flex; align-items:center; justify-content:center; gap:9px; min-height:68px; padding:12px; border-right:1px solid var(--color-border); font-size:.82rem;} .proof-strip span:first-child{border-left:1px solid var(--color-border);} .proof-strip svg{flex:0 0 auto; color:var(--color-primary);} .price-toggle{display:inline-flex; margin:6px 0 26px; padding:4px; border:1px solid var(--color-border); border-radius:7px; background:#fff;} .price-toggle button{min-height:42px; padding:8px 16px; border:0; border-radius:5px; background:transparent; color:var(--color-text); cursor:pointer; font:inherit; font-size:.86rem; font-weight:700;} .price-toggle button.active{background:var(--color-primary); color:#fff;} .price-toggle button span{margin-left:4px; font-size:.72rem;} [data-price-month]{display:inline-flex;} [data-price-year]{display:none;} [data-price-period="year"] [data-price-month]{display:none;} [data-price-period="year"] [data-price-year]{display:inline-flex;} .monthly-price>span{flex-direction:column;} .monthly-price small{color:var(--color-muted); font-size:.72rem; font-weight:600;} .net-price-cell{display:grid; gap:2px; font-weight:750;} .net-price-cell small{color:var(--color-muted); font-size:.66rem; font-weight:600;} .plan-comparison{margin-top:28px; overflow-x:auto; border:1px solid var(--color-border); border-radius:7px; background:#fff;} .plan-comparison table{width:100%; min-width:680px; border-collapse:collapse;} .plan-comparison caption{padding:18px; text-align:left; font-size:1.1rem; font-weight:800;} .plan-comparison th,.plan-comparison td{padding:13px 16px; border-top:1px solid var(--color-border); text-align:left; font-size:.82rem;} .plan-comparison thead th{background:#f5f7f6; color:var(--color-text);} .plan-comparison tbody th{width:29%; color:var(--color-muted); font-weight:650;} .included-panel{border-top:4px solid var(--color-primary);} .import-price-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;} .import-price-grid article{padding:22px; border:1px solid var(--color-border); border-radius:7px; background:#fff;} .import-price-grid article>span{color:var(--color-primary); font-size:.75rem; font-weight:800; text-transform:uppercase;} .import-price-grid h3{margin:8px 0;} .import-price-grid strong{display:block; margin:12px 0; font-size:1.65rem;} .import-price-grid strong small{display:block; margin-top:3px; color:var(--color-muted); font-size:.75rem;} .roi-calculator{display:grid; grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr); gap:26px; margin-top:64px; padding:28px; border:1px solid var(--color-border); border-left:4px solid var(--color-primary); border-radius:7px; background:#fff;} .roi-calculator h2{margin:6px 0 10px; font-size:1.55rem;} .roi-fields{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;} .roi-fields label{display:grid; gap:6px; color:var(--color-muted); font-size:.76rem; font-weight:700;} .roi-fields input{width:100%; min-height:44px; padding:9px; border:1px solid var(--color-border); border-radius:5px; font:inherit;} .roi-calculator output{grid-column:2; display:flex; flex-direction:column; padding-top:4px;} .roi-calculator output span,.roi-calculator output small{color:var(--color-muted); font-size:.75rem;} .roi-calculator output strong{margin:5px 0; font-size:1.7rem;} .roi-assumption{display:block; color:var(--color-muted); font-size:.72rem;} .calculator-layout{display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,420px); gap:28px; align-items:start;} .interval-calculator{display:grid; gap:14px; padding:22px; border:1px solid var(--color-border); border-left:4px solid var(--color-primary); border-radius:7px; background:#fff; box-shadow:var(--shadow-soft);} .interval-calculator label{display:grid; gap:7px; color:var(--color-text); font-size:.82rem; font-weight:750;} .interval-calculator input{width:100%; min-height:46px; padding:0 12px; border:1px solid var(--color-border); border-radius:6px; font:inherit;} .interval-calculator output{display:block; min-height:76px; padding:14px; border-radius:6px; background:var(--color-soft); color:var(--color-muted); font-size:.82rem;} .interval-calculator output strong{display:block; margin-top:4px; color:var(--color-text); font-size:1.25rem;} .object-type-card .obligation-category{overflow-wrap:anywhere;} @media (max-width:800px){.proof-strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr));} .proof-strip span:nth-child(odd){border-left:1px solid var(--color-border);} .roi-calculator{grid-template-columns:1fr;} .roi-calculator output{grid-column:1;} .calculator-layout{grid-template-columns:1fr;}} @media (max-width:560px){.proof-strip .wrap,.import-price-grid,.roi-fields{grid-template-columns:1fr;} .proof-strip span{justify-content:flex-start; border-left:1px solid var(--color-border);} .price-toggle{display:grid; grid-template-columns:1fr 1fr; width:100%;}} .nav-group{position:relative; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;} .nav-group[open]{border:0; box-shadow:none;} .nav-group>summary{display:flex; min-height:40px; align-items:center; padding:0 25px 0 12px; border-radius:var(--radius); list-style:none; font-size:.95rem; font-weight:650;} .nav-group>summary::-webkit-details-marker{display:none;} .nav-group>summary::after{position:absolute; right:10px; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; content:""; transform:translateY(-2px) rotate(45deg); transition:transform 160ms ease;} .nav-group[open]>summary,.nav-group>summary:hover{background:rgba(15,91,85,.08);} .nav-group[open]>summary::after{transform:translateY(2px) rotate(225deg);} .nav-panel{position:absolute; top:calc(100% + 10px); left:0; z-index:8; display:grid; width:330px; padding:8px; border:1px solid var(--color-border); border-radius:8px; background:#fff; box-shadow:0 18px 45px rgba(23,33,29,.14);} .nav-panel-wide{grid-template-columns:repeat(2,minmax(0,1fr)); width:620px;} .site-nav .nav-panel a{display:grid; min-height:0; gap:2px; padding:11px 12px; border-radius:6px;} .nav-panel a b{font-size:.88rem;} .nav-panel a span{color:var(--color-muted); font-size:.74rem; line-height:1.35;} .content-hero-grid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); align-items:center; gap:clamp(34px,6vw,78px);} .content-hero-grid>*,.landing-hero-grid>*{min-width:0;} .content-hero-grid h1,.landing-hero-grid h1{max-width:16ch;} .breadcrumbs{margin-bottom:20px;} .breadcrumbs ol{display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; list-style:none;} .breadcrumbs li{display:inline-flex; align-items:center; color:var(--color-muted); font-size:.76rem;} .breadcrumbs li:not(:last-child)::after{margin-left:7px; color:#91a09a; content:"/";} .breadcrumbs a{color:inherit; text-decoration:none;} .breadcrumbs a:hover{color:var(--color-primary); text-decoration:underline;} .branch-photo-hero .breadcrumbs li,.branch-photo-hero .breadcrumbs a{color:rgba(255,255,255,.82);} .context-visual{overflow:hidden; min-height:360px; border:1px solid #cfd8d4; border-radius:8px; background:#fff; box-shadow:0 24px 60px rgba(23,33,29,.12); animation:softIn 500ms ease both;} .context-top{display:grid; grid-template-columns:38px minmax(0,1fr) 36px; align-items:center; gap:12px; min-height:68px; padding:12px 16px; border-bottom:1px solid var(--color-border);} .context-top>span:nth-child(2){display:grid;} .context-top small{color:var(--color-muted); font-size:.67rem;} .context-top b{overflow:hidden; font-size:.86rem; text-overflow:ellipsis; white-space:nowrap;} .context-logo,.context-user{display:grid; place-items:center; width:34px; height:34px; border-radius:7px; font-size:.65rem; font-weight:800;} .context-logo,.product-logo{background:transparent;} .context-logo .brand-icon,.product-logo .brand-icon{width:100%; height:100%;} .context-user{border-radius:50%; background:var(--color-soft); color:var(--color-primary);} .context-metrics{display:grid; grid-template-columns:repeat(3,1fr); padding:14px 16px; gap:8px; background:#f8faf9;} .context-metrics span{display:grid; padding:10px; border:1px solid var(--color-border); border-radius:6px; background:#fff;} .context-metrics small{color:var(--color-muted); font-size:.65rem;} .context-metrics b{font-size:1.2rem;} .context-list{display:grid; gap:8px; padding:6px 16px 16px;} .context-row{display:grid; grid-template-columns:26px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:50px; padding:8px 10px; border:1px solid var(--color-border); border-left:3px solid var(--color-secondary); border-radius:6px;} .context-row.urgent{border-left-color:var(--color-accent);} .context-row.success{border-left-color:var(--color-success);} .context-row svg{color:var(--color-primary);} .context-row b{overflow:hidden; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap;} .context-row small{color:var(--color-muted); font-size:.65rem;} .context-footer{display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:12px 16px; border-top:1px solid var(--color-border); color:var(--color-muted); font-size:.67rem;} .context-footer span{display:inline-flex; align-items:center; gap:5px;} .page-copy{margin-bottom:32px;} .wide-page-wrap>.page-copy{max-width:790px;} .direct-answer{margin:0 0 28px; padding:18px 20px; border-left:4px solid var(--color-secondary); background:#f3f7fb;} .direct-answer span{display:block; margin-bottom:6px; color:var(--color-secondary); font-size:.72rem; font-weight:800; text-transform:uppercase;} .direct-answer p{margin:0; font-size:1.05rem; font-weight:680;} .workflow-band{background:#edf3f0;} .steps-four{grid-template-columns:repeat(4,minmax(0,1fr));} .steps-four>div{position:relative;} .steps-four>div:not(:last-child)::after{position:absolute; top:30px; right:-18px; width:36px; border-top:1px solid #b9c9c2; content:"";} .product-evidence{background:#f3f7fb;} .product-proof-layout{align-items:center;} .product-proof-layout .context-visual,.product-proof-layout .product-dashboard{width:100%;} .knowledge-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:24px;} .knowledge-card{display:flex; min-height:230px; flex-direction:column; padding:22px; border:1px solid var(--color-border); border-radius:8px; background:#fff;} .knowledge-card p{color:var(--color-muted); font-size:.9rem;} .knowledge-card .card-link{margin-top:auto;} .final-cta{padding:58px 0; border-top:1px solid #bcd0c7; background:#dfece7;} .final-cta-inner{display:grid; grid-template-columns:minmax(0,1.3fr) auto; align-items:center; gap:32px;} .final-cta h2{max-width:720px; font-size:2rem;} .final-cta p:not(.eyebrow){max-width:680px; color:var(--color-muted);} .evidence-tool{--check-progress:0%; position:relative; margin-top:34px; padding:28px; border:1px solid var(--color-border); border-top:5px solid var(--color-primary); border-radius:8px; background:#fff;} .evidence-tool::before{position:absolute; top:-5px; left:0; width:var(--check-progress); height:5px; background:var(--color-success); content:""; transition:width 180ms ease;} .tool-head{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:24px;} .tool-head h2{font-size:1.7rem;} .tool-head output{padding:10px 14px; border-radius:6px; background:var(--color-soft); color:var(--color-primary); font-size:.84rem; font-weight:800;} .check-groups{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:24px 0;} .check-groups fieldset{display:grid; align-content:start; gap:8px; margin:0; padding:18px; border:1px solid var(--color-border); border-radius:7px;} .check-groups legend{padding:0 6px; font-weight:800;} .tool-check{grid-template-columns:20px minmax(0,1fr); align-items:start; gap:10px; padding:7px 0; font-weight:520;} .tool-check input{width:18px; min-height:18px; margin-top:3px; accent-color:var(--color-primary);} .tool-actions{display:flex; flex-wrap:wrap; gap:10px;} .tool-actions .button{gap:8px;} .evidence-tool>.boundary-note{margin:20px 0 0;} .footer-grid{grid-template-columns:1.5fr repeat(4,minmax(0,.7fr));} .footer-grid strong{color:#fff;} .footer-grid p{margin-top:10px; font-size:.84rem; line-height:1.8;} .footer-brand{min-width:0; overflow-wrap:anywhere;} .footer-brand p{max-width:390px; line-height:1.55;} .footer-bottom{display:flex; justify-content:space-between; gap:20px; margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.14); font-size:.75rem;} @media (max-width:1040px){.site-nav .nav-group{width:100%;} .nav-group>summary{width:100%;} .nav-panel,.nav-panel-wide{position:static; grid-template-columns:1fr; width:100%; margin:4px 0 8px; border:0; border-left:2px solid var(--color-border); border-radius:0; box-shadow:none;} .site-nav .nav-panel a{padding:9px 12px;}} @media (max-width:860px){.content-hero-grid,.final-cta-inner,.tool-head{grid-template-columns:1fr;} .content-hero-grid{gap:28px;} .context-visual{min-height:330px;} .steps-four{grid-template-columns:repeat(2,minmax(0,1fr));} .steps-four>div::after{display:none;} .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .footer-brand{grid-column:1 / -1;}} @media (max-width:560px){.page-hero{padding:36px 0 42px;} .content-hero-grid h1,.landing-hero-grid h1{max-width:100%;} .context-visual{min-height:0;} .context-metrics{padding:10px;} .context-list{padding-inline:10px;} .context-row{grid-template-columns:24px minmax(0,1fr);} .context-row small{grid-column:2;} .steps-four,.knowledge-grid,.check-groups,.footer-grid{grid-template-columns:1fr;} .knowledge-card{min-height:0;} .evidence-tool{padding:20px 16px;} .footer-bottom{flex-direction:column;}} @media print{body:has(.evidence-tool) *{visibility:hidden;} .evidence-tool,.evidence-tool *{visibility:visible;} .evidence-tool{position:absolute; inset:0; border:0; box-shadow:none;} .tool-actions{display:none;}} .sr-only{position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;} [hidden]{display:none !important;} .site-nav .nav-search{width:40px; min-width:40px; padding:0;} .selftest-band{background:#e9f0ed;} .selftest-layout{display:grid; grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr); align-items:start; gap:clamp(34px,6vw,76px);} .selftest-copy{position:sticky; top:106px;} .selftest-copy h2{max-width:14ch;} .local-data-note{display:flex; align-items:center; gap:12px; margin-top:26px; padding-top:18px; border-top:1px solid #c4d2cc; color:var(--color-primary);} .local-data-note>span{display:grid;} .local-data-note small{color:var(--color-muted); font-size:.76rem;} .selftest{min-height:430px; padding:28px; border:1px solid #c5d2cd; border-radius:8px; background:#fff; box-shadow:0 18px 46px rgba(23,33,29,.09);} .selftest-progress{width:100%; height:5px; overflow:hidden; border-radius:3px; background:#dfe7e3;} .selftest-progress span{display:block; width:25%; height:100%; background:var(--color-primary); transition:width 220ms ease;} .selftest-counter{margin:15px 0 24px; color:var(--color-muted); font-size:.76rem; font-weight:750;} .selftest-question{display:grid; gap:10px; min-width:0; margin:0; padding:0; border:0; animation:softIn 240ms ease both;} .selftest-question legend{width:100%; margin-bottom:18px; font-family:var(--font-head); font-size:1.45rem; font-weight:800; line-height:1.2;} .selftest-question label{position:relative; display:grid; grid-template-columns:20px minmax(0,1fr); align-items:center; gap:12px; min-height:54px; padding:12px 14px; border:1px solid var(--color-border); border-radius:6px; background:#fff; cursor:pointer; font-weight:650;} .selftest-question label:hover{border-color:#8cad9f; background:#f5f8f6;} .selftest-question label:has(input:checked){border-color:var(--color-primary); background:#edf5f2; box-shadow:inset 3px 0 0 var(--color-primary);} .selftest-question input{width:18px; height:18px; margin:0; accent-color:var(--color-primary);} .selftest-actions{display:flex; justify-content:space-between; gap:10px; margin-top:28px;} .selftest-actions [data-selftest-next]{margin-left:auto; gap:7px;} .selftest-result{padding-top:16px; animation:softIn 280ms ease both;} .selftest-result .result-icon{display:grid; place-items:center; width:52px; height:52px; margin-bottom:18px; border-radius:50%; background:#e0f1e7; color:var(--color-success);} .selftest-result .result-icon .icon{width:28px; height:28px;} .selftest-result h3{font-size:1.55rem;} .selftest-result p{color:var(--color-muted); font-size:1.02rem;} .sample-output-band{background:#f5f7f6;} .sample-output-block.is-full{margin-top:28px;} .sample-output-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;} .sample-output-card{display:flex; min-width:0; min-height:440px; flex-direction:column; padding:22px; border:1px solid var(--color-border); border-radius:8px; background:#fff;} .sample-output-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; color:var(--color-muted); font-size:.72rem; font-weight:750; text-transform:uppercase;} .sample-output-head .card-icon{background:var(--color-soft); color:var(--color-primary);} .sample-output-card>p{color:var(--color-muted); font-size:.88rem;} .sample-output-card>.card-link{margin-top:auto;} .paper-preview{display:grid; min-height:180px; align-content:start; gap:8px; margin:8px 0 18px; padding:22px 18px; border:1px solid #dfe3e1; border-top:5px solid var(--color-primary); background:#fff; box-shadow:0 12px 24px rgba(23,33,29,.08); transform:rotate(-1deg);} .paper-preview b{font-size:.92rem;} .paper-preview small{color:var(--color-muted); font-size:.62rem;} .paper-preview span{display:block; width:100%; height:7px; border-radius:2px; background:#dce5e1;} .paper-preview span.short{width:68%;} .paper-preview em{margin-top:9px; color:var(--color-primary); font-size:.63rem; font-style:normal; font-weight:800;} .folder-tree{display:grid; gap:8px; min-height:180px; margin:8px 0 18px; padding:12px; border:1px solid var(--color-border); background:#f7f9f8;} .folder-tree span{display:grid; padding:8px 10px 8px 34px; border-bottom:1px solid #e1e6e3; background:linear-gradient(90deg,#d7e6df 0 18px,transparent 18px);} .folder-tree span:last-child{border-bottom:0;} .folder-tree b{font-size:.78rem;} .folder-tree small{color:var(--color-muted); font-size:.64rem;} .qr-preview{display:grid; grid-template-columns:112px minmax(0,1fr); align-items:center; gap:15px; min-height:180px; margin:8px 0 18px; padding:16px; border:1px solid var(--color-border); background:#f7f9f8;} .qr-preview>span{width:108px; aspect-ratio:1; border:9px solid #fff; background:conic-gradient(from 90deg at 2px 2px,#17211d 25%,#fff 0) 0 0 / 8px 8px; box-shadow:0 0 0 1px #cbd4d0;} .qr-preview>div{display:grid; min-width:0; gap:5px;} .qr-preview b{overflow-wrap:anywhere; font-size:.84rem;} .qr-preview small{color:var(--color-muted); font-size:.68rem;} .qr-preview em{color:var(--color-primary); font-size:.68rem; font-style:normal; font-weight:750;} .sample-output-band .boundary-note,.sample-output-block .boundary-note{margin-top:22px;} .testimonial-band{background:#fff;} .testimonial-block.is-full{margin-top:28px;} .testimonial-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;} .testimonial-card{display:flex; min-height:280px; flex-direction:column; justify-content:space-between; gap:28px; margin:0; padding:24px; border:1px solid var(--color-border); border-radius:8px; background:#fff;} .review-rating{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:-12px;} .review-rating span{color:#a06a16; font-size:1.05rem; letter-spacing:0;} .review-rating small{color:var(--color-muted); font-size:.68rem; font-weight:700;} .testimonial-card blockquote{margin:0; font-family:var(--font-head); font-size:1.08rem; font-weight:680; line-height:1.5;} .testimonial-card figcaption{display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:12px;} .testimonial-card figcaption img,.testimonial-initials{display:grid; place-items:center; width:52px; height:52px; border-radius:50%; object-fit:cover;} .testimonial-initials{background:var(--color-primary); color:#fff; font-weight:850;} .testimonial-card figcaption>span:nth-child(2){display:grid; min-width:0;} .testimonial-card figcaption small{color:var(--color-muted); font-size:.72rem;} .testimonial-card figcaption>a{display:grid; place-items:center; width:36px; height:36px;} .testimonial-empty{display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:20px; padding:24px; border:1px dashed #aebeb7; border-radius:8px; background:#f7f9f8;} .testimonial-empty h3{margin-bottom:5px;} .testimonial-empty p{margin:0; color:var(--color-muted);} .product-proof-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;} .product-proof-card{display:flex; min-height:260px; flex-direction:column; align-items:flex-start; padding:24px; border:1px solid var(--color-border); border-radius:8px; background:#fff;} .product-proof-card h3{margin:18px 0 8px; font-size:1.08rem;} .product-proof-card p{margin:0 0 20px; color:var(--color-muted);} .product-proof-card .card-link{margin-top:auto;} .provider-band{border-block:1px solid #d7e1dc; background:#edf4f1;} .provider-layout{display:grid; grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr); align-items:center; gap:clamp(34px,6vw,72px);} .provider-layout>div:first-child>p:not(.eyebrow){max-width:650px; color:var(--color-muted);} .provider-layout .button-row{align-items:center;} .provider-layout .card-link{display:inline-flex; align-items:center; gap:8px;} .live-dot{width:9px; height:9px; border-radius:50%; background:var(--color-success); box-shadow:0 0 0 5px rgba(47,125,79,.12); animation:statusPulse 2.4s ease infinite;} .provider-facts{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #cbd8d2; background:#fff;} .provider-facts a{display:grid; min-height:152px; align-content:start; gap:7px; padding:20px; color:var(--color-text); text-decoration:none;} .provider-facts a:nth-child(odd){border-right:1px solid var(--color-border);} .provider-facts a:nth-child(-n+2){border-bottom:1px solid var(--color-border);} .provider-facts a:hover{background:#f5f8f6;} .provider-facts a>span{color:var(--color-primary);} .provider-facts small{color:var(--color-muted); font-size:.74rem;} .search-intro{max-width:780px; color:var(--color-muted);} .search-intro p{margin:0 0 10px;} .site-search-form{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin:26px 0 20px;} .site-search-form input{width:100%; min-height:52px; padding:12px 15px; border:1px solid #aabbb3; border-radius:7px; background:#fff; color:var(--color-text); font:inherit;} .site-search-form .button{min-height:52px; gap:8px;} .search-summary{display:flex; flex-wrap:wrap; gap:7px; margin:26px 0 16px; color:var(--color-muted);} .search-summary b{color:var(--color-text);} .search-results{display:grid; gap:10px;} .search-results article{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 24px; padding:20px; border:1px solid var(--color-border); border-radius:7px; background:#fff;} .search-results article>span{grid-column:1 / -1; color:var(--color-primary); font-size:.7rem; font-weight:800; text-transform:uppercase;} .search-results h2{margin:0; font-size:1.2rem;} .search-results h2 a{color:var(--color-text); text-decoration:none;} .search-results p{grid-column:1; margin:2px 0 0; color:var(--color-muted); font-size:.86rem;} .search-results .card-link{grid-column:2; grid-row:2 / span 2; align-self:center;} .search-empty{padding:26px; border:1px solid var(--color-border); background:#fff;} .search-suggestions{display:flex; flex-wrap:wrap; align-items:center; gap:9px; color:var(--color-muted); font-size:.82rem;} .search-suggestions a{padding:7px 10px; border:1px solid var(--color-border); border-radius:6px; background:#fff; text-decoration:none;} .status-overview{display:flex; align-items:center; justify-content:space-between; gap:20px; margin:28px 0 14px; padding:22px; border:1px solid var(--color-border); border-left:5px solid var(--color-success); background:#f2f8f4;} .status-overview.has-issue{border-left-color:var(--color-accent); background:var(--color-warning-soft);} .status-overview>div{display:flex; align-items:center; gap:14px;} .status-overview p{display:grid; margin:0;} .status-overview small{color:var(--color-muted); font-size:.78rem;} .status-overview time{color:var(--color-muted); font-size:.76rem;} .status-pulse{width:13px; height:13px; border-radius:50%; background:var(--color-success); box-shadow:0 0 0 7px rgba(47,125,79,.12); animation:statusPulse 2.4s ease infinite;} .has-issue .status-pulse{background:var(--color-accent);} .public-status-list{border:1px solid var(--color-border); background:#fff;} .public-status-list>div{display:grid; grid-template-columns:14px minmax(0,1fr) auto; align-items:center; gap:13px; min-height:74px; padding:14px 18px; border-bottom:1px solid var(--color-border);} .public-status-list>div:last-child{border-bottom:0;} .public-status-list .status-dot{width:10px; height:10px; border-radius:50%; background:var(--color-success);} .public-status-list .status-dot.warn{background:var(--color-accent);} .public-status-list span:nth-child(2){display:grid;} .public-status-list small{color:var(--color-muted); font-size:.75rem;} .public-status-list strong{color:var(--color-success); font-size:.78rem;} @keyframes statusPulse{0%,100%{box-shadow:0 0 0 4px rgba(47,125,79,.10);} 50%{box-shadow:0 0 0 8px rgba(47,125,79,.03);}} @media (max-width:940px){.selftest-layout,.provider-layout{grid-template-columns:1fr;} .selftest-copy{position:static;} .selftest-copy h2{max-width:20ch;} .sample-output-grid,.testimonial-grid,.product-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .sample-output-card:last-child{grid-column:1 / -1; min-height:330px;}} @media (max-width:640px){.site-nav .nav-search{width:100%; justify-content:flex-start; padding:0 12px;} .site-nav .nav-search::after{margin-left:8px; content:"Suche";} .selftest{min-height:0; padding:20px 16px;} .selftest-question legend{font-size:1.25rem;} .selftest-actions{align-items:stretch; flex-direction:column-reverse;} .selftest-actions .button{width:100%;} .sample-output-grid,.testimonial-grid,.product-proof-grid,.provider-facts{grid-template-columns:1fr;} .sample-output-card,.sample-output-card:last-child{grid-column:auto; min-height:0;} .provider-facts a:nth-child(odd){border-right:0;} .provider-facts a{min-height:0; border-bottom:1px solid var(--color-border);} .provider-facts a:last-child{border-bottom:0;} .testimonial-empty{grid-template-columns:42px minmax(0,1fr);} .testimonial-empty .button{grid-column:1 / -1;} .qr-preview{grid-template-columns:88px minmax(0,1fr);} .qr-preview>span{width:84px;} .site-search-form{grid-template-columns:1fr;} .search-results article{grid-template-columns:1fr;} .search-results .card-link{grid-column:1; grid-row:auto;} .status-overview{align-items:flex-start; flex-direction:column;} .public-status-list>div{grid-template-columns:12px minmax(0,1fr);} .public-status-list strong{grid-column:2;}} h1,h2{hyphens:none; overflow-wrap:anywhere;} .hero-immersive{position:relative; display:flex; min-height:min(680px,calc(100svh - 116px)); padding:0; overflow:hidden; isolation:isolate; background:#17211d;} .hero-background,.hero-veil{position:absolute; inset:0; width:100%; height:100%;} .hero-background{z-index:-2; object-fit:cover; object-position:center 42%; animation:none;} .hero-veil{z-index:-1; background:rgba(10,28,24,.67);} .hero-immersive-inner{display:flex; min-height:inherit; flex-direction:column; justify-content:space-between; gap:40px; padding-block:72px 34px;} .hero-immersive .hero-copy{max-width:820px;} .hero-immersive h1{max-width:15ch; color:#fff; font-size:3.7rem; text-wrap:balance;} .hero-immersive .eyebrow{color:#d7e9df;} .hero-immersive .hero-copy .lead{max-width:720px; color:rgba(255,255,255,.9);} .hero-immersive .button{background:#fff; color:var(--color-primary-strong);} .hero-immersive .button:hover,.hero-immersive .button:focus{background:#eaf2ee; color:var(--color-primary-strong);} .hero-immersive .button-ghost{border-color:rgba(255,255,255,.65); background:rgba(10,28,24,.28); color:#fff;} .hero-immersive .button-ghost:hover,.hero-immersive .button-ghost:focus{background:rgba(255,255,255,.14); color:#fff;} .hero-immersive .trial-microcopy{color:rgba(255,255,255,.78);} .hero-facts{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.34); color:#fff;} .hero-facts span{display:grid; gap:2px; padding:18px 22px 2px 0;} .hero-facts span + span{padding-left:22px; border-left:1px solid rgba(255,255,255,.22);} .hero-facts b{font-size:1.1rem;} .hero-facts small{color:rgba(255,255,255,.7); font-size:.76rem;} .visual-story{background:#fff;} .visual-story-heading h2{max-width:19ch;} .visual-mosaic{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:repeat(2,220px); gap:10px; margin-top:34px;} .visual-tile{position:relative; min-width:0; margin:0; overflow:hidden; background:#dfe6e2;} .visual-tile-1{grid-area:1 / 1 / 3 / 8;} .visual-tile-2{grid-area:1 / 8 / 2 / 13;} .visual-tile-3{grid-area:2 / 8 / 3 / 11;} .visual-tile-4{grid-area:2 / 11 / 3 / 13;} .visual-tile picture,.visual-tile img{display:block; width:100%; height:100%;} .visual-tile img{object-fit:cover; transition:transform 650ms ease;} .visual-tile:hover img{transform:scale(1.035);} .visual-tile figcaption{position:absolute; right:0; bottom:0; left:0; display:flex; align-items:center; gap:10px; min-height:50px; padding:10px 14px; background:rgba(14,30,25,.82); color:#fff;} .visual-tile figcaption span{color:#a9cbbd; font-size:.7rem; font-weight:800;} .visual-tile figcaption b{font-size:.82rem;} .visual-stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:28px; border-block:1px solid var(--color-border);} .visual-stats span{display:grid; gap:3px; min-height:102px; align-content:center; padding:16px 22px;} .visual-stats span + span{border-left:1px solid var(--color-border);} .visual-stats b{color:var(--color-primary); font-size:1.45rem;} .visual-stats small{color:var(--color-muted); font-size:.76rem;} .process-comparison{border-block:1px solid #d9e1dd; background:#e8eeeb;} .comparison-intro{display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.78fr); align-items:end; gap:40px; margin-bottom:34px;} .comparison-intro h2{max-width:21ch;} .comparison-intro>p{color:var(--color-muted);} .comparison-layout{display:grid; grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr); align-items:stretch; gap:24px;} .comparison-photo{position:relative; min-height:462px; margin:0; overflow:hidden; background:#d7e0dc;} .comparison-photo picture,.comparison-photo img{display:block; width:100%; height:100%;} .comparison-photo img{object-fit:cover;} .evidence-flow{position:absolute; right:16px; bottom:16px; left:16px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:14px 10px 12px; background:rgba(13,30,25,.9); color:#fff;} .evidence-flow::before{position:absolute; top:27px; right:12.5%; left:12.5%; height:1px; background:rgba(255,255,255,.32); content:"";} .evidence-flow::after{position:absolute; top:23px; left:calc(12.5% - 4px); width:9px; height:9px; border-radius:50%; background:#fff; content:""; animation:evidenceRoute 6s ease-in-out infinite;} .evidence-flow span{position:relative; z-index:1; display:grid; justify-items:center; gap:7px; min-width:0; text-align:center;} .evidence-flow i{display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:#193b32; font-size:.68rem; font-style:normal;} .evidence-flow b{font-size:.66rem;} .comparison-table-wrap{min-width:0; overflow-x:auto; background:#fff;} .comparison-table{width:100%; min-width:610px; border-collapse:collapse;} .comparison-table caption{padding:22px 20px; color:var(--color-text); font-size:1.08rem; font-weight:800; text-align:left;} .comparison-table th,.comparison-table td{padding:16px 18px; border-top:1px solid var(--color-border); text-align:left; vertical-align:middle;} .comparison-table thead th{background:#f5f7f6; color:var(--color-muted); font-size:.73rem; text-transform:uppercase;} .comparison-table tbody th{width:24%; font-size:.8rem;} .comparison-table tbody tr{height:85px;} .comparison-table td{color:var(--color-muted); font-size:.8rem;} .comparison-table td:last-child{color:var(--color-text); background:#edf5f1; font-weight:700;} .comparison-table td:last-child .icon{width:17px; margin-right:8px; color:var(--color-success); vertical-align:middle;} @keyframes heroDrift{from{transform:scale(1.01);} to{transform:scale(1.065);}} @keyframes evidenceRoute{0%,8%{left:calc(12.5% - 4px);} 30%{left:calc(37.5% - 4px);} 55%{left:calc(62.5% - 4px);} 80%,100%{left:calc(87.5% - 4px);}} @media (max-width:940px){.hero-immersive h1{font-size:3rem;} .visual-mosaic{grid-template-rows:310px 210px;} .visual-tile-1{grid-area:1 / 1 / 2 / 13;} .visual-tile-2{grid-area:2 / 1 / 3 / 6;} .visual-tile-3{grid-area:2 / 6 / 3 / 10;} .visual-tile-4{grid-area:2 / 10 / 3 / 13;} .comparison-layout{grid-template-columns:1fr;} .comparison-photo{min-height:430px;}} @media (max-width:720px){.hero-immersive-inner{padding-block:52px 24px;} .hero-immersive h1{max-width:16ch; font-size:2.45rem;} .hero-facts span{padding-right:10px;} .hero-facts span + span{padding-left:10px;} .hero-facts b{font-size:.92rem;} .hero-facts small{font-size:.68rem;} .visual-story-heading,.comparison-intro{grid-template-columns:1fr; gap:8px;} .visual-mosaic{grid-template-rows:260px 180px 180px;} .visual-tile-1{grid-area:1 / 1 / 2 / 13;} .visual-tile-2{grid-area:2 / 1 / 3 / 7;} .visual-tile-3{grid-area:2 / 7 / 3 / 13;} .visual-tile-4{grid-area:3 / 1 / 4 / 13;} .visual-stats{grid-template-columns:repeat(2,minmax(0,1fr));} .visual-stats span:nth-child(3){border-left:0; border-top:1px solid var(--color-border);} .visual-stats span:nth-child(4){border-top:1px solid var(--color-border);} .comparison-photo{min-height:390px;}} @media (max-width:420px){.hero-immersive{min-height:calc(100svh - 104px);} .hero-immersive-inner{gap:28px; padding-block:38px 20px;} .hero-immersive h1{max-width:none; font-size:2rem;} .hero-immersive .hero-copy .lead{font-size:1rem;} .hero-immersive .button-row{margin-top:18px;} .hero-immersive .button{width:100%;} .hero-facts{grid-template-columns:1fr;} .hero-facts span{min-height:45px; align-content:center; padding:7px 0;} .hero-facts span + span{padding-left:0; border-top:1px solid rgba(255,255,255,.2); border-left:0;} .hero-facts span small{display:none;} .visual-mosaic{grid-template-rows:230px repeat(3,150px);} .visual-tile-1{grid-area:1 / 1 / 2 / 13;} .visual-tile-2{grid-area:2 / 1 / 3 / 13;} .visual-tile-3{grid-area:3 / 1 / 4 / 13;} .visual-tile-4{grid-area:4 / 1 / 5 / 13;} .comparison-photo{min-height:340px;} .evidence-flow{right:8px; bottom:8px; left:8px; padding-inline:4px;} .evidence-flow b{font-size:.58rem;}} .subpage-hero-photo{position:relative; display:block; width:100%; min-width:0; min-height:390px; aspect-ratio:4 / 3; overflow:hidden; background:#dce4e0; box-shadow:0 24px 60px rgba(23,33,29,.13);} .landing-hero:not(.branch-photo-hero) .landing-hero-grid,.obligation-hero .landing-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); gap:clamp(34px,6vw,78px);} .subpage-hero-photo::after{position:absolute; right:0; bottom:0; left:0; height:5px; background:var(--color-primary); content:"";} .subpage-hero-photo img{display:block; width:100%; height:100%; object-fit:cover; transition:transform 800ms ease;} .subpage-hero-photo:hover img{transform:scale(1.025);} .editorial-story-strip{border-block:1px solid var(--color-border); background:#fff; content-visibility:auto; contain-intrinsic-size:auto 720px;} .editorial-story-strip .section-heading h2{max-width:21ch;} .editorial-image-grid{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:330px; gap:10px;} .editorial-image{position:relative; min-width:0; margin:0; overflow:hidden; background:#dce4e0;} .editorial-image-1{grid-column:span 6;} .editorial-image-2,.editorial-image-3{grid-column:span 3;} .editorial-image-media,.editorial-image-media img{display:block; width:100%; height:100%;} .editorial-image-media img{object-fit:cover; transition:transform 650ms ease;} .editorial-image:hover .editorial-image-media img{transform:scale(1.035);} .editorial-image figcaption{position:absolute; right:0; bottom:0; left:0; display:flex; align-items:center; gap:10px; min-height:58px; padding:11px 14px; background:rgba(13,30,25,.86); color:#fff;} .editorial-image figcaption span{color:#a9cbbd; font-size:.68rem; font-weight:800;} .editorial-image figcaption b{font-size:.78rem; line-height:1.35;} .module-card.wide:has(.module-card-image),.obligation-card:has(.obligation-card-image){padding-top:0; overflow:hidden;} .module-card-image,.obligation-card-image{display:block; width:calc(100% + (2 * var(--space-card))); margin:0 calc(-1 * var(--space-card)) 20px; overflow:hidden;} .module-card-image img,.obligation-card-image img{display:block; width:100%; height:190px; object-fit:cover; transition:transform 320ms ease;} .module-card:hover .module-card-image img,.obligation-card:hover .obligation-card-image img{transform:scale(1.025);} @media (max-width:940px){.subpage-hero-photo{min-height:330px; aspect-ratio:16 / 10;} .editorial-image-grid{grid-template-rows:280px 210px;} .editorial-image-1{grid-column:1 / -1;} .editorial-image-2,.editorial-image-3{grid-column:span 6;}} @media (max-width:860px){.landing-hero:not(.branch-photo-hero) .landing-hero-grid,.obligation-hero .landing-hero-grid{grid-template-columns:minmax(0,1fr); gap:28px;}} @media (max-width:560px){.hero-immersive .hero-background,.branch-photo-hero .branch-hero-media{display:none;} .branch-photo-hero{display:block; min-height:0; background:#17211d;} .branch-photo-hero::after{display:none;} .branch-photo-hero .landing-hero-grid{padding-bottom:0;} .subpage-hero-photo{min-height:240px; aspect-ratio:16 / 10;} .editorial-image-grid{grid-template-rows:230px 170px 170px;} .editorial-image-1,.editorial-image-2,.editorial-image-3{grid-column:1 / -1;} .module-card-image img,.obligation-card-image img{height:168px;}} .editorial-byline{display:flex; flex-wrap:wrap; gap:8px 24px; padding-top:20px; padding-bottom:20px; font-size:14px;} .related-links{display:flex; flex-wrap:wrap; gap:12px 28px; padding-left:20px;} .guide-hero .subpage-hero-photo{aspect-ratio:3 / 2;} .guide-hero h1{max-width:24ch; font-size:42px; line-height:1.2; hyphens:none;} .guide-card h3{hyphens:none;} .guide-topics{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--color-border,#d9dfdb); margin:32px 0 48px;} .guide-topics>a{display:flex; align-items:center; gap:14px; padding:22px 18px 22px 0; border-bottom:1px solid var(--color-border,#d9dfdb); text-decoration:none; color:inherit; min-width:0;} .guide-topics>a>span:nth-child(2){flex:1; min-width:0;} .guide-topics strong,.guide-topics small{display:block;} .guide-topics strong{font-size:17px;} .guide-topics small{font-size:13px; margin-top:6px; color:#52615a;} .guide-topic-number{color:#527163; font-size:14px; font-variant-numeric:tabular-nums;} .guide-topics .icon{flex:0 0 20px;} .guide-topics a:hover strong{text-decoration:underline; text-underline-offset:4px;} .guide-library-heading{display:flex; justify-content:space-between; align-items:baseline; gap:16px;} .guide-library-heading h2{font-size:28px;} .guide-library-heading p{color:#52615a; white-space:nowrap;} .guide-filters{display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,260px) 48px; gap:14px; align-items:end; margin:12px 0 28px;} .guide-filters:not(:has(select)){grid-template-columns:minmax(0,1fr) 48px;} .guide-filters label{display:grid; gap:8px; font-size:14px; font-weight:600;} .guide-filters input,.guide-filters select{width:100%; min-width:0; min-height:48px; font:inherit; background:#fff; border:1px solid #9aa9a0; border-radius:4px; padding:10px 12px; color:#233c31;} .guide-filters button{width:48px; height:48px; min-width:48px; padding:0;} .guide-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;} .guide-card{display:flex; flex-direction:column; padding:25px; border:1px solid var(--color-border,#d9dfdb); border-radius:6px; background:#fff; min-width:0; transition:border-color 160ms ease,box-shadow 160ms ease;} .guide-card:hover{border-color:#829c8f; box-shadow:0 4px 16px #183c2810;} .guide-card h3{font-size:21px; line-height:1.35; margin:12px 0; overflow-wrap:anywhere;} .guide-card h3 a{color:inherit; text-decoration:none;} .guide-card h3 a:hover{text-decoration:underline; text-underline-offset:4px;} .guide-card>p:not(.guide-meta){font-size:15px; line-height:1.65; margin:0 0 24px; color:#4a5c51;} .guide-card .card-link{margin-top:auto; font-size:14px;} .guide-meta{display:flex; flex-wrap:wrap; gap:7px; font-size:12px; color:#53655a; margin:0;} .guide-card[hidden],.guide-empty[hidden]{display:none;} .js .guide-filters[hidden]{display:grid !important; visibility:hidden; pointer-events:none;} .js .guide-library:not([data-guide-ready]) .guide-grid>.guide-card:nth-child(n+7){display:none;} .guide-empty{padding:32px 0;} .guide-resources{display:flex; flex-wrap:wrap; gap:22px; padding-top:32px; margin-top:40px; border-top:1px solid var(--color-border,#d9dfdb);} .guide-resources a{display:inline-flex; align-items:center; gap:8px; font-size:15px;} .guide-article-layout{display:grid; grid-template-columns:250px minmax(0,780px); gap:54px; justify-content:center; align-items:start;} .guide-sidebar{position:sticky; top:110px; max-height:calc(100dvh - 135px); overflow:auto; padding:0 12px 8px 0;} .guide-toc{border-top:3px solid #277358; border-bottom:1px solid #d9dfdb; padding:16px 0;} .guide-toc summary{font-weight:700; font-size:16px; cursor:pointer; min-height:30px;} .guide-toc ol{padding:8px 0 0; list-style:none; margin:0;} .guide-toc li{margin:0;} .guide-toc a{display:block; padding:7px 0; font-size:14px; line-height:1.5; text-decoration:none; color:#304d3e;} .guide-toc a:hover{text-decoration:underline;} .guide-toc .guide-toc-sub{padding-left:14px;} .guide-parent{display:flex; align-items:center; gap:8px; font-size:14px; margin-top:18px;} .guide-main{min-width:0;} .guide-article-meta{display:flex; gap:8px 20px; flex-wrap:wrap; color:#52615a; font-size:13px; padding-bottom:24px; border-bottom:1px solid #d9dfdb;} .guide-copy{font-size:17px; line-height:1.8; overflow-wrap:anywhere; content-visibility:auto; contain-intrinsic-size:auto 1600px;} .guide-copy h2{font-size:27px; line-height:1.3; margin-top:44px; scroll-margin-top:125px;} .guide-copy h3{font-size:20px; scroll-margin-top:125px;} .guide-copy h2:first-child{margin-top:28px;} .guide-copy>h2:first-child + p{border-left:3px solid #277358; padding:6px 0 6px 20px; font-size:19px; color:#244c38;} .guide-copy a{text-underline-offset:3px;} .guide-copy li{margin:9px 0;} .guide-table-scroll{max-width:100%; overflow-x:auto; margin:20px 0;} .guide-table-scroll table{min-width:480px; width:100%; border-collapse:collapse; font-size:15px;} .guide-table-scroll th,.guide-table-scroll td{padding:12px 14px; border-bottom:1px solid #d9dfdb; text-align:left; vertical-align:top;} .guide-table-scroll th{background:#edf3f0; color:#233c31;} .guide-endnote{padding-top:22px; margin-top:40px; border-top:1px solid #d9dfdb; color:#52615a; font-size:14px;} @media (max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .guide-article-layout{grid-template-columns:205px minmax(0,1fr); gap:28px;}} @media (max-width:700px){.guide-topics{grid-template-columns:repeat(2,minmax(0,1fr));} .guide-grid{grid-template-columns:minmax(0,1fr);} .guide-article-layout{grid-template-columns:minmax(0,1fr); gap:24px;} .guide-sidebar{position:static; max-height:none; padding:0;} .guide-toc nav ol{columns:2; column-gap:20px;} .guide-toc li{break-inside:avoid;} .guide-filters{grid-template-columns:minmax(0,1fr) 48px;} .guide-filters label:first-child{grid-column:1 / -1;} .guide-filters:not(:has(select)) label:first-child{grid-column:auto;} .guide-library-heading h2{font-size:24px;} .guide-copy h2{font-size:25px;}} @media (max-width:400px){.guide-topics{grid-template-columns:minmax(0,1fr);} .guide-toc nav ol{columns:1;}} @media (prefers-reduced-motion:reduce){.guide-card{transition:none;}} .guide-library-heading{flex-wrap:wrap;} .guide-library-heading p{white-space:normal;} .guide-question-results{padding:24px 0 32px; margin-bottom:28px; border-bottom:1px solid #d9dfdb;} .guide-question-results h3{font-size:22px; line-height:1.35; margin:0;} .guide-question-results ul{list-style:none; padding:0; margin:16px 0;} .guide-question-results li{padding:18px 0; border-top:1px solid #d9dfdb;} .guide-question-results li>a{display:inline-block; font-size:18px; font-weight:700; line-height:1.5; overflow-wrap:anywhere;} .guide-question-results li>p{font-size:16px; line-height:1.65; max-width:85ch; margin:10px 0;} .guide-question-results li>small{color:#52615a; font-size:14px;} .guide-more{margin-top:28px; text-align:center;} .guide-download{margin:0 0 24px;} .guide-question-results[hidden],[data-guide-more][hidden],[data-guide-question-more][hidden],.guide-more:has(button[hidden]){display:none;} @media print{.guide-sidebar,.guide-resources,.guide-filters{display:none;} .guide-article-layout{display:block;} .guide-table-scroll{overflow:visible;} .guide-copy h2,.guide-copy h3{break-after:avoid;}} .guide-topic-number{display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:4px; background:var(--guide-answer-bg,#eaf4ef); color:#244c38;} .guide-topics>a:nth-child(3n + 2) .guide-topic-number{background:var(--guide-example-bg,#edf3fa); color:#224f78;} .guide-topics>a:nth-child(3n) .guide-topic-number{background:var(--guide-check-bg,#fff5df); color:#785315;} .guide-card{border-top:3px solid #4b8b72;} .guide-card:nth-child(3n + 2){border-top-color:#527ea5;} .guide-card:nth-child(3n){border-top-color:#b18a3c;} .guide-band{padding:26px 28px; margin:36px 0; border-left:4px solid #4b8b72;} .guide-copy .guide-band>h2:first-child{margin:0 0 16px; font-size:24px;} .guide-band>:last-child{margin-bottom:0;} .guide-band-answer{background:var(--guide-answer-bg,#eaf4ef);} .guide-band-answer>p{font-size:19px; line-height:1.7;} .guide-band-example{background:var(--guide-example-bg,#edf3fa); border-left-color:#527ea5;} .guide-band-check{background:var(--guide-check-bg,#fff5df); border-left-color:#b18a3c;} .guide-band-note{background:var(--guide-note-bg,#f0f2f3); border-left-color:#7a8589; font-size:15px;} .guide-band-check ul{padding-left:24px; list-style-type:square;} .guide-band-check li{padding-left:5px;} .guide-answer{border-top:1px solid var(--color-border,#d9dfdb); padding:22px 0;} .guide-copy .guide-answer>h3{margin:0 0 12px;} .guide-answer>:last-child{margin-bottom:0;} .guide-table-scroll table{min-width:0; table-layout:fixed;} .guide-table-scroll th,.guide-table-scroll td{overflow-wrap:anywhere;} .guide-table-scroll tr>:first-child{width:36%;} .guide-table-scroll tbody tr:nth-child(even){background:#f5f8f6;} .guide-download{display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:24px 0;} .guide-download .button{display:inline-flex; align-items:center; justify-content:center; gap:8px;} .guide-download [hidden]{display:none;} .guide-download .guide-icon-button{padding:0; width:44px; height:44px; min-width:44px;} .guide-action-status{flex-basis:100%; color:#52615a; font-size:14px;} .guide-action-status:empty{display:none;} .guide-toc summary{min-height:44px;} .guide-toc{border-radius:0; background:transparent; box-shadow:none;} .guide-toc a:focus-visible,.guide-resources a:focus-visible{outline:3px solid var(--color-secondary,#275f8f); outline-offset:2px;} @media (max-width:700px){.guide-hero h1{font-size:32px;} .guide-band{padding:22px 18px; margin:28px 0;} .guide-copy .guide-band>h2:first-child{font-size:22px;} .guide-band-answer>p{font-size:18px;} .guide-toc a{padding:11px 0;} .guide-table-scroll th,.guide-table-scroll td{padding:10px 9px;}} @media print{.guide-download,.guide-resources,.guide-related,.guide-parent{display:none !important;} body:has(.guide-copy) .site-header,body:has(.guide-copy) .site-footer,body:has(.guide-copy) .section:has(.guide-grid),.guide-hero .subpage-hero-photo,.guide-hero .button-row{display:none !important;} .guide-hero{padding:20px 0; min-height:0; background:#fff;} .guide-hero .content-hero-grid{display:block;} .guide-hero h1{font-size:22pt; max-width:none;} .guide-copy{font-size:11pt; line-height:1.5; color:#000;} .guide-copy .guide-band>h2:first-child,.guide-copy h2{font-size:16pt;} .guide-copy h3{font-size:13pt;} .guide-band{background:none; border-left:2pt solid #555; padding:12pt; margin:18pt 0;} .guide-band-answer>p{font-size:12pt;} .guide-copy table{font-size:10pt;} .guide-copy tr{break-inside:avoid;}} .public-calendar{margin-block:32px;} .calendar-hero{padding-block:24px;} .calendar-hero .content-hero-grid{display:block;} .calendar-hero h1{max-width:none; font-size:32px;} .calendar-hero .lead{max-width:850px;} .calendar-hero + .content-section{padding-top:16px;} .calendar-columns{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px;} .calendar-columns>section{min-width:0;} .calendar-columns h2,.guide-next-action h2{font-size:24px; line-height:1.3; letter-spacing:0;} .calendar-own-row{position:relative; min-width:0; margin:20px 0; padding:20px; border:1px solid var(--color-border,#d9dfdb); border-radius:6px; background:var(--guide-answer-bg,#eaf4ef);} .calendar-own-row legend{font-weight:700; padding:0 8px;} .calendar-own-row label{display:block; margin:0 0 14px; font-weight:600;} .calendar-own-row input{display:block; box-sizing:border-box; width:100%; min-width:0; max-width:100%; margin-top:6px; padding:12px; border:1px solid #78877f; border-radius:4px; font:inherit; background:#fff; color:#17211d;} .calendar-own-row input[type=date]{min-height:48px;} .calendar-event{margin:20px 0; padding:24px; border:1px solid var(--color-border,#d9dfdb); border-radius:6px; background:var(--guide-example-bg,#edf3fa); overflow-wrap:anywhere;} .calendar-event h3{font-size:20px; line-height:1.4;} .calendar-date{display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center;} .calendar-date time{font-weight:750; font-size:22px;} .calendar-date span{font-size:14px;} .calendar-event .small svg{width:16px; height:16px; vertical-align:middle;} .calendar-check{display:flex; align-items:flex-start; gap:12px; font-weight:500; line-height:1.5; cursor:pointer;} .calendar-check input{flex:0 0 20px; width:20px; height:20px; margin:3px 0 0;} .calendar-export{margin-top:28px; padding-top:28px; border-top:1px solid var(--color-border,#d9dfdb);} .calendar-export>.button{margin:20px 0 4px;} .calendar-error{padding:18px; border-left:4px solid #a32e24; background:#fff0ec; color:#79271f;} .calendar-context{padding-left:16px; border-left:3px solid #527162;} .calendar-followup{margin-block:40px;} .guide-next-action{display:flex; align-items:flex-start; gap:20px; padding-block:28px; margin-top:32px; border-top:2px solid var(--color-border,#d9dfdb); border-bottom:1px solid var(--color-border,#d9dfdb);} .guide-next-action>div{min-width:0;} .guide-next-action h2{margin:0;} .guide-next-icon{display:flex; align-items:center; justify-content:center; flex:0 0 48px; width:48px; height:48px; background:var(--guide-check-bg,#fff5df); border-radius:6px;} .guide-next-icon svg{width:24px; height:24px;} .guide-next-action .button-row{flex-wrap:wrap;} .public-calendar button,.guide-next-action a{white-space:normal; overflow-wrap:anywhere;} @media (max-width:760px){.calendar-columns{grid-template-columns:minmax(0,1fr); gap:28px;} .calendar-event,.calendar-own-row{padding:18px;} .guide-next-action{flex-direction:column;}} @media print{.public-calendar button,.calendar-remove,.guide-next-action{display:none !important;} .calendar-columns{display:block;}} .sales-home>.section{padding-block:48px;} .sales-home .hero-immersive{min-height:510px;} .sales-home .hero-immersive-inner{justify-content:center; padding-block:52px;} .sales-home .hero-immersive h1{font-size:52px; max-width:21ch;} .sales-home .hero-immersive .trial-microcopy{color:#fff;} .sales-home h2{font-size:32px; line-height:1.16;} .sales-home .section-heading{margin-bottom:24px;} .sales-three,.sales-steps{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;} .sales-three article{padding-block:12px;} .sales-three h3{margin-top:16px;} .sales-steps{list-style:none; padding:0; margin:28px 0 0;} .sales-steps li{display:flex; gap:16px;} .sales-steps li>span{flex:0 0 36px; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--color-primary); color:white; font-weight:700;} .sales-branches{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--color-border);} .sales-branches a{display:flex; align-items:center; gap:16px; padding:20px 12px; border-bottom:1px solid var(--color-border); font-weight:700; text-decoration:none;} .sales-branches a>span:nth-child(2){flex:1; min-width:0;} .sales-resource-links{display:flex; flex-wrap:wrap; gap:12px 24px; margin:24px 0 0;} .sales-resource-links a{padding-block:8px;} .sales-price{background:var(--color-soft); border-block:1px solid var(--color-border);} .sales-price-amount strong{font-size:40px;} .sales-price-amount small{display:block; font-size:14px; color:var(--color-muted);} .sales-trust .faq-list{max-width:820px;} .product-example-label{margin:12px 0 20px; font-size:14px; color:var(--color-muted);} .sales-home .product-dashboard{max-width:100%;} .sales-home .product-proof-layout{display:block;} .page-preise .content-hero-grid,.page-wissen .content-hero-grid,.page-article .content-hero-grid{display:block;} .page-preise .page-hero,.page-wissen .page-hero,.page-article .page-hero,.calendar-hero{padding:28px 0 20px;} .page-preise .page-hero h1,.page-wissen .page-hero h1,.page-article .page-hero h1{max-width:26ch; font-size:44px;} .page-preise .content-section,.page-wissen .content-section,.page-article .content-section,.page-tools-fristenkalender .content-section{padding-top:20px;} .page-preise .pricing-block{margin-top:0;} .page-preise .price-card{padding:24px;} .page-preise .price-card h3{font-size:24px;} .page-preise .price-card .button{margin-top:12px;} .plan-feature-details{margin-bottom:14px;} .plan-feature-details>summary{padding-block:10px; font-weight:600; cursor:pointer;} .page-preise .plan-comparison{margin-block:28px;} .page-preise .setup-block{margin-top:32px;} .page-preise .faq-list{margin-top:16px;} .page-background,.pricing-branches,.guide-topic-directory{border:0; border-block:1px solid var(--color-border); border-radius:0; padding:0; margin:24px 0; background:transparent;} .page-background[open],.pricing-branches[open],.guide-topic-directory[open]{box-shadow:none;} .plan-feature-details{padding:0; border:0; background:transparent; box-shadow:none;} .page-preise .faq-list details{padding:0 14px;} .page-preise .section.muted{padding-block:32px;} .page-background>summary,.pricing-branches>summary,.guide-topic-directory>summary{padding:16px 4px; cursor:pointer; font-weight:700;} .page-background>article{margin:20px 0;} .page-background .subpage-hero-photo{max-width:720px; margin:20px 0;} .pricing-branches .package-list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr));} .pricing-branches .package-row{grid-template-columns:36px 1fr 20px; padding:12px;} .pricing-branches .package-row>strong,.pricing-branches .package-row small{display:none;} .guide-topic-directory .guide-topics{margin:0 0 16px;} .guide-hero-answer{max-width:880px; margin-top:24px;} .guide-hero-answer h2{font-size:22px;} .guide-hero-answer .guide-band{margin:0; padding:22px 24px;} .guide-main>.subpage-hero-photo{margin:0 0 28px; min-height:0; max-height:360px;} .guide-library-heading{gap:12px; flex-wrap:wrap;} .calendar-columns{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);} .calendar-public{min-width:0; align-self:start; border:1px solid var(--color-border); padding:20px;} .calendar-public>summary{font-weight:700; cursor:pointer; padding-block:6px;} .calendar-public[open]>summary{margin-bottom:20px;} .calendar-export{margin-top:20px;} .page-tools-fristenkalender .public-calendar{margin-top:0;} .page-tools-fristenkalender .calendar-hero + .content-section{padding-top:0;} .page-tools-fristenkalender .page-hero .eyebrow,.page-wissen .page-hero .eyebrow{display:none;} .calendar-draft-note{padding:14px; background:var(--color-soft);} .draft-reset{margin-top:8px;} @media (max-width:760px){.sales-home>.section{padding-block:32px;} .sales-home .hero-immersive{min-height:0;} .sales-home .hero-immersive-inner{padding-block:34px;} .sales-home .hero-immersive h1{font-size:32px; max-width:none;} .sales-home h2{font-size:26px;} .sales-home .section-heading,.sales-home .split{display:block;} .sales-home .section-heading>p{margin-top:16px;} .sales-three,.sales-steps,.sales-branches{grid-template-columns:minmax(0,1fr); gap:12px;} .sales-three article{display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:14px;} .sales-three article .card-icon{grid-row:span 2;} .sales-three h3{margin:0 0 8px;} .sales-three p{grid-column:2; margin-bottom:0;} .sales-steps li{padding-block:8px;} .sales-branches a{padding:14px 0;} .sales-home .product-sidebar{display:none;} .sales-home .product-dashboard{display:block;} .sales-home .product-main{padding:16px;} .sales-home .product-metrics{grid-template-columns:repeat(2,minmax(0,1fr));} .sales-home .product-layout{display:block;} .sales-home .product-progress{margin-top:16px;} .sales-home .product-item{grid-template-columns:40px minmax(0,1fr);} .sales-home .product-item em{grid-column:2; justify-self:start;} .page-preise .page-hero h1,.page-wissen .page-hero h1,.page-article .page-hero h1{font-size:32px;} .page-preise .page-hero .lead,.page-wissen .page-hero .lead,.page-article .page-hero .lead{font-size:16px;} .page-preise .pricing-block .section-heading>p{display:none;} .page-preise .price-card{padding:20px;} .page-preise .price-card .plan-features{font-size:14px;} .page-preise .faq-list summary{font-size:16px; padding-block:14px;} .page-preise .final-cta{padding-block:32px;} .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px;} .footer-grid .footer-brand{grid-column:1 / -1;} .page-tools-fristenkalender .calendar-own-row{margin-top:8px; padding-top:12px;} .pricing-branches .package-list,.calendar-columns{grid-template-columns:minmax(0,1fr);} .guide-hero-answer{margin-top:18px;} .guide-hero-answer .guide-band{padding:18px;} .guide-hero-answer h2{font-size:21px;} .page-wissen .guide-grid .guide-card{padding:18px;} .calendar-hero .lead{font-size:16px;} .calendar-columns{gap:24px;}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}} .source-box time .source-synced{display:block; margin-top:2px; font-weight:400; font-size:0.78rem; opacity:0.75;} .source-machine{display:inline; opacity:0.75;} .page-object .landing-hero-grid{display:block;} .page-object .page-hero{padding-block:32px;} .page-object .page-hero h1{font-size:44px;} .page-object .object-context-photo{max-width:920px;} .page-object .object-context-photo img{width:100%; max-height:420px; object-fit:cover;} @media (max-width:600px){.page-object .page-hero h1{font-size:32px;} .page-object .page-hero{padding-block:20px;} .page-object #rechner{padding-block:24px;} .page-object #rechner h2{font-size:26px;}} .portal-proof{margin:0;} .portal-proof img{width:100%; height:auto; border:1px solid var(--border,#dce4e1); border-radius:6px;} .portal-proof-mobile-label{display:none;} .portal-proof figcaption{font-size:14px; line-height:1.5; margin-top:12px; color:#4a5956;} .portal-proof a:focus-visible{outline:3px solid #0f5b55; outline-offset:5px;} .page-obligation .landing-hero-grid{display:block;} .page-obligation .page-hero{padding-block:30px;} .page-obligation .page-hero h1{font-size:44px;} .page-obligation .object-context-photo{max-width:920px;} .page-obligation .object-context-photo img{width:100%; max-height:420px; object-fit:cover;} .obligation-toc{margin-block:0 24px;} .obligation-flow{padding:0 0 var(--space-section);} .obligation-flow>.obligation-detail{margin-top:var(--space-section);} .branch-examples{padding-block:24px; background:#f1f5fa;} main>:not(:first-child):not(.final-cta):not(.proof-strip):not(.content-section):not(#rechner):not(.guide-action-section){content-visibility:auto; contain-intrinsic-size:auto 720px;} main:not(.page-avv):not(.page-datenschutz):not(.page-erfahrungen):not(.page-impressum):not(.page-nutzungsbedingungen):not(.page-suche):not(.page-systemstatus):not(.page-object):not(.page-obligation):not(.page-article)>.content-section{content-visibility:auto; contain-intrinsic-size:auto 720px;} main>.final-cta,main>.proof-strip,main>.guide-action-section{content-visibility:visible; contain-intrinsic-size:none;} main.page-avv>.content-section,main.page-datenschutz>.content-section,main.page-erfahrungen>.content-section,main.page-impressum>.content-section,main.page-nutzungsbedingungen>.content-section,main.page-suche>.content-section,main.page-systemstatus>.content-section{content-visibility:visible; contain-intrinsic-size:none;} main.page-object>#rechner{content-visibility:visible; contain-intrinsic-size:none;} main.page-obligation>.content-section{content-visibility:visible; contain-intrinsic-size:none;} .module-card,.steps div,.context-visual{animation:none;} @media (max-width:600px){.site-header{backdrop-filter:none;} *,*::before,*::after{animation:none !important; transition:none !important;} .page-obligation .page-hero h1{font-size:32px;} .page-obligation .page-hero{padding-block:20px;} .obligation-flow{padding-bottom:54px;} .obligation-flow>.obligation-detail{margin-top:54px;} .branch-photo-hero h1{font-size:28px; line-height:1.12;} .portal-proof img{display:none;} .portal-proof-mobile-label{display:flex; min-height:52px; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border:1px solid var(--color-border); border-radius:6px; background:var(--color-surface); color:var(--color-primary); font-weight:720;} .portal-proof>a{text-decoration:none;}}