/* Preview chrome is separate from the proposed product navigation. */
#page-home .vz-hero{min-height:auto;padding-top:calc(146px + var(--home-announcement-offset,0px));padding-bottom:34px;row-gap:24px}#page-home .vz-hero-copy{align-self:center}#page-home .hero h1{font-size:clamp(34px,4vw,54px);line-height:1.16}#page-home .hero p{font-size:15px;line-height:1.8;margin-bottom:24px}#page-home .hero-badge{margin-bottom:20px}
.lang-sw a{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:6px;color:#d4def0;font:600 .78rem 'Space Grotesk','Noto Sans SC',sans-serif;text-decoration:none;white-space:nowrap;transition:background-color .18s,color .18s}
.lang-sw a.on{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff}
.lang-sw a:not(.on):hover{background:rgba(255,255,255,.05);color:var(--txt)}
.lang-sw a:focus-visible{outline:2px solid #82c8ff;outline-offset:2px}
html[data-theme=light] .lang-sw a:not(.on){color:#53647a}
#page-home .hero-facts{gap:18px}#page-home .hero-fact strong{font-size:14px}#page-home .hero-fact span{font-size:12px}#page-home .hero-facts,.hero-badge,.hero h1,.hero p,.hbtns,.flags-row{animation:none;opacity:1}
#page-home .vz-country-band{padding-top:22px;margin-top:20px}#page-home .flag-chip{font-family:inherit;color:var(--txt);cursor:pointer}#page-home .flag-chip small{font-size:9px;color:var(--sub);margin-right:4px}#page-home .flag-chip:hover{border-color:var(--p3)}
#page-home .home-sec{padding:42px 0}#prices{scroll-margin-top:116px}#page-home .sec-ttl{font-size:clamp(25px,3vw,35px);line-height:1.35}#page-home .sec-sub{font-size:14px;margin-bottom:30px}
/* The price area is an open comparison strip, not four miniature product cards. */
#page-home #prices{padding:46px 0 38px;background:transparent}
#prices .price-header{margin-bottom:24px}
#prices .price-header .eye,#prices .price-header .sec-ttl,#prices .price-header .sec-sub{text-align:left}
#prices .price-header .eye{margin-bottom:8px}
#prices .price-header .sec-ttl{margin-bottom:5px}
#prices .price-header .sec-sub{margin:0;max-width:none}
.teaser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #33475f;border-bottom:1px solid #33475f}
.price-teaser{min-width:0;min-height:152px;padding:24px 25px 22px;border-right:1px solid #27384d;background:transparent}
.price-teaser:last-child{border-right:0}
.teaser-top{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.teaser-brand{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:11px;background:#193b38}
.price-teaser[data-price-service=telegram] .teaser-brand{background:#173e58}
.price-teaser[data-price-service=google] .teaser-brand{background:#283b60}
.price-teaser[data-price-service=facebook] .teaser-brand{background:#173b6a}
.price-teaser .service-logo{width:22px;height:22px;margin:0}
.price-teaser h3{font-size:17px;line-height:1.3;margin:0}
.teaser-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.teaser-price small{font-size:12px;color:#95a9c0;letter-spacing:.01em}
.teaser-price strong{font-size:clamp(27px,3vw,38px);line-height:1;letter-spacing:-.045em;color:#e9f3ff;font-variant-numeric:tabular-nums}
.teaser-unit{font-size:11px;color:#91a4b9;white-space:nowrap}
.price-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:17px}
.price-action{display:flex;flex:none}
.price-shop-link{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 18px;border:1px solid #5085d8;border-radius:10px;background:#286bd1;color:white;font-size:13px;font-weight:700;text-align:center;text-decoration:none;transition:background-color .25s,transform .25s,box-shadow .25s}
.price-shop-link:hover{background:#347bea;transform:translateY(-2px);box-shadow:0 10px 25px #1f5dbc3b}
.price-shop-link:focus-visible{outline:3px solid #82c8ff;outline-offset:3px}
#page-home .ext-banner h2{font-size:clamp(24px,3vw,34px);line-height:1.3}#page-home .ext-banner p{font-size:14px;line-height:1.9}#page-home .feat h3{font-size:16px}#page-home .feat p,#page-home .step p{font-size:13px}#page-home .feat-ico{font-size:27px;color:var(--p3)}.closing-action{display:flex;justify-content:center;margin-top:30px}.footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:20px 0}footer{position:relative;z-index:1;background:var(--bg2);border-top:1px solid var(--bdr);padding:35px 20px;text-align:center}footer p{font-size:12px;color:var(--sub);margin:14px 0}footer small{color:var(--sub);font-size:11px}.footer-link{background:none;border:0;color:var(--sub);font:13px inherit;cursor:pointer}.footer-link:hover{color:var(--p3)}
html[data-theme=light] #page-home #prices{background:transparent}
html[data-theme=light] .teaser-grid{border-color:#c8d7e8}
html[data-theme=light] .price-teaser{border-color:#d5e0ed}
html[data-theme=light] .teaser-price strong{color:#1957ad}
html[data-theme=light] .teaser-price small,html[data-theme=light] .teaser-unit{color:#53647a}
@media(max-width:1000px){.sign-in{display:none}#page-home .vz-hero{padding-top:calc(118px + var(--home-announcement-offset,0px))}#page-home .hero h1{font-size:44px}.price-teaser{padding:20px 17px}.teaser-price strong{font-size:29px}}
@media(max-width:900px){#page-home .vz-hero{max-width:720px}#page-home .vz-hero>.hero-facts{grid-row:2}#page-home .vz-hero>.public-free-card{grid-row:3}#page-home .vz-country-band{grid-row:4;margin-top:0}#page-home .public-free-card{max-width:650px}#page-home .hero h1{font-size:clamp(34px,6vw,48px)}.teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-teaser:nth-child(2){border-right:0}.price-teaser:nth-child(-n+2){border-bottom:1px solid #27384d}}
@media(max-width:768px){.brand-wordmark img{width:130px}body>nav{padding:0 14px}.nav-r{gap:6px}.lang-sw :is(button,a){font-size:11px;padding:5px 7px}.vz-theme-toggle{width:30px;min-width:30px;height:30px;font-size:15px}.ham{margin-left:0}.nl-wrap{display:none}#page-home .vz-hero{padding:calc(98px + var(--home-announcement-offset,0px)) 20px 24px;gap:24px}#page-home #prices{padding:32px 0}.price-teaser{min-height:132px;padding:17px 14px}.price-teaser h3{font-size:16px}.teaser-top{margin-bottom:14px}.teaser-price strong{font-size:29px}.price-footer{align-items:stretch;flex-direction:column;padding-top:14px}.price-action,.price-shop-link{width:100%}#page-home .home-sec{padding:28px 0}#page-home .sec-sub{margin-bottom:24px}#page-home .ext-banner{gap:16px}#page-home .ext-icon{width:50px;height:50px;font-size:30px}#page-home .hero-facts{gap:18px 14px}.footer-links{gap:18px}}
@media(max-width:390px){.brand-wordmark img{width:108px}body>nav{padding:0 10px;gap:5px}.nav-r{gap:4px}.lang-sw :is(button,a){font-size:10px;padding:5px}.vz-theme-toggle{min-width:26px;width:26px;height:28px}#page-home .hero h1{font-size:34px}#page-home .hero-badge{font-size:10px}#page-home .hero-fact strong{font-size:12px}#page-home .hero-fact span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.footer-link{font-family:inherit;font-size:13px}
#page-home .ext-banner .btn,#page-home .bridge-card .btn{max-width:100%;white-space:normal;text-align:center}
/* Colored vector pictograms and small hover/reveal motion. */
.icon-line{width:27px;height:27px;display:block;flex:none}
.feat-ico.icon-tile{color:#fff!important}
.icon-tile{width:57px;height:57px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#2563eb,#4f46e5);color:white;box-shadow:0 12px 28px #2563eb30;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.icon-tile svg{width:29px;height:29px}
.feat:hover .icon-tile,.step:hover .icon-tile,.bridge-card:hover .icon-tile{transform:translateY(-5px) rotate(-4deg);box-shadow:0 16px 34px #2563eb40}
#page-home .feat:nth-child(2) .icon-tile,#page-home .step:nth-child(4) .icon-tile{background:linear-gradient(145deg,#774eff,#b964ef);box-shadow:0 12px 28px #774eff30}
#page-home .feat:nth-child(3) .icon-tile,#page-home .step:nth-child(2) .icon-tile{background:linear-gradient(145deg,#10b981,#12b8ac);box-shadow:0 12px 28px #10b98130}
#page-home .feat:nth-child(4) .icon-tile,#page-home .bridge-card:nth-child(2) .icon-tile{background:linear-gradient(145deg,#f59e0b,#f97316);box-shadow:0 12px 28px #f59e0b30}
#page-home .feat:nth-child(5) .icon-tile,#page-home .step:nth-child(3) .icon-tile{background:linear-gradient(145deg,#ec4899,#b453e5);box-shadow:0 12px 28px #ec489930}
#page-home .feat:nth-child(6) .icon-tile,#page-home .bridge-card:nth-child(3) .icon-tile{background:linear-gradient(145deg,#06b6d4,#2563eb);box-shadow:0 12px 28px #06b6d430}
#page-home .ext-banner>.ext-icon{width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,#7046f9,#3c7df1);box-shadow:0 15px 36px #534cde40;font-size:initial}
#page-home .ext-banner>.ext-icon svg{width:42px;height:42px}
#page-home .step-icon{margin:0 0 .9rem;width:52px;height:52px;border-radius:15px}
#page-home .step-icon svg{width:25px;height:25px}
#page-home .bridge-card>.bridge-icon{width:48px;height:48px;border-radius:13px}
#page-home .bridge-card>.bridge-icon svg{width:24px;height:24px}
.extend-note{display:block;font-size:11px;line-height:1.6;color:var(--sub);margin-top:13px}
.service-logo{display:block;width:26px;height:26px;object-fit:contain}
.price-guides{display:flex;justify-content:center;align-items:center;gap:9px 18px;flex-wrap:wrap;margin:6px 0 18px;color:var(--sub);font-size:12px}.price-guides a{color:var(--p3);text-decoration:underline;text-underline-offset:3px}.price-guides a:hover{color:var(--txt)}
.service-marquee{overflow:hidden;position:relative;width:100%;padding:22px 0;margin:4px 0 8px;border-block:1px solid var(--bdr);background:linear-gradient(90deg,transparent,#17263b44,transparent)}
.service-marquee:before,.service-marquee:after{content:"";position:absolute;inset:0 auto 0 0;width:70px;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--bg),transparent)}
.service-marquee:after{left:auto;right:0;transform:scaleX(-1)}
.service-track{display:flex;width:max-content;animation:service-drift var(--service-duration,36s) linear infinite}
.service-marquee:hover .service-track{animation-play-state:paused}
.service-sequence{display:flex;align-items:center;gap:14px;padding-right:14px;flex:none}
.service-chip{display:inline-flex;align-items:center;gap:9px;background:#172033;border:1px solid #303a58;border-radius:999px;padding:9px 17px;white-space:nowrap;color:#dbe7f7;font-size:13px;font-weight:600}
.service-chip img{width:18px;height:18px;object-fit:contain}
@keyframes service-drift{to{transform:translateX(-50%)}}
@keyframes card-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.feat{animation:card-arrive .65s cubic-bezier(.22,1,.36,1) both}
.feat:nth-child(2),.feat:nth-child(5){animation-delay:.08s}
.feat:nth-child(3),.feat:nth-child(6){animation-delay:.16s}
html[data-theme=light] .service-chip{background:#fff;border-color:#d7dfeb;color:#334155}
html[data-theme=light] .service-marquee{background:#edf4fd}
html[data-theme=light] .service-marquee:before{background:linear-gradient(90deg,#f4f6fa,transparent)}
html[data-theme=light] .service-marquee:after{background:linear-gradient(90deg,#f4f6fa,transparent)}
@media(max-width:768px){#page-home .ext-banner>.ext-icon{width:54px;height:54px;border-radius:16px}#page-home .ext-banner>.ext-icon svg{width:29px;height:29px}.service-chip{font-size:12px;padding:8px 14px}.service-marquee{padding:18px 0}}
@media(prefers-reduced-motion:reduce){.feat,.service-track{animation:none!important}.icon-tile,.price-shop-link{transition:none!important}}

#page-home a.btn,#page-home a.flag-chip,#page-home a.intent-card{text-decoration:none}#page-home .intent-card{text-align:left}.hm-footer a{color:var(--sub);font-size:13px}.hm-footer .price-guides a{color:var(--p3)}#page-home .home-price-unavailable{font-size:22px;letter-spacing:0}#page-home .teaser-price{min-height:38px}.lang-sw a.on{color:#fff}

/* Purchase continuation belongs to the shop, never the global header. */
#page-shop .selection-continuation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:14px 18px;border:1px solid var(--bdr);border-radius:12px;background:var(--bg3)}
#page-shop .selection-continuation[hidden]{display:none}
#page-shop .selection-continuation>span{flex:1 1 240px;min-width:0;font-size:13px;line-height:1.6}
@media(max-width:560px){#page-shop .selection-continuation{gap:10px;padding:12px}#page-shop .selection-continuation>span{flex-basis:100%}}
