/* Main hero shares the service typography; the calculator keeps its own styles. */
#kalkulyator.home-service-hero{box-sizing:border-box;max-width:1248px!important;grid-template-columns:minmax(0,1fr) minmax(0,460px)!important;gap:40px!important;padding:38px 24px!important;align-items:center}
#kalkulyator.home-service-hero>div:first-child{min-width:0}
#kalkulyator.home-service-hero :is(h1:not(.page-name),.page-hero-title).t-hero{font-size:clamp(52px,5.5vw,76px)!important;line-height:1.025!important;letter-spacing:-.06em!important;max-width:none!important}
#kalkulyator.home-service-hero .section-label{font-size:12px;letter-spacing:.1em;margin-bottom:24px!important}
#kalkulyator.home-service-hero .home-hero-actions{margin-top:30px!important}
#kalkulyator.home-service-hero .hero-facts{background:none!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--color-divider)!important;border-radius:0!important;padding:22px 0 0!important;margin-top:28px!important;gap:0!important}
#kalkulyator.home-service-hero .hero-facts>div{padding-left:0;padding-right:16px}
#kalkulyator.home-service-hero .hero-facts>div+div{padding-left:18px;border-color:var(--color-divider)}
#kalkulyator.home-service-hero .hero-fact-title{color:var(--color-brand-300);font-weight:500}
#kalkulyator.home-service-hero .hero-fact-title b{font-size:30px}
@media(min-width:1000px){#kalkulyator.home-service-hero{height:699px}}
@media(max-width:999px){#kalkulyator.home-service-hero{height:auto;grid-template-columns:minmax(0,1fr)!important;gap:32px!important;padding:44px 24px!important}#kalkulyator.home-service-hero :is(h1:not(.page-name),.page-hero-title).t-hero{font-size:60px!important}}
@media(max-width:700px){#kalkulyator.home-service-hero{padding:36px 20px!important}#kalkulyator.home-service-hero :is(h1:not(.page-name),.page-hero-title).t-hero{font-size:clamp(42px,11.5vw,60px)!important}#kalkulyator.home-service-hero .section-label{font-size:11px}#kalkulyator.home-service-hero .hero-facts>div{padding-right:8px}#kalkulyator.home-service-hero .hero-facts>div+div{padding-left:10px}#kalkulyator.home-service-hero .hero-fact-title{font-size:13px}#kalkulyator.home-service-hero .hero-fact-title b{font-size:24px}}

/* A connected service system: lightweight motion, useful links, stable heading. */
#kalkulyator.home-service-hero .home-headline{display:flex!important;flex-direction:column;align-items:flex-start;letter-spacing:-.055em!important}
#kalkulyator.home-service-hero .home-headline-gradient{background:linear-gradient(105deg,#345fda 0%,#7240c7 58%,#b1398b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#kalkulyator.home-service-hero .home-period{color:#7851ce}
#kalkulyator.home-service-hero .home-service-flow{display:flex;align-items:center;max-width:540px;margin-top:30px;gap:0}
#kalkulyator.home-service-hero .home-service-flow a{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 14px;flex:1;white-space:nowrap;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-surface) 65%,transparent);box-shadow:0 5px 20px #4256a208,inset 0 1px 0 #ffffff30;color:var(--color-text);font-size:14px;font-weight:500;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
#kalkulyator.home-service-hero .home-service-flow a span{font-size:10px;letter-spacing:.06em;color:#7f79b4}
#kalkulyator.home-service-hero .home-service-flow a:hover,#kalkulyator.home-service-hero .home-service-flow a:focus-visible{transform:translateY(-4px);border-color:#8270ce;box-shadow:0 8px 22px #7055c51a;outline:2px solid transparent}
#kalkulyator.home-service-hero .home-service-flow i{height:1px;flex:0 0 22px;background:color-mix(in srgb,var(--color-text) 15%,transparent);position:relative;overflow:visible}
#kalkulyator.home-service-hero .home-service-flow i::after{content:'';position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#7860dc;box-shadow:0 0 7px #9d70e480;animation:home-signal 3s ease-in-out infinite}
#kalkulyator.home-service-hero .home-service-flow i:nth-of-type(2)::after{animation-delay:1s}
#kalkulyator.home-service-hero .home-service-flow i:nth-of-type(3)::after{animation-delay:2s}
#kalkulyator.home-service-hero .home-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
#kalkulyator.home-service-hero .home-primary{display:inline-flex;align-items:center;gap:22px;padding:15px 24px;background:linear-gradient(110deg,#3263d4,#7048c3)!important;color:white!important;border:0!important;font-size:15px;box-shadow:0 8px 22px #5558bf24;transition:transform .2s ease,box-shadow .2s ease}
#kalkulyator.home-service-hero .home-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px #5558bf38}
#kalkulyator.home-service-hero .home-primary span,#kalkulyator.home-service-hero .home-tariff-link span{display:inline-block;transition:transform .2s ease}
#kalkulyator.home-service-hero .home-primary:hover span{transform:translate(3px,-3px)}
#kalkulyator.home-service-hero .home-tariff-link{font-size:14px;font-weight:500;color:var(--color-text);text-decoration:none;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--color-text) 20%,transparent)}
#kalkulyator.home-service-hero .home-tariff-link:hover span{transform:translateX(4px)}
#kalkulyator.home-service-hero::after{display:none!important}
#kalkulyator.home-service-hero .hero-ambient{display:none!important}
#kalkulyator.home-service-hero::before{background:radial-gradient(ellipse at 40% 35%,#8671df12,transparent 55%),radial-gradient(ellipse at 85% 75%,#467be915,transparent 60%)!important;animation:none!important}
@keyframes home-signal{0%,15%{transform:translateX(0);opacity:0}35%{opacity:1}85%,100%{transform:translateX(18px);opacity:0}}
@media(min-width:1000px) and (max-width:1150px){#kalkulyator.home-service-hero :is(h1:not(.page-name),.page-hero-title).t-hero{font-size:58px!important}#kalkulyator.home-service-hero .home-service-flow a{padding:0 8px;gap:5px}#kalkulyator.home-service-hero .home-service-flow i{flex-basis:12px}#kalkulyator.home-service-hero .home-hero-actions{gap:16px}}
@media(max-width:700px){#kalkulyator.home-service-hero .home-service-flow{margin-top:24px}#kalkulyator.home-service-hero .home-service-flow a{padding:0 9px;gap:0;font-size:12px;min-height:40px;border-radius:11px}#kalkulyator.home-service-hero .home-service-flow a span{display:none}#kalkulyator.home-service-hero .home-service-flow i{flex-basis:16px}#kalkulyator.home-service-hero .home-hero-actions{gap:12px 20px}#kalkulyator.home-service-hero .home-primary{padding:14px 20px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#kalkulyator.home-service-hero .home-service-flow i::after{animation:none}#kalkulyator.home-service-hero .home-service-flow a,#kalkulyator.home-service-hero .home-primary,#kalkulyator.home-service-hero .home-primary span,#kalkulyator.home-service-hero .home-tariff-link span{transition:none}}
@media(forced-colors:active){#kalkulyator.home-service-hero .home-headline-gradient{background:none;-webkit-text-fill-color:CanvasText}}
/* Value-led introduction, scoped to the homepage copy. */
#kalkulyator.home-service-hero :is(h1:not(.page-name),.page-hero-title).home-value-headline{font-size:clamp(48px,5vw,70px)!important;line-height:1.06!important;letter-spacing:-.055em!important}
#kalkulyator.home-service-hero .home-value-intro{max-width:520px;margin:22px 0 0;font-size:18px;line-height:1.5;color:color-mix(in srgb,var(--color-text) 75%,transparent)}
#kalkulyator.home-service-hero .home-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}
#kalkulyator.home-service-hero .home-value-card{position:relative;padding:18px 14px 16px;border:1px solid color-mix(in srgb,var(--color-text) 9%,transparent);border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--color-surface) 85%,transparent),color-mix(in srgb,var(--color-surface) 40%,transparent));box-shadow:inset 0 1px 0 #ffffff20,0 6px 20px #5351a308;transition:transform .25s ease,border-color .25s ease}
#kalkulyator.home-service-hero .home-value-card:hover{transform:translateY(-4px);border-color:#8270ce80}
#kalkulyator.home-service-hero .home-value-index{display:block;margin-bottom:13px;font-size:10px;letter-spacing:.04em;color:#7773ae}
#kalkulyator.home-service-hero .home-value-card strong{display:block;font-size:15px;line-height:1.4;font-weight:600;color:var(--color-text)}
#kalkulyator.home-service-hero .home-value-card p{margin:9px 0 0;font-size:12px;line-height:1.5;color:color-mix(in srgb,var(--color-text) 66%,transparent)}
@media(min-width:1000px) and (max-width:1150px){#kalkulyator.home-service-hero :is(h1:not(.page-name),.page-hero-title).home-value-headline{font-size:48px!important}#kalkulyator.home-service-hero .home-value-grid{gap:7px}#kalkulyator.home-service-hero .home-value-card{padding:14px 10px}#kalkulyator.home-service-hero .home-value-card strong{font-size:13px}}
@media(max-width:700px){#kalkulyator.home-service-hero :is(h1:not(.page-name),.page-hero-title).home-value-headline{font-size:clamp(36px,9.4vw,58px)!important}#kalkulyator.home-service-hero .home-value-intro{font-size:16px;margin-top:18px}#kalkulyator.home-service-hero .home-value-grid{grid-template-columns:1fr;gap:8px;margin-top:22px}#kalkulyator.home-service-hero .home-value-card{padding:14px 16px;display:grid;grid-template-columns:1fr 1.15fr;gap:5px 16px}#kalkulyator.home-service-hero .home-value-index{grid-column:1/-1;margin-bottom:3px}#kalkulyator.home-service-hero .home-value-card strong{font-size:14px}#kalkulyator.home-service-hero .home-value-card p{margin:0;font-size:12px}}
@media(prefers-reduced-motion:reduce){#kalkulyator.home-service-hero .home-value-card{transition:none;transform:none}}
/* Bespoke calculator: selectable modules and an ink-blue price panel. */
html #kalkulyator.home-service-hero .hero-calculator{position:relative;border:1px solid color-mix(in srgb,#8580cf 24%,transparent)!important;border-radius:26px!important;background:linear-gradient(150deg,color-mix(in srgb,var(--color-surface) 94%,#bfb1ec),color-mix(in srgb,var(--color-surface) 94%,#8aa9ed))!important;box-shadow:0 18px 50px #373e6f15,inset 0 1px 0 #ffffff50!important;isolation:isolate}
html #kalkulyator.home-service-hero .hero-calculator::before{display:none!important}
html #kalkulyator.home-service-hero .hero-calculator>div:first-child{padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,#8880c9 20%,transparent);align-items:center!important}
html #kalkulyator.home-service-hero .calculator-title{font-size:17px!important;color:var(--color-text)!important;letter-spacing:-.035em}
html #kalkulyator.home-service-hero .hero-calculator>div:first-child>span:last-child{font-size:10px!important;padding:5px 8px;border-radius:30px;background:#8070d215;color:var(--color-text)!important;letter-spacing:.01em}
html #kalkulyator.home-service-hero .hero-service-list{gap:0!important}
html #kalkulyator.home-service-hero .hero-service-list>button{border-radius:9px!important;background:transparent!important;transition:background .18s ease,box-shadow .18s ease!important}
html #kalkulyator.home-service-hero .hero-service-list>button[aria-pressed="true"]{background:linear-gradient(105deg,#637fe31b,#9470d621)!important;box-shadow:inset 2px 0 0 #7861d4}
html #kalkulyator.home-service-hero .hero-service-list>button:hover{background:#7e73ce22!important}
html #kalkulyator.home-service-hero .hero-service-list>button:focus-visible{outline:2px solid #8966dc;outline-offset:2px}
html #kalkulyator.home-service-hero .hero-service-list>button>span:first-child{border-radius:50%!important}
html #kalkulyator.home-service-hero .hero-service-list>button[aria-pressed="true"]>span:first-child{border-color:transparent!important;background:linear-gradient(140deg,#3869d6,#8b51c5)!important;box-shadow:0 2px 5px #594eb426}
html #kalkulyator.home-service-hero .hero-service-list>button[aria-pressed="true"]>span:nth-child(2){font-weight:500}
html #kalkulyator.home-service-hero .hero-service-list>button>span:last-child{font-variant-numeric:tabular-nums;font-weight:500}
html #kalkulyator.home-service-hero .staff-comparison{background:radial-gradient(ellipse at 100% 0%,#784b9e55,transparent 65%),linear-gradient(120deg,#1e2946,#302743)!important;border:0!important;border-radius:18px!important;color:#fff!important;padding:12px!important;box-shadow:0 8px 20px #24284d18!important}
html #kalkulyator.home-service-hero .staff-comparison>div:first-child{font-size:11px!important;font-weight:500!important;letter-spacing:.04em;color:#d8d5ee;margin-bottom:12px!important}
html #kalkulyator.home-service-hero .staff-comparison>div:nth-child(2){gap:12px!important}
html #kalkulyator.home-service-hero .staff-comparison>div:nth-child(2)>div:first-child{color:#b7bdd1}
html #kalkulyator.home-service-hero .staff-comparison>div:nth-child(2)>div+div{padding-left:14px;border-left:1px solid #a8a4d130}
html #kalkulyator.home-service-hero .staff-comparison strong{display:block;font-size:21px!important;letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums}
html #kalkulyator.home-service-hero .staff-comparison>div:nth-child(2)>div:last-child strong{color:#fff;font-size:24px!important;text-shadow:0 0 22px #a187df35}
html #kalkulyator.home-service-hero .staff-comparison>div:nth-child(2)>div>div{font-size:10px!important}
html #kalkulyator.home-service-hero .staff-comparison>p{font-size:10px!important;color:#b5bad0;line-height:1.4!important;padding-top:9px;border-top:1px solid #a8a4d120}
html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block{background:linear-gradient(110deg,#3565d3,#7449bd)!important;color:#fff!important;border:0!important;box-shadow:0 6px 15px #6e50bb22!important;font-size:13px!important;transition:transform .2s ease,box-shadow .2s ease!important}
html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block:hover{transform:translateY(-2px);box-shadow:0 9px 20px #6e50bb38!important}
html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block svg{transition:transform .2s ease}
html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block:hover svg{transform:translateY(-2px)}
@media(max-width:380px){html #kalkulyator.home-service-hero .calculator-title{font-size:15px!important}html #kalkulyator.home-service-hero .staff-comparison strong{font-size:18px!important}html #kalkulyator.home-service-hero .staff-comparison>div:nth-child(2)>div:last-child strong{font-size:20px!important}}
@media(prefers-reduced-motion:reduce){html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block,html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block svg{transition:none!important;transform:none!important}}
html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block .calculator-arrow{display:inline-block;margin-left:8px;font-size:19px;line-height:1;transition:transform .2s ease}
html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block:hover .calculator-arrow{transform:translate(3px,-3px)}
@media(prefers-reduced-motion:reduce){html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block .calculator-arrow{transition:none;transform:none}}
/* Keep the action label centred and anchor its arrow to the trailing edge. */
html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block{position:relative;padding-left:42px!important;padding-right:42px!important}
html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block .calculator-arrow{position:absolute;right:20px;top:50%;margin:0;transform:translateY(-50%)}
html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block:hover .calculator-arrow{transform:translate(3px,calc(-50% - 3px))}
@media(max-width:380px){html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block{padding-left:30px!important;padding-right:30px!important;font-size:12px!important}html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block .calculator-arrow{right:13px}}
@media(prefers-reduced-motion:reduce){html #kalkulyator.home-service-hero .hero-calculator>.btn.btn-block:hover .calculator-arrow{transform:translateY(-50%)}}
/* Explicit action states take precedence over legacy light-button theme rules. */
#kalkulyator #home-calc-submit{background:linear-gradient(110deg,#3565d3,#7449bd)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#kalkulyator #home-calc-submit:hover,#kalkulyator #home-calc-submit:focus-visible{background:linear-gradient(110deg,#2e59c2,#693caf)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 9px 22px #6e50bb40!important}
#kalkulyator #home-calc-submit:focus-visible{outline:2px solid #9373dc;outline-offset:3px}
#kalkulyator #home-calc-submit:active{transform:translateY(0);box-shadow:0 3px 10px #6e50bb30!important}
/* Both phrases share one grid cell, so the title never shifts on hover. */
#kalkulyator.home-service-hero .home-headline-swap{display:inline-grid;position:relative;outline:none}
#kalkulyator.home-service-hero .home-headline-swap>.home-headline-gradient{grid-area:1/1;background-image:linear-gradient(110deg,#345fda 0%,#7240c7 25%,#bc3994 45%,#6755d6 65%,#345fda 85%,#7240c7 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:home-heading-shimmer 7s ease-in-out infinite;transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1);will-change:auto}
#kalkulyator.home-service-hero .home-headline-alternate{opacity:0;transform:translateY(12px);pointer-events:none}
#kalkulyator.home-service-hero .home-headline-swap:hover .home-headline-default,#kalkulyator.home-service-hero .home-headline-swap:focus-visible .home-headline-default{opacity:0;transform:translateY(-12px)}
#kalkulyator.home-service-hero .home-headline-swap:hover .home-headline-alternate,#kalkulyator.home-service-hero .home-headline-swap:focus-visible .home-headline-alternate{opacity:1;transform:translateY(0)}
#kalkulyator.home-service-hero .home-headline-swap:focus-visible{outline:2px solid #9373dc;outline-offset:8px;border-radius:5px}
@keyframes home-heading-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){#kalkulyator.home-service-hero .home-headline-swap>.home-headline-gradient{animation:none;transition:none;transform:none}}
@media(forced-colors:active){#kalkulyator.home-service-hero .home-headline-swap>.home-headline-gradient{background:none;-webkit-text-fill-color:CanvasText}}