/* Nordic TeleCom: official 2018 identity, Calibri typography, original assets. */
:root{--blue:#0b5ace;--blue-dark:#08469f;--orange:#f46b27;--ink:#14243a;--muted:#516177;--line:#dce4ed;--soft:#f3f7fc;--white:#fff;--radius:18px;font-family:Calibri,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff;font-size:18px;line-height:1.55;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;font-weight:700;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.7vw,4.7rem);max-width:840px}h2{font-size:clamp(2rem,3.3vw,3.05rem)}h3{font-size:1.4rem}p{margin-top:1rem}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.6}button{border:0;background:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}a:hover{color:var(--blue)}img{max-width:100%;height:auto;display:block}svg{width:24px;height:24px;flex-shrink:0}strong{font-weight:700}[hidden]{display:none!important}.container{max-width:1260px;margin-inline:auto;padding-inline:40px}.narrow{max-width:1000px}.small{font-size:.87rem}.muted{color:var(--muted)}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.13em;line-height:1.4;color:var(--blue);text-transform:uppercase;margin:0 0 1.1rem}.overline{font-size:.73rem;color:var(--muted);display:block}.section{padding-block:92px}.section-heading{max-width:770px;margin-bottom:40px}.section-heading>p:not(.eyebrow){color:var(--muted);max-width:680px}.tinted{background:var(--soft)}.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--blue);color:#fff;padding:15px 23px;border:1.5px solid var(--blue);border-radius:8px;font-size:.94rem;font-weight:700;line-height:1.25;min-height:52px;text-align:left;transition:background .18s,transform .18s}.button:hover{background:var(--blue-dark);color:#fff;transform:translateY(-2px)}.button>span:last-child{font-size:1.2em}.button-outline{background:transparent;color:var(--blue);border-color:#b4c8e6}.button-outline:hover{background:#edf4ff;color:var(--blue-dark)}.button-small{padding:11px 16px;min-height:45px;font-size:.84rem;gap:14px}.text-link{color:var(--blue);font-weight:700;border-bottom:1px solid #a9c8f2;padding-bottom:3px}.text-button{text-decoration:underline;padding:0}.skip{position:fixed;top:-100px;left:20px;background:white;padding:16px;z-index:100}.skip:focus{top:10px}.site-header{height:100px;position:sticky;top:0;z-index:30;background:#fffffffa;border-bottom:1px solid #e7edf3;backdrop-filter:blur(12px)}.header-inner{max-width:1380px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.brand{display:block;width:153px;flex-shrink:0}.brand img{width:153px;height:67px;object-fit:contain}#navigation{display:flex;align-items:center;gap:25px;font-size:.93rem;font-weight:700}.nav-group{position:relative}.nav-group>summary{display:flex;list-style:none;align-items:center;gap:10px;padding-block:25px;white-space:nowrap}.nav-group summary::-webkit-details-marker{display:none}.nav-popover{position:absolute;top:100%;min-width:230px;padding:12px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 12px 28px #14243a12}.nav-popover>a{display:block;padding:12px;border-radius:6px}.nav-popover>a:hover{background:var(--soft)}.languages{display:flex;gap:9px;margin-left:8px;font-size:.75rem}.language-link{padding:7px 1px;color:var(--muted)}.language-link[aria-current]{color:var(--blue);border-bottom:2px solid var(--blue)}.login-link{font-weight:400;font-size:.86rem;white-space:nowrap}.menu-toggle{display:none}.hero{padding:85px 0 95px;overflow:hidden;background:linear-gradient(115deg,#fff 54%,#f1f6fe 100%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px}.hero-intro{font-size:1.15rem;line-height:1.55;max-width:630px;color:var(--muted);margin-top:25px}.home-hero h1{max-width:570px}.compact-hero{padding:75px 0 70px}.compact-hero h1{font-size:clamp(2.5rem,4.5vw,4rem)}.compact-hero .hero-intro{max-width:750px}.call-story{position:relative;max-width:500px;min-width:0;isolation:isolate}.call-story::before{content:'';position:absolute;inset:15% -10% -6% 7%;background:#e5eefc;border-radius:50%;z-index:-1}.story-top{display:flex;align-items:center;font-size:.75rem;font-weight:700;gap:8px;padding:0 8px 14px}.signal{width:8px;height:8px;border-radius:50%;background:var(--blue)}.example-label{margin-left:auto;font-size:.64rem;color:var(--muted);font-weight:400}.call-card{background:var(--blue);color:white;display:flex;align-items:center;gap:14px;padding:21px 23px;border-radius:16px 16px 0 0}.call-card .overline{color:#dce9ff}.call-card strong{font-size:1.05rem;display:block;margin-top:3px}.round-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%}.sound-wave{display:flex;align-items:center;gap:4px;height:36px;margin-left:auto}.sound-wave i{height:14px;width:3px;background:#fff;border-radius:3px}.sound-wave i:nth-child(2n){height:25px}.sound-wave i:nth-child(3n){height:34px}.voice-note{background:white;padding:22px 26px 25px;border:1px solid #c8d9ee;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 14px 40px #2743670c}.voice-note p{font-size:1.18rem;line-height:1.4;margin-top:0;max-width:340px}.quote-mark{color:var(--orange);font-size:3.2rem;line-height:.9;display:block;font-family:Georgia,serif}.audio-line{height:3px;border-radius:3px;background:linear-gradient(to right,var(--orange) 57%,#e9edf2 57%);margin-top:21px}.story-connector{color:var(--blue);font-size:1.8rem;text-align:center;height:45px;line-height:45px}.summary-card{margin-left:38px;margin-right:-15px;background:white;border:1px solid #c8d9ee;border-radius:16px;padding:22px;box-shadow:0 20px 45px #2348780e}.summary-heading{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:.78rem;font-weight:700;margin-bottom:14px}.summary-card>strong{font-size:1.1rem}.task-row{margin-top:20px;display:flex;align-items:center;gap:9px;font-size:.7rem;color:var(--muted)}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#edf3fd;color:var(--blue);font-size:.55rem;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);margin-left:auto}.task-progress{border-top:1px solid var(--line);padding-top:14px;margin-top:16px;display:flex;align-items:center;gap:18px}.task-progress>span:first-child{font-size:.73rem;display:flex;gap:7px;align-items:center;color:#226b51}.task-progress svg{width:17px;height:17px}.progress-track{display:block;flex:1;height:5px;background:#e7f2ed;border-radius:4px}.progress-track i{width:100%;display:block;background:#3a9879;height:5px;border-radius:4px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.problem-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.problem-card:hover{color:var(--ink);border-color:#9fc1f0;box-shadow:0 12px 24px #08469f09;transform:translateY(-4px)}.square-icon{display:grid;place-items:center;width:49px;height:49px;background:#eef4fd;color:var(--blue);border-radius:12px;margin-bottom:27px}.problem-card:nth-child(2) .square-icon{background:#fff0e8;color:#af4009}.problem-card:nth-child(3) .square-icon{background:#eef1f4;color:#293d58}.problem-card p{font-size:.98rem;color:var(--muted);margin-bottom:28px}.card-bottom{border-top:1px solid var(--line);padding-top:17px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--blue)}.process-section{background:var(--soft)}.process-tabs{display:flex;border-bottom:1px solid #cdd9e8;gap:28px;margin-bottom:40px}.process-tabs button{padding:14px 0;font-weight:700;font-size:.93rem;color:var(--muted);border-bottom:3px solid transparent}.process-tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue)}.process-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:0}.process-steps li{position:relative}.process-steps li:not(:last-child)::after{content:'→';position:absolute;right:0;top:4px;color:#9ab0cf;font-size:1.5rem}.step-number{width:44px;height:44px;display:grid;place-items:center;border:1px solid #adc5e8;border-radius:50%;font-size:.76rem;color:var(--blue);font-weight:700;background:#fff;margin-bottom:25px}.process-steps h3{font-size:1.17rem}.process-steps p{font-size:.92rem;color:var(--muted)}.process-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:42px;padding-top:27px;border-top:1px solid #cdd9e8}.video-button{display:flex;gap:11px;align-items:center;color:var(--blue);font-weight:700}.video-button svg{border:1px solid #9abcdf;border-radius:50%;width:35px;height:35px;padding:8px}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.image-zoom{position:relative;padding:0;width:100%;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--soft)}.image-zoom img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;transition:transform .25s}.image-zoom:hover img{transform:scale(1.025)}.image-zoom>span{position:absolute;right:12px;bottom:12px;padding:8px 12px;border-radius:6px;background:#fff;box-shadow:0 2px 12px #0001;font-size:.72rem;display:flex;align-items:center;gap:6px}.image-zoom svg{width:14px;height:14px}figcaption{font-size:.74rem;color:var(--muted);padding-top:10px}.demo-section{background:var(--blue);color:white;padding:70px 0}.demo-section .eyebrow{color:#d4e4ff}.demo-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.demo-grid p{max-width:600px;color:#e3edff}.demo-grid .small{color:#cfdef5}.demo-call{display:flex;align-items:center;gap:18px;padding:26px 25px;background:#fff;color:var(--ink);border-radius:14px;font-size:.95rem;box-shadow:0 9px 25px #00256424}.demo-call strong{display:block;font-size:1.55rem;letter-spacing:-.03em;margin-top:3px}.demo-call>span:last-child{margin-left:auto;color:var(--blue);font-size:1.6rem}.demo-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#fff0e8;color:#c24b11}.references{border-top:1px solid var(--line);text-align:center;padding-block:60px}.references h2{font-size:1.25rem;letter-spacing:-.015em}.reference-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:35px;align-items:center;margin:35px 0 20px}.reference-logos img{width:100%;height:65px;object-fit:contain}.references .small{font-size:.75rem}.plans-section{background:var(--soft)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:25px}.plan-card{background:white;border:1px solid var(--line);border-top:3px solid var(--blue);padding:30px;border-radius:14px;min-width:0;display:flex;flex-direction:column}.plan-card.agent{border-top-color:var(--orange)}.plan-card h3{font-size:1.65rem;overflow-wrap:anywhere}.plan-price{font-size:2rem;letter-spacing:-.035em;font-weight:700;margin-top:22px}.plan-price small{font-size:1rem;font-weight:400;letter-spacing:0;color:var(--muted)}.plan-card .plan-inclusions{background:var(--soft);border-radius:8px;margin:20px 0;padding:18px 18px 18px 35px;font-size:.91rem}.plan-card .plan-inclusions li+li{margin-top:7px}.plan-card .plan-description{color:var(--muted);font-size:.92rem}.plan-card>.button{margin-top:25px}.price-details{margin-top:20px;border-top:1px solid var(--line)}.price-details summary{padding:15px 0;font-weight:700;color:var(--blue);font-size:.9rem}.price-row{padding:15px 0;border-top:1px solid var(--line);font-size:.87rem}.price-row strong{font-size:1rem;display:block}.price-row p{margin-top:5px;font-size:.8rem;color:var(--muted)}.price-row ul{padding-left:18px;color:var(--muted);font-size:.8rem}.plan-terms{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;color:var(--muted)}#offer-status:not(:empty){padding:20px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.loading-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--blue);margin-right:12px;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.25}}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.feature-index{display:block;font-size:.78rem;color:var(--blue);font-weight:700;border-top:2px solid var(--blue);padding-top:18px;margin-bottom:22px}.feature p{font-size:.96rem;color:var(--muted)}.comparison{width:100%;border-collapse:collapse;text-align:left;min-width:480px}.comparison-wrap{overflow:auto}.comparison th,.comparison td{padding:19px 20px;border-bottom:1px solid var(--line);font-size:.94rem}.comparison thead th{background:var(--soft);font-size:1.13rem}.comparison tbody th{font-weight:400;width:48%}.comparison td{color:var(--blue);font-weight:700;min-width:110px}.comparison td:last-child{font-size:.88rem}.faq-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:60px}.faq-grid .text-link{display:inline-block;margin-top:25px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;list-style:none;padding:22px 0;font-size:1.05rem;font-weight:700;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:1.5rem;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0 0 24px;color:var(--muted);font-size:.95rem}.next-section{background:#f3f7fc;border-top:1px solid var(--line)}.next-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.next-grid .actions{margin:0;flex-direction:column;align-items:stretch}.next-grid p{color:var(--muted)}.site-footer{background:#07387c;color:white;padding:55px 0 30px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:70px;padding-bottom:50px}.footer-brand{display:block;width:175px}.footer-tagline{max-width:300px;font-size:1.15rem;color:#d7e4f6}.footer-top h2{font-size:1rem;letter-spacing:0;margin:20px 0 16px}.footer-top>div>a:not(.footer-brand){display:block;color:#e4edfa;font-size:.94rem;margin-top:6px}.site-footer a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff30;padding-top:25px;display:flex;gap:45px;justify-content:space-between;font-size:.74rem;color:#d4e1f3}.footer-bottom p{margin:0}.footer-bottom nav{display:flex;gap:18px;flex-wrap:wrap;align-content:flex-start}.footer-bottom .text-button{font-size:inherit;color:inherit}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:75px}.contact-block{margin-top:35px}.contact-block h3{font-size:1.1rem;margin-bottom:10px}.contact-block a{display:block;color:var(--blue);margin-top:3px}.contact-grid form{background:var(--soft);padding:30px;border:1px solid var(--line);border-radius:16px}.contact-grid fieldset{padding:0;border:0;min-width:0;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{font-size:.9rem;font-weight:700}.field label .muted{font-size:.8rem;font-weight:400}.field input,.field select,.field textarea{width:100%;max-width:100%;border:1px solid #b8c7d9;border-radius:6px;padding:12px;background:white;color:var(--ink);font-size:.94rem}.field textarea{resize:vertical}.checkbox{display:flex;align-items:flex-start;gap:11px;font-size:.82rem;margin:15px 0 25px;color:var(--muted)}.checkbox input{margin:5px 0 0;accent-color:var(--blue);width:18px;height:18px;flex-shrink:0}.checkbox a{color:var(--blue);text-decoration:underline}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#form-status,#form-availability{font-size:.87rem}#form-availability:not(:empty){padding:15px;background:#fff5df;border-radius:7px;margin-bottom:20px}.hero-analytics{border:1px solid var(--line);background:white;border-radius:16px;padding:16px;box-shadow:0 25px 50px #14243a10}.hero-analytics>span{display:block;font-size:.75rem;margin-top:15px;color:var(--muted)}.consent{position:fixed;bottom:20px;left:20px;right:20px;z-index:45;background:white;border:1px solid #b5c9e5;box-shadow:0 8px 50px #14243a22;border-radius:13px;max-width:1160px;margin:auto;padding:22px 26px;display:flex;align-items:center;gap:30px}.consent strong{font-size:1rem}.consent p{font-size:.81rem;color:var(--muted);margin-top:5px;max-width:640px}.consent p a{color:var(--blue);text-decoration:underline}.consent-actions{display:flex;gap:10px;flex-shrink:0}.consent .button{font-size:.81rem;padding:12px 16px;min-height:44px;white-space:nowrap}.consent .button:hover{transform:none}dialog{width:min(1200px,95vw);max-height:92vh;border:1px solid var(--line);border-radius:14px;padding:20px;background:white;color:var(--ink)}dialog::backdrop{background:#0b183acc;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:15px}.dialog-top h2{font-size:1.15rem;letter-spacing:0}.close-dialog{font-size:1.8rem;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;line-height:1}.dialog-top+div img,.dialog-top+div video{width:100%;max-height:75vh;object-fit:contain}.dialog-top+div video{background:#101820}html:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.hero{padding-block:100px}.home-hero h1{font-size:4.75rem}}
@media(max-width:1150px){#navigation{gap:18px;font-size:.86rem}.header-inner{padding-inline:25px;gap:20px}.brand,.brand img{width:135px}.login-link{display:none}.hero-grid{gap:40px}.container{padding-inline:30px}.summary-card{margin-right:0}.demo-grid{gap:35px}.demo-call{padding:20px;gap:12px}.demo-call strong{font-size:1.25rem}.consent{gap:20px}.consent-actions{flex-direction:column}.reference-logos{gap:25px}}
@media(max-width:900px){.site-header{height:82px}.menu-toggle{display:flex;align-items:center;gap:15px;font-weight:700;border:1px solid var(--line);border-radius:7px;padding:8px 12px;font-size:.85rem}#navigation{display:none;position:absolute;top:81px;left:0;right:0;background:white;padding:15px 25px 25px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #14243a09;max-height:calc(100dvh - 82px);overflow:auto}#navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}.nav-group>summary{padding:13px 0;justify-content:space-between}.nav-popover{position:static;box-shadow:none;border:0;border-radius:0;border-left:2px solid var(--blue);padding:0 12px;margin:3px 0 12px}.languages{margin:10px 0;gap:22px}.login-link{display:block;padding:15px 0}.hero{padding:65px 0}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}.hero .button{font-size:.85rem;gap:12px;padding:12px 15px}h1{font-size:3rem}.call-card{padding:16px}.call-card strong{font-size:.9rem}.call-card .round-icon{display:none}.voice-note{padding:19px}.voice-note p{font-size:1rem}.summary-card{margin-left:15px;padding:17px}.summary-card>strong{font-size:.95rem}.story-top{font-size:.7rem}.example-label{font-size:.6rem}.section{padding-block:65px}.problem-grid{gap:16px}.problem-card{padding:23px}.problem-card h3{font-size:1.22rem}.process-steps{gap:22px}.process-steps h3{font-size:1.04rem}.process-steps p{font-size:.86rem}.feature-grid{gap:25px}.feature h3{font-size:1.23rem}.next-grid{grid-template-columns:1.4fr 1fr;gap:35px}.faq-grid{gap:35px}.footer-top{gap:30px}.contact-grid{gap:35px;grid-template-columns:1fr 1.3fr}.form-grid{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr 1fr}.demo-call{flex-wrap:wrap}.demo-call strong{font-size:1.4rem}.demo-icon{width:45px;height:45px}.reference-logos{grid-template-columns:repeat(3,1fr);gap:25px 50px}}
@media(max-width:650px){:root{font-size:17px;scroll-padding-top:95px}.container{padding-inline:22px}.header-inner{padding-inline:22px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero{padding:48px 0 60px}.home-hero h1{font-size:3.6rem;max-width:500px}.hero h1{overflow-wrap:break-word}.hero-intro{font-size:1.08rem;margin-top:22px}.eyebrow{font-size:.67rem}.call-story{max-width:450px;width:100%;margin:auto}.call-story::before{inset:10% -10px -20px 20px}.call-card{padding:19px}.call-card strong{font-size:1.12rem}.call-card .round-icon{display:grid}.voice-note{padding:23px}.voice-note p{font-size:1.2rem}.summary-card{margin-left:25px;padding:23px}.summary-card>strong{font-size:1.1rem}.story-top{font-size:.75rem}.example-label{font-size:.66rem}.compact-hero{padding-block:45px}.compact-hero h1{font-size:2.7rem}.section{padding-block:55px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:2.15rem}.problem-grid,.feature-grid,.screenshot-grid{grid-template-columns:1fr}.problem-card{padding:26px}.problem-card h3{font-size:1.5rem}.square-icon{margin-bottom:20px}.problem-card p{margin-bottom:22px}.process-tabs{gap:0;justify-content:space-between;margin-bottom:30px}.process-tabs button{font-size:.8rem;padding-inline:4px}.process-steps{grid-template-columns:1fr 1fr;gap:28px 20px}.process-steps li::after{display:none}.process-steps h3{font-size:1.14rem}.process-steps p{font-size:.92rem}.step-number{margin-bottom:16px}.process-action{align-items:flex-start;flex-direction:column;gap:20px;margin-top:30px}.video-button{font-size:.94rem}.demo-section{padding-block:50px}.demo-grid{grid-template-columns:1fr;gap:30px}.demo-call{padding:24px;flex-wrap:nowrap}.demo-call strong{font-size:1.5rem}.demo-icon{width:50px;height:50px}.demo-grid h2{font-size:2.3rem}.reference-logos{gap:22px;grid-template-columns:repeat(2,1fr)}.reference-logos img{height:57px}.plans-grid{grid-template-columns:1fr}.plan-card{padding:25px}.feature-grid{gap:30px}.feature-index{margin-bottom:17px}.feature h3{font-size:1.45rem}.faq-grid{grid-template-columns:1fr;gap:25px}.next-grid{grid-template-columns:1fr;gap:25px}.next-grid .actions{align-items:flex-start}.footer-top{grid-template-columns:1fr 1fr;gap:30px 22px;padding-bottom:32px}.footer-top>div:first-child{grid-column:1/-1}.footer-top h2{margin-top:0}.footer-top>div>a:not(.footer-brand){font-size:.88rem;overflow-wrap:anywhere}.footer-bottom{flex-direction:column;gap:22px}.footer-bottom nav{gap:15px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid form{padding:23px}.form-grid{grid-template-columns:1fr}.consent{left:10px;right:10px;bottom:10px;padding:19px;display:block;max-height:70dvh;overflow:auto}.consent-actions{margin-top:15px;flex-direction:row;flex-wrap:wrap}.consent .button{flex:1;min-width:120px;white-space:normal;justify-content:center}.comparison th,.comparison td{padding:15px 10px}.comparison{min-width:420px}.comparison-wrap{margin-inline:-5px}.actions .button{max-width:100%}.content-section .section-heading{margin-bottom:30px}.hero-analytics{padding:10px}dialog{padding:15px}.dialog-top h2{font-size:1rem}}
@media(max-width:350px){.container{padding-inline:18px}.header-inner{padding-inline:18px}.home-hero h1{font-size:3rem}.hero .actions{align-items:stretch;flex-direction:column}.demo-call{gap:10px;padding:20px}.demo-call strong{font-size:1.2rem}.demo-icon{width:40px;height:40px}.summary-card{margin-left:12px;padding:18px}.example-label{font-size:.58rem}.process-tabs button{font-size:.73rem}.process-steps{column-gap:18px}.process-steps h3{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.problem-card:hover{transform:none}}

.route-story{min-width:0}.route-core{padding:30px;background:var(--blue);border-radius:16px;color:#fff;text-align:center}.route-core strong{font-size:1.6rem;display:block;margin-top:15px}.route-core p{font-size:.95rem;color:#e4edff;max-width:330px;margin-inline:auto}.route-symbol{display:grid;place-items:center;margin:auto;width:58px;height:58px;border:1px solid #ffffff65;border-radius:50%}.routing-line{height:35px;width:2px;margin:auto;background:#9abbea}.route-branches{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:2px solid #9abbea;padding-top:22px}.route-branches>div{padding:22px;background:white;border:1px solid var(--line);border-radius:14px}.route-branches .square-icon{width:35px;height:35px;margin-bottom:16px}.route-branches h3{font-size:1.08rem}.route-branches p{font-size:.85rem;color:var(--muted)}.plan-discount{font-size:.88rem;color:#913d14;background:#fff0e8;border-radius:6px;padding:8px 12px;font-weight:700}.plan-price{margin-top:10px}@media(max-width:650px){.route-branches>div{padding:17px}.route-core{padding:25px}}

/* Plain-language setup, rendered as static content with theme-aware colours. */
.hero-promises{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--ink);font-size:.85rem}
.hero-promises li{display:flex;align-items:center;gap:7px}.hero-promises svg{width:18px;height:18px;color:var(--theme-positive)}
.easy-start{background:var(--soft);border-block:1px solid var(--line)}
.easy-start-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.easy-start-steps li{background:var(--theme-surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-width:0}
.easy-start-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;margin-bottom:24px}
.easy-start-steps h3{font-size:1.3rem;line-height:1.2}.easy-start-steps p,.easy-start-note{color:var(--muted)}
.easy-start-note{max-width:900px;font-size:.92rem;margin-top:24px}
@media(max-width:850px){.easy-start-steps{grid-template-columns:1fr}.easy-start-steps li{padding:24px}.easy-start-number{margin-bottom:16px}}

/* Keep four real offers in balanced rows, with capacity visible before details. */
.plans-grid:has(>.plan-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.plan-content-heading{font-weight:700;font-size:.92rem;margin-top:22px}
.plan-card .plan-inclusions{margin-top:10px;margin-bottom:0}
.plan-extras{border-block:1px solid var(--line);padding:14px 0;margin-top:18px;font-size:.96rem}
.plan-extra-price{margin:0}.plan-extra-price+.plan-extra-price{margin-top:12px}
.plan-extra-price small{display:block;font-size:.82rem;color:var(--muted);margin-top:5px}
.plan-shared-pool,.plan-capacity-contact,.plan-tax,.plan-sms-note{margin-top:12px}
.plan-card .price-details{margin-top:auto;padding-top:18px;border-top:0}
.plan-card .price-details summary{border-top:1px solid var(--line)}
@media(max-width:650px){.plans-grid:has(>.plan-card:nth-child(4)){grid-template-columns:1fr}}
.plan-campaign-label{color:var(--theme-link);font-size:.86rem;font-weight:700;margin-top:20px}
.plan-campaign-period{font-size:.9rem;margin-top:5px;color:var(--muted)}
.plan-campaign-regular{font-size:.95rem;font-weight:700;margin-top:12px}
.plan-campaign-scope{margin-top:10px}
.plans-start{max-width:760px;margin:0 0 24px;font-weight:700}
.international-numbers{margin-top:28px;padding:24px;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:8px;background:var(--soft)}
.international-numbers h3{font-size:1.2rem;line-height:1.3}
.international-numbers p{max-width:760px;margin:12px 0 16px;color:var(--muted)}
.international-numbers .text-link{display:inline-block;overflow-wrap:anywhere;max-width:100%}

.calculator{color:var(--ink);min-width:0}.calculator [hidden]{display:none!important}.calculator-heading{max-width:850px;margin-bottom:28px}.calculator-heading h2{font-size:clamp(1.65rem,3vw,2.3rem)}.calculator-heading p{line-height:1.65}.calculator-note,.calculator-field small,.calculator-metric small{color:var(--muted);font-size:.88rem;line-height:1.6}.calculator-tools{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px}.calculator .text-button,.calculator .text-link{color:var(--theme-link,var(--blue))}.calculator .text-button{min-height:44px;padding:10px}.calculator-notice{border:1px solid var(--line);border-left:4px solid var(--theme-link,var(--blue));border-radius:8px;padding:16px;background:var(--soft);font-size:.9rem}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}.calculator-inputs,.calculator-output{min-width:0}.calculator fieldset{border:0;padding:0;margin:0;min-width:0}.calculator legend{font-weight:700;font-size:1.12rem;padding:0;margin-bottom:8px}.calculator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.calculator-field{display:flex;flex-direction:column;gap:8px;min-width:0}.calculator-field label{font-weight:650;font-size:.9rem;line-height:1.45}.calculator-field input,.calculator-field select{width:100%;min-width:0;min-height:48px;border:1px solid var(--theme-control-border,#798ba3);border-radius:7px;padding:11px 12px;background:var(--theme-field,#fff);color:var(--ink);font:inherit;font-size:1rem}.calculator [aria-invalid=true]{border:2px solid var(--theme-warning-text,#993315)}.calculator-error{font-size:.85rem;color:var(--theme-warning-text,#993315);line-height:1.5}.calculator-optional{border-top:1px solid var(--line);padding-block:18px;margin-top:24px}.calculator summary{font-weight:700;cursor:pointer;line-height:1.5;min-height:44px;padding:8px 0;color:var(--ink)}.calculator-check{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.6;margin-block:24px}.calculator-check input{flex:0 0 auto;width:20px;height:20px;margin-top:4px;accent-color:var(--theme-link,var(--blue))}.calculator-output{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--theme-surface,var(--soft))}.calculator-output h3{font-size:1.3rem;line-height:1.4;margin-top:0}.calculator-metrics{display:grid;gap:18px;margin-block:24px}.calculator-metric{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface-raised,#fff);min-width:0}.calculator-metric h4{font-size:.9rem;line-height:1.5;margin:0 0 8px;font-weight:650}.calculator-metric p{font-size:clamp(1.3rem,3vw,1.85rem);font-weight:750;line-height:1.3;margin:0 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.calculator-assumptions p{color:var(--muted);font-size:.86rem;line-height:1.65}.calculator-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}.calculator :is(input,select,button,a,summary):focus-visible,#calculator-results:focus-visible{outline:3px solid var(--theme-link,var(--blue));outline-offset:3px}.calculator .button{max-width:100%;white-space:normal;text-align:center}.calculator-inputs>#calculator-submit{margin-top:22px}.calculator-inputs>.calculator-field{margin-top:20px}
.calculator-chart{margin-block:24px}.calculator-chart h4{font-size:1rem;margin:0 0 18px}.calculator-chart dl{margin:0}.calculator-chart-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;margin-top:18px}.calculator-chart dt{font-size:.85rem;color:var(--muted);line-height:1.5}.calculator-chart dd{margin:0;align-self:end;font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.calculator-bar-track{grid-column:1/-1;height:12px;border-radius:6px;background:var(--soft);overflow:hidden;border:1px solid var(--line)}.calculator-bar{height:100%;display:block;background:var(--muted);border-radius:5px}.calculator-bar-new{background:var(--theme-link,var(--blue))}
@media(max-width:900px){.calculator-layout{grid-template-columns:1fr;gap:28px}.calculator-output{padding:24px}.calculator-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.calculator-fields,.calculator-metrics{grid-template-columns:1fr}.calculator-output{padding:19px}.calculator-metric{padding:17px}.calculator-tools{gap:12px}.calculator-actions{align-items:stretch;flex-direction:column}.calculator-actions .text-link{padding-block:10px}.calculator-heading h2{overflow-wrap:break-word}}

/* Load after site.css and calculator.css. Brand assets retain original colors. */
:root {
  color-scheme: light;
  --theme-surface: #ffffff;
  --theme-surface-raised: #ffffff;
  --theme-field: #ffffff;
  --theme-link: #0b5ace;
  --theme-positive: #226b51;
  --theme-warning-bg: #fff5df;
  --theme-warning-text: #714b00;
  --theme-control-border: #7386a4;
  --preview-bg: #fff4e8;
  --preview-border: #f46b27;
  --preview-ink: #422a18;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #edf3fc;
  --muted: #bac8dc;
  --line: #40516b;
  --soft: #142238;
  --white: #142238;
  --theme-surface: #132036;
  --theme-surface-raised: #1a2b45;
  --theme-field: #0e1a2d;
  --theme-link: #94c0ff;
  --theme-positive: #83d9b5;
  --theme-warning-bg: #3d2e16;
  --theme-warning-text: #ffdc9d;
  --theme-control-border: #7386a4;
  --preview-bg: #32261d;
  --preview-border: #e88a4f;
  --preview-ink: #ffe1c8;
  background: #0b1423;
  color: var(--ink);
}
body { background: inherit; }
:is(.field input,.field select,.field textarea,.calculator-field input,.calculator-field select) {
  border-color: var(--theme-control-border);
}
.theme-switcher {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
  color: var(--ink);
  border: 1px solid var(--theme-control-border);
  border-radius: 7px;
  padding: 0 8px;
  min-height: 44px;
  max-width: 185px;
  background: var(--theme-surface);
}
.theme-switcher .theme-symbol { width: 17px; height: 17px; }
.theme-switcher-label { display: none; }
.theme-switcher select {
  background: transparent;
  color: var(--ink);
  border: 0;
  border-radius: 3px;
  min-height: 42px;
  padding: 6px 0;
  font-size: .76rem;
  font-weight: 400;
  max-width: 140px;
  cursor: pointer;
}
.theme-switcher select:disabled { cursor: default; }
.theme-switcher option { color: var(--ink); background: var(--theme-surface); }
.theme-switcher:focus-within { outline: 3px solid var(--orange); outline-offset: 4px; }
.theme-switcher select:focus-visible { outline: none; }
[data-theme-choice][aria-pressed="true"] { border-color: var(--theme-link); }

/* Explicit link colors stay distinct from official blue button backgrounds. */
html[data-theme="dark"] a:hover { color: var(--theme-link); }
html[data-theme="dark"] :is(.eyebrow,.text-link,.summary-heading,.story-connector,
  .card-bottom,.video-button,.feature-index,.comparison td,.contact-block a,
  .checkbox a,.consent p a,.price-details summary,.faq-list summary span,
  .language-link[aria-current],.process-tabs button[aria-selected="true"]) {
  color: var(--theme-link);
}
html[data-theme="dark"] :is(.language-link[aria-current],.feature-index,
  .process-tabs button[aria-selected="true"]) { border-color: var(--theme-link); }
html[data-theme="dark"] .text-link { border-color: #587cad; }
html[data-theme="dark"] .button { background: var(--blue); color: #fff; border-color: #4987df; }
html[data-theme="dark"] .button:hover { background: var(--blue-dark); color: #fff; }
html[data-theme="dark"] .button-outline { color: var(--theme-link); background: transparent; border-color: #6683a9; }
html[data-theme="dark"] .button-outline:hover { color: #c0daff; background: #233d60; }
html[data-theme="dark"] :is(a,button,input,select,textarea,summary):focus-visible {
  outline-color: #ffac7b;
}
html[data-theme="dark"] .theme-switcher:focus-within { outline-color: #ffac7b; }
html[data-theme="dark"] .skip { color: var(--ink); background: var(--theme-surface-raised); }
html[data-theme="dark"] .site-header { background: #0e192bed; border-color: var(--line); }
html[data-theme="dark"] .nav-popover { background: var(--theme-surface-raised); border-color: var(--line); box-shadow: 0 15px 35px #0005; }
html[data-theme="dark"] .nav-popover>a:hover { background: #263e5f; }
html[data-theme="dark"] .hero { background: linear-gradient(115deg,#0b1423 42%,#152d4d 100%); }
html[data-theme="dark"] .call-story::before { background: #173053; }
html[data-theme="dark"] .signal { background: #80b4ff; }
html[data-theme="dark"] :is(.voice-note,.summary-card,.route-branches>div,.plan-card,
  #offer-status:not(:empty),.consent,dialog) { background: var(--theme-surface); border-color: var(--line); }
html[data-theme="dark"] :is(.voice-note,.summary-card) { box-shadow: 0 15px 35px #0002; }
html[data-theme="dark"] .audio-line { background: linear-gradient(to right,var(--orange) 57%,#40516b 57%); }
html[data-theme="dark"] .avatar { background: #263f61; color: #bdd8ff; }
html[data-theme="dark"] .task-progress>span:first-child { color: var(--theme-positive); }
html[data-theme="dark"] .progress-track { background: #284a40; }
html[data-theme="dark"] .progress-track i { background: #63c6a2; }
html[data-theme="dark"] .problem-card { background: #101d30; }
html[data-theme="dark"] .problem-card:hover { border-color: #6994cc; color: var(--ink); box-shadow: 0 12px 30px #0002; }
html[data-theme="dark"] .square-icon { color: #aacdff; background: #243d61; }
html[data-theme="dark"] .problem-card:nth-child(2) .square-icon { color: #ffbb92; background: #452c20; }
html[data-theme="dark"] .problem-card:nth-child(3) .square-icon { color: #c4d4e9; background: #2a394e; }
html[data-theme="dark"] :is(.process-tabs,.process-action) { border-color: var(--line); }
html[data-theme="dark"] .process-steps li:not(:last-child)::after { color: #a8bdd9; }
html[data-theme="dark"] .step-number { color: var(--theme-link); background: #1a2d49; border-color: #7190bb; }
html[data-theme="dark"] .video-button svg { border-color: #7797c3; }
html[data-theme="dark"] .image-zoom { background: #0c1626; }
html[data-theme="dark"] .image-zoom>span { background: #1a2b45f5; color: var(--ink); border: 1px solid #6d83a1; box-shadow: 0 3px 16px #0006; }
html[data-theme="dark"] .demo-section p.eyebrow { color: #d4e4ff; }
html[data-theme="dark"] .demo-call { background: #112748; color: #edf3fc; border: 1px solid #6198e9; }
html[data-theme="dark"] .demo-call:hover { background: #19355d; color: #fff; }
html[data-theme="dark"] .demo-call>span:last-child { color: #aacdff; }
html[data-theme="dark"] .demo-icon { background: #452c20; color: #ffc29f; }
html[data-theme="dark"] .plan-card { border-top-color: #629ff2; }
html[data-theme="dark"] .plan-card.agent { border-top-color: var(--orange); }
html[data-theme="dark"] .plan-discount { background: #452c20; color: #ffc29f; }
html[data-theme="dark"] .loading-dot { background: #94c0ff; }
html[data-theme="dark"] .next-section { background: var(--soft); }
html[data-theme="dark"] .site-footer { background: #071326; }
html[data-theme="dark"] .site-footer a:hover { color: #fff; }
html[data-theme="dark"] :is(.field input,.field select,.field textarea) {
  color: var(--ink); background: var(--theme-field); border-color: var(--theme-control-border);
}
html[data-theme="dark"] :is(.field input,.field textarea)::placeholder { color: #a7b8d0; opacity: 1; }
html[data-theme="dark"] .field select option { color: var(--ink); background: var(--theme-field); }
html[data-theme="dark"] .checkbox input { accent-color: #0b5ace; }
html[data-theme="dark"] #form-availability:not(:empty) { background: var(--theme-warning-bg); color: var(--theme-warning-text); }
html[data-theme="dark"] fieldset:disabled { opacity: .75; }
html[data-theme="dark"] dialog::backdrop { background: #020712dc; }
html[data-theme="dark"] .close-dialog:hover { background: #263e5f; }

/* Original artwork is not recolored. Light plates preserve black lettering and
   the supplied customer marks; product screenshots retain their true UI. */
html[data-theme="dark"] .brand { background: #fff; border-radius: 7px; padding: 4px 7px; }
html[data-theme="dark"] .brand img { height: 59px; }
html[data-theme="dark"] .reference-logos img { background: #fff; border: 6px solid #fff; border-radius: 8px; }
html[data-theme="dark"] .hero-analytics { background: #fff; border-color: #8b9eb8; }
html[data-theme="dark"] .hero-analytics>span { color: #516177; }
html[data-theme="dark"] #media-content:has(>img) { background: #fff; border-radius: 6px; }

/* The expanded navigation now includes appearance and the benefit calculator.
   Collapse before those controls can overlap on a small laptop/tablet. */
@media (max-width:1280px) {
  .site-header { height: 82px; }
  .menu-toggle { display: flex; align-items: center; gap: 15px; font-weight: 700; border: 1px solid var(--line); border-radius: 7px; padding: 8px 12px; font-size: .85rem; }
  #navigation { display: none; position: absolute; top: 81px; left: 0; right: 0; background: #fff; padding: 15px 25px 25px; border-bottom: 1px solid var(--line); box-shadow: 0 15px 25px #14243a09; max-height: calc(100dvh - 82px); overflow: auto; }
  #navigation.open { display: flex; flex-direction: column; align-items: stretch; gap: 5px; }
  .nav-group>summary { padding: 13px 0; justify-content: space-between; }
  .nav-popover { position: static; box-shadow: none; border: 0; border-radius: 0; border-left: 2px solid var(--blue); padding: 0 12px; margin: 3px 0 12px; }
  .languages { margin: 10px 0; gap: 22px; }
  .login-link { display: block; padding: 15px 0; }
  .theme-switcher { align-self: flex-start; margin: 8px 0; max-width: 100%; gap: 10px; padding-inline: 11px; }
  .theme-switcher-label { display: inline; font-size: .85rem; font-weight: 400; }
  .theme-switcher select { font-size: .85rem; max-width: 155px; }
  #navigation>a:not(.button):not(.login-link) { padding-block: 13px; }
  html[data-theme="dark"] #navigation { background: #0e192b; }
  html[data-theme="dark"] .nav-popover { background: transparent; border-color: #94c0ff; box-shadow: none; }
}

@media (forced-colors: active) {
  .theme-switcher { border-color: ButtonText; }
  .theme-switcher:focus-within { outline-color: Highlight; }
  html[data-theme="dark"] .brand { background: #fff; }
}

.value-strip{padding-block:35px;border-block:1px solid var(--line);background:var(--theme-surface)}
.value-strip h2{font-size:1.15rem;letter-spacing:-.015em;margin-bottom:24px}
.value-points{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.value-points h3{font-size:1.1rem;line-height:1.25;letter-spacing:-.015em}
.value-points p{font-size:.88rem;color:var(--muted);margin-top:8px}
.value-points article{border-left:3px solid var(--orange);padding-left:17px}
.product-view{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:38px;align-items:center;margin-top:44px}
.product-view+.product-view{padding-top:44px;border-top:1px solid var(--line)}
.product-view h3{font-size:1.65rem;line-height:1.18}
.product-view p{font-size:.96rem;color:var(--muted)}
.product-view figure{min-width:0}
.product-view .image-zoom{width:100%;padding:14px;background:var(--soft);border:1px solid var(--line);box-shadow:0 16px 40px #081d3814;border-radius:16px;overflow:hidden}
.product-view .image-zoom img{width:100%;aspect-ratio:36/25;object-fit:contain;border-radius:7px}
.product-view figcaption{color:var(--muted);font-size:.76rem;margin-top:12px}
.product-view .video-button{margin-top:20px;text-align:left;font-weight:700;line-height:1.4}
.product-view .image-zoom>span{opacity:1;transform:none;position:static;display:flex;width:fit-content;margin:12px 0 0 auto;font-size:.75rem;background:var(--theme-surface);color:var(--ink);box-shadow:none}
#media-dialog{width:min(1400px,97vw);padding:22px;overscroll-behavior:contain}
#media-dialog .dialog-top{position:sticky;top:-22px;background:var(--theme-surface);padding-block:10px;z-index:2}
#media-dialog .dialog-top h2{line-height:1.25;max-width:90%}
.media-stage{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#091321}
#media-content .media-stage video{width:100%;max-height:64dvh;display:block;object-fit:contain}
#media-content video::cue{color:white;background:#071326ed;font-size:1.1em}
.media-help{color:var(--muted);font-size:.87rem}
.media-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block:18px}
.media-tools label,.media-tools p{font-size:.84rem;margin:0}
.media-tools select{min-height:44px;border:1px solid var(--theme-control-border);background:var(--theme-field);color:var(--ink);padding:8px;border-radius:7px}
.media-tools .button{min-height:44px;padding:10px 15px;font-size:.85rem}
.media-current{padding:15px 18px;background:var(--soft);border-left:3px solid var(--orange);font-weight:700;font-size:1.05rem;margin:0 0 18px}
.media-explanation{font-size:.98rem;line-height:1.65;max-width:850px;margin:0 0 18px;color:var(--ink)}
.media-chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}
.media-chapters button{display:flex;flex-direction:column;text-align:left;padding:16px;background:var(--theme-surface);color:var(--ink);border:1px solid var(--theme-control-border);border-radius:9px;gap:8px;min-width:0}
.media-chapters button[aria-current]{background:var(--soft);box-shadow:inset 0 3px var(--theme-link)}
.media-chapters strong{font-size:.93rem;line-height:1.3}
.media-chapters span:not(.media-step-number){font-size:.79rem;color:var(--muted);line-height:1.4}
.media-step-number{color:var(--theme-link);font-size:.8rem;font-weight:700}
.media-image-scroll{overflow:auto;max-height:70dvh;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
#media-content .media-image-scroll img{width:100%;max-height:none;display:block;object-fit:contain}
#media-content .media-image-scroll.image-expanded img{width:1440px;max-width:none}
.form-route-note{color:var(--muted);font-size:.85rem;margin-bottom:22px}
.calculator fieldset.calculator-loading{padding:0;margin:0;border:0;min-width:0}
.problem-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.problem-grid-four .problem-card{padding:27px;min-width:0}
.problem-grid-four .problem-card h3{font-size:1.35rem;line-height:1.2;overflow-wrap:anywhere}
.problem-grid-four .problem-card p{font-size:.93rem}
.problem-grid-four .problem-card:nth-child(4) .square-icon{background:#e7f5ee;color:#246347}
html[data-theme="dark"] .problem-grid-four .problem-card:nth-child(4) .square-icon{background:#193c33;color:#91ddbd}
.hero-watch{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:22px;min-height:44px;text-align:left;font-size:.86rem;font-weight:700;color:var(--theme-link);padding:6px 0}
.hero-watch svg{width:32px;height:32px;border:1px solid currentColor;border-radius:50%;padding:6px}
.hero-watch span{font-size:.76rem;font-weight:400;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}
.hero-watch:hover{text-decoration:underline;text-underline-offset:4px}
.media-chapter-list>summary{cursor:pointer;font-weight:700;color:var(--theme-link);padding:14px 2px;min-height:44px}
.media-next{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.media-next h3{font-size:1.25rem;line-height:1.3}
.media-next p{font-size:.88rem;color:var(--muted);max-width:800px}
.media-next .actions{margin-top:18px}
.media-music{max-width:100%;text-align:left}
.media-tools{row-gap:14px}
@media(prefers-reduced-motion:no-preference){
 .problem-grid-four .square-icon svg{transition:transform .2s ease-out}
 .problem-grid-four .problem-card:hover .square-icon svg{transform:translateY(-3px)}
 .call-story.section-arrived .call-card{animation:story-emphasis 1.1s ease-out both}
 .call-story.section-arrived .voice-note{animation:story-emphasis 1.1s .5s ease-out both}
 .call-story.section-arrived .summary-card{animation:story-emphasis 1.1s 1s ease-out both}
 @keyframes story-emphasis{0%{transform:translateY(6px)}60%{transform:translateY(-2px)}100%{transform:none}}
}
@media(max-width:1050px){.problem-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.problem-grid-four{grid-template-columns:1fr}.problem-grid-four .problem-card h3{font-size:1.5rem}.media-next{padding:17px}.media-next .button{width:100%}}
@media(prefers-reduced-motion:no-preference){
 .section-arrived{animation:section-arrival .45s cubic-bezier(.2,.65,.3,1) both}
 @keyframes section-arrival{from{transform:translateY(12px)}to{transform:translateY(0)}}
 .call-story .sound-wave i{animation-iteration-count:3}
 .product-view .image-zoom{transition:box-shadow .2s,border-color .2s}
 .product-view .image-zoom:hover{border-color:var(--theme-link);box-shadow:0 18px 45px #081d3826}
}
@media(max-width:800px){.value-points{grid-template-columns:1fr;gap:22px}.product-view{grid-template-columns:1fr;gap:24px}.product-view h3{max-width:550px}.product-view+.product-view{padding-top:34px}.product-view .image-zoom{padding:9px}.media-chapters{grid-template-columns:1fr 1fr}}
@media(max-width:450px){#media-dialog{padding:12px}.media-chapters{grid-template-columns:1fr}.media-chapters button{padding:13px}.media-tools{gap:9px}#media-dialog .dialog-top{top:-12px}.product-view .image-zoom>span{font-size:.72rem}.media-current{font-size:.94rem}}
/* Location cues and supplier details: readable before and without JavaScript. */
.nav-group-current>summary { text-decoration:underline; text-decoration-color:var(--orange); text-decoration-thickness:3px; text-underline-offset:8px; }
.nav-popover a[aria-current="page"] { font-weight:700; border-inline-start:3px solid var(--orange); background:var(--soft); }
.contact-nav-link { min-height:44px; display:inline-flex; align-items:center; white-space:nowrap; }
.contact-nav-link[aria-current="page"] { text-decoration:underline; text-decoration-color:var(--orange); text-decoration-thickness:3px; text-underline-offset:8px; }
.plans-standalone { padding-top:32px; }
.plans-section[data-offer-state="empty"] #offer-status { padding:28px; background:var(--theme-surface); border:1px solid var(--line); border-radius:var(--radius); }
.plans-section[data-offer-state="empty"]>.container>.actions,.plans-section[data-offer-state="empty"]>.container>.small { display:none; }
.offer-empty-help { max-width:680px; margin-block:12px 20px; color:var(--muted); }
.offer-empty-actions { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; }
body[data-page="contact"] .compact-hero { padding-block:48px 24px; }
body[data-page="contact"] .contact-shortcuts+.section { padding-top:36px; }
.contact-shortcuts { display:flex; flex-wrap:wrap; gap:16px 28px; padding-block:4px; }
.contact-shortcuts .text-link { display:inline-flex; min-height:44px; align-items:center; }
#contact-form,#billing { scroll-margin-top:115px; }
.footer-company { flex:0 1 390px; min-width:0; }
.footer-bottom .footer-invoice { margin-top:12px; font-size:.84rem; }
.footer-invoice strong { display:inline-block; font-variant-numeric:tabular-nums; }
.billing-section { padding-top:0; }
.billing-card { border:1px solid var(--line); border-radius:var(--radius); background:var(--theme-surface); padding:clamp(24px,4vw,48px); }
.billing-heading { max-width:730px; }
.billing-heading>p:last-child { color:var(--muted); }
.billing-grid { display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:20px; margin-top:28px; }
.billing-grid dl { margin:0; padding:24px; background:var(--soft); border:1px solid var(--line); border-radius:12px; min-width:0; }
.billing-grid dt { font-size:.83rem; color:var(--muted); line-height:1.4; }
.billing-grid dd { margin:6px 0 20px; font-size:1.06rem; font-weight:700; overflow-wrap:anywhere; }
.billing-grid dd:last-child { margin-bottom:0; }
.billing-grid bdi { font-variant-numeric:tabular-nums; }
.billing-grid .billing-address { border-block-start:3px solid var(--blue); }
.billing-address dd:first-of-type { font-size:clamp(1.1rem,1.8vw,1.4rem); letter-spacing:.015em; }
.billing-notes { margin-top:24px; max-width:850px; font-size:.88rem; color:var(--muted); }
.billing-notes p { margin-top:10px; }
.billing-notes .text-link { display:inline-flex; align-items:center; min-height:44px; overflow-wrap:anywhere; }
@media(max-width:760px) { .billing-grid { grid-template-columns:1fr; } .billing-grid dl { padding:20px; } }
@media(max-width:650px) { .footer-company { flex-basis:auto; } #contact-form,#billing { scroll-margin-top:95px; } }
/* Keep the full navigation usable at intermediate widths, including Spanish. */
@media(min-width:901px) and (max-width:1200px) {
  .menu-toggle { display:flex; align-items:center; gap:15px; font-weight:700; border:1px solid var(--line); border-radius:7px; padding:8px 12px; font-size:.85rem; }
  #navigation { display:none; position:absolute; top:99px; left:0; right:0; background:var(--theme-surface); padding:15px 25px 25px; border-bottom:1px solid var(--line); box-shadow:0 15px 25px #14243a09; max-height:calc(100dvh - 100px); overflow:auto; }
  #navigation.open { display:flex; flex-direction:column; align-items:stretch; gap:5px; }
  .nav-group>summary { padding:13px 0; justify-content:space-between; }
  .nav-popover { position:static; box-shadow:none; border:0; border-radius:0; border-left:2px solid var(--blue); padding:0 12px; margin:3px 0 12px; }
  .languages { margin:10px 0; gap:22px; }
  .login-link { display:block; padding:15px 0; }
}

.benefit-hint[hidden],.benefit-hint-panel[hidden],.benefit-hint [data-benefit-card][hidden]{display:none!important}
.benefit-hint{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;width:min(330px,calc(100vw - 36px));display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;color:var(--ink);font-size:.86rem;pointer-events:none}
.benefit-hint>*{pointer-events:auto}
.benefit-hint-panel{width:100%;padding:17px 19px 19px;border:1px solid var(--theme-control-border,#7386a4);border-radius:12px;background:var(--theme-surface,#fff);box-shadow:0 8px 30px #07132624;max-height:min(380px,52dvh);overflow:auto;animation:benefit-hint-in .16s ease-out}
.benefit-hint-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;color:var(--muted);font-size:.74rem}
.benefit-hint-top button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:1.5rem;line-height:1;background:var(--theme-surface-raised,#fff)}
.benefit-hint-panel h2{font-size:1.1rem;line-height:1.35;letter-spacing:-.01em;margin:0 0 10px}
.benefit-hint-panel p{font-size:.86rem;line-height:1.55;color:var(--muted);margin:0 0 13px}
.benefit-hint-action{display:inline-flex;align-items:center;gap:9px;min-height:40px;color:var(--theme-link,var(--blue));font-weight:700;font-size:.83rem;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
.benefit-hint-action:hover{color:var(--theme-link,var(--blue));text-decoration-thickness:2px}
.benefit-hint-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.3fr);align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.benefit-hint-navigation button{min-width:0;min-height:44px;padding:7px 8px;border:1px solid var(--theme-control-border,#7386a4);border-radius:6px;background:var(--theme-surface-raised,#fff);color:var(--theme-link,var(--blue));font-size:.74rem;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
.benefit-hint-navigation button:hover{background:var(--soft);color:var(--theme-link,var(--blue))}
.benefit-hint-navigation [data-benefit-count]{color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.benefit-hint-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:10px 15px;border:1px solid var(--theme-control-border,#7386a4);border-radius:24px;background:var(--theme-surface,#fff);color:var(--theme-link,var(--blue));box-shadow:0 3px 14px #07132616;font-size:.79rem;line-height:1.3;font-weight:700}
.benefit-hint-toggle>span:first-child{font-size:1.1rem;line-height:1}
.benefit-hint :is(a,button):focus-visible{outline:3px solid var(--theme-link,var(--blue));outline-offset:3px}
.benefit-hint-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}
body:has(dialog[open],#consent:not([hidden]),#navigation.open,.nav-group[open],[data-benefit-suppress="true"]) .benefit-hint{display:none!important}
@keyframes benefit-hint-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:650px){.benefit-hint{position:static;inset:auto;z-index:auto;width:auto;margin:24px 18px;gap:10px;flex-direction:column;align-items:stretch}.benefit-hint-panel{padding:17px;max-height:none;box-shadow:none;animation:none}.benefit-hint-panel h2{font-size:1rem}.benefit-hint-panel p{font-size:.82rem}.benefit-hint-toggle{align-self:flex-start;font-size:.76rem;padding:10px 13px;box-shadow:none}.benefit-hint-top{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.benefit-hint-panel{animation:none}}
@media(forced-colors:active){.benefit-hint-panel,.benefit-hint-toggle,.benefit-hint-top button,.benefit-hint-navigation button{border-color:ButtonText}.benefit-hint :is(a,button):focus-visible{outline-color:Highlight}}
