:root{--petrol:#0d4f4b;--deep:#083a38;--coral:#e96854;--cream:#fff6e8;--ink:#19302e;--sage:#dcebe4;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--deep);text-underline-offset:.18em}a:hover{text-decoration-thickness:3px}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}h1,h2,h3{color:var(--deep);font-family:Georgia,Times New Roman,serif;line-height:1.1}h1{letter-spacing:-.045em;margin:.3em 0;font-size:clamp(2.7rem,7vw,5.8rem)}h2{margin-top:1.6em;font-size:clamp(1.9rem,4vw,3rem)}h3{font-size:1.35rem}.wrap{width:min(var(--max),calc(100% - 2rem));margin:auto}.site-head{background:var(--cream);border-bottom:2px solid var(--deep);z-index:10;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.brand{color:var(--deep);font:700 1.2rem Georgia;text-decoration:none}.brand i{color:var(--coral);font-style:normal}.nav nav{gap:1.2rem;display:flex}.nav nav a{font-size:.95rem;font-weight:700;text-decoration:none}.hero{padding:clamp(3rem,8vw,7rem) 0}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:end;gap:2rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--coral);font-size:.75rem;font-weight:800}.lead{max-width:57ch;font-size:clamp(1.15rem,2vw,1.45rem)}.room{border:2px solid var(--deep);background:var(--sage);min-height:390px;box-shadow:12px 12px 0 var(--coral);border-radius:48% 48% 24px 24px;position:relative;overflow:hidden}.room:before{content:"";background:var(--petrol);border:12px solid var(--white);width:60%;height:42%;box-shadow:0 0 0 2px var(--deep);position:absolute;top:18%;left:20%}.room:after{content:"internet  •  tv  •  bellen";background:var(--cream);border:2px solid var(--deep);text-align:center;border-radius:18px;padding:1.3rem;font-weight:800;position:absolute;bottom:13%;left:9%;right:9%}.btn{background:var(--coral);color:#1d2927;border:2px solid var(--deep);min-height:48px;box-shadow:4px 4px 0 var(--deep);border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:2px 2px 0 var(--deep);transform:translate(1px,1px)}.btn.secondary{background:var(--white)}.cards{grid-template-columns:repeat(12,1fr);gap:1.2rem;margin:2rem 0 5rem;display:grid}.card{background:var(--white);border:2px solid var(--deep);border-radius:24px;grid-column:span 4;padding:1.5rem}.card:nth-child(2n){background:var(--sage);transform:translateY(1.5rem)}.card a{font-weight:800}.band{background:var(--petrol);color:var(--cream);padding:3rem 0}.band h2{color:var(--cream);margin-top:0}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.step{border-top:2px solid var(--cream);padding-top:1rem}.step:before{counter-increment:s;content:"0" counter(s);color:#ff9b87;font-weight:900;display:block}.prose{width:min(760px,100% - 2rem);margin:3rem auto 8rem}.prose h1{font-size:clamp(2.5rem,6vw,4.8rem)}.crumbs{margin-top:1.5rem;font-size:.9rem}.tldr,.decision{background:var(--sage);border-left:7px solid var(--coral);border-radius:0 18px 18px 0;padding:1.2rem 1.4rem}.sticky-cta{z-index:5;justify-content:center;margin:2rem auto;display:flex;position:sticky;bottom:1rem}.meta{color:#47615e;font-size:.92rem}.provider-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.footer{border-top:2px solid var(--deep);padding:3rem 0}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}@media (width<=760px){.nav nav a:not(:last-child){display:none}.hero-grid{grid-template-columns:1fr}.room{min-height:280px}.card{grid-column:span 12}.card:nth-child(2n){transform:none}.steps,.provider-grid{grid-template-columns:1fr}h1{font-size:3rem}.sticky-cta{bottom:.75rem}.btn{width:100%}}.skip-link{z-index:100;background:var(--cream);border:3px solid var(--deep);border-radius:8px;padding:.7rem 1rem;font-weight:800;position:fixed;top:.5rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.mobile-menu{display:none;position:relative}.mobile-menu summary{border:2px solid var(--deep);cursor:pointer;border-radius:999px;align-items:center;min-height:44px;padding:.4rem .85rem;font-weight:800;display:flex}.mobile-menu nav{background:var(--cream);border:2px solid var(--deep);min-width:230px;box-shadow:6px 6px 0 var(--coral);border-radius:18px;padding:.5rem;position:absolute;top:calc(100% + .6rem);right:0}.nav .mobile-menu nav a{align-items:center;min-height:48px;padding:.45rem .7rem;font-weight:800;text-decoration:none;display:flex!important}.widget-slot{min-height:0;margin-top:1rem;overflow:hidden}.widget-slot[data-loaded=true]{border-top:2px solid var(--deep);min-height:420px;padding-top:1rem}.load-comparator[disabled]{opacity:.65;cursor:wait}@media (width<=760px){.desktop-nav{display:none!important}.mobile-menu{display:block}.mobile-menu[open] nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.nav{min-height:68px}.widget-slot[data-loaded=true]{min-height:520px}}@media (width>=761px){.desktop-nav{display:flex}.mobile-menu{display:none}}.floating-postcode-cta{z-index:80;color:#fff;backdrop-filter:blur(12px);background:#101b2cf2;border:1px solid #fff3;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;width:min(760px,100% - 28px);padding:.7rem .75rem .7rem 1.1rem;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #071a3355}.floating-postcode-cta>span{font-size:.9rem;font-weight:750}.floating-postcode-cta>a{color:#101820;background:#f0b429;border-radius:9px;flex:none;padding:.72rem 1rem;font-weight:900;text-decoration:none}.floating-postcode-cta>a:hover{filter:brightness(1.05)}@media (width<=620px){.floating-postcode-cta>span{display:none}.floating-postcode-cta>a{text-align:center;width:100%}}