/* Approved Inkassofirma Preview 3, 2026-09-26. Content only.
 * Root: main#di-firma-design with the five original page classes.
 * Uses existing production Lato; no navigation, footer or preview chrome. */

/* Local baseline: neutralize inherited Drupal/Bootstrap content defaults. */
#di-firma-design{display:block;width:100%;min-width:0;max-width:none;padding:0;border:0;text-align:left;container-type:normal}
#di-firma-design,#di-firma-design *,#di-firma-design *::before,#di-firma-design *::after{box-sizing:border-box}
#di-firma-design :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,figure,figcaption,blockquote,table,caption,thead,tbody,tfoot,tr,th,td,details,summary){font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-transform:none;letter-spacing:normal}
#di-firma-design :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,figure,blockquote){margin:0;padding:0}
#di-firma-design :where(ul,ol){list-style-position:outside}
#di-firma-design :where(li)::before,#di-firma-design :where(li)::after{content:none;background:none;border:0}
#di-firma-design :where(table,thead,tbody,tfoot,tr,th,td){border:0;border-radius:0;box-shadow:none;background:transparent}
#di-firma-design :where(table){margin:0;table-layout:auto}
#di-firma-design :where(th,td){text-align:left}
#di-firma-design :where(blockquote){border:0;background:none}
#di-firma-design :where(p>span){font:inherit;color:inherit}
#di-firma-design :where(img){width:auto;border:0}
#di-firma-design :where(h3){font-weight:700}
#di-firma-design :where(a){font-family:inherit;font-weight:inherit;line-height:inherit;text-transform:none;letter-spacing:normal}

