:host{--ink:#0d1a2d;--ink2:#324158;--muted:#69788c;--blue:#076fe7;--blue2:#0c88ff;--cyan:#18dcf2;--green:#29dfb5;--line:#e1e9f2;--paper:#f6f9fd;--shadow:0 25px 65px rgba(21,49,83,.09);--radius:22px}
:host [hidden]{display:none!important}:host *{box-sizing:border-box}:host{scroll-behavior:smooth;scroll-padding-top:88px}:host{margin:0;font-family:Inter,Manrope,'Segoe UI',Arial,sans-serif;line-height:1.55;color:var(--ink);background:#f9fbfe;-webkit-font-smoothing:antialiased}:host button,:host input,:host textarea,:host select{font:inherit}:host button{cursor:pointer}:host a{text-decoration:none;color:inherit}:host svg{display:block}:host img{display:block;width:100%;height:100%;object-fit:cover}:host button:focus-visible,:host a:focus-visible,:host input:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid #4bb6ff;outline-offset:3px}:host ::selection{background:#b4e8fa;color:#123344}:host .container{max-width:1230px;margin:auto;padding-inline:27px}:host .ui-icon{width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}:host .pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-size:12px;font-weight:750;letter-spacing:.03em;padding:8px 12px}:host .pill.mint{background:#d9fff3;color:#087b68}:host .pill.blue{background:#e9f3ff;color:#075ebf}:host .kicker{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#146da8}:host .kicker:before{content:"";display:block;width:23px;height:2px;background:#17bdf0}:host .section{padding-block:76px}:host .section-head{margin-bottom:30px}:host .section-head .section-sub{font-size:16px;color:var(--muted);margin:6px 0 0}:host .section-head h2{font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-.045em;margin:10px 0 0;font-weight:810}:host .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;border:1px solid transparent;border-radius:13px;padding:12px 21px;font-weight:750;font-size:14px;white-space:nowrap;transition:transform .22s,box-shadow .22s,background .2s}:host .btn:hover{transform:translateY(-2px)}:host .btn-primary{color:#fff;background:linear-gradient(105deg,#065fe0,#0a8cff);box-shadow:0 10px 23px rgba(0,113,244,.19)}:host .btn-primary:hover{box-shadow:0 16px 29px rgba(0,113,244,.25)}:host .btn-outline{background:#fff;border-color:#cdddeb;color:#173251}:host .btn-dark-outline{color:#fff;background:#ffffff10;border-color:#ffffff4a}:host .btn-sm{min-height:39px;padding:9px 14px;font-size:12px}:host .btn .ui-icon{width:17px;height:17px}:host .text-link{color:#0878db;font-weight:750}:host .text-link:hover{text-decoration:underline}
/* header */
:host .header{position:sticky;top:0;z-index:60;background:rgba(250,253,255,.90);border-bottom:1px solid rgba(218,231,243,.73);backdrop-filter:blur(18px)}:host .header-row{min-height:75px;display:flex;align-items:center;gap:28px;justify-content:space-between}:host .identity{display:flex;align-items:center;gap:12px;min-width:max-content}:host .mark{width:36px;height:36px;border-radius:9px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0064ce 10%,#092e62)}:host .mark:before{content:"";position:absolute;width:8px;height:47px;transform:rotate(38deg);background:#ffad44;left:19px;top:-4px}:host .mark:after{content:"";position:absolute;inset:8px 21px 9px 8px;border-radius:2px;background:#a9eaf5;transform:skewY(-14deg)}:host .brand{font-size:17px;font-weight:900;letter-spacing:-.045em;line-height:1}:host .brand span{color:#0878d9}:host .brand small{display:block;font-size:9px;letter-spacing:.01em;color:#7e8ea0;font-weight:550;margin-top:4px}:host .menu{display:flex;align-items:center;gap:27px;margin-left:auto}:host .menu a{font-size:12px;font-weight:650;color:#3b5167;transition:color .2s}:host .menu a:hover{color:#036ce4}:host .header .btn{min-height:41px;padding:9px 16px;font-size:12px}:host .menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:11px;width:42px;height:42px;align-items:center;justify-content:center}
/* hero */
:host .hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(110deg,#eaf4fe 0%,#f9fcff 42%,#e9f0f7 100%);padding:64px 0 72px}:host .hero:before{content:"";position:absolute;inset:0 0 0 57%;background-image:linear-gradient(90deg,#f2f8ff 0%,#e6f0fa54 25%,#a3bcd31c 100%),url('/speedtest/assets/pl-speedtest-v7-c78862df17e229e7.webp');background-size:cover,cover;background-position:center,center 48%;opacity:.6;filter:saturate(.86)}:host .hero:after{content:"";position:absolute;width:610px;height:610px;border-radius:50%;left:-300px;bottom:-440px;background:radial-gradient(circle,#a6d9ff8a 0%,transparent 71%);pointer-events:none}:host .hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:45px}:host .hero h1{font-size:clamp(36px,4.4vw,59px);line-height:1.09;font-weight:850;letter-spacing:-.056em;margin:20px 0 21px;max-width:630px}:host .hero h1 em{font-style:normal;color:#006ee5}:host .hero-intro{max-width:495px;color:#42546c;font-size:16px;line-height:1.72;margin:0}:host .hero-points{display:flex;align-items:stretch;gap:19px;margin:30px 0 30px}:host .hero-point{display:flex;align-items:center;gap:10px;min-width:0}:host .hero-point .orb{flex:none;width:36px;height:36px;border:1px solid #d3e6fc;display:grid;place-items:center;border-radius:50%;background:#fff;color:#046dd9;box-shadow:0 5px 16px #1c75ce16}:host .hero-point .orb .ui-icon{width:18px}:host .hero-point strong{display:block;font-size:11px;line-height:1.3}:host .hero-point small{display:block;font-size:10px;line-height:1.5;color:#687d93}:host .hero-actions{display:flex;gap:10px;flex-wrap:wrap}:host .micro-note{font-size:11px;color:#657f92;margin-top:14px;display:flex;align-items:center;gap:6px}:host .micro-note .ui-icon{width:14px;height:14px}
/* super gauge */
:host .instrument{position:relative;border-radius:26px;padding:23px 22px 19px;color:#e7f9ff;background:linear-gradient(155deg,#183754 0%,#081928 52%,#06131e 100%);border:1px solid rgba(165,225,253,.25);box-shadow:0 31px 68px rgba(10,38,68,.35),inset 0 1px 1px rgba(244,255,255,.16);isolation:isolate;overflow:hidden;min-height:485px;transform:translateZ(0)}:host .instrument:before{content:"";position:absolute;inset:0;background:radial-gradient(340px circle at var(--mx,70%) var(--my,20%),rgba(17,233,235,.20),transparent 73%);pointer-events:none;transition:background .15s}:host .instrument:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 98%,#73d6ff0b 99%),linear-gradient(0deg,transparent 98%,#73d6ff0b 99%);background-size:29px 29px;opacity:.27;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}:host .instrument>*{position:relative;z-index:1}:host .meter-top{display:flex;align-items:center;justify-content:space-between;gap:10px}:host .meter-logo{display:flex;align-items:center;gap:8px;font-size:12px;color:#a7c6d6;font-weight:750}:host .live-dot{width:7px;height:7px;background:#1fe3cb;border-radius:50%;box-shadow:0 0 0 4px #29dbc518,0 0 12px #18eccb}:host .meter-type{font-size:10px;color:#8daec2;letter-spacing:.09em;text-transform:uppercase}:host .meter-tabs{display:flex;align-items:center;justify-content:center;gap:6px;margin:15px 0 0}:host .meter-tab{border:1px solid #2a4657;border-radius:999px;background:transparent;color:#92b0c0;padding:6px 10px;font-size:10px;display:flex;align-items:center;gap:5px}:host .meter-tab .dot{display:block;width:5px;height:5px;border-radius:50%;background:#6a899b}:host .meter-tab.active{background:#1676a7;border-color:#1676a7;color:#fff}:host .meter-tab.active .dot{background:#24f1dc}:host .gauge-wrap{position:relative;max-width:420px;margin:0 auto -6px;height:242px;display:grid;place-items:center}:host .gauge-wrap::before{content:"";position:absolute;left:50%;top:42%;width:250px;height:160px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#0df4df12 0%,transparent 70%);pointer-events:none}:host .gauge-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}:host .gauge-track{fill:none;stroke:#294354;stroke-width:15;stroke-linecap:round;opacity:.88}:host .gauge-track-thin{fill:none;stroke:#29495c;stroke-width:1.5;opacity:.6}:host .gauge-progress{fill:none;stroke:url(#gaugeGradient);stroke-width:15;stroke-linecap:round;filter:url(#gaugeGlow);transition:stroke-dashoffset .04s linear}:host .gauge-tick{stroke:#6ba0b1;stroke-width:1.8;opacity:.42}:host .gauge-tick.major{stroke:#b9e4f1;stroke-width:2.8;opacity:.75}:host .gauge-label{fill:#8baabb;font-size:10px;letter-spacing:.01em;font-weight:650}:host .gauge-main{position:relative;z-index:2;text-align:center;transform:translateY(28px)}:host .gauge-prefix{font-size:10px;letter-spacing:.15em;color:#95b6c8;text-transform:uppercase;display:block}:host .gauge-value{font-size:clamp(48px,5.2vw,71px);line-height:1;letter-spacing:-.065em;font-weight:790;font-variant-numeric:tabular-nums;text-shadow:0 0 23px rgba(67,230,245,.20)}:host .gauge-value span{font-size:31px;color:#8bdce6}:host .gauge-unit{color:#afd0d8;font-size:13px;font-weight:650}:host .meter-status{font-size:11px;font-weight:700;color:#22eacb;margin-top:5px;min-height:18px}:host .waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:20px;margin:8px 0 13px;opacity:.7}:host .waveform i{height:var(--h);width:3px;background:linear-gradient(#3ff4ea,#087fac);border-radius:2px;transform-origin:center;animation:wave 1.2s ease-in-out infinite alternate;animation-delay:var(--d)}:host .instrument.running .waveform i{animation-duration:.38s}:host .instrument:not(.running) .waveform i{opacity:.48}:host #tipHalo{transform-box:fill-box;transform-origin:center;animation:haloBeat 2.4s ease-in-out infinite}:host .instrument.running .gauge-wrap:after{content:"";position:absolute;inset:17px 55px 12px;border-radius:50%;border:1px solid #39e1fa1a;box-shadow:0 0 28px #19cceb0b,inset 0 0 34px #19cceb09;pointer-events:none;animation:hudBreathe 2s ease-in-out infinite}:host .meter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}:host .meter-tile{border-radius:11px;border:1px solid #3852657a;background:linear-gradient(160deg,#15304766,#0b23339c);padding:10px 10px 9px;min-width:0;transition:border-color .2s,transform .2s}:host .meter-tile:hover{border-color:#3fcfe79c;transform:translateY(-2px)}:host .meter-tile>span{display:flex;align-items:center;gap:5px;color:#8daebc;font-size:10px}:host .meter-tile .ui-icon{width:14px;height:14px}:host .meter-tile:nth-child(1) .ui-icon{color:#39ead1}:host .meter-tile:nth-child(2) .ui-icon{color:#50a9ff}:host .meter-tile:nth-child(3) .ui-icon{color:#ffce66}:host .meter-tile:nth-child(4) .ui-icon{color:#c198ff}:host .meter-tile strong{display:block;color:#fff;font-size:20px;line-height:1.2;letter-spacing:-.025em;margin-top:6px;font-variant-numeric:tabular-nums}:host .meter-tile small{display:block;color:#92abba;font-size:9px}:host .meter-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px}:host .meter-foot .meter-prompt{display:flex;align-items:center;gap:7px;font-size:11px;color:#a3c5d1}:host .meter-foot .meter-prompt svg{width:15px;height:15px;color:#32f5d6}:host .meter-run{border:1px solid #1a809d;background:linear-gradient(110deg,#0da3c3,#0874cb);box-shadow:0 0 24px #00d3ee26;color:#fff;padding:9px 15px;border-radius:10px;font-size:11px;font-weight:750;display:flex;align-items:center;gap:7px;transition:transform .2s,box-shadow .2s}:host .meter-run:hover{transform:translateY(-2px);box-shadow:0 0 27px #00d3ee55}:host .meter-run svg{width:14px;height:14px}:host .meter-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}:host .demo-select{background:#143044;border:1px solid #33566b;color:#bdd5df;border-radius:8px;padding:5px 8px;max-width:230px;font-size:10px;cursor:pointer}:host .demo-flag{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#95aebe}:host .demo-flag:before{content:"";width:6px;height:6px;border-radius:50%;background:#e3b85b}:host .progress-shell{height:3px;border-radius:10px;background:#305166;overflow:hidden;margin-top:12px}:host .progress-fill{height:100%;width:0;background:linear-gradient(90deg,#0a83e6,#34ffcc);transition:width .15s linear}
/* metrics */
:host .metrics{background:linear-gradient(180deg,#f7fbff,#fff);padding-block:64px 69px}:host .metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}:host .metric-card{background:#fff;border:1px solid #eaf0f6;box-shadow:0 12px 25px rgba(23,59,89,.05);border-radius:17px;padding:21px 17px;min-height:164px;transition:transform .25s,box-shadow .25s}:host .metric-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}:host .metric-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;margin-bottom:14px}:host .metric-icon.teal{background:#cbfbf0;color:#029f84}:host .metric-icon.cyan{background:#d8efff;color:#087ceb}:host .metric-icon.gold{background:#fff0c8;color:#ac7906}:host .metric-icon.violet{background:#f0e5ff;color:#8146cb}:host .metric-icon.aqua{background:#caf9f4;color:#1199a7}:host .metric-icon.coral{background:#ffe0e5;color:#c45163}:host .metric-card strong{font-size:14px;letter-spacing:-.018em;line-height:1.4;display:block}:host .metric-card p{font-size:12px;color:#63788c;line-height:1.55;margin:7px 0 0}
/* process dark */
:host .process{position:relative;overflow:hidden;background:linear-gradient(113deg,#061825 0%,#0a2a40 65%,#082131 100%);color:#fff;padding:75px 0 78px}:host .process:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b28ef 0%,#071b28e8 61%,#071b28bd 100%),url('/speedtest/assets/pl-speedtest-v7-8ef9c820c413b2a0.webp') center / cover;opacity:.88}:host .process:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 0%,#18b4bc24,transparent 45%);pointer-events:none}:host .process .container{position:relative;z-index:1}:host .process .section-head h2{color:#fff}:host .process .section-sub{color:#abc4d2}:host .process-layout{display:grid;grid-template-columns:1fr 280px;gap:34px;align-items:stretch}:host .process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}:host .process-step{position:relative;padding:3px 12px 6px 0}:host .process-step:not(:last-child):after{content:"→";position:absolute;right:-9px;top:5px;font-size:24px;font-weight:300;color:#8ab3c6}:host .step-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}:host .step-num{width:38px;height:38px;background:#d0edff;box-shadow:0 0 0 5px #0c61933a,0 5px 13px #0004;color:#035caa;border-radius:50%;display:grid;place-items:center;font-weight:800}:host .step-head strong{font-size:15px}:host .process-step p{margin:0 0 22px;padding-left:49px;color:#bed4df;font-size:13px;line-height:1.65;min-height:60px}:host .step-visual{border:1px solid #49748a55;border-radius:12px;height:94px;background:#16425853;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px}:host .round-speed{font-size:20px;border:3px solid #20dfe1;border-left-color:transparent;border-bottom-color:#20dfe154;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-weight:800}:host .visual-bars{display:flex;gap:3px;align-items:flex-end;height:50px}:host .visual-bars b{width:5px;height:var(--h);background:#22dceb;border-radius:3px 3px 0 0}:host .diagnostic-icons{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}:host .diagnostic-icons span{display:grid;place-items:center;gap:6px;color:#d5e9f2;font-size:10px;text-align:center}:host .diagnostic-icons .ui-icon{width:24px;height:24px}:host .mini-check{display:grid;gap:8px;width:100%}:host .mini-check span{display:flex;align-items:center;gap:8px;font-size:11px}:host .mini-check .ui-icon{color:#26e4c4;width:16px;height:16px}:host .glass-note{position:relative;border-radius:19px;border:1px solid #6c9bac66;overflow:hidden;background:linear-gradient(150deg,#22536b8c,#07172595),url('/speedtest/assets/pl-speedtest-v7-d3c6bab2d4daa07d.webp') center / cover;min-height:244px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 40px #0004}:host .glass-note:before{content:"";inset:0;position:absolute;background:linear-gradient(180deg,#0c2d43dc 0%,#0c2d4322 65%,#0b223cd9 100%)}:host .glass-note>*{position:relative}:host .glass-note strong{font-size:20px;letter-spacing:-.026em;line-height:1.25}:host .glass-note p{margin:0;font-size:12px;color:#e0eefa;line-height:1.5}
/* problems */
:host .problems{background:#fff}:host .problem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}:host .problem-card{border:1px solid #e0eaf2;border-radius:16px;box-shadow:0 9px 22px #12456b12;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}:host .problem-card:hover,:host .problem-card.selected{transform:translateY(-4px);border-color:#76c4ee;box-shadow:0 17px 33px #1b74b21c}:host .problem-photo{height:110px;background:#e6f1fa;overflow:hidden}:host .problem-photo img{transition:transform .35s;filter:saturate(.95)}:host .problem-card:hover img{transform:scale(1.07)}:host .problem-body{padding:14px 13px 13px;display:flex;flex-direction:column;flex:1}:host .problem-body h3{margin:0 0 7px;font-size:14px;line-height:1.35;letter-spacing:-.018em}:host .problem-body p{font-size:12px;color:#6a7f90;line-height:1.6;margin:0 0 18px;flex:1}:host .problem-open{border:1px solid #dcebf7;border-radius:9px;padding:9px 7px;background:#f2f8fe;color:#115e99;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}:host .problem-open .ui-icon{width:13px;height:13px}:host .problem-card.selected .problem-open{color:#fff;background:#087bed;border-color:#087bed}:host .advice-reveal{background:#eef7ff;border:1px solid #d7e9f7;border-radius:17px;margin-top:19px;padding:19px 23px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}:host .advice-reveal .tiny{color:#237bbd;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}:host .advice-reveal strong{display:block;font-size:18px;margin:4px 0}:host .advice-reveal p{max-width:780px;font-size:13px;color:#52687d;margin:0}:host .advice-reveal .btn{min-height:44px}
/* result */
:host .results{background:linear-gradient(160deg,#f0f7fc,#fff 70%);border-top:1px solid #f0f4f7}:host .result-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}:host .result-controls p{color:var(--muted);font-size:12px;margin:0}:host .result-switch{display:flex;gap:5px;background:#e3edf6;padding:5px;border-radius:12px}:host .result-switch button{font-size:11px;background:transparent;border:0;color:#5b7288;padding:8px 11px;border-radius:8px;font-weight:750}:host .result-switch button.active{background:white;color:#0a6cc2;box-shadow:0 3px 8px #24435c10}:host .result-layout{display:grid;grid-template-columns:1.1fr .94fr .6fr;gap:16px;align-items:stretch}:host .result-panel{background:#fff;border:1px solid #e4edf5;box-shadow:0 12px 27px #1844720d;border-radius:17px;padding:21px;min-width:0}:host .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}:host .panel-heading strong{font-size:14px;display:flex;align-items:center;gap:7px}:host .panel-heading strong .ui-icon{color:#0a7fd8;width:18px;height:18px}:host .result-values{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:17px}:host .result-values>div{text-align:center;background:#f6faff;border-radius:10px;padding:12px 4px}:host .result-values svg{width:18px;height:18px;margin:0 auto 5px}:host .result-values>div:nth-child(1) svg{color:#08a89e}:host .result-values>div:nth-child(2) svg{color:#0b84d8}:host .result-values>div:nth-child(3) svg{color:#d49c2e}:host .result-values>div:nth-child(4) svg{color:#9870cf}:host .result-values strong{font-size:19px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}:host .result-values small{font-size:9px;color:#6e8397;display:block}:host .alert{border-radius:12px;padding:15px 16px;display:flex;gap:12px;align-items:flex-start;background:#fff0ef;color:#ad3e42}:host .alert.good{background:#e8fbf4;color:#08755d}:host .alert.warn{background:#fff5e5;color:#936210}:host .alert .ui-icon{width:21px;height:21px;flex:none;margin-top:2px}:host .alert strong{display:block;font-size:12px;margin-bottom:4px}:host .alert p{margin:0;color:#765457;font-size:11px;line-height:1.55}:host .alert.good p{color:#3c7062}:host .alert.warn p{color:#76654b}:host .recommendations{display:grid;gap:15px}:host .rec-item{display:flex;gap:10px;align-items:flex-start}:host .rec-item b{width:24px;height:24px;border-radius:50%;background:#e3f3ff;color:#0b6ac9;display:grid;place-items:center;flex:none;font-size:11px}:host .rec-item strong{display:block;font-size:12px}:host .rec-item p{margin:3px 0 0;font-size:11px;line-height:1.5;color:#65798c}:host .send-result{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:13px;background:linear-gradient(180deg,#fff,#f1f8ff)}:host .send-result .circle{width:52px;height:52px;border-radius:16px;background:#d9eeff;color:#167bd2;display:grid;place-items:center}:host .send-result .circle .ui-icon{width:25px;height:25px}:host .send-result h3{margin:0;font-size:19px;line-height:1.25}:host .send-result p{margin:0;font-size:12px;color:#657a8d}:host .send-result .btn{width:100%}:host .send-result small{font-size:10px;color:#8294a3}
/* lead */
:host .lead{position:relative;overflow:hidden;isolation:isolate;background:#071f33;color:#fff;padding:72px 0}:host .lead:before{content:"";position:absolute;inset:0;background:linear-gradient(95deg,#061e30d7 0%,#0c304a9e 50%,#0d1f2d9e 100%),url('/speedtest/assets/pl-speedtest-v7-d3c6bab2d4daa07d.webp') center 55% / cover;z-index:-1;filter:saturate(.9)}:host .lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}:host .lead-copy h2{font-size:clamp(31px,3.3vw,45px);letter-spacing:-.045em;line-height:1.15;margin:17px 0}:host .lead-copy p{color:#d8e5ee;max-width:475px;font-size:15px;line-height:1.7}:host .benefits{display:flex;gap:23px;flex-wrap:wrap;margin-top:30px}:host .benefits>div{display:flex;align-items:center;gap:8px;max-width:155px;color:#eaf5fa;font-size:11px;font-weight:650}:host .benefits .ui-icon{color:#74dff1;width:20px;height:20px}:host .lead-form{border:1px solid #dbe7f1;border-radius:19px;background:#fff;box-shadow:0 25px 54px #0003;color:var(--ink);padding:24px}:host .form-caption{font-size:13px;color:#2b526e;margin:0 0 17px}:host .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}:host .field{display:flex;flex-direction:column;gap:5px}:host .field.wide{grid-column:1/-1}:host .field label{font-size:11px;font-weight:750;color:#50657a}:host .field input,:host .field select,:host .field textarea{min-width:0;width:100%;background:#f8fbfd;border:1px solid #dce6ef;border-radius:9px;color:#1e3954;padding:11px 12px;font-size:12px;outline:none;transition:border-color .18s,box-shadow .18s}:host .field input:focus,:host .field select:focus,:host .field textarea:focus{border-color:#1590ff;box-shadow:0 0 0 3px #1684e715}:host .field textarea{min-height:78px;resize:vertical}:host .form-bottom{display:flex;align-items:center;gap:13px;margin-top:13px}:host .form-bottom .btn{flex:1}:host .consent{display:flex;align-items:flex-start;gap:9px;margin-top:13px;color:#6e8395;font-size:10px;line-height:1.5;cursor:pointer}:host .consent input{width:15px;height:15px;flex:none;accent-color:#0878e9;margin:1px 0 0}:host .form-hint{font-size:10px;color:#a05e29;background:#fff7ea;border-radius:8px;padding:9px 10px;margin:14px 0 0;display:flex;gap:8px;align-items:flex-start}:host .form-hint .ui-icon{width:14px;height:14px;flex:none}
/* expertise */
:host .expertise{background:#fff;padding:62px 0}:host .expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}:host .expertise-card{background:#f6faff;border-radius:15px;padding:20px;display:flex;gap:11px;align-items:flex-start;border:1px solid #ebf1f6}:host .expertise-card .iconbox{background:#e1f2ff;color:#0476de;border-radius:11px;padding:10px;flex:none}:host .expertise-card strong{font-size:13px;display:block}:host .expertise-card p{font-size:11px;color:#6b7f91;margin:5px 0 0}
/* faq */
:host .faq{padding:66px 0 78px;background:#f1f7fc}:host .faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:start}:host .faq-lead{min-height:260px;border-radius:19px;position:relative;overflow:hidden;padding:25px;background:linear-gradient(165deg,#eaf4fd 0%,#f6faff 100%);border:1px solid #e4eef6}:host .faq-lead img{position:absolute;width:43%;height:76%;right:-2px;bottom:-9px;border-radius:17px 0 0 0;opacity:.7;object-fit:cover;filter:saturate(.5)}:host .faq-lead>*:not(img){position:relative;z-index:1}:host .faq-lead strong{font-size:21px;letter-spacing:-.035em;display:block;max-width:250px;line-height:1.23}:host .faq-lead p{max-width:235px;color:#6a8093;font-size:12px}:host .faq-lead .btn{margin-top:8px}:host .faq-list{display:grid;gap:8px}:host .faq-item{background:#fff;border:1px solid #deebf5;border-radius:12px;overflow:hidden;box-shadow:0 5px 13px #1e4c6b06}:host .faq-q{width:100%;background:transparent;color:var(--ink);border:0;padding:16px 17px;display:flex;align-items:center;justify-content:space-between;gap:13px;text-align:left;font-weight:730;font-size:13px}:host .faq-q .ui-icon{color:#3476a7;width:17px;height:17px;transition:transform .2s}:host .faq-item.open .faq-q .ui-icon{transform:rotate(45deg)}:host .faq-answer{max-height:0;overflow:hidden;transition:max-height .32s ease}:host .faq-item.open .faq-answer{max-height:340px}:host .faq-answer>div{padding:0 17px 17px;color:#64798b;font-size:12px;line-height:1.7}
/* footer */
:host .bottom-cta{background:linear-gradient(90deg,#082030,#0b3d59);color:#fff;padding:24px 0}:host .bottom-cta .container{display:flex;gap:20px;align-items:center;justify-content:space-between}:host .bottom-cta h3{font-size:20px;letter-spacing:-.025em;line-height:1.3;margin:0}:host .bottom-cta .buttons{display:flex;gap:9px;flex-wrap:wrap}:host .footer{background:#fff;padding:30px 0;color:#6d8093;font-size:11px}:host .footer-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}:host .footer .identity{color:var(--ink)}:host .footer-nav{display:flex;gap:20px;flex-wrap:wrap}:host .footer-nav a:hover{color:#0279de}:host .copyright{color:#99a8b4;font-size:10px;line-height:1.5;max-width:255px}
/* dialog and toasts */
:host .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px);background:#0c263b;color:#fff;border:1px solid #5db4cf61;border-radius:13px;padding:14px 18px;box-shadow:0 19px 35px #0003;opacity:0;pointer-events:none;z-index:100;transition:transform .2s,opacity .2s;font-size:13px;max-width:min(90vw,530px)}:host .toast.visible{opacity:1;transform:translate(-50%,0)}:host dialog{border:0;border-radius:21px;padding:0;max-width:min(92vw,560px);width:100%;box-shadow:0 30px 95px #06192988;color:var(--ink)}:host dialog::backdrop{background:#00121bb3;backdrop-filter:blur(7px)}:host .modal-head{background:#eef7ff;padding:23px 27px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}:host .modal-head h3{font-size:21px;margin:0;letter-spacing:-.035em}:host .modal-head p{color:#62798e;font-size:12px;margin:5px 0 0}:host .modal-close{border:1px solid #c8dceb;background:#fff;display:grid;place-items:center;border-radius:9px;width:35px;height:35px}:host .modal-body{padding:22px 27px 27px}:host .report-preview{white-space:pre-wrap;background:#f5f9fd;border:1px solid #e0ebf4;border-radius:12px;padding:17px;max-height:260px;overflow:auto;font-size:12px;line-height:1.7;color:#364e62}:host .modal-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}:host .reveal{opacity:1;transform:none;transition:opacity .65s,transform .65s}:host .reveal.visible{opacity:1;transform:translateY(0)}
@keyframes haloBeat{0%,100%{opacity:.12;transform:scale(.7)}50%{opacity:.35;transform:scale(1.38)}}@keyframes hudBreathe{50%{opacity:.38;transform:scale(1.04)}}@keyframes wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes breathe{50%{box-shadow:0 0 0 9px #1df5cf16,0 0 22px #1df5cf7a}}
@media (max-width:1150px){:host .menu{gap:14px}:host .hero-grid{gap:18px}:host .hero h1{font-size:47px}:host .hero-point strong{font-size:10px}:host .meter-tile{padding:8px}:host .metric-grid,:host .problem-grid{grid-template-columns:repeat(3,1fr)}:host .metric-card{min-height:140px}:host .process-layout{grid-template-columns:1fr}:host .glass-note{min-height:135px;background-position:center 48%;display:flex;flex-direction:row;align-items:center;gap:50px}:host .glass-note strong{max-width:240px}:host .glass-note p{max-width:400px}:host .result-layout{grid-template-columns:1fr 1fr}:host .send-result{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr auto;align-items:center}:host .send-result .circle{display:none}:host .send-result .btn{width:auto}:host .send-result small{grid-column:2/4}:host .expertise-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){:host .container{padding-inline:22px}:host .header-row{min-height:65px}:host .menu-toggle{display:flex}:host .menu{display:none;position:absolute;left:0;right:0;top:65px;padding:12px 22px 22px;background:#fafeff;box-shadow:0 20px 24px #0b324121;flex-direction:column;align-items:stretch;gap:0}:host .menu.open{display:flex}:host .menu a{padding:12px 8px;border-bottom:1px solid #ecf1f6;font-size:14px}:host .header-row>.btn{margin-left:auto}:host .hero{padding:50px 0 60px}:host .hero-grid{grid-template-columns:1fr;gap:39px}:host .hero h1{font-size:clamp(36px,7vw,55px);max-width:700px}:host .hero-intro{max-width:650px}:host .hero:before{inset:0 0 0 44%;opacity:.23}:host .instrument{max-width:620px;width:100%;margin:auto}:host .process-steps{gap:17px}:host .process-step p{padding-left:0}:host .step-head{gap:8px}:host .step-head strong{font-size:13px}:host .process-step:not(:last-child):after{display:none}:host .result-layout{grid-template-columns:1fr}:host .send-result{grid-column:1;grid-template-columns:1fr auto}:host .send-result .btn{width:auto}:host .send-result small{grid-column:1/-1}:host .lead-grid{grid-template-columns:1fr;gap:30px}:host .lead-form{max-width:620px}:host .faq-grid{grid-template-columns:1fr;gap:20px}:host .faq-lead{min-height:160px}:host .faq-lead img{width:28%;height:100%}}
@media (max-width:570px){:host{scroll-padding-top:70px}:host .container{padding-inline:17px}:host .header-row{gap:10px}:host .header-row>.btn{display:none}:host .brand{font-size:15px}:host .hero{padding:38px 0 43px}:host .hero h1{font-size:37px;line-height:1.12;margin:14px 0}:host .hero-intro{font-size:14px}:host .hero-points{gap:9px;margin:22px 0;flex-wrap:wrap}:host .hero-point{flex:1 1 125px}:host .hero-point .orb{width:31px;height:31px}:host .hero-point strong{font-size:10px}:host .hero-point small{font-size:9px}:host .hero-actions .btn{flex:1 1 170px}:host .instrument{padding:16px 12px;border-radius:19px;min-height:0}:host .gauge-wrap{height:216px;margin-bottom:-10px}:host .gauge-value{font-size:57px}:host .gauge-main{transform:translateY(24px)}:host .meter-tabs{flex-wrap:wrap}:host .meter-row{gap:5px}:host .meter-tile{padding:8px 6px}:host .meter-tile strong{font-size:17px}:host .meter-tile>span{font-size:9px}:host .meter-tile .ui-icon{width:12px;height:12px}:host .meter-foot{gap:5px}:host .meter-run{font-size:10px;padding:9px 10px}:host .meter-options{flex-wrap:wrap}:host .section{padding-block:49px}:host .section-head{margin-bottom:22px}:host .section-head h2{font-size:30px}:host .section-head .section-sub{font-size:13px}:host .metric-grid,:host .problem-grid{grid-template-columns:repeat(2,1fr);gap:9px}:host .metric-card{padding:16px 13px;min-height:155px}:host .problem-photo{height:94px}:host .problem-body{padding:12px 10px}:host .problem-body h3{font-size:12px}:host .problem-body p{font-size:10px}:host .process{padding:51px 0}:host .process-steps{grid-template-columns:1fr;gap:18px}:host .process-step{display:grid;grid-template-columns:1fr 118px;gap:12px}:host .step-head{margin:0}:host .process-step p{min-height:auto;margin:0;grid-column:1}:host .step-visual{grid-column:2;grid-row:1/3;height:100%;min-height:85px;padding:9px}:host .round-speed{width:46px;height:46px;font-size:14px}:host .visual-bars{gap:2px}:host .visual-bars b{width:3px}:host .diagnostic-icons{flex-wrap:wrap}:host .diagnostic-icons span{font-size:9px}:host .mini-check span{font-size:9px}:host .glass-note{display:block;min-height:175px}:host .glass-note p{margin-top:25px}:host .advice-reveal{grid-template-columns:1fr;padding:16px}:host .result-values{gap:4px}:host .result-values strong{font-size:16px}:host .result-panel{padding:16px}:host .result-switch{width:100%;justify-content:space-around}:host .result-switch button{padding:8px 6px;font-size:10px}:host .result-controls{display:block}:host .result-controls p{margin-bottom:9px}:host .send-result{display:flex;align-items:stretch}:host .lead{padding:53px 0}:host .lead-copy h2{font-size:34px}:host .benefits{gap:14px}:host .lead-form{padding:18px}:host .form-grid{gap:10px}:host .form-grid .field{grid-column:1/-1}:host .form-bottom{display:block}:host .form-bottom .btn{width:100%}:host .expertise-grid{grid-template-columns:1fr}:host .expertise{padding:51px 0}:host .faq{padding:50px 0}:host .bottom-cta .container{align-items:flex-start;flex-direction:column}:host .bottom-cta h3{font-size:19px}:host .footer-row{align-items:flex-start}:host .footer-nav{gap:12px}:host .toast{font-size:12px}}
@media (prefers-reduced-motion:reduce){:host{scroll-behavior:auto}:host .waveform i{animation:none}:host .reveal{opacity:1;transform:none;transition:none}:host .btn,:host .metric-card,:host .problem-card,:host .gauge-progress{transition:none}}

/* v2 – compact first viewport, legible body, equal-height steps, redesigned FAQ */
:host{--body-copy:#425a70;--small-copy:#536c82}
:host{font-size:16px}
:host button,:host input,:host select,:host textarea{font:inherit}
:host button,:host a,:host select{touch-action:manipulation}
:host a:focus-visible,:host button:focus-visible,:host input:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid #20bfe7;outline-offset:3px}
:host .skip-link{position:fixed;z-index:200;left:15px;top:-60px;background:#061e30;color:#fff;padding:12px 18px;border-radius:12px;transition:top .2s}
:host .skip-link:focus{top:15px}
:host .header-row{min-height:70px;gap:18px}
:host .brand{font-size:18px}:host .brand small{font-size:11px}
:host .menu{gap:17px}:host .menu a{font-size:13px}
:host .hero{padding:23px 0 27px;min-height:calc(100svh - 71px);display:flex;align-items:center}
:host .hero .container{width:100%}
:host .hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(20px,3.1vw,48px);align-items:center}
:host .hero h1{font-size:clamp(37px,3.55vw,54px);line-height:1.095;letter-spacing:-.048em;margin:14px 0 17px;max-width:570px;text-wrap:balance}
:host .hero-intro{font-size:clamp(16px,1.15vw,18px);line-height:1.55;max-width:535px}
:host .hero-points{gap:14px;margin:22px 0 23px;flex-wrap:wrap}
:host .hero-point{gap:8px}:host .hero-point strong{font-size:12px}:host .hero-point small{font-size:11px}
:host .hero-point .orb{width:37px;height:37px}
:host .hero-actions .btn{min-height:49px;padding:12px 17px}
:host .hero .micro-note{max-width:540px;font-size:12px;line-height:1.45;margin-top:14px}
:host .instrument{min-height:0;padding:19px 20px 17px;border-radius:25px;box-shadow:0 23px 58px rgba(7,35,59,.31),inset 0 1px 1px rgba(255,255,255,.13)}
:host .instrument:focus-within{border-color:#45e5ec}
:host .meter-type{font-size:10px}:host .meter-logo{font-size:12px}
:host .meter-tabs{margin-top:11px}:host .meter-tab{font-size:11px;padding:5px 10px}
:host .gauge-wrap{height:202px;max-width:360px;margin-bottom:-3px}:host .gauge-main{transform:translateY(22px)}
:host .gauge-value{font-size:clamp(47px,4.5vw,64px)}
:host .gauge-prefix{font-size:11px}:host .gauge-unit{font-size:13px}:host .meter-status{font-size:12px}
:host .waveform{margin:4px 0 11px;height:16px}
:host .meter-tile{padding:10px 10px}:host .meter-tile>span{font-size:11px}:host .meter-tile strong{font-size:22px}:host .meter-tile small{font-size:10px}
:host .meter-foot{padding-top:12px}:host .meter-foot .meter-prompt{font-size:12px}:host .meter-run{font-size:12px;padding:11px 13px}
:host .meter-options{margin-top:9px}:host .demo-flag,:host .demo-select{font-size:11px}:host .demo-select{padding:7px 8px;min-height:34px}
:host .metrics .section-sub,:host .problems .section-sub,:host .results .section-sub,:host .expertise .section-sub,:host .faq .section-sub,:host .process .section-sub{font-size:16px;line-height:1.65}
:host .metric-card strong{font-size:15px;line-height:1.35}:host .metric-card p{font-size:14px;line-height:1.55}
:host .process{padding:67px 0 71px}
:host .process-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,280px);gap:22px;align-items:stretch}
:host .process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
:host .process-step{padding:0;min-width:0;display:flex;flex-direction:column;gap:13px}
:host .process-step:not(:last-child):after{right:-13px;top:6px;font-size:20px}
:host .step-head{margin:0;min-height:46px;gap:11px;align-items:center}
:host .step-num{flex:0 0 38px}:host .step-head strong{font-size:16px;line-height:1.35}
:host .process-step p{padding:0;margin:0;color:#d5e5ef;font-size:15px;line-height:1.57;min-height:0;flex:1}
:host .step-visual{height:116px;min-height:116px;margin-top:auto;padding:13px;border-radius:15px}
:host .glass-note{min-height:0;height:100%;padding:22px;gap:22px}
:host .glass-note strong{font-size:20px;line-height:1.35}:host .glass-note p{font-size:14px;line-height:1.55;color:#e5f2fa}
:host .problem-body{padding:16px 14px}:host .problem-body h3{font-size:15px}:host .problem-body p{font-size:14px;line-height:1.55}:host .problem-open{font-size:12px;min-height:43px}
:host .advice-reveal .tiny{font-size:12px}:host .advice-reveal strong{font-size:19px}:host .advice-reveal p{font-size:15px;line-height:1.6}
:host .result-controls p{font-size:14px}:host .result-switch button{font-size:13px}
:host .panel-heading strong{font-size:15px}:host .result-values strong{font-size:21px}:host .result-values small{font-size:11px}
:host .alert strong{font-size:14px}:host .alert p{font-size:13px;line-height:1.65}
:host .rec-item strong{font-size:14px}:host .rec-item p{font-size:13px;line-height:1.6}
:host .send-result h3{font-size:21px}:host .send-result p{font-size:14px;line-height:1.55}:host .send-result small{font-size:12px}
:host .lead-copy p{font-size:16px;line-height:1.65}:host .benefits{font-size:13px}
:host .field label{font-size:13px}:host .field input,:host .field textarea,:host .field select{font-size:15px;min-height:44px}:host .field textarea{min-height:95px}
:host .form-caption{font-size:14px;line-height:1.55}:host .form-caption strong{font-size:20px}
:host .consent{font-size:12px;line-height:1.55}:host .form-hint{font-size:12px}
:host .expertise-card strong{font-size:15px}:host .expertise-card p{font-size:14px;line-height:1.55}
/* replace weak crop with useful mini consultation module */
:host .faq{padding:70px 0 78px;background:#eff6fc}
:host .faq-grid{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:32px;align-items:start}
:host .faq .section-head{margin-bottom:26px}:host .faq .section-head h2{font-size:clamp(32px,3vw,43px)}
:host .faq-lead{min-height:0;margin-top:25px;padding:27px 27px 29px;background:radial-gradient(circle at 90% 7%,#d8f2ff,transparent 54%),#fff;border:1px solid #deebf6;border-radius:21px;box-shadow:0 15px 34px rgba(27,68,103,.06)}
:host .faq-help-icon{width:48px;height:48px;border-radius:14px;background:#e8f5ff;display:grid;place-items:center;color:#0575cf;margin-bottom:19px;box-shadow:0 6px 16px #237cbc12}
:host .faq-help-icon svg{width:23px;height:23px}:host .faq-help-eyebrow{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#067acb;margin-bottom:8px}
:host .faq-lead strong{max-width:100%;font-size:clamp(23px,2.2vw,28px);line-height:1.23;letter-spacing:-.025em}
:host .faq-lead p{max-width:100%;font-size:16px;line-height:1.6;color:#526b81;margin:13px 0 16px}
:host .faq-help-list{padding:0;list-style:none;margin:0 0 20px;display:grid;gap:9px}
:host .faq-help-list li{position:relative;padding-left:22px;font-size:14px;color:#3d6179;line-height:1.45}
:host .faq-help-list li:before{content:'✓';position:absolute;left:0;top:0;color:#0384a4;font-weight:800}
:host .faq-lead .btn{margin-top:0;min-height:45px}
:host .faq-list{gap:10px}:host .faq-item{border-radius:14px;box-shadow:0 7px 17px rgba(23,69,106,.05)}
:host .faq-q{font-size:16px;line-height:1.45;padding:18px 20px;min-height:64px;cursor:pointer}
:host .faq-q .ui-icon{width:19px;height:19px;flex:none}
:host .faq-answer>div{font-size:15px;line-height:1.65;padding:1px 20px 20px;color:#4d657b}
:host .faq-item.open .faq-answer{max-height:550px}
/* Search-friendly useful instructions, not a keyword dump */
:host .check-guide{background:#fff;padding-block:67px}
:host .guide-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;align-items:center}
:host .guide-intro h2{font-size:clamp(31px,3.25vw,43px);line-height:1.2;letter-spacing:-.035em;margin:14px 0}
:host .guide-intro p{font-size:16px;color:#536a7e;line-height:1.7;margin:0 0 17px}
:host .guide-inline{display:inline-flex;gap:8px;align-items:center;color:#056dc9;font-weight:750;font-size:15px}
:host .guide-inline svg{width:17px;height:17px}
:host .guide-steps{display:grid;gap:10px}
:host .guide-steps article{display:flex;gap:18px;align-items:flex-start;padding:19px 20px;border:1px solid #e1ebf5;border-radius:15px;background:#f9fcff}
:host .guide-steps article>span{font-size:14px;font-weight:800;color:#006bd4;padding-top:2px}
:host .guide-steps h3{font-size:17px;margin:0 0 6px}:host .guide-steps p{font-size:14px;margin:0;color:#566f83;line-height:1.6}
@media (min-width:1160px) and (max-height:820px){
 :host .hero{padding:13px 0 16px}
 :host .hero h1{font-size:clamp(36px,3.2vw,48px);margin:10px 0 13px}
 :host .hero-intro{font-size:16px;line-height:1.5}
 :host .hero-points{margin:16px 0 17px}:host .hero-actions .btn{min-height:45px}
 :host .instrument{padding:14px 17px 13px}:host .gauge-wrap{height:178px;max-width:320px}
 :host .meter-tabs{margin-top:7px}:host .waveform{margin:0 0 7px}:host .meter-tile{padding:8px}
 :host .meter-foot{padding-top:8px}:host .meter-options{margin-top:7px}
}
@media (max-width:1150px){
 :host .hero{min-height:auto;padding:45px 0}:host .hero-grid{gap:24px}:host .hero h1{font-size:clamp(34px,4.4vw,47px)}
 :host .process-layout{grid-template-columns:1fr}:host .process-steps{gap:18px}:host .glass-note{min-height:155px;display:flex;flex-direction:column;justify-content:center;gap:12px;background-position:center}:host .glass-note strong,:host .glass-note p{max-width:100%}
 :host .meter-type{display:none}:host .guide-layout{gap:26px}
}
@media (max-width:820px){
 :host .hero{padding:27px 0 35px}:host .hero-grid{grid-template-columns:1fr;gap:24px}
 :host .hero-copy{max-width:690px}:host .hero h1{font-size:clamp(34px,5.5vw,46px);margin:11px 0 13px}:host .hero-intro{font-size:16px}
 :host .hero-points{margin:16px 0 19px}:host .instrument{max-width:700px;margin:0;width:100%}
 :host .process-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
 :host .step-head strong{font-size:14px}:host .step-visual{height:100px;min-height:100px}:host .process-step p{font-size:14px}
 :host .faq-grid,:host .guide-layout{grid-template-columns:1fr}:host .faq-lead{margin-top:14px;max-width:none}
 :host .guide-layout{gap:28px}
}
@media (max-width:570px){
 :host{font-size:15px}:host .header-row{min-height:65px}:host .brand{font-size:17px}:host .brand small{font-size:10px}
 :host .hero{padding:23px 0 32px}:host .hero h1{font-size:clamp(32px,8.4vw,40px);line-height:1.12;letter-spacing:-.045em;margin:9px 0 12px}
 :host .hero-intro{font-size:15px;line-height:1.6}
 :host .hero-points{gap:12px;margin:14px 0 16px}:host .hero-point{flex:1 1 135px}
 :host .hero-point strong{font-size:11px}:host .hero-point small{font-size:10px}
 :host .hero-actions{gap:9px}:host .hero-actions .btn{font-size:13px;flex:1 1 100%;min-height:44px}
 :host .hero .micro-note{font-size:12px;line-height:1.5;margin-top:13px}
 :host .instrument{padding:15px 12px;border-radius:21px}
 :host .meter-logo{font-size:10px}:host .meter-tabs{flex-wrap:nowrap;gap:4px}:host .meter-tab{padding:5px 6px;font-size:9px}
 :host .gauge-wrap{height:196px;max-width:340px;margin:0 auto -9px}
 :host .gauge-value{font-size:54px}:host .gauge-main{transform:translateY(21px)}
 :host .waveform{height:16px;margin:0 0 12px}:host .meter-row{gap:5px}:host .meter-tile{padding:8px 5px}
 :host .meter-tile>span{font-size:10px;gap:3px}:host .meter-tile strong{font-size:18px}:host .meter-tile small{font-size:10px}
 :host .meter-foot{display:flex;flex-direction:column;align-items:stretch;gap:9px}
 :host .meter-foot .meter-prompt{font-size:11px}:host .meter-run{justify-content:center;min-height:44px;font-size:13px}
 :host .meter-options{gap:8px;flex-direction:column;align-items:stretch}
 :host .demo-select{max-width:none;width:100%;font-size:12px;min-height:40px}
 :host .demo-flag{font-size:11px}
 :host .section-head h2{font-size:clamp(28px,7.5vw,34px)}
 :host .metrics .section-sub,:host .problems .section-sub,:host .results .section-sub,:host .expertise .section-sub,:host .faq .section-sub,:host .process .section-sub{font-size:15px}
 :host .metric-card{padding:17px 14px}:host .metric-card strong{font-size:14px}:host .metric-card p{font-size:13px}
 :host .process{padding:53px 0}:host .process-steps{grid-template-columns:1fr;gap:13px}
 :host .process-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(105px,125px);gap:11px;padding:13px;background:#11354a80;border:1px solid #29566e7d;border-radius:14px;align-items:start}
 :host .process-step .step-head{grid-column:1;grid-row:1;gap:9px;margin:0;min-height:36px}
 :host .process-step p{grid-column:1;grid-row:2;font-size:13px;line-height:1.55}
 :host .process-step .step-visual{grid-column:2;grid-row:1/3;height:100%;min-height:100px;padding:8px;margin:0}
 :host .step-num{height:32px;flex-basis:32px;width:32px}:host .step-head strong{font-size:14px}
 :host .diagnostic-icons span{font-size:9px}:host .diagnostic-icons svg{width:17px!important;height:17px!important}:host .glass-note{min-height:150px}
 :host .glass-note strong{font-size:20px}:host .glass-note p{font-size:14px}
 :host .problem-grid,:host .metric-grid{gap:12px}
 :host .problem-body h3{font-size:14px}:host .problem-body p{font-size:13px}
 :host .problem-open{font-size:12px;min-height:42px}
 :host .result-switch button{font-size:12px}:host .result-controls p{font-size:13px}
 :host .result-values small{font-size:10px}:host .result-values strong{font-size:18px}
 :host .alert p,:host .rec-item p{font-size:13px}:host .rec-item strong{font-size:14px}
 :host .lead-copy p,:host .faq-lead p{font-size:15px}:host .lead-copy h2{font-size:31px}
 :host .faq{padding:50px 0 58px}:host .faq .section-head h2{font-size:32px}:host .faq-lead{padding:23px}:host .faq-help-list li{font-size:14px}
 :host .faq-q{font-size:15px;padding:16px;min-height:58px}
 :host .faq-answer>div{font-size:14px;padding:0 16px 17px}
 :host .check-guide{padding-block:51px}:host .guide-intro h2{font-size:32px}:host .guide-intro p{font-size:15px}
 :host .guide-steps article{gap:12px;padding:16px}:host .guide-steps h3{font-size:16px}:host .guide-steps p{font-size:14px}
}
@media (max-width:365px){:host .meter-tabs{gap:2px}:host .meter-tab{font-size:8px;padding:5px}:host .meter-tile strong{font-size:16px}:host .meter-tile>span{font-size:9px}}
@media (prefers-reduced-motion:reduce){:host .instrument .gauge-progress,:host #tipHalo{animation:none;transition:none}}


/* Background image cleanup: remove embedded lettering from the original concept. */
:host .hero:before{background-position:center,center bottom;background-repeat:no-repeat}
:host .process:before{background:linear-gradient(100deg,rgba(4,24,37,.96),rgba(4,35,51,.90)),url("/speedtest/assets/pl-speedtest-v7-d3c6bab2d4daa07d.webp") center 47% / cover;opacity:1}
:host .glass-note{background:linear-gradient(170deg,rgba(12,46,67,.88),rgba(4,20,31,.44) 59%,rgba(5,23,34,.94)),url("/speedtest/assets/pl-speedtest-v7-d3c6bab2d4daa07d.webp") center 45% / cover}
@media (max-width:820px){:host .hero:before{display:none}}
@media (min-width:1160px) and (min-height:821px){:host .gauge-wrap{height:222px;max-width:390px}:host .gauge-value{font-size:69px}}

:host .hero:before{mask-image:linear-gradient(to bottom, transparent 0%, transparent 37%, #000 62%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent 37%, #000 62%)}

/* v3: aligned speed test controls and lower FAQ accordion without shifting expanded items */
@media (min-width:571px){
  :host .meter-run,:host .demo-select{
    width:226px;
    min-width:226px;
    max-width:226px;
    min-height:44px;
    box-sizing:border-box;
  }
  :host .meter-run{justify-content:center;padding:10px 13px}
  :host .demo-select{padding:10px 12px;font-size:12px}
}
@media (min-width:821px){
  :host .faq-list{margin-top:clamp(92px,10vw,145px)}
}
@media (max-width:820px){
  :host .faq-list{margin-top:0}
}
@media (max-width:570px){
  :host .meter-run,:host .demo-select{width:100%;max-width:none;min-width:0;min-height:44px}
}
:host .server-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:226px;max-width:100%;padding:8px 14px;border:1px solid rgba(99,226,247,.35);border-radius:12px;background:rgba(21,136,171,.10);color:#bcecf4;font-size:13px;font-weight:750;text-align:center}:host .meter-options .demo-flag{color:#9ab9c7}@media(max-width:650px){:host .server-chip{width:100%;}}
:host .meter-data-note{margin:10px 0 0;color:#95b6c7;font-size:12px;line-height:1.5;text-align:center;padding-inline:12px;}

:host #leadSubmissionStatus.pl-success{
    background: #e8fff4;
    border: 1px solid #a8e5c5;
    border-radius: 14px;
    color: #075b42;
    padding: 17px 20px;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.6;
}

:host{display:block;position:relative;width:100%;min-width:0;isolation:isolate;overflow:hidden;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;line-height:1.55;color:#0d1a2d;background:#f9fbfe}

:host{display:block;box-sizing:border-box;max-width:100%;min-width:0;font-size:16px;contain:style} :host *, :host *::before, :host *::after{box-sizing:border-box}

/* PL_SPEEDTEST_FINAL_V5: deliberate interface simplification */
:host .meter-tabs, :host .meter-type, :host .meter-options, :host .micro-note {display:none!important}
:host .hero-point:nth-child(3){display:none!important}
:host .hero-points{gap:22px;margin:23px 0 25px;flex-wrap:wrap}
:host .meter-top{justify-content:flex-start}
:host .meter-data-note{font-size:12px;line-height:1.55;opacity:.86;margin-top:12px}
:host .faq-list{align-content:start!important;overflow-anchor:none}
:host .faq{overflow-anchor:none}
:host .faq-item{align-self:start}
:host .faq-answer,:host .faq-item.open .faq-answer{height:0;max-height:none!important;transition:height .26s cubic-bezier(.22,1,.36,1)!important;overflow:hidden}
:host .faq-answer>div{font-size:14px;line-height:1.65}
:host .faq-q{font-size:15px;min-height:58px}
:host .pl-service-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#046ed5;font-weight:750;font-size:14px;line-height:1.3;margin-top:10px;padding:4px 0}
:host .pl-service-link:hover{text-decoration:underline;color:#004d9e}
:host .consent a{color:#076fe7!important;text-decoration:underline;text-underline-offset:3px}
:host input:invalid:not(:placeholder-shown){border-color:#df6f6f}
:host slot{display:contents}
@media(max-width:767px){:host .hero-points{gap:12px;margin:15px 0 21px}:host .faq-q{font-size:14px}}
/* PL_SPEEDTEST_LAYOUT_V6 — final isolation fixes; no global Aspro changes */
:host .hero {
    min-height: 0 !important;
    padding: 38px 0 44px !important;
    align-items: center !important;
}
:host .hero-grid { align-items: center !important; }
:host .expertise-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
:host .expertise-card {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-content: start;
    align-items: start !important;
    gap: 14px 12px !important;
    padding: 19px !important;
    min-width: 0;
}
:host .expertise-card > .iconbox { grid-column: 1; grid-row: 1; }
:host .expertise-card > div:not(.iconbox) { grid-column: 2; grid-row: 1; min-width: 0; }
:host .expertise-card > div:not(.iconbox) strong {
    display: block; margin: 0 0 8px; font-size: 15px; line-height: 1.4;
}
:host .expertise-card > div:not(.iconbox) p {
    margin: 0; font-size: 14px; line-height: 1.55; overflow-wrap: break-word;
}
:host .expertise-card > a.pl-service-link {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0 !important;
    padding: 6px 0;
    display: inline-flex !important;
    align-self: end;
    justify-self: start;
    font-size: 14px;
    gap: 7px;
    white-space: normal;
    text-wrap: balance;
}
:host .expertise-card > a.pl-service-link:hover { color: #004d9e; text-decoration: underline; }
@media (max-width: 900px) {
    :host .expertise-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 570px) {
    :host .hero { padding: 28px 0 36px !important; }
    :host .expertise-grid { grid-template-columns: minmax(0, 1fr); }
    :host .expertise-card { min-height: 0; }
}
/* PL_SPEEDTEST_UX_V7: links anchored to the card baseline */
:host .expertise-card {
    grid-template-rows: minmax(0, 1fr) auto !important;
    align-content: stretch !important;
}
:host .expertise-card > a.pl-service-link {
    align-self: end !important;
    margin-top: auto !important;
    padding-top: 8px !important;
}
/* Selectable questions and a separate non-expanding answer area */
:host .faq-list {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    grid-template-rows: repeat(5, auto);
    align-items: stretch !important;
    align-content: start !important;
    gap: 10px 14px !important;
    min-height: 0 !important;
    overflow-anchor: none;
}
:host .faq-list > .faq-item {
    grid-column: 1;
    display: flex;
    align-items: stretch;
    min-width: 0;
    box-shadow: none;
    border: 1px solid #dce8f2;
    border-radius: 13px;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
:host .faq-list > .faq-item.open {
    background: #e4f3ff;
    border-color: #84bdfa;
    box-shadow: inset 3px 0 0 #087cec;
}
:host .faq-item .faq-answer { display: none !important; }
:host .faq-list .faq-q {
    min-height: 64px;
    padding: 12px 13px;
    font-size: 13.5px;
    line-height: 1.4;
    flex: 1;
    font-weight: 720;
    cursor: pointer;
}
:host .faq-item .faq-q .ui-icon {display:none !important}
:host .faq-q::after {
    content:'→';
    color: #1879c7;
    font-size: 19px;
    font-weight: 400;
    flex: none;
    transition: transform .18s ease;
}
:host .faq-item.open .faq-q::after {transform: translateX(3px)}
:host .faq-list .pl-faq-detail {
    grid-column: 2;
    grid-row: 1 / span 5;
    min-width: 0;
    background: white;
    border: 1px solid #dce8f2;
    border-radius: 16px;
    padding: clamp(18px, 2vw, 28px);
    box-shadow: 0 12px 30px rgba(20, 64, 97, .055);
    align-self: stretch;
}
:host .pl-faq-detail-label {display:block;color:#0875d5;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}
:host .pl-faq-detail-title {font-size:clamp(18px,1.3vw,22px);font-weight:780;line-height:1.3;margin:0 0 14px;color:#102437}
:host .pl-faq-detail-text {font-size:15px;line-height:1.75;color:#466078;overflow-wrap:anywhere}
@media (max-width: 1300px) {
    :host .faq-list {grid-template-columns:1fr;grid-template-rows:none}
    :host .faq-list > .faq-item {grid-column:1}
    :host .faq-list .pl-faq-detail {grid-column:1;grid-row:auto;min-height:155px}
}
@media (max-width: 820px) {
    :host .faq-list .faq-q {min-height:56px}
    :host .pl-faq-detail-title {font-size:19px}
}
@media (prefers-reduced-motion: reduce) {
    :host .faq-item,:host .faq-q::after{transition:none !important}
}
/* PL_SPEEDTEST_PRODUCT_V8: isolated enhancements; Aspro layout unaffected. */
:host .pl-result-empty {display:grid;gap:12px;max-width:740px;padding:clamp(21px,3vw,35px);border:1px solid #cfe4f2;background:linear-gradient(125deg,#f2faff,#fff);border-radius:20px;box-shadow:0 14px 32px rgba(20,72,110,.05)}
:host .pl-result-empty strong {font-size:clamp(20px,2vw,29px);line-height:1.3;color:#10233b}
:host .pl-result-empty p {margin:0;color:#526982;line-height:1.6}
:host .pl-result-eyebrow {font-size:12px;letter-spacing:.085em;color:#0878ca;font-weight:800}
:host .pl-text-action {justify-self:start;background:none;border:0;padding:9px 0;color:#006bc6;font-size:15px;font-weight:700;text-align:left;cursor:pointer}
:host .pl-text-action:hover{text-decoration:underline}
:host #report[data-phase="idle"] .result-controls,:host #report[data-phase="idle"] .result-layout {display:none!important}
:host #report:not([data-phase="idle"]) .pl-result-empty {display:none!important}
:host #plResultTools[hidden] {display:none!important}
:host .pl-result-tools {display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:end;margin:0 0 18px;padding:14px 18px;background:#f0f8fc;border:1px solid #d9e9f5;border-radius:14px}
:host .pl-task-field {min-width:260px;flex:1 1 360px}
:host .pl-task-field label {display:block;font-weight:750;color:#122940;font-size:14px;margin:0 0 8px}
:host .pl-task-field select {display:block;max-width:100%;width:420px;border-radius:9px;border:1px solid #cadcec;background:#fff;color:#153349;padding:11px;font-size:15px}
:host .pl-task-field p {font-size:13.5px;line-height:1.6;color:#4b667c;margin:10px 0 0;max-width:620px}
:host .pl-result-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:center}
:host .pl-small-action {background:#fff;border:1px solid #bddef1;border-radius:10px;color:#0865b2;font-weight:700;cursor:pointer;padding:11px 14px;line-height:1.4;font-size:14px}
:host .pl-small-action:hover {background:#e9f5ff}
:host .pl-economy {margin-top:10px;color:#c2e0f0;display:grid;gap:4px;font-size:13px}
:host .pl-economy label {display:flex;align-items:center;gap:9px;cursor:pointer;width:max-content;max-width:100%;font-weight:700}
:host .pl-economy input {width:17px;height:17px;accent-color:#25d5ef;margin:0}
:host .pl-economy small {font-size:12.5px;line-height:1.5;color:#a9c9d9}
:host .pl-method {margin:0 0 20px;border:1px solid #e1edf5;border-radius:12px;padding:14px 17px;background:#f6fbff;color:#405a72}
:host .pl-method summary {cursor:pointer;color:#1768ae;font-weight:750;font-size:14px}
:host .pl-method p {margin:13px 0 0;line-height:1.7;font-size:14px}
@media (max-width:720px) { :host .pl-result-tools{display:block} :host .pl-result-actions{margin-top:14px} :host .pl-task-field{min-width:0} :host .pl-task-field select{width:100%} }
@media (prefers-reduced-motion:reduce) { :host .pl-result-empty,:host .pl-result-tools{scroll-behavior:auto} }