/* HNZR Telefon follows the shared product typography and content grid. */
.telephone-page{font-family:Manrope,Arial,sans-serif;background:#fff;color:#17243c}
.telephone-page .tel-shell{width:min(1160px,calc(100% - 64px))}
.telephone-page :is(h1,h2,h3,p){text-wrap:pretty}
.telephone-page :is(h1,h2) em{font-family:inherit;font-weight:inherit;letter-spacing:inherit;font-style:normal;color:#3d5ee7}
.telephone-page .tel-hero{padding:145px 0 0;background:linear-gradient(112deg,#fbfcfe 0%,#f5f7fb 55%,#e9effa 100%);isolation:isolate}
.telephone-page .tel-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:80px;padding-bottom:62px}
.telephone-page .tel-hero-copy{min-width:0}
.telephone-page .tel-hero-copy>.tel-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:15px;color:#345cff;font-size:11px;font-weight:700;letter-spacing:.07em}
.telephone-page .tel-hero-copy>.tel-eyebrow>span{padding-left:15px;border-left:1px solid #c9d5ec;color:#7b88a2;font-size:10px;font-weight:500;letter-spacing:.035em}
.telephone-page .tel-hero h1{font-size:clamp(48px,4.7vw,68px);line-height:1.06;letter-spacing:-.06em;font-weight:600;max-width:none;margin:32px 0 27px}
.telephone-page .tel-intro{font-size:16px;line-height:1.9;color:#738099;max-width:570px}
.telephone-page .tel-actions{gap:24px;margin-top:30px;margin-bottom:22px}
.telephone-page .button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:50px;padding:14px 20px;border-radius:10px;font:600 13px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;box-shadow:none}
.telephone-page .tel-link{font-size:12px;font-weight:600;line-height:1.7;color:#3456c4;text-underline-offset:4px}
.telephone-page .tel-hero-trust{display:flex;flex-wrap:wrap;gap:10px 19px;margin-top:24px;font-size:10px;color:#647591}
.telephone-page .tel-hero-trust>span:before{content:'✓';margin-right:6px;color:#6080cf}
.telephone-page .tel-hero-note{margin-top:17px;max-width:520px;font-size:11px;line-height:1.9;color:#738099}
.telephone-page .tel-phone-scene{position:relative;min-width:0;padding:12px 0 0}
.telephone-page .tel-phone-scene:before{content:'';position:absolute;inset:27px -14px 14px 18px;border:1px solid #cad6ee;border-radius:24px;background:#e7edf9;transform:rotate(3deg);z-index:-1}
.telephone-page .tel-phone{max-width:480px;border:1px solid #26416a;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#284481,transparent 65%),#14264a;color:#f1f5ff;box-shadow:0 28px 65px -35px #12254e70}
.telephone-page .tel-phone-top{padding:25px 28px;border-color:#ffffff13}
.telephone-page .tel-phone-top>span{font-size:18px;letter-spacing:-.04em}
.telephone-page .tel-phone-top small{color:#b2c4e7;font-size:8px;letter-spacing:.08em;border:1px solid #ffffff20;padding:5px 7px;border-radius:4px}
.telephone-page .tel-phone-body{padding:26px 29px}
.telephone-page .tel-phone-status{color:#a9bfdf;font-size:10px;margin-bottom:24px}
.telephone-page .tel-phone-status i{background:#9bd9c2;box-shadow:0 0 0 4px #9bd9c20b}
.telephone-page .tel-phone-avatar{background:#7e9fff14;border:1px solid #89acdf30;color:#c5d8ff;border-radius:13px}
.telephone-page .tel-phone-person strong{color:#f1f5ff;font-size:22px;font-weight:600;letter-spacing:-.035em}
.telephone-page .tel-phone-person small{color:#acbfdf;font-size:11px}
.telephone-page .tel-phone-line{background:#ffffff08;border:1px solid #ffffff12;color:#9cb4d9;font-size:10px;padding:12px}
.telephone-page .tel-phone-line b{color:#d5e2fa;font-weight:500}
.telephone-page .tel-keypad{gap:8px}
.telephone-page .tel-keypad>span{min-height:46px;border-color:#ffffff17;border-radius:9px;color:#ecf3ff;font-size:18px;font-weight:500;background:#ffffff03}
.telephone-page .tel-keypad small{color:#8fa7cf;font-size:7px}
.telephone-page .tel-phone-controls{padding-top:23px}
.telephone-page .tel-phone-controls>span{border-color:#ffffff23;color:#c3d3ef;background:#ffffff04}
.telephone-page .tel-phone-controls>.tel-call{background:#345cff;color:#fff;border-radius:10px}
.telephone-page .tel-phone-caption{background:#ffffff03;border-color:#ffffff12;color:#94aacd;font-size:9px;line-height:1.8;padding:12px 18px}
.telephone-page .tel-section-nav{display:flex;flex-wrap:wrap;gap:32px;border-top:1px solid #d6deeb;padding:23px 0}
.telephone-page .tel-section-nav a{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:#50617e;text-decoration:none}
.telephone-page .tel-section-nav a>span{font-size:9px;font-weight:500;color:#8d9bb4}
.telephone-page .tel-section-nav a:hover{color:#345cff}
.telephone-page .tel-section{padding:80px 0;scroll-margin-top:94px}
.telephone-page .tel-section-soft{background:#f5f7fb}
.telephone-page .tel-eyebrow{font-size:10px;font-weight:650;letter-spacing:.09em;color:#6580a5}
.telephone-page h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15;letter-spacing:-.045em;font-weight:600}
.telephone-page .tel-heading{gap:60px;align-items:start;margin-bottom:35px}
.telephone-page .tel-heading>div{min-width:0}
.telephone-page .tel-heading>p{max-width:430px;font-size:14px;line-height:1.9;padding-top:32px;color:#647591}
.telephone-page .tel-heading a{color:#3456c4;text-underline-offset:4px}
.telephone-page .tel-features{gap:28px;border-bottom:0}
.telephone-page .tel-features article,.telephone-page .tel-features article+article{padding:24px 0 0;border-left:0}
.telephone-page .tel-features h3{font-size:21px;line-height:1.4;font-weight:600;margin:24px 0 13px}
.telephone-page .tel-features p{font-size:13px;line-height:1.9;color:#647591}
.telephone-page .tel-note{font-size:11px;line-height:1.9;color:#738099}
.telephone-page .tel-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.telephone-page .tel-package{display:flex;flex-direction:column;min-width:0;padding:27px 25px 22px;border:1px solid #dce4f0;border-radius:16px;background:#fff}
.telephone-page .tel-package-featured{border-color:#8099f1;box-shadow:0 12px 30px -24px #345cff65}
.telephone-page .tel-package-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px;font-size:9px;color:#738099}
.telephone-page .tel-package-badge{padding:4px 7px;background:#edf2ff;color:#345cff;border-radius:5px;white-space:nowrap}
.telephone-page .tel-package h3{font-size:25px;letter-spacing:-.04em;font-weight:600;margin:19px 0 10px}
.telephone-page .tel-package-description{min-height:44px;font-size:12px;line-height:1.8;color:#738099;margin:0}
.telephone-page .tel-package-price{font-size:38px;font-weight:600;letter-spacing:-.055em;line-height:1.2;margin:25px 0 0;color:#17243c}
.telephone-page .tel-package-price>span{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#738099;margin-top:7px}
.telephone-page .tel-package ul{flex:1;list-style:none;margin:25px 0;padding:21px 0 0;border-top:1px solid #e7edf6}
.telephone-page .tel-package li{position:relative;padding-left:17px;margin:0 0 12px;font-size:11px;line-height:1.8;color:#5d708d}
.telephone-page .tel-package li:before{content:'✓';position:absolute;left:0;color:#5d7cce}
.telephone-page .tel-package>.button{font-size:12px;min-height:45px;background:#edf2ff;border:1px solid #e0e8ff;color:#3153b6}
.telephone-page .tel-package-featured>.button{background:#345cff;border-color:#345cff;color:#fff}
.telephone-page .tel-package>.button:hover{background:#dce6ff}
.telephone-page .tel-package-featured>.button:hover{background:#2449df}
.telephone-page .tel-package-setup{font-size:9px;line-height:1.8;color:#738099;margin:14px 0 0;text-align:center}
.telephone-page .tel-provider-note{display:flex;align-items:center;gap:20px;border-top:1px solid #d6deeb;margin-top:30px;padding-top:27px}
.telephone-page .tel-provider-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #cbd7ee;border-radius:12px;color:#5d7cce;font-size:20px}
.telephone-page .tel-provider-note>div{flex:1}
.telephone-page .tel-provider-note h3{font-size:14px;font-weight:600;margin:0 0 7px}
.telephone-page .tel-provider-note p{font-size:11px;line-height:1.85;color:#647591;margin:0;max-width:740px}
.telephone-page .tel-provider-note>.tel-link{white-space:nowrap}
.telephone-page .tel-calculator{gap:40px;padding:28px;border:1px solid #dce4f0;border-radius:18px;background:#fafbfe}
.telephone-page .tel-calc-form{gap:20px}
.telephone-page .tel-calc-form label{font-size:12px;font-weight:600;color:#3d5170}
.telephone-page .tel-calc-form label small,.telephone-page .tel-calc-form p{font-size:10px;line-height:1.8;color:#738099}
.telephone-page .tel-calc-form :is(input,select){min-height:46px;font-size:14px;border-color:#d0dbed}
.telephone-page .tel-calc-result{padding:25px;background:#fff;border-color:#dce4f0;border-radius:12px}
.telephone-page .tel-calc-total{font-size:48px;letter-spacing:-.055em;font-weight:600}
.telephone-page .tel-calc-result .tel-eyebrow{font-size:8px}
.telephone-page .tel-calc-result .button{font-size:11px}
.telephone-page .tel-steps h3{font-size:20px;line-height:1.4;font-weight:600}
.telephone-page .tel-steps p{font-size:13px;line-height:1.9;color:#647591}
.telephone-page .tel-faq{max-width:860px}
.telephone-page .tel-faq>.faq-list{margin-top:32px;border-top:1px solid #dce4f0}
.telephone-page .tel-faq details{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;border-bottom:1px solid #dce4f0;border-radius:0}
.telephone-page .tel-faq summary{position:relative;list-style:none;padding:24px 48px 24px 0;font-size:15px;font-weight:600;line-height:1.65}
.telephone-page .tel-faq summary::-webkit-details-marker{display:none}
.telephone-page .tel-faq summary:after{content:'+';position:absolute;right:4px;top:50%;display:grid;place-items:center;width:28px;height:28px;border:1px solid #d7e1f4;border-radius:50%;color:#345cff;transform:translateY(-50%);transition:transform 220ms ease,background-color 180ms}
.telephone-page .tel-faq details[open]:not([data-faq-expanded="false"]) summary:after{transform:translateY(-50%) rotate(45deg);background:#edf2ff}
.telephone-page .tel-faq details>div{padding:0 48px 24px 0}
.telephone-page .tel-faq details p{margin:0;font-size:13px;line-height:1.9;color:#647591}
.telephone-page .tel-faq details.is-faq-animating{overflow:hidden;will-change:height}
.telephone-page :is(a,summary,input,select):focus-visible{outline:3px solid #8da8ff;outline-offset:4px}
@media(min-width:1600px){.telephone-page .tel-shell,.hnzr-site.telephone-page .site-header .nav-inner{width:min(1600px,calc(100% - 160px))}.telephone-page .tel-hero-grid{gap:100px;padding-bottom:65px}.telephone-page .tel-hero h1{font-size:clamp(72px,4vw,90px)}.telephone-page .tel-intro{font-size:18px;max-width:640px}.telephone-page .tel-phone{max-width:580px}.telephone-page .tel-phone-body{padding:30px 36px}.telephone-page .tel-phone-top{padding:28px 36px}.telephone-page .tel-keypad>span{min-height:54px}.telephone-page .tel-phone-caption{font-size:10px}.telephone-page .tel-package{padding:32px}.telephone-page .tel-package li{font-size:13px}.telephone-page .tel-package-description{font-size:14px}.telephone-page .tel-package-top,.telephone-page .tel-package-setup{font-size:11px}.telephone-page .tel-hero-trust{font-size:12px}.telephone-page .tel-hero-note{font-size:12px}.telephone-page .tel-package-price{font-size:46px}.telephone-page .tel-heading>p{font-size:16px;max-width:550px}}
@media(max-width:1100px){.telephone-page .tel-hero-grid{gap:40px}.telephone-page .tel-hero h1{font-size:53px}.telephone-page .tel-packages{gap:12px}.telephone-page .tel-package{padding:22px 18px}.telephone-page .tel-package-top{align-items:start;flex-direction:column;gap:6px;min-height:47px}.telephone-page .tel-calculator{gap:25px;padding:24px}}
@media(max-width:800px){.telephone-page .tel-shell{width:calc(100% - 40px)}.telephone-page .tel-hero{padding-top:115px}.telephone-page .tel-hero-grid{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.telephone-page .tel-hero h1{font-size:clamp(40px,9.5vw,60px);margin:25px 0 22px}.telephone-page .tel-intro{font-size:15px;max-width:550px}.telephone-page .tel-phone-scene{max-width:480px;width:calc(100% - 12px);margin:auto}.telephone-page .tel-phone{margin:0}.telephone-page .tel-section-nav{gap:13px 23px;padding:21px 0}.telephone-page .tel-section-nav a{font-size:10px}.telephone-page .tel-section{padding:55px 0}.telephone-page .tel-heading{margin-bottom:28px}.telephone-page .tel-heading>p{padding-top:0;font-size:13px}.telephone-page .tel-features{gap:0}.telephone-page .tel-features article,.telephone-page .tel-features article+article{padding:23px 0}.telephone-page .tel-packages{grid-template-columns:1fr;gap:18px}.telephone-page .tel-package{padding:25px}.telephone-page .tel-package-top{min-height:25px;flex-direction:row;align-items:center}.telephone-page .tel-package-description{min-height:0}.telephone-page .tel-package ul{margin-top:20px;margin-bottom:15px}.telephone-page .tel-package-price{margin-top:20px}.telephone-page .tel-provider-note{flex-wrap:wrap;gap:15px}.telephone-page .tel-provider-note>div{min-width:calc(100% - 60px)}.telephone-page .tel-provider-note>.tel-link{margin-left:55px}.telephone-page .tel-calculator{grid-template-columns:1fr;padding:20px;gap:25px}.telephone-page .tel-calc-result{padding:22px}.telephone-page .tel-steps{gap:16px}.telephone-page .tel-faq details>div{padding-right:8px}.telephone-page .tel-hero-copy>.tel-eyebrow{gap:10px;font-size:9px}.telephone-page .tel-hero-copy>.tel-eyebrow>span{font-size:8px;padding-left:10px}}
@media(max-width:460px){.telephone-page .tel-actions{gap:18px}.telephone-page .tel-actions>.button{font-size:12px;padding-inline:16px}.telephone-page .tel-calc-form{grid-template-columns:1fr}.telephone-page .tel-phone-top,.telephone-page .tel-phone-body{padding:23px}.telephone-page .tel-phone-top small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.telephone-page .tel-faq summary:after{transition:none}}