/* Source: bank.css; sha256: 64740e6ba8c05a543f81f7cd8b9d4519767d58e1235f444e97d11601308caac0 */
#di-firma-design{--navy:#143948;--blue:#0874a3;--body:#374b55;--line:#d5e1e6;--pale:#edf4f6}
#di-firma-design,#di-firma-design *{box-sizing:border-box}
#di-firma-design{margin:0;background:#fff;color:var(--body);font:400 17px/1.7 Lato,Arial,sans-serif}
#di-firma-design img{max-width:100%;height:auto;display:block}
#di-firma-design a{color:var(--blue);text-decoration:none}
#di-firma-design a:hover{text-decoration:underline;text-underline-offset:4px}
#di-firma-design a:focus-visible,#di-firma-design button:focus-visible,#di-firma-design summary:focus-visible{outline:3px solid #1689ba;outline-offset:5px}
#di-firma-design button{font:inherit}
#di-firma-design p{margin:0 0 20px}
#di-firma-design .wrap{width:calc(100% - 112px);max-width:1120px;margin:0 auto}
#di-firma-design h1,#di-firma-design h2{color:var(--navy);font-weight:700;line-height:1.2;margin:0;letter-spacing:-.6px;text-wrap:balance}
#di-firma-design .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 27px;border:1px solid var(--blue);border-radius:28px;background:var(--blue);color:#fff;font-size:16px;font-weight:700;line-height:1.5;transition:background .15s}
#di-firma-design .button:hover{background:#065e85;text-decoration:none}
#di-firma-design .text-action{font-size:16px;font-weight:700;text-decoration:none;text-underline-offset:5px}
#di-firma-design .text-action:is(:hover,:focus-visible){text-decoration:underline}
#di-firma-design .service-hero{padding-top:5px}
#di-firma-design .hero-panel{width:calc(100% - 48px);max-width:1408px;margin:0 auto;display:grid;grid-template-columns:47% 53%;min-height:475px;background:var(--navy);border-radius:10px;overflow:hidden}
#di-firma-design .hero-copy{padding:49px 48px 44px;color:#fff;align-self:center}
#di-firma-design .hero-copy h1{font-size:40px;line-height:1.15;color:#fff;max-width:455px;margin-bottom:24px;letter-spacing:-.65px;text-wrap:balance}
#di-firma-design .hero-description{font-size:18px;line-height:1.65;color:#e3edf1;max-width:455px;margin-bottom:27px}
#di-firma-design .hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
#di-firma-design .hero-actions .button{background:#fff;color:var(--navy);border-color:#fff}
#di-firma-design .hero-actions .button:hover{background:#e3f1f7}
#di-firma-design .hero-actions .text-action{color:#fff;font-size:14px}
#di-firma-design .hero-photo{position:relative;min-width:0;min-height:100%}
#di-firma-design .hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:59% 50%}
#di-firma-design .service-process{padding-top:73px;padding-bottom:76px}
#di-firma-design .process-introduction{max-width:780px;margin:0 auto 45px;text-align:center}
#di-firma-design .process-introduction h2{font-size:33px;line-height:1.25;margin-bottom:23px}
#di-firma-design .process-introduction>p{font-size:17px;line-height:1.8;max-width:735px;margin:0 auto}
#di-firma-design .service-steps{list-style:none;padding:0;margin:0 0 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
#di-firma-design .service-steps li{padding-top:8px}
#di-firma-design .step-number{font-size:16px;font-weight:700;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--pale);color:var(--navy);margin-bottom:17px}
#di-firma-design .step-title{font-size:19px;line-height:1.4;font-weight:700;color:var(--navy);margin:0 0 13px}
#di-firma-design .service-steps li>p:last-child{font-size:16px;line-height:1.75;margin-bottom:0}
#di-firma-design .practical-questions{max-width:920px;margin:0 auto;border-top:1px solid var(--line)}
#di-firma-design .practical-questions details{border-bottom:1px solid var(--line)}
#di-firma-design .practical-questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0;font-size:16px;color:var(--navy);font-weight:700;line-height:1.5}
#di-firma-design .practical-questions summary::-webkit-details-marker{display:none}
#di-firma-design .practical-questions summary>span{font-size:25px;font-weight:400;line-height:1;flex:none;transition:transform .15s}
#di-firma-design .practical-questions details[open] summary>span{transform:rotate(45deg)}
#di-firma-design .practical-questions details>div{font-size:16px;line-height:1.8;max-width:810px;padding:0 25px 23px 0}
#di-firma-design .practical-questions details>div p{margin-bottom:14px}
#di-firma-design .practical-questions details>div p:last-child{margin-bottom:0}
#di-firma-design .practical-questions a{text-decoration:underline;text-underline-offset:3px}
#di-firma-design .service-prices{background:var(--pale);padding:69px 0 72px}
#di-firma-design .price-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:105px}
#di-firma-design .price-introduction h2{font-size:33px;line-height:1.25;max-width:410px;margin-bottom:23px;text-wrap:pretty}
#di-firma-design .price-introduction>p{font-size:17px;line-height:1.8;max-width:420px}
#di-firma-design .price-statement{border-top:1px solid #c4d6df;margin-top:27px;padding-top:23px;max-width:410px}
#di-firma-design .price-statement>p:first-child{color:var(--navy);font-size:16px;margin-bottom:4px}
#di-firma-design .price-statement .price-amount{color:var(--navy);font-size:63px;line-height:1.25;font-weight:700;letter-spacing:-1.5px;margin:0 0 10px}
#di-firma-design .price-amount span{font-size:16px;font-weight:400;letter-spacing:0;margin-left:12px}
#di-firma-design .price-boundary{font-size:13px;line-height:1.75;max-width:330px;margin-bottom:23px}
#di-firma-design .price-explanation>div+div{border-top:1px solid #c4d6df;padding-top:23px;margin-top:23px}
#di-firma-design .price-explanation .explanation-label{color:var(--navy);font-size:19px;line-height:1.5;font-weight:700;margin-bottom:10px}
#di-firma-design .price-explanation p{font-size:16px;line-height:1.8;margin-bottom:0}
#di-firma-design .price-explanation a{display:inline-block;margin-top:12px;font-size:15px;text-decoration:underline;text-underline-offset:4px}
#di-firma-design .service-contact{padding-top:47px;padding-bottom:48px;display:flex;justify-content:space-between;align-items:center;gap:36px}
#di-firma-design .service-contact p{font-size:25px;line-height:1.3;color:var(--navy);font-weight:700;margin:0 0 9px;letter-spacing:-.3px}
#di-firma-design .service-contact span{font-size:15px}
#di-firma-design .contact-actions{display:flex;align-items:center;gap:25px;flex-shrink:0}
#di-firma-design .contact-actions .text-action{font-size:15px}
@media(min-width:1500px){
#di-firma-design .hero-copy{padding:57px 65px 52px}
#di-firma-design .hero-copy h1{font-size:44px}
#di-firma-design .hero-panel{min-height:500px}
#di-firma-design .hero-description{font-size:19px}
}
@media(max-width:1100px){
#di-firma-design .wrap{width:calc(100% - 80px)}
#di-firma-design .hero-panel{width:calc(100% - 32px);grid-template-columns:48% 52%;min-height:470px}
#di-firma-design .hero-copy{padding:38px 33px}
#di-firma-design .hero-copy h1{font-size:37px}
#di-firma-design .hero-description{font-size:17px}
#di-firma-design .hero-actions{gap:17px}
#di-firma-design .hero-actions .button{font-size:15px;padding:11px 21px}
#di-firma-design .hero-actions .text-action{font-size:13px}
#di-firma-design .service-steps{gap:32px}
#di-firma-design .price-layout{gap:65px}
#di-firma-design .service-contact{gap:30px}
#di-firma-design .contact-actions{gap:18px}
#di-firma-design .contact-actions .button{font-size:15px;padding:12px 21px}
}
@media(max-width:850px){
#di-firma-design .wrap{width:calc(100% - 48px)}
#di-firma-design .hero-panel{width:calc(100% - 24px);grid-template-columns:51% 49%;min-height:460px}
#di-firma-design .hero-copy{padding:33px 26px}
#di-firma-design .hero-copy h1{font-size:34px;margin-bottom:21px}
#di-firma-design .hero-description{font-size:16px;line-height:1.7}
#di-firma-design .hero-actions{align-items:flex-start;flex-direction:column;gap:16px}
#di-firma-design .service-process{padding-top:55px;padding-bottom:55px}
#di-firma-design .process-introduction{max-width:650px;margin-bottom:33px}
#di-firma-design .process-introduction h2{font-size:30px}
#di-firma-design .process-introduction>p{font-size:16px}
#di-firma-design .service-steps{gap:24px;margin-bottom:35px}
#di-firma-design .step-title{font-size:18px}
#di-firma-design .service-steps li>p:last-child{font-size:15px}
#di-firma-design .practical-questions summary{font-size:15px}
#di-firma-design .price-layout{gap:40px}
#di-firma-design .price-introduction h2{font-size:30px}
#di-firma-design .price-introduction>p{font-size:16px}
#di-firma-design .price-explanation .explanation-label{font-size:18px}
#di-firma-design .price-explanation p{font-size:15px}
#di-firma-design .service-prices{padding:49px 0 52px}
#di-firma-design .service-contact{align-items:flex-start;flex-direction:column;gap:25px}
}
@media(max-width:700px){
#di-firma-design{font-size:16px}
#di-firma-design .wrap{width:calc(100% - 40px)}
#di-firma-design .service-hero{padding-top:0}
#di-firma-design .hero-panel{grid-template-columns:1fr;width:calc(100% - 24px);border-radius:8px;min-height:0}
#di-firma-design .hero-copy{padding:29px 25px 28px}
#di-firma-design .hero-copy h1{font-size:34px;line-height:1.14;letter-spacing:-.5px;max-width:420px;margin-bottom:21px}
#di-firma-design .hero-description{font-size:16px;line-height:1.7;margin-bottom:23px;max-width:470px}
#di-firma-design .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:19px}
#di-firma-design .hero-actions .button{min-height:47px;font-size:14px;padding:11px 20px}
#di-firma-design .hero-actions .text-action{font-size:13px}
#di-firma-design .hero-photo{height:auto;aspect-ratio:3/2;min-height:0}
#di-firma-design .hero-photo img{object-position:59% 52%}
#di-firma-design .service-process{padding-top:41px;padding-bottom:42px}
#di-firma-design .process-introduction{text-align:left;margin-bottom:27px}
#di-firma-design .process-introduction h2{font-size:28px;line-height:1.25;letter-spacing:-.4px;margin-bottom:20px;text-wrap:pretty}
#di-firma-design .process-introduction h2 br{display:none}
#di-firma-design .process-introduction>p{font-size:16px;line-height:1.8}
#di-firma-design .service-steps{display:block;margin-bottom:30px}
#di-firma-design .service-steps li{position:relative;padding:0 0 27px 46px}
#di-firma-design .service-steps li:last-child{padding-bottom:0}
#di-firma-design .step-number{position:absolute;top:0;left:0;width:29px;height:29px;font-size:14px;margin:0}
#di-firma-design .step-title{font-size:18px;line-height:1.5;margin-bottom:10px}
#di-firma-design .service-steps li>p:last-child{font-size:16px;line-height:1.8}
#di-firma-design .practical-questions summary{font-size:15px;padding:18px 0;gap:19px}
#di-firma-design .practical-questions details>div{font-size:15px;padding:0 15px 20px 0}
#di-firma-design .price-layout{grid-template-columns:1fr;gap:36px}
#di-firma-design .service-prices{padding:38px 0 40px}
#di-firma-design .price-introduction h2{font-size:28px;margin-bottom:21px;max-width:350px}
#di-firma-design .price-introduction>p{font-size:16px}
#di-firma-design .price-statement{margin-top:22px;padding-top:21px}
#di-firma-design .price-statement .price-amount{font-size:56px}
#di-firma-design .price-amount span{font-size:15px}
#di-firma-design .price-explanation .explanation-label{font-size:19px}
#di-firma-design .price-explanation p{font-size:16px}
#di-firma-design .price-explanation>div+div{padding-top:22px;margin-top:22px}
#di-firma-design .service-contact{padding-top:34px;padding-bottom:37px;gap:23px}
#di-firma-design .service-contact p{font-size:24px;line-height:1.35;margin-bottom:11px}
#di-firma-design .service-contact span{font-size:15px}
#di-firma-design .contact-actions{gap:24px;flex-wrap:wrap}
#di-firma-design .contact-actions .button{font-size:14px;padding:11px 21px;min-height:47px}
#di-firma-design .contact-actions .text-action{font-size:14px}
}
@media(max-width:370px){
#di-firma-design .hero-copy{padding:28px 21px}
#di-firma-design .hero-copy h1{font-size:31px}
#di-firma-design .hero-actions{gap:16px}
#di-firma-design .hero-actions .text-action{font-size:12px}
#di-firma-design .hero-actions .button{padding:10px 16px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
#di-firma-design,#di-firma-design *{transition:none!important}
}

/* Source: inkassofirma-landing.css; sha256: 49eead48cf158dd477491d0643fb2383dec86ec8c24ad66596d31398b7253038 */
#di-firma-design.firma-landing-page{--landing-ink: #414042;
  --landing-blue: #0079aa;
  --landing-hover: #00638d;
  --landing-sand: #eeece5;}
#di-firma-design.firma-landing-page{color: var(--landing-ink);}
#di-firma-design.firma-landing-page :is(h1,h2,.step-title,.explanation-label,.price-amount,.service-contact p){color: var(--landing-ink);}
#di-firma-design.firma-landing-page a{color: var(--landing-blue);}
#di-firma-design.firma-landing-page .button{background: var(--landing-blue);
  border-color: var(--landing-blue);
  color: #fff;
  transition: background-color .16s ease, border-color .16s ease;}
#di-firma-design.firma-landing-page .button:is(:hover,:focus-visible){background: var(--landing-hover);
  border-color: var(--landing-hover);
  color: #fff;
  text-decoration: none;}
#di-firma-design.firma-landing-page :is(a,summary):focus-visible{outline: 3px solid #414042; outline-offset: 4px;}
#di-firma-design .landing-benefits{display: grid; grid-template-columns: repeat(3,1fr); gap: 32px; padding-block: 36px 42px; text-align: left;}
#di-firma-design .landing-benefits > div + div{border-left: 1px solid #d8d9da; padding-left: 32px;}
#di-firma-design .landing-benefits .benefit-title{font-size: 19px; line-height: 1.4; font-weight: 700; margin-bottom: 10px;}
#di-firma-design .landing-benefits p:last-child{font-size: 17px; line-height: 1.7; margin: 0;}
#di-firma-design .landing-definition{display: grid; grid-template-columns: 1fr 1fr; background: var(--landing-sand);}
#di-firma-design .definition-copy{padding: 42px 36px; align-self: center; text-align: center;}
#di-firma-design .definition-copy h2{font-size: 30px; line-height: 1.25; margin-bottom: 22px;}
#di-firma-design .definition-copy p{font-size: 17px; line-height: 1.75; margin-bottom: 18px;}
#di-firma-design .definition-copy p:last-child{margin-bottom: 0;}
#di-firma-design .definition-photo{position: relative; min-height: 355px;}
#di-firma-design .definition-photo img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 45%;}
#di-firma-design.firma-landing-page .service-process{padding-block: 56px;}
#di-firma-design.firma-landing-page .process-introduction{max-width: none; margin-bottom: 34px; display: grid; grid-template-columns: 1fr 1.5fr; gap: 64px; text-align: left;}
#di-firma-design.firma-landing-page .process-introduction h2{font-size: 32px; margin: 0;}
#di-firma-design.firma-landing-page .process-introduction > p{margin: 0; font-size: 17px;}
#di-firma-design.firma-landing-page .service-steps li > p:last-child{font-size: 17px;}
#di-firma-design.firma-landing-page .service-steps{margin-bottom: 0;}
#di-firma-design.firma-landing-page .step-number{background: transparent; color: var(--landing-blue); font-size: 24px; border-radius: 0; width: auto; display: block; height: auto; line-height: 1.2; margin-bottom: 12px;}
#di-firma-design.firma-landing-page .service-prices{background: #fff; padding-block: 0;}
#di-firma-design.firma-landing-page .price-layout{background: #f3f4f4; padding: 44px; border: 0; gap: 64px;}
#di-firma-design.firma-landing-page .price-introduction h2{font-size: 32px;}
#di-firma-design.firma-landing-page .price-statement .price-amount{color: var(--landing-blue); font-size: 56px;}
#di-firma-design.firma-landing-page .price-boundary{font-size: 15px;}
#di-firma-design.firma-landing-page .price-explanation p{font-size: 17px;}
#di-firma-design.firma-landing-page .price-explanation .explanation-label{font-size: 19px;}
#di-firma-design.firma-landing-page .price-explanation a{font-size: 16px; text-decoration: none;}
#di-firma-design.firma-landing-page .price-explanation a:hover{text-decoration: underline;}
#di-firma-design.firma-landing-page .service-prices :is(.price-statement,.price-explanation>div+div){border-color: #d8d9da;}
#di-firma-design .landing-questions{padding-top: 56px; padding-bottom: 22px; display: grid; grid-template-columns: 1fr 1.5fr; gap: 64px;}
#di-firma-design .landing-questions h2{font-size: 32px; text-align: left; margin: 0;}
#di-firma-design .landing-questions .practical-questions{width: 100%; margin: 0;}
#di-firma-design .landing-questions .practical-questions summary{font-size: 17px;}
#di-firma-design .landing-questions .practical-questions details > div{font-size: 17px;}
#di-firma-design.firma-landing-page .practical-questions summary{color: #414042;}
#di-firma-design.firma-landing-page .service-contact{border-top: 1px solid #d8d9da; margin-top: 30px;}
#di-firma-design .landing-choice{padding-top: 58px; padding-bottom: 52px; border-bottom: 1px solid #d8d9da;}
#di-firma-design .landing-choice h2{font-size: 32px; max-width: 630px; margin-bottom: 28px; text-wrap: pretty;}
#di-firma-design .choice-columns{display: grid; grid-template-columns: 1fr 1fr; gap: 64px;}
#di-firma-design .choice-columns p{font-size: 17px; line-height: 1.8; margin-bottom: 20px;}
#di-firma-design .choice-columns p:last-child{margin-bottom: 0;}
#di-firma-design .choice-columns h3{margin: 0 0 12px; font-size: 19px; line-height: 1.5;}
@media (max-width: 1100px){
#di-firma-design .landing-benefits{gap: 22px;}
#di-firma-design .landing-benefits > div + div{padding-left: 22px;}
#di-firma-design.firma-landing-page .process-introduction,#di-firma-design .landing-questions{gap: 36px;}
#di-firma-design .definition-copy{padding: 32px 26px;}
#di-firma-design .definition-copy h2{font-size: 28px;}
}
@media (max-width: 700px){
#di-firma-design .landing-choice{padding-block: 40px;}
#di-firma-design .landing-choice h2{font-size: 28px; margin-bottom: 24px;}
#di-firma-design .choice-columns{grid-template-columns: 1fr; gap: 28px;}
#di-firma-design .landing-benefits{grid-template-columns: 1fr; gap: 24px; padding-block: 34px; text-align: left;}
#di-firma-design .landing-benefits > div + div{border-top: 1px solid #dedfe0; border-left: 0; padding-top: 23px; padding-left: 0;}
#di-firma-design .landing-definition{grid-template-columns: 1fr;}
#di-firma-design .definition-copy{padding: 30px 24px; text-align: left;}
#di-firma-design .definition-copy h2{font-size: 27px; margin-bottom: 18px;}
#di-firma-design .definition-copy p{font-size: 16px;}
#di-firma-design .definition-photo{min-height: 0; aspect-ratio: 4 / 3;}
#di-firma-design.firma-landing-page .service-process{padding-block: 40px;}
#di-firma-design.firma-landing-page .process-introduction,#di-firma-design .landing-questions{grid-template-columns: 1fr; gap: 22px;}
#di-firma-design.firma-landing-page .process-introduction h2,#di-firma-design.firma-landing-page .price-introduction h2{font-size: 28px;}
#di-firma-design.firma-landing-page .price-layout{padding: 24px; gap: 30px;}
#di-firma-design.firma-landing-page .step-number{width: 29px;}
#di-firma-design .landing-questions{padding-top: 38px;}
#di-firma-design .landing-questions h2{font-size: 27px; text-align: left; margin-bottom: 23px;}
}

/* Source: inkassofirma-hero-preview.css; sha256: c96ae22c018c60b2f0f5b890044c5a7175e7ed62b6eb0761ff5347385a485092 */
#di-firma-design.inkassofirma-photohero-preview .service-hero{padding: 0;}
#di-firma-design.inkassofirma-photohero-preview .hero-panel{position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 411px;
  margin: 0;
  padding: 44px 0;
  border-radius: 0;
  background: #414042;
  overflow: hidden;}
#di-firma-design.inkassofirma-photohero-preview .hero-photo{position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;}
#di-firma-design.inkassofirma-photohero-preview .hero-photo img{width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 15%;}
#di-firma-design.inkassofirma-photohero-preview .hero-panel::before{content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / 10%) 36%, rgb(0 0 0 / 65%) 60%, rgb(0 0 0 / 75%) 100%);}
#di-firma-design.inkassofirma-photohero-preview .hero-copy{box-sizing: border-box;
  width: min(510px, calc(50% - 36px));
  margin: 0 max(56px, calc((100% - 1120px) / 2)) 0 auto;
  padding: 0;
  color: #fff;
  align-self: center;}
#di-firma-design.inkassofirma-photohero-preview .hero-copy h1{max-width: 510px;
  margin: 0 0 22px;
  color: #fff;
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: -.65px;
  text-align: left;
  text-wrap: balance;}
#di-firma-design.inkassofirma-photohero-preview .hero-description{max-width: 475px;
  margin: 0 0 26px;
  color: #fff;
  font-size: 18px;
  line-height: 1.65;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions{display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions .button{background: #fff;
  border-color: #fff;
  color: #414042;
  font-size: 16px;
  transition: background-color .16s ease, border-color .16s ease;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions .button:is(:hover, :focus-visible){background: #d7edf4;
  border-color: #d7edf4;
  color: #414042;
  text-decoration: none;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions .text-action{font-size: 16px;
  color: #fff;
  text-decoration: none;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions .text-action:is(:hover, :focus-visible){text-decoration: underline;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions a:focus-visible{outline: 3px solid #70cde4; outline-offset: 5px;}
@media (max-width: 1100px){
#di-firma-design.inkassofirma-photohero-preview .hero-copy{width: calc(52% - 30px); margin-right: 40px;}
#di-firma-design.inkassofirma-photohero-preview .hero-copy h1{font-size: 36px;}
#di-firma-design.inkassofirma-photohero-preview .hero-description{font-size: 17px;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions{gap: 17px;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions .button,#di-firma-design.inkassofirma-photohero-preview .hero-actions .text-action{font-size: 15px;}
}
@media (max-width: 850px){
#di-firma-design.inkassofirma-photohero-preview .hero-copy{width: calc(55% - 24px); margin-right: 24px;}
#di-firma-design.inkassofirma-photohero-preview .hero-copy h1{font-size: 34px;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions{gap: 15px;}
}
@media (max-width: 700px){
#di-firma-design.inkassofirma-photohero-preview .hero-panel{min-height: 360px; padding: 110px 0 26px; align-items: flex-end;}
#di-firma-design.inkassofirma-photohero-preview .hero-photo img{object-position: 25% 0%;}
#di-firma-design.inkassofirma-photohero-preview .hero-panel::before{background: linear-gradient(180deg, rgb(0 0 0 / 6%) 0%, rgb(0 0 0 / 40%) 25%, rgb(0 0 0 / 76%) 52%, rgb(0 0 0 / 86%) 100%);}
#di-firma-design.inkassofirma-photohero-preview .hero-copy{width: calc(100% - 40px); margin: 0 auto; align-self: flex-end;}
#di-firma-design.inkassofirma-photohero-preview .hero-copy h1{max-width: 470px; margin-bottom: 17px; font-size: 30px; line-height: 1.16;}
#di-firma-design.inkassofirma-photohero-preview .hero-description{max-width: 470px; margin-bottom: 22px; font-size: 16px; line-height: 1.5;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions{gap: 15px;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions .button{min-height: 47px; padding: 11px 20px; font-size: 14px;}
#di-firma-design.inkassofirma-photohero-preview .hero-actions .text-action{font-size: 14px;}
}
@media (prefers-reduced-motion: reduce){
#di-firma-design.inkassofirma-photohero-preview .hero-actions .button{transition: none;}
}
#di-firma-design.inkassofirma-newcopy-preview .landing-benefits p:last-child,#di-firma-design.inkassofirma-newcopy-preview .service-steps li > p:last-child,#di-firma-design.inkassofirma-newcopy-preview .price-explanation p,#di-firma-design.inkassofirma-newcopy-preview .landing-questions .practical-questions summary,#di-firma-design.inkassofirma-newcopy-preview .landing-questions .practical-questions details > div{font-size: 16px;}
#di-firma-design.inkassofirma-newcopy-preview .price-explanation .explanation-label{font-size: 19px;}
#di-firma-design.inkassofirma-newcopy-preview .price-boundary{font-size: 13px;}
#di-firma-design.inkassofirma-newcopy-preview .price-explanation a{font-size: 15px;}
#di-firma-design.inkassofirma-photohero-preview .service-hero .hero-copy h1{color: #fff;}
#di-firma-design.inkassofirma-newcopy-preview .landing-intro{padding-top: 73px; padding-bottom: 9px; text-align: center;}
#di-firma-design.inkassofirma-newcopy-preview .landing-intro h2{max-width: 780px; margin: 0 auto 23px; font-size: 33px; line-height: 1.25;}
#di-firma-design.inkassofirma-newcopy-preview .landing-intro > p{max-width: 735px; margin: 0 auto; font-size: 17px; line-height: 1.8;}
@media (max-width: 850px){
#di-firma-design.inkassofirma-newcopy-preview .landing-intro{padding-top: 55px;}
#di-firma-design.inkassofirma-newcopy-preview .landing-intro h2{font-size: 30px;}
#di-firma-design.inkassofirma-newcopy-preview .landing-intro > p{font-size: 16px;}
}
@media (max-width: 700px){
#di-firma-design.inkassofirma-newcopy-preview .landing-intro{padding-top: 41px; padding-bottom: 0; text-align: left;}
#di-firma-design.inkassofirma-newcopy-preview .landing-intro h2{font-size: 28px; margin-bottom: 20px;}
#di-firma-design.inkassofirma-newcopy-preview .landing-intro h2 br{display: none;}
}

/* Source: inkassofirma-standardfarver-preview.css; sha256: 7cf40813c7cf7afecb3a5e6f73527dcbfed926df86d8ec2619054ebe9b7746f7 */
#di-firma-design.inkassofirma-brandcolors-preview{--navy: #414042;
  --body: #414042;
  --blue: #0088bf;
  --line: #dedede;
  --pale: #e1f3f8;
  --landing-ink: #414042;
  --landing-blue: #0088bf;
  --landing-hover: #007ab9;
  --landing-sand: #eeece5;
  color: #414042;}
#di-firma-design.inkassofirma-brandcolors-preview > :not(.service-hero) a:not(.button){color: #0088bf;
  text-decoration: none;}
#di-firma-design.inkassofirma-brandcolors-preview > :not(.service-hero) a:not(.button):is(:hover, :focus-visible){color: #007ab9;
  text-decoration: underline;}
#di-firma-design.inkassofirma-brandcolors-preview > :not(.service-hero) .button{background-color: #0088bf;
  border-color: #0088bf;
  color: #fff;}
#di-firma-design.inkassofirma-brandcolors-preview > :not(.service-hero) .button:is(:hover, :focus-visible){background-color: #007ab9;
  border-color: #007ab9;
  color: #fff;
  text-decoration: none;}
#di-firma-design.inkassofirma-brandcolors-preview > :not(.service-hero) :is(a, summary):focus-visible{outline-color: #0088bf;}
#di-firma-design.inkassofirma-brandcolors-preview .step-number{background-color: #e1f3f8;
  color: #414042;}
#di-firma-design.inkassofirma-brandcolors-preview .service-prices{--line: #d7d3c9;
  background-color: #eeece5;}
#di-firma-design.inkassofirma-brandcolors-preview :is(.price-statement, .price-explanation > div + div){border-color: #d7d3c9;}
#di-firma-design.inkassofirma-brandcolors-preview :is(.price-boundary, .service-contact > div > span){color: #626262;}
#di-firma-design.inkassofirma-brandcolors-preview .price-statement .price-amount{color: #414042;}
#di-firma-design.inkassofirma-newcopy-preview.inkassofirma-brandcolors-preview .service-prices{background-color: #fff;}
#di-firma-design.inkassofirma-newcopy-preview.inkassofirma-brandcolors-preview .price-layout{background-color: #eeece5;}
#di-firma-design.inkassofirma-newcopy-preview.inkassofirma-brandcolors-preview .step-number{background-color: transparent;
  color: #0088bf;}

/* Source: inkassofirma-preview-3.css; sha256: f777677a1bf7473d15ae427b6978d5c56b2180959c9becd1d214ac13bf8d3744 */
#di-firma-design.inkassofirma-preview-three .hero-panel::before{background: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / 4%) 36%, rgb(0 0 0 / 54%) 60%, rgb(0 0 0 / 62%) 100%);}
@media (max-width: 700px){
#di-firma-design.inkassofirma-preview-three .hero-panel::before{background: linear-gradient(180deg, transparent 0%, rgb(0 0 0 / 23%) 28%, rgb(0 0 0 / 61%) 52%, rgb(0 0 0 / 72%) 100%);}
}