/* Original APPELO composition, rebuilt as responsive static sections. */
:root{--ink:#333;--muted:#666;--lime:#0878ad}body{color:#333}header{min-height:175px;max-width:1400px;margin:auto;padding:20px 5%;border:0;gap:32px}.logo img{width:220px}header nav{gap:30px;margin-inline-start:auto;font-weight:800;font-size:17px;color:#0573a5}.languages{margin-inline-start:12px}.languages a[aria-current=page]{background:#0878ad}.classic-hero{overflow:hidden;background:#a423d0 url('/legacy/background.jpg') center/cover no-repeat;color:#fff}.slide-stage{position:relative;width:100%;max-width:1920px;margin:auto;aspect-ratio:1400/690;min-height:610px;isolation:isolate}.slide-title{position:absolute;inset-inline-start:5%;top:8%;z-index:5;animation:copy-in 1s .3s both}.slide-title h1,html[lang=en] .slide-title h1,html[dir=rtl] .slide-title h1{font-family:Raleway,Arial,sans-serif;font-size:clamp(42px,4.05vw,78px);font-weight:100;line-height:1.3;letter-spacing:-1px;margin:0;color:white}.slide-copy{position:absolute;inset-inline-start:5%;top:43%;z-index:5;width:44%;animation:copy-in 1s .65s both}.slide-brands{font-family:Raleway,Arial,sans-serif;letter-spacing:2px;font-weight:600;font-size:clamp(14px,1.2vw,22px);margin:0 0 30px}.slide-promises{font-size:clamp(16px,1.5vw,26px);line-height:1.75;margin:0 0 22px}.slide-button{display:inline-block;background:#333;color:#fff;padding:18px 40px;font-size:clamp(15px,1.3vw,23px);font-weight:600;transition:background .2s,color .2s}.slide-button:hover{background:white;color:#333}.slide-devices{position:absolute;inset:0;z-index:2;pointer-events:none;direction:ltr}.device{position:absolute;animation:device-in 1.3s cubic-bezier(.2,.8,.2,1) both}.device img{display:block;width:100%;height:auto}.laptop{width:71.43%;height:auto;left:46.78%;top:17.32%;animation-delay:1s}.tablet{width:30.71%;left:42.36%;top:29.42%;animation-delay:1.25s}.tablet-screen{position:absolute;left:16.28%;top:16.3%;width:67.44%!important}.mobile{width:18.57%;left:37.86%;top:43.19%;animation-delay:1.5s}.mobile-screen{position:absolute;left:17.69%;top:18.22%;width:65.38%!important}.tablet-screen,.mobile-screen{animation:screen-in 1s 2s both}.brand-services{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-block:70px;max-width:1250px}.brand-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.brand-card h2{font-size:26px;letter-spacing:0;margin-top:25px;color:#0878ad}.brand-card p{font-size:16px;color:#666}.brand-card:hover h2{text-decoration:underline}.about{background:#f5f5f5;max-width:none;border:0;padding-inline:max(6%,calc((100% - 1100px)/2))}.about h2{font-weight:400;color:#0878ad}.section h2{letter-spacing:0}.section-heading h2{font-weight:400}.service-grid article{border-radius:0}.service-grid .special{background:#f2f6f8}.process{background:#f6f6f6}.contact{background:#f3f3f3;max-width:none;border-radius:0;margin:0;padding-inline:max(6%,calc((100% - 1100px)/2));color:#333}.contact h2 span{color:#0878ad}.contact-details{border-color:#ccc}.contact-details a{border-color:#ccc}.contact-details>div>span{color:#0878ad}.dark{background:#0878ad}.number{color:#0878ad}.tag{font-size:14px}.floating-contact{position:fixed;bottom:22px;right:22px;background:#159b48;color:white;border-radius:35px;padding:16px 22px;font-size:15px;font-weight:bold;z-index:20;box-shadow:0 4px 18px #0002}footer{padding-top:30px;padding-bottom:30px}footer .logo img{width:175px}html[dir=rtl] .slide-title h1{font-family:Tahoma,Arial,sans-serif;font-weight:400;font-size:clamp(38px,3.7vw,70px);line-height:1.6}html[dir=rtl] .slide-devices{transform:scaleX(-1)}html[dir=rtl] .slide-brands{text-align:right}html[dir=rtl] .contact-details{border-color:#ccc}.slide-stage a:focus-visible{outline-color:white}@keyframes copy-in{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes device-in{from{opacity:0;transform:translateX(120px)}to{opacity:1;transform:none}}@keyframes screen-in{from{opacity:0}to{opacity:1}}@media(min-width:1921px){.slide-stage{min-height:946px}}@media(max-width:1100px){header{min-height:140px;gap:18px}.logo img{width:175px}header nav{font-size:15px;gap:16px}.slide-stage{min-height:570px}.slide-copy{top:40%;width:47%}.slide-title h1{font-size:44px}.slide-promises{font-size:17px}.brand-services{gap:22px}}@media(max-width:720px){header{min-height:105px;padding:10px 5%;gap:8px}.logo img{width:135px}header nav{display:flex;order:3;width:100%;justify-content:center;gap:22px;font-size:14px;padding-block:8px;margin:0}.languages{margin-inline-start:auto}.classic-hero{background-position:center}.slide-stage{aspect-ratio:auto;height:auto;min-height:0;padding:30px 6% 35px;display:flex;flex-direction:column}.slide-title,.slide-copy{position:relative;inset:auto;width:100%}.slide-title h1,html[lang=en] .slide-title h1,html[dir=rtl] .slide-title h1{font-size:clamp(30px,6.8vw,46px);font-weight:400;letter-spacing:0;line-height:1.45}.slide-devices{position:relative;inset:auto;order:1;width:100%;height:auto;aspect-ratio:1.45;margin:16px 0 0}.slide-copy{order:2}.laptop{width:100%;left:22%;top:0}.tablet{width:47%;left:18%;top:18%}.mobile{width:29%;left:5%;top:34%}.slide-brands{font-size:14px;margin:15px 0}.slide-promises{font-size:15px;line-height:1.8}.slide-button{font-size:15px;padding:14px 25px}.brand-services{grid-template-columns:1fr;padding-block:35px;gap:30px}.brand-card h2{font-size:24px}.brand-card img{max-height:310px}.contact{padding:40px 6%}.floating-contact{right:14px;bottom:14px;padding:12px 16px}.languages a{font-size:13px;padding:7px 5px}}@media(prefers-reduced-motion:reduce){.slide-title,.slide-copy,.device,.tablet-screen,.mobile-screen{animation:none}}
@media(min-width:721px){html[dir=rtl] .slide-devices{transform:none}html[dir=rtl] .laptop{left:-18.21%}html[dir=rtl] .tablet{left:26.93%}html[dir=rtl] .mobile{left:43.57%}}
@media(max-width:720px){html[dir=rtl] .slide-devices{transform:none}}
/* Independent page navigation and page headings. */
header nav a[aria-current=page]{color:#064967;text-decoration:underline;text-underline-offset:7px}.page-heading{background:#f4f4f4;border-block:1px solid #e8e8e8;padding:32px 6%;color:#0878ad}.page-heading>div{max-width:1120px;margin:auto}.page-heading h1,html[lang=en] .page-heading h1,html[dir=rtl] .page-heading h1{font-family:Arial,Tahoma,sans-serif;font-size:38px;font-weight:500;letter-spacing:0;line-height:1.4;margin:14px 0 0}.page-heading a{font-size:14px;color:#666}.page-heading+section{min-height:360px}header{max-width:1500px}header nav{gap:22px;font-size:16px}.about .textlink{display:inline-block;margin-top:12px;color:#0878ad}@media(max-width:1100px){header{flex-wrap:wrap;gap:16px}header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;margin:0}.languages{margin-inline-start:auto}}@media(max-width:720px){header nav{gap:12px 20px;font-size:14px}.page-heading{padding:24px 6%}.page-heading h1,html[lang=en] .page-heading h1,html[dir=rtl] .page-heading h1{font-size:30px}}
/* Shared footer matching the original site's four-column layout. */
footer.site-footer{display:block;width:100%;padding:0;margin:0;background:#fff}.site-footer>.footer-main{display:block;width:100%;background:linear-gradient(110deg,#b21bcc 0%,#8550c7 40%,#32a7b9 100%);color:white;padding:58px 6% 72px}.footer-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr 1fr 1.2fr;gap:40px;align-items:start}.site-footer .footer-logo{align-self:center}.site-footer .footer-logo img{width:100%;max-width:285px;height:auto}.site-footer h2{color:#e3b000;font-size:32px;font-weight:700;letter-spacing:0;line-height:1.3;margin:0 0 23px}.site-footer p,.site-footer a,.site-footer dt,.site-footer dd{font-size:16px}.footer-hours dl{margin:0}.footer-hours dl>div{display:flex;gap:8px;line-height:1.9}.footer-hours dt{min-width:26px}.footer-hours dd{margin:0}.site-footer .footer-button{display:inline-block;background:#e1aa00;color:#fff;padding:12px 24px;border-radius:4px;font-size:22px;font-weight:700;margin-bottom:15px;text-align:center}.site-footer .footer-button:hover{background:#bd8e00}.footer-address address{font-style:normal}.footer-address p{margin:10px 0}.footer-contact ul{list-style:none;padding:0;margin:6px 0}.footer-contact li{margin:12px 0}.footer-contact a:not(.footer-button){display:inline-block;overflow-wrap:anywhere;max-width:100%}.site-footer .footer-bottom{max-width:1450px;margin:auto;padding:50px 6% 70px;display:grid;grid-template-columns:1fr auto 1.4fr;align-items:center;gap:45px;color:#111;width:100%}.footer-legal{display:flex;flex-wrap:wrap;gap:12px 20px}.footer-legal a{font-size:14px;font-weight:600}.footer-legal a+a{border-inline-start:1px solid #222;padding-inline-start:20px}.site-footer .footer-facebook{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#28596e;color:#fff;font:bold 42px Arial;line-height:1}.site-footer .footer-copyright{margin:0;text-align:end;font-size:14px;font-weight:600}.site-footer a:focus-visible{outline-color:#fff}.footer-bottom a:focus-visible{outline-color:#0878ad}.footer-main section{min-width:0}html[dir=rtl] .site-footer h2{font-size:30px;line-height:1.5}@media(max-width:1100px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 50px}.site-footer .footer-bottom{grid-template-columns:1fr auto;gap:30px}.site-footer .footer-copyright{grid-column:1/-1;text-align:center}}@media(max-width:600px){.site-footer>.footer-main{padding:35px 7% 45px}.footer-grid{grid-template-columns:1fr;gap:32px}.site-footer .footer-logo{justify-content:center}.site-footer .footer-logo img{max-width:235px}.site-footer h2{font-size:27px;margin-bottom:16px}.site-footer .footer-button{font-size:20px}.site-footer .footer-bottom{padding:30px 7% 90px;gap:25px}.footer-legal{gap:10px}.footer-legal a+a{padding-inline-start:10px}.site-footer .footer-copyright{text-align:start;line-height:1.8}}
/* Modern hero: separate text and device columns, bounded pointer response. */
.modern-hero{position:relative;background:linear-gradient(112deg,#ac20cc 0%,#8654c9 46%,#369bb9 100%)}.modern-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,40%),#ffffff24,transparent 58%)}.modern-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:44px;aspect-ratio:auto;min-height:650px;max-width:1500px;padding:60px 5%;isolation:isolate}.modern-copy{min-width:0;z-index:2}.modern-hero .slide-title,.modern-hero .slide-copy{position:static;inset:auto;width:100%;animation:copy-in .8s .1s both}.modern-hero .slide-title h1,html[lang=en] .modern-hero .slide-title h1,html[dir=rtl] .modern-hero .slide-title h1{font-size:clamp(32px,3.2vw,52px);line-height:1.35;font-weight:400;letter-spacing:-.7px;overflow-wrap:break-word}.modern-hero .slide-copy{margin-top:34px;animation-delay:.25s}.modern-hero .slide-brands{font-size:16px;letter-spacing:1.3px;margin:0 0 24px}.modern-hero .slide-promises{list-style:none;padding:0;margin:0 0 30px;font-size:clamp(14px,1.25vw,18px);line-height:1.6;font-weight:500;display:grid;gap:12px}.modern-hero .slide-promises li{margin:0}.modern-hero .slide-button{font-size:18px;padding:16px 30px;border-radius:5px;background:#273346;box-shadow:0 6px 24px #34234a30}.modern-hero .slide-button:hover{background:white;color:#273346;transform:translateY(-2px)}.modern-visual{min-width:0;width:100%;padding:26px;overflow:hidden;direction:ltr;animation:copy-in 1s .3s both}.device-motion{transform-origin:center;backface-visibility:hidden}.device-motion img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 24px #24125238)}html[dir=rtl] .modern-hero .slide-title h1{letter-spacing:0;font-family:Tahoma,Arial,sans-serif;line-height:1.6}html[dir=rtl] .modern-hero .slide-promises{font-size:18px;line-height:1.8}.modern-hero .slide-copy,.modern-hero .slide-title{transform:none}@media(max-width:1050px){.modern-stage{gap:15px;padding:45px 4%;min-height:550px}.modern-visual{padding:16px}.modern-hero .slide-title h1,html[lang=en] .modern-hero .slide-title h1,html[dir=rtl] .modern-hero .slide-title h1{font-size:34px}}@media(max-width:720px){.modern-stage{display:flex;flex-direction:column;gap:12px;padding:32px 6% 24px;min-height:0}.modern-copy{width:100%}.modern-hero .slide-copy{margin-top:24px}.modern-hero .slide-promises{font-size:14px;gap:10px}.modern-visual{order:2;max-width:470px;padding:18px;aspect-ratio:auto;margin:0}.modern-hero .slide-title h1,html[lang=en] .modern-hero .slide-title h1,html[dir=rtl] .modern-hero .slide-title h1{font-size:clamp(29px,7vw,40px)}html[dir=rtl] .modern-hero .slide-promises{font-size:16px}.modern-hero .slide-brands{font-size:14px}.modern-hero .slide-button{font-size:16px}}@media(prefers-reduced-motion:reduce){.modern-visual,.modern-hero .slide-copy,.modern-hero .slide-title{animation:none}.device-motion{transform:none!important}.modern-hero .slide-button{transition:none;transform:none!important}}
/* Original wide slider composition, with individually moving product layers. */
.layered-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:1800px;aspect-ratio:auto;min-height:680px;gap:24px;padding:60px 4%;align-items:center}.layered-copy{position:relative;z-index:5;min-width:0}.layered-hero .slide-title,.layered-hero .slide-copy{position:static;width:100%;inset:auto}.layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1,html[dir=rtl] .layered-hero .slide-title h1{font-size:clamp(36px,3.5vw,66px);font-weight:100;line-height:1.35;letter-spacing:-1px}.layered-hero .slide-copy{margin-top:65px}.layered-hero .slide-brands{font-size:17px;margin-bottom:27px}.layered-hero .slide-promises{list-style:none;padding:0;margin:0 0 25px;font-size:clamp(15px,1.3vw,24px);line-height:1.8}.layered-hero .slide-button{border-radius:0;padding:18px 38px;background:#333;color:#fff;font-size:20px}.layered-visual{position:relative;min-width:0;width:100%;aspect-ratio:1.24;direction:ltr;isolation:isolate}.device-layer{position:absolute;animation:device-in 1.5s cubic-bezier(.2,.8,.2,1) both}.device-layer img{display:block;width:100%;height:auto;object-fit:contain}.layer-laptop{width:112%;left:12%;top:4%;z-index:1;animation-delay:.8s}.layer-tablet{width:47%;left:19%;bottom:7%;z-index:2;animation-delay:1.05s}.layer-phone{width:25%;left:3%;bottom:1%;z-index:3;animation-delay:1.3s}html[dir=rtl] .layered-hero .slide-title h1{font-family:Tahoma,Arial,sans-serif;font-weight:400;letter-spacing:0;line-height:1.6}html[dir=rtl] .layered-hero .slide-promises{font-size:19px}.layered-visual{margin-inline:0}.layered-hero .slide-copy{animation-delay:.4s}@media(max-width:1050px){.layered-stage{min-height:600px;padding:45px 4%;gap:15px}.layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1,html[dir=rtl] .layered-hero .slide-title h1{font-size:36px}.layered-hero .slide-copy{margin-top:35px}.layered-hero .slide-promises{font-size:15px}}@media(max-width:720px){.layered-stage{display:flex;flex-direction:column;min-height:0;gap:26px;padding:30px 6%}.layered-copy{width:100%}.layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1,html[dir=rtl] .layered-hero .slide-title h1{font-size:32px;font-weight:400;letter-spacing:0}.layered-hero .slide-copy{margin-top:25px}.layered-hero .slide-promises{font-size:14px}.layered-hero .slide-brands{font-size:14px}.layered-visual{max-width:540px;aspect-ratio:1.15;margin-bottom:10px}.layer-laptop{width:100%;left:4%}.layer-tablet{left:23%;width:44%}.layer-phone{left:9%;width:24%}.layered-hero .slide-button{font-size:16px;padding:15px 27px}}@media(prefers-reduced-motion:reduce){.device-layer{animation:none}.device-layer img{transform:none!important}}
.layer-tablet{width:48%;left:25%;bottom:8%}.layer-phone{width:42%;left:-4%;bottom:-3%}@media(max-width:720px){.layer-tablet{width:47%;left:29%;bottom:10%}.layer-phone{width:40%;left:1%;bottom:0}}
/* Screen damage dissolves on hover, keyboard focus, or a touch toggle. */
.repair-device{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.repair-device:focus-visible{outline:2px solid white;outline-offset:5px;border-radius:14px}
.repair-device img{pointer-events:none}
.repair-screen{position:absolute;display:block;overflow:hidden;pointer-events:none;isolation:isolate}
.repair-phone .repair-screen{left:55.2%;top:16.5%;width:24.2%;height:72.8%;border-radius:0 12% 12% 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.repair-tablet .repair-screen{left:20.4%;top:2.3%;width:73.3%;height:95.2%;border-radius:5%}
.glass-cracks{position:absolute;inset:0;background:url('/devices/glass-hairline-v2.webp') center/100% 100% no-repeat;opacity:1;transition:opacity .55s ease;filter:drop-shadow(0 1px 1px #0008)}
.repair-shine{position:absolute;inset:-25% -100%;background:linear-gradient(110deg,transparent 40%,#fff0 44%,#ffffff85 50%,#fff0 57%,transparent 60%);transform:translateX(-55%);opacity:0}
.repair-device.is-repaired .glass-cracks,.repair-device:focus-visible .glass-cracks{opacity:0}
.repair-device.is-repaired .repair-shine,.repair-device:focus-visible .repair-shine{animation:repair-polish 1.1s .2s ease-out both}
@media(hover:hover) and (pointer:fine){.repair-device:hover .glass-cracks{opacity:0}.repair-device:hover .repair-shine{animation:repair-polish 1.1s .2s ease-out both}}
@keyframes repair-polish{0%{transform:translateX(-55%);opacity:0}20%{opacity:.85}80%{opacity:.5}100%{transform:translateX(55%);opacity:0}}
@media(prefers-reduced-motion:reduce){.glass-cracks{transition:none}.repair-device{transform:none!important}.repair-device .repair-shine{animation:none!important}}
.repair-tablet>img{-webkit-mask:url('/devices/tablet.webp') center/100% 100% no-repeat;mask:url('/devices/tablet.webp') center/100% 100% no-repeat}
/* Align the visible device bases, compensating for transparent asset margins. */
.layer-laptop{top:auto;bottom:8%;left:14%;width:86%}
.layer-tablet{bottom:8%;left:22%;width:45%}
.layer-phone{bottom:8%;left:-6%;width:40%}
.repair-phone{translate:0 8.8%}
.repair-tablet{translate:0 .16%}
.macbook-name{position:absolute;z-index:2;right:10%;top:12%;font:600 clamp(14px,1.25vw,20px)/1.3 Arial,sans-serif;letter-spacing:.02em;color:#fff;text-shadow:0 1px 5px #000;pointer-events:none}
@media(max-width:720px){.layered-visual{aspect-ratio:1.3}.layer-laptop{left:12%;width:88%;bottom:8%}.layer-tablet{left:22%;width:45%;bottom:8%}.layer-phone{left:-5%;width:40%;bottom:8%}.macbook-name{font-size:14px}}
/* Trim only transparent padding in layout; retain the original product pixels. */
.repair-laptop{aspect-ratio:1055/646;overflow:hidden}
.repair-laptop>img{position:absolute;width:148.531%;max-width:none;left:-24.265%;top:-27.399%;height:auto}
.repair-laptop .repair-screen{left:9.194%;top:2.322%;width:81.706%;height:86.533%;border-radius:1.3% 1.3% 0 0;clip-path:polygon(0 0,44.7% 0,44.7% 2.7%,55.4% 2.7%,55.4% 0,100% 0,100% 100%,0 100%)}
/* Clear next steps, with the repair request beside prices. */
.hero-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.layered-hero .hero-actions .slide-button{display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 8px;min-height:48px;padding:15px 22px;font-size:17px;line-height:1.4;border:1px solid transparent;border-radius:5px}
.layered-hero .hero-actions .prices-button{background:transparent;border-color:#fff;color:#fff}
.layered-hero .hero-actions .prices-button:hover{background:#fff;color:#333}
.hero-actions .slide-button span{font-size:14px;font-weight:400}
.price-tools{max-width:500px;margin-top:25px}
.price-tools label{display:block;font-weight:700;margin-bottom:8px}
.price-tools input{width:100%;min-height:48px;border:1px solid #879ba7;border-radius:5px;background:#fff;padding:12px 14px;font:inherit;color:#333}
.price-tools input:focus-visible{outline:3px solid #0878ad;outline-offset:3px}
.price-empty{font-size:16px;line-height:1.7;color:#333}
[hidden]{display:none!important}
.price-request{margin-top:24px}.price-request p{font-size:14px;color:#526879}
.price-scroll thead th{line-height:1.5}.price-scroll tbody th{position:sticky;inset-inline-start:0;background:#fff;z-index:1}.price-scroll tbody tr:nth-child(even) th{background:#f3f6f8}
@media(max-width:720px){
 header{padding-block:8px;min-height:0}header nav a,.languages a{min-height:44px;display:inline-flex;align-items:center}
 header nav{gap:2px 16px;padding-block:0;font-size:14px}.logo img{width:118px}
 .layered-stage{padding:24px 6%;gap:12px}.layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1,html[dir=rtl] .layered-hero .slide-title h1{font-size:clamp(28px,6.7vw,36px);line-height:1.3}
 .layered-hero .slide-copy{margin-top:18px;display:flex;flex-direction:column}
 .layered-hero .slide-brands{margin-bottom:14px}.hero-actions{order:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .layered-hero .hero-actions .slide-button{font-size:15px;padding:12px 10px}
 .layered-hero .slide-promises{order:2;margin:18px 0 0;line-height:1.65;font-size:14px}
 html[dir=rtl] .layered-hero .slide-promises{font-size:15px}
 .layered-visual{max-width:400px;aspect-ratio:1.45;margin-bottom:0}
 .price-scroll{margin-top:20px}.price-scroll table{min-width:510px}th,td{padding:12px 10px}
 .floating-contact{padding:12px 18px;bottom:max(14px,env(safe-area-inset-bottom));min-height:44px}
}
/* Keep repair actions readable and easy to tap on narrow phones. */
@media(max-width:420px){
 .hero-actions{grid-template-columns:minmax(0,1fr)}
 .layered-hero .hero-actions .slide-button{min-width:0;min-height:48px;overflow-wrap:anywhere}
}
/* Brand services: wide, top-cropped image strips matching the supplied reference. */
.brand-services.section{max-width:none;width:100%;padding:68px max(6%,calc((100% - 1425px)/2)) 28px;background:#fafafa;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.brand-services .brand-card{display:block;min-width:0;background:#fff}
.brand-services .brand-card img{width:100%;height:auto;aspect-ratio:2.85;max-height:none;object-fit:cover;object-position:center top}
.brand-services .brand-card h2{margin:25px 0 12px;color:#06466b;font-size:20px;line-height:1.3;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.brand-services .brand-card p{margin:0;color:#777;font-size:18px;line-height:1.4}
html[dir=rtl] .brand-services .brand-card h2{letter-spacing:0;line-height:1.5}
html[dir=rtl] .brand-services .brand-card p{line-height:1.7}
@media(max-width:1050px) and (min-width:721px){.brand-services.section{gap:20px;padding-inline:4%}.brand-services .brand-card h2{font-size:17px;letter-spacing:1.2px}.brand-services .brand-card p{font-size:16px}}
@media(max-width:720px){.brand-services.section{grid-template-columns:1fr;padding:32px 6%;gap:30px}.brand-services .brand-card h2{margin-top:18px;font-size:20px}.brand-services .brand-card p{font-size:16px}}
/* About: lifestyle photograph and the original introduction in equal panels. */
.about.about-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;max-width:none;border:0;background:#0873c5;align-items:stretch}
.about-split .about-photo{position:relative;min-height:clamp(560px,44vw,760px);overflow:hidden;background:#dbe6ec}
.about-split .about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 16%}
.about-split .about-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px clamp(32px,6vw,110px);color:#fff;min-width:0;background:linear-gradient(110deg,rgba(3,34,57,.78),rgba(3,34,57,.62)),url("/devices/bad-salzuflen-about.webp") center center/cover no-repeat}
.about-split .eyebrow{font-size:14px;letter-spacing:1.4px;color:#fff;margin:0 0 22px}
.about-split h2{color:#fff;font-size:clamp(32px,3vw,48px);font-weight:400;line-height:1.2;margin:0 0 26px}
.about-split .about-intro{color:#fff;font-size:18px;line-height:1.8;max-width:640px;margin:0 0 26px}
.about-split .textlink{display:inline-block;color:#fff;border:1px solid #ffffffb3;padding:12px 22px;min-height:48px;border-radius:4px;margin:0;font-size:16px;transition:background .2s,color .2s}
.about-split .textlink:hover{background:#fff;color:#075993}
.about-split .textlink:focus-visible{outline-color:#fff}
html[dir=rtl] .about-split .eyebrow{letter-spacing:0}
@media(max-width:1050px){.about-split .about-photo{min-height:490px}.about-split .about-copy{padding:45px 30px}.about-split .about-intro{font-size:16px}}
@media(max-width:720px){.about.about-split{grid-template-columns:1fr}.about-split .about-photo{min-height:0;aspect-ratio:1}.about-split .about-photo img{object-position:center 25%}.about-split .about-copy{padding:36px 7% 42px}.about-split h2{font-size:32px;margin-bottom:20px}.about-split .eyebrow{margin-bottom:16px}.about-split .about-intro{margin-bottom:24px}}
/* A calm white interval between the about panels and the colored footer. */
.closing-statement{display:flex;align-items:center;justify-content:center;min-height:140px;padding:36px 6%;background:#fff;text-align:center}
.closing-statement p{margin:0;color:#315369;font-size:clamp(20px,2vw,30px);font-weight:400;line-height:1.55;letter-spacing:.15px}
.closing-statement strong{font-weight:700;color:#0873a5}
html[dir=rtl] .closing-statement p{letter-spacing:0;line-height:1.8}
@media(max-width:720px){.closing-statement{min-height:120px;padding:30px 7%}.closing-statement p{font-size:21px}.closing-statement strong{display:block}}
.site-footer .footer-address address,.site-footer .footer-address address p{color:#fff}
/* Readable image headline, separate from the photograph for every language. */
.about-split .about-photo:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,25,40,.76));pointer-events:none}
.about-split .about-photo-message{position:absolute;z-index:1;inset-inline:7%;bottom:7%;margin:0;max-width:650px;color:#fff;font-size:clamp(28px,2.7vw,44px);font-weight:500;line-height:1.35;text-shadow:0 2px 12px #0005;text-wrap:balance}
html[dir=rtl] .about-split .about-photo-message{line-height:1.65}
@media(max-width:1050px){.about-split .about-photo-message{font-size:30px}}
@media(max-width:720px){.about-split .about-photo-message{font-size:clamp(23px,6vw,32px);bottom:6%;inset-inline:7%;line-height:1.35}}

/* One continuous city photograph behind both halves. */
@media(min-width:721px){
 .about.about-split{direction:ltr;background:linear-gradient(0deg,rgba(3,25,43,.72) 0%,rgba(3,25,43,.44) 15%,rgba(3,25,43,.08) 31%,rgba(3,25,43,0) 43%),url('/devices/about-city-panorama.webp') center center/cover no-repeat}
 .about-split .about-photo{background:transparent;overflow:visible}
 .about-split .about-photo img{opacity:0}
 .about-split .about-photo:after{display:none}
 .about-split .about-copy{background:transparent;position:relative;justify-content:flex-end;padding:180px clamp(30px,4vw,72px) clamp(39.2px,3.08vw,53.2px)}
 .about-split .about-copy .eyebrow{margin-bottom:9px}
 .about-split .about-copy h2{font-size:clamp(26px,2.15vw,34px);line-height:1.2;max-width:460px;text-wrap:balance;margin-bottom:14px}
 .about-split .about-copy .about-intro{font-size:16px;line-height:1.65;max-width:440px;text-wrap:pretty;margin-bottom:20px}
 .about-split .about-copy .textlink{padding:10px 20px}
 .about-split .about-copy h2,.about-split .about-copy p{text-shadow:0 1px 8px #0006}
 html[dir=rtl] .about-split .about-copy,html[dir=rtl] .about-photo-message{direction:rtl}
}
@media(max-width:720px){
 .about-split .about-photo img{object-position:24% center}
 .about-split .about-copy{background:linear-gradient(rgba(3,34,57,.38),rgba(3,34,57,.66)),url('/devices/about-city-panorama.webp') 82% center/cover no-repeat}
}

@media(min-width:721px) and (max-width:1050px){.about-split .about-copy{padding-bottom:34.3px}}

/* Mobile: headline, devices, supporting copy; preserve the full city panorama. */
@media(max-width:720px){
 .layered-stage{gap:18px}
 .layered-copy{display:contents}
 .layered-hero .slide-title{order:0}
 .layered-visual{order:1;align-self:center}
 .layered-hero .slide-copy{order:2;margin-top:0}
 .layered-hero .slide-brands{margin-top:0}
 .layered-hero .slide-promises{order:0;margin:0 0 20px}
 .hero-actions{order:1}
 .about.about-split{background:#064967}
 .about-split .about-photo{aspect-ratio:auto;min-height:0;background:#064967}
 .about-split .about-photo img{position:static;display:block;width:100%;height:auto;object-fit:contain;opacity:1}
 .about-split .about-photo:after{display:none}
 .about-split .about-photo-message{position:static;max-width:none;padding:24px 7% 0;margin:0;font-size:clamp(23px,6vw,30px);line-height:1.4;text-shadow:none;text-wrap:balance}
 .about-split .about-copy{background:#064967;padding:28px 7% 36px}
 .about-split .about-copy h2{font-size:28px;line-height:1.25;margin-bottom:16px}
 .about-split .about-intro{font-size:16px;line-height:1.7;margin-bottom:20px}
}

/* APPELO typography: sculpted headlines, clear body copy, blue and gold accents. */
:root{--appelo-heading:#064967;--appelo-accent:#0878ad;--appelo-gold:#f5d572}
body{line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,.slide-button,.footer-button,.closing-statement p{font-family:Raleway,Arial,sans-serif}
h1,h2,h3{font-weight:600;text-wrap:balance;overflow-wrap:break-word}
p{ text-wrap:pretty }
header nav{font-family:Raleway,Arial,sans-serif;font-weight:600}
header nav a{transition:color .2s;text-underline-offset:6px}
.layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1,html[dir=rtl] .layered-hero .slide-title h1{
 font-size:clamp(34px,3.45vw,62px);font-weight:600;line-height:1.16;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 16px #35225526
}
.layered-hero .slide-title:after{content:'';display:block;width:64px;height:4px;margin-top:24px;background:var(--appelo-gold);border-radius:3px}
.layered-hero .slide-copy{margin-top:30px}
.layered-hero .slide-brands{font-family:Raleway,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.13em;color:#fff}
.layered-hero .slide-promises{font-size:clamp(14px,1.15vw,18px);font-weight:400;line-height:1.95;letter-spacing:.015em;color:#fff}
.layered-hero .hero-actions .slide-button{font-weight:600;letter-spacing:.015em;border-radius:8px}
.layered-hero .hero-actions .slide-button:not(.prices-button){background:#073e59;box-shadow:0 6px 18px #12364a26}
.layered-hero .hero-actions .slide-button:not(.prices-button):hover{background:#052f45;color:#fff}
.hero-actions .slide-button span{font-family:Arial,sans-serif;letter-spacing:0}
.brand-services .brand-card h2{font-family:Raleway,Arial,sans-serif;font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.025em;text-transform:none;line-height:1.25;color:var(--appelo-heading)}
.brand-services .brand-card p{font-size:16px;line-height:1.75;color:#52616d;max-width:42ch}
.section h2,.section-heading h2{font-weight:600;letter-spacing:-.025em;line-height:1.25}
.page-heading h1,html[lang=en] .page-heading h1,html[dir=rtl] .page-heading h1{font-family:Raleway,Arial,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1.2;color:var(--appelo-heading)}
.page-heading{background:linear-gradient(115deg,#f0f6f9,#fff);border-bottom-color:#dce8ee}
.about-split .about-copy h2{font-size:clamp(28px,2.8vw,42px);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:#fff;max-width:18ch}
.about-split .about-photo-message{font-family:Raleway,Arial,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.about-split .about-intro{font-size:16px;line-height:1.8;color:#fff}
.about-split .textlink{font-family:Raleway,Arial,sans-serif;font-weight:600;border-radius:6px}
.closing-statement p{font-size:clamp(23px,2.6vw,36px);font-weight:400;line-height:1.4;letter-spacing:-.025em;color:var(--appelo-heading)}
.closing-statement strong{font-weight:600;color:var(--appelo-accent)}
.site-footer h2{font-family:Raleway,Arial,sans-serif;font-size:clamp(24px,2.3vw,30px);font-weight:600;letter-spacing:-.02em;color:var(--appelo-gold)}
.site-footer .footer-button{font-size:18px;font-weight:600;background:#f5d572;color:#153e55;border-radius:6px}
.site-footer .footer-button:hover{background:#ffe59a;color:#153e55}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .slide-button,html[dir=rtl] .footer-button,html[dir=rtl] header nav,html[dir=rtl] .about-photo-message,html[dir=rtl] .closing-statement p,html[dir=rtl] .textlink{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
html[dir=rtl] .layered-hero .slide-title h1{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}
html[dir=rtl] .page-heading h1{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}
html[dir=rtl] .about-split .about-copy h2,html[dir=rtl] .about-photo-message{line-height:1.6;letter-spacing:0}
html[dir=rtl] .brand-services .brand-card h2{font-family:Tahoma,Arial,sans-serif;line-height:1.5;letter-spacing:0}
@media(max-width:1050px) and (min-width:721px){
 .layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1,html[dir=rtl] .layered-hero .slide-title h1{font-size:34px}
 .about-split .about-copy h2{font-size:30px}
}
@media(max-width:720px){
 .layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1,html[dir=rtl] .layered-hero .slide-title h1{font-size:clamp(28px,6.8vw,40px);letter-spacing:-.025em;line-height:1.2}
 html[dir=rtl] .layered-hero .slide-title h1{letter-spacing:0;line-height:1.5}
 .layered-hero .slide-title:after{width:48px;margin-top:18px}
 .layered-hero .slide-copy{margin-top:0}
 .layered-hero .slide-brands{font-size:13px;letter-spacing:.08em}
 .layered-hero .slide-promises{font-size:14px;line-height:1.9}
 .about-split .about-copy h2{font-size:30px}
 .about-split .about-photo-message{font-size:clamp(24px,6vw,30px)}
 .brand-services .brand-card h2{font-size:26px}
}

/* A direct repair message with three concrete reasons to visit. */
.layered-hero .hero-kicker{margin:0 0 18px;font:600 12px/1.6 Raleway,Arial,sans-serif;letter-spacing:.12em;color:#fff1be;text-wrap:balance}
.layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1{font-size:clamp(34px,3.55vw,64px);line-height:1.15;letter-spacing:-.035em}
.layered-hero .hero-highlight{color:#fff1be}
.layered-hero .slide-title:after{display:none}
.layered-hero .slide-brands{display:flex;flex-wrap:wrap;gap:8px;letter-spacing:0;margin:0 0 24px;font-size:14px}
.layered-hero .slide-brands span{display:inline-block;padding:5px 13px;border:1px solid #ffffff70;border-radius:999px;background:#092f4e45;color:#fff;line-height:1.5}
.layered-hero .slide-promises{display:grid;gap:16px;margin-bottom:26px;letter-spacing:0}
.layered-hero .slide-promises li{display:flex;flex-direction:column;gap:2px;padding-inline-start:14px;border-inline-start:2px solid #f5d572;line-height:1.5}
.layered-hero .slide-promises strong{font-family:Raleway,Arial,sans-serif;font-size:17px;font-weight:600;color:#fff}
.layered-hero .slide-promises li>span{font-size:14px;color:#fff;line-height:1.6}
html[dir=rtl] .layered-hero .hero-kicker{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;font-size:14px}
html[dir=rtl] .layered-hero .slide-promises strong{font-family:Tahoma,Arial,sans-serif;line-height:1.7}
html[dir=rtl] .layered-hero .slide-promises li>span{font-size:15px;line-height:1.7}
@media(max-width:1050px) and (min-width:721px){
 .layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1{font-size:36px}
}
@media(max-width:720px){
 .layered-hero .hero-kicker{font-size:11px;letter-spacing:.08em;margin-bottom:14px}
 .layered-hero .slide-title h1,html[lang=en] .layered-hero .slide-title h1{font-size:clamp(31px,7.5vw,44px)}
 .layered-hero .slide-brands{margin-bottom:20px;gap:7px;font-size:13px}
 .layered-hero .slide-promises{gap:14px;margin-bottom:24px}
 .layered-hero .slide-promises strong{font-size:16px}
}

/* Lead with the free diagnosis and no-repair, no-charge promise. */
.layered-hero .slide-promises .repair-assurance strong{color:#fff1be}

/* Keep each brand intact while the group wraps on smaller screens. */
.layered-hero .slide-brands span{white-space:nowrap}

/* Full-width typographic signature: one line, no panel. */
.layered-stage{container-type:inline-size}
.layered-hero .hero-kicker{
 grid-column:1/-1;order:-1;display:flex;flex-flow:row nowrap;align-items:baseline;gap:.28em;
 width:100%;max-width:100%;padding:0;margin:0 0 8px;min-width:0;
 background:none;border:0;border-radius:0;box-shadow:none;
 font-family:Raleway,Arial,sans-serif;font-size:clamp(12px,4.1vw,64px);
 font-weight:800;font-style:italic;line-height:1.3;letter-spacing:-.05em;
 white-space:nowrap;text-wrap:nowrap;text-shadow:none;color:#fff
}
.layered-hero .hero-kicker .kicker-service{color:#a7f4ff;flex:0 0 auto;white-space:nowrap}
.layered-hero .hero-kicker .kicker-location{color:#ffe38a;letter-spacing:-.05em;flex:0 0 auto;white-space:nowrap}
.layered-hero .hero-kicker .kicker-location:before{content:'·';display:inline-block;margin-inline-end:.28em;color:#fff9;font-weight:400}
@supports (font-size:1cqw){.layered-hero .hero-kicker{font-size:clamp(12px,4.5cqw,64px)}}
html[dir=rtl] .layered-hero .hero-kicker{font-family:Tahoma,Arial,sans-serif;font-style:normal;font-size:clamp(15px,4vw,48px);line-height:1.6;letter-spacing:0}
html[dir=rtl] .layered-hero .hero-kicker .kicker-location{letter-spacing:0}
@media(max-width:720px){
 .layered-hero .hero-kicker{margin-bottom:4px;font-size:clamp(12px,3.96vw,29px)}
 html[dir=rtl] .layered-hero .hero-kicker{font-size:4.2vw;letter-spacing:0}
}
@media(forced-colors:active){.layered-hero .hero-kicker .kicker-location{color:CanvasText}}

/* Four compact, readable promises: one complete thought per row. */
html[lang=de] .layered-hero .slide-copy{container-type:inline-size}
html[lang=de] .layered-hero .slide-promises{gap:12px}
html[lang=de] .layered-hero .slide-promises li{
 display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:.45em;
 padding:8px 0;border-inline-start:0;border-bottom:1px solid #ffffff30;
 font:400 clamp(12px,3.35cqw,17px)/1.6 Raleway,Arial,sans-serif;
 letter-spacing:-.02em;white-space:nowrap
}
html[lang=de] .layered-hero .slide-promises strong{
 flex:0 0 auto;font:600 1em/1.6 Raleway,Arial,sans-serif;color:#a7f4ff
}
html[lang=de] .layered-hero .slide-promises li>span{
 flex:0 0 auto;font:400 1em/1.6 Raleway,Arial,sans-serif;color:#fff
}
html[lang=de] .layered-hero .slide-promises .repair-assurance strong{color:#ffe38a}
html[lang=de] .layered-hero .slide-promises li:last-child{border-bottom:0}

/* Live screen surface beneath glass: decorative app UI, not extra controls. */
.repair-screen{container-type:inline-size;background:#12334e}
.screen-desktop{position:absolute;inset:0;direction:ltr;display:block;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 90% 6%,#72e4e8 0,transparent 51%),radial-gradient(ellipse at 5% 100%,#a487ef 0,transparent 65%),linear-gradient(145deg,#153866,#336c9e 55%,#38437f);font:400 4cqw/1.3 Arial,sans-serif;transition:filter .7s ease}
.screen-status{position:absolute;inset:3% 6% auto;display:flex;justify-content:space-between;font-size:3.2cqw;font-weight:600}
.screen-widgets{position:absolute;top:14%;left:9%;display:flex;flex-direction:column;gap:1cqw}
.screen-clock{font-size:14cqw;font-weight:300;letter-spacing:-.06em}
.screen-widget-detail{font-size:3.6cqw;letter-spacing:.04em;opacity:.85}
.screen-apps{position:absolute;inset:43% 8% auto;display:grid;grid-template-columns:repeat(4,1fr);gap:6cqw 5cqw}
.screen-app{display:flex;flex-direction:column;align-items:center;gap:1.5cqw;min-width:0}
.screen-icon{display:grid;place-items:center;width:13cqw;height:13cqw;border-radius:28%;background:linear-gradient(145deg,#ffffff35,transparent 70%),var(--app-color);box-shadow:0 1cqw 2cqw #10214635,inset 0 .3cqw .3cqw #ffffff40;color:white}
.screen-icon svg{width:68%;height:68%;display:block}
.screen-app-label{font:400 2.8cqw/1.2 Arial,sans-serif;color:white;text-shadow:0 .3cqw 1cqw #001b47;white-space:nowrap}
.screen-dock{position:absolute;bottom:4%;left:10%;right:10%;display:flex;align-items:center;justify-content:space-around;padding:3cqw 1cqw;background:#effaff33;border:1px solid #ffffff40;border-radius:5cqw;backdrop-filter:blur(8px)}
.screen-dock .screen-app-label{display:none}
.screen-dock .screen-icon{width:12cqw;height:12cqw}
.repair-laptop .screen-widgets{top:22%;left:9%}
.repair-laptop .screen-clock{font-size:11cqw}
.repair-laptop .screen-apps{inset:18% 7% auto auto;width:27%;grid-template-columns:repeat(2,1fr);gap:3cqw}
.repair-laptop .screen-apps .screen-icon{width:6cqw;height:6cqw}
.repair-laptop .screen-app-label{font-size:1.7cqw}
.repair-laptop .screen-status{font-size:1.6cqw;top:4%}
.repair-laptop .screen-dock{left:26%;right:26%;padding:1cqw;bottom:4%;border-radius:2cqw}
.repair-laptop .screen-dock .screen-icon{width:6cqw;height:6cqw}
.repair-laptop .screen-widget-detail{font-size:2cqw}
.repair-laptop .macbook-name{display:none}
.repair-phone .screen-desktop{width:260%;left:-160%}
.repair-phone .screen-desktop .screen-app-label,.repair-phone .screen-widgets{display:none}
.repair-phone .screen-desktop .screen-apps{top:16%;gap:10cqw}
.repair-phone .screen-desktop .screen-icon{width:30cqw;height:30cqw}
.repair-phone .screen-desktop .screen-status{font-size:8cqw}
.repair-phone .screen-desktop .screen-dock .screen-icon{width:30cqw;height:30cqw}
/* Slow irregular dimming and drifting interference, confined to each display. */
.screen-fault{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,transparent 28%,#6ffaff66 28.4%,transparent 29.4%,transparent 77%,#f982e35c 77.5%,transparent 78%),repeating-linear-gradient(0deg,#07102215 0 1px,transparent 1px 5px);box-shadow:inset 0 0 12cqw #05162b80;opacity:.8;transition:opacity .65s ease}
.screen-fault:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,transparent 35%,#80eaff25 47%,#ffffff42 49%,transparent 52%);background-size:100% 220%;animation:screen-interference 7s linear infinite}
.repair-screen .screen-desktop{animation:screen-dim 7.6s ease-in-out infinite}
.repair-tablet .screen-desktop{animation-delay:-2.8s}
.repair-phone .screen-desktop{animation-delay:-5s}
.glass-cracks{z-index:3;opacity:.92;filter:drop-shadow(.4px .6px 0 #071e4580) drop-shadow(-.5px 0 .6px #b8faff80);transition:opacity .7s ease,filter .7s ease;transform:scale(1.02)}
.repair-shine{z-index:4;inset:-35% -100%;background:linear-gradient(112deg,transparent 40%,#b9f8ff08 44%,#fff9 48%,#d1fdffdd 49%,#ffffff40 51%,transparent 57%);mix-blend-mode:screen}
.repair-device:is(.is-repaired,:focus-visible) .screen-fault{opacity:0}
.repair-device:is(.is-repaired,:focus-visible) .screen-desktop{animation:none;filter:none}
.repair-device:is(.is-repaired,:focus-visible) .repair-shine{animation:repair-polish 1.5s .15s cubic-bezier(.16,.6,.35,1) both}
@media(hover:hover) and (pointer:fine){
 .repair-device:hover .screen-fault{opacity:0}
 .repair-device:hover .screen-desktop{animation:none;filter:none}
 .repair-device:hover .repair-shine{animation:repair-polish 1.5s .15s cubic-bezier(.16,.6,.35,1) both}
}
@keyframes screen-dim{0%,30%,65%,100%{filter:brightness(.96) saturate(.9)}40%{filter:brightness(.67) saturate(.7)}48%{filter:brightness(.91) saturate(1)}80%{filter:brightness(.78) saturate(.85)}}
@keyframes screen-interference{from{background-position:0 150%}to{background-position:0 -150%}}
@media(prefers-reduced-motion:reduce){.repair-screen .screen-desktop,.screen-fault:after,.repair-device .repair-shine{animation:none!important}.screen-fault,.glass-cracks{transition:none}}

/* Device-specific systems: iOS home, iPad widgets, and a macOS workspace. */
.layer-phone{width:44%;left:-8%}
@media(max-width:720px){.layer-phone{width:44%;left:-7%}}
.repair-phone .screen-ios{width:140%;left:-40%;background:radial-gradient(ellipse at 110% 14%,#ffb68a 0,transparent 50%),radial-gradient(ellipse at 0 83%,#b92c67 0,transparent 60%),linear-gradient(145deg,#431b51,#d25669 65%,#ff9461)}
.ios-status{position:absolute;inset:2.3% 8% auto;display:flex;justify-content:space-between;font-size:6cqw;font-weight:600}
.dynamic-island{position:absolute;top:2.5%;left:36%;width:28%;height:4%;border-radius:999px;background:#07090d;z-index:5}
.ios-widget{position:absolute;top:12%;left:9%;width:42%;height:21%;display:flex;flex-direction:column;justify-content:center;gap:1.4cqw;background:#fff9;color:#58233f;border:1px solid #ffffff85;border-radius:8cqw;padding:6cqw;text-align:left;font-size:5.5cqw}
.ios-widget strong{font:300 25cqw/1 Arial,sans-serif}
.repair-phone .screen-ios .screen-apps{inset:39% 8% auto;gap:8cqw 6cqw;grid-template-columns:repeat(4,1fr)}
.repair-phone .screen-ios .screen-icon{width:23cqw;height:23cqw;border-radius:27%}
.repair-phone .screen-ios .screen-app-label{display:block;font-size:4.2cqw;letter-spacing:-.02em}
.repair-phone .screen-ios .screen-dock{left:5%;right:5%;bottom:5%;border-radius:10cqw;padding:4cqw 1cqw}
.repair-phone .screen-ios .screen-dock .screen-icon{width:23cqw;height:23cqw}
.repair-phone .screen-ios .screen-dock .screen-app-label{display:none}
.ios-home{position:absolute;bottom:1.4%;left:35%;width:30%;height:.7%;border-radius:999px;background:#fff9}
.screen-ipados{background:radial-gradient(ellipse at 110% 0,#85efe2 0,transparent 60%),radial-gradient(ellipse at 0 100%,#4763ce 0,transparent 60%),linear-gradient(150deg,#103d6b,#308e9c 55%,#233e8a)}
.repair-tablet .screen-status{font-size:2.6cqw}
.ipad-widgets{position:absolute;top:13%;left:8%;right:8%;display:grid;grid-template-columns:1fr 1fr;gap:5cqw;height:23%}
.ipad-calendar,.ipad-weather{border-radius:5cqw;padding:4cqw;display:flex;flex-direction:column;justify-content:center;gap:1.4cqw;text-align:left;background:#fffdf5e8;color:#203b53;font-size:3.2cqw;box-shadow:0 2cqw 5cqw #082b4b25}
.ipad-calendar small{color:#d14851;font-size:3cqw;font-weight:700}
.ipad-calendar strong{font:300 17cqw/1 Arial,sans-serif}
.ipad-weather{background:linear-gradient(150deg,#397cd9,#58afd0);color:#fff}
.ipad-weather strong{font:300 18cqw/1 Arial,sans-serif}
.ipad-weather small{font-size:2.6cqw}
.repair-tablet .screen-apps{inset:43% 8% auto;grid-template-columns:repeat(4,1fr);gap:4cqw 5cqw}
.repair-tablet .screen-icon{width:10cqw;height:10cqw}
.repair-tablet .screen-app-label{font-size:2.7cqw}
.repair-tablet .screen-dock{left:6%;right:6%;bottom:4%;padding:2cqw}
.repair-tablet .screen-dock .screen-icon{width:10cqw;height:10cqw}
.screen-macos{background:radial-gradient(ellipse at 85% 100%,#faaa8b 0,transparent 55%),radial-gradient(ellipse at 10% 110%,#616acc 0,transparent 62%),linear-gradient(135deg,#1b2859,#664c8c 55%,#ce7280)}
.mac-menu{position:absolute;inset:0 0 auto;display:flex;gap:2cqw;align-items:center;height:6%;padding:0 2cqw;background:#11152a66;backdrop-filter:blur(6px);font:400 1.65cqw/1 Arial,sans-serif}
.mac-menu-right{margin-inline-start:auto}
.mac-window{position:absolute;left:10%;top:18%;width:69%;height:59%;display:flex;flex-direction:column;background:#f5f7fbf2;color:#384353;border:1px solid #ffffff9c;border-radius:1.5cqw;box-shadow:0 3cqw 6cqw #10142750;overflow:hidden}
.mac-titlebar{height:18%;display:flex;align-items:center;gap:8cqw;padding:0 2cqw;background:#e1e7f0;font:600 2cqw/1 Arial,sans-serif}
.traffic-lights{display:flex;gap:.7cqw}
.traffic-lights i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#ff6259}
.traffic-lights i:nth-child(2){background:#ffbd2e}.traffic-lights i:nth-child(3){background:#28ca42}
.mac-window-body{display:flex;flex:1;min-height:0}
.mac-sidebar{width:30%;padding:2cqw;display:flex;flex-direction:column;gap:1.8cqw;background:#dce5f080;text-align:left;font:400 1.65cqw/1 Arial,sans-serif}
.mac-sidebar strong{font-size:1.5cqw;color:#768396}
.mac-files{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2cqw;padding:3cqw;align-content:start}
.mac-files>span,.mac-desktop-files>span{display:flex;flex-direction:column;align-items:center;gap:1cqw;font-size:6cqw}
.mac-files small,.mac-desktop-files small{font:400 1.6cqw/1.2 Arial,sans-serif}
.mac-desktop-files{position:absolute;right:3%;top:15%;display:flex;flex-direction:column;gap:4cqw}
.repair-laptop .screen-macos .screen-dock{left:18%;right:18%;bottom:3%;padding:1.2cqw;gap:1.5cqw}
.repair-laptop .screen-macos .screen-dock .screen-icon{width:6cqw;height:6cqw}
/* Unique fracture placement, fault pattern, and rhythm for each display. */
.repair-phone .glass-cracks{background-image:url('/devices/glass-cracks.webp');background-size:165% 115%;background-position:65% 95%;transform:rotate(180deg) scale(1.06);opacity:.86}
.repair-tablet .glass-cracks{background-image:url('/devices/glass-hairline-v2.webp');background-size:100% 100%;background-position:center;transform:none;opacity:.95}
.repair-laptop .glass-cracks{background-image:url('/devices/glass-hairline-v2.webp');background-size:110% 145%;background-position:100% 60%;transform:scaleX(-1);opacity:.7;mask-image:linear-gradient(165deg,#000 0 65%,transparent 95%)}
.repair-phone .screen-fault{background:linear-gradient(90deg,transparent 36%,#f278cd99 37%,transparent 39%,transparent 70%,#69fbd877 71%,transparent 73%);box-shadow:inset 5cqw 0 15cqw #240a3e70}
.repair-phone .screen-fault:after{background:linear-gradient(90deg,transparent 60%,#e787ff55 63%,transparent 70%);animation:phone-fault-drift 9s ease-in-out infinite}
.repair-tablet .screen-fault{background:repeating-linear-gradient(0deg,#07294420 0 1px,transparent 1px 6px);box-shadow:inset 0 -12cqw 15cqw #18304450}
.repair-tablet .screen-fault:after{animation:screen-interference 8.5s linear infinite;opacity:.7}
.repair-laptop .screen-fault{background:linear-gradient(180deg,transparent 30%,#be96ef30 31%,transparent 32%,transparent 72%,#80eaff55 72.5%,transparent 74%);box-shadow:inset 0 6cqw 15cqw #131d3240}
.repair-laptop .screen-fault:after{background:linear-gradient(0deg,transparent 60%,#c7d5ff38 64%,transparent 69%);background-size:100% 170%;animation:mac-fault-band 11s ease-in-out infinite}
.repair-phone .screen-desktop{animation:phone-screen-fault 6.8s ease-in-out infinite}
.repair-tablet .screen-desktop{animation:ipad-screen-fault 9.5s ease-in-out -2s infinite}
.repair-laptop .screen-desktop{animation:mac-screen-fault 12s ease-in-out -5s infinite}
@keyframes phone-screen-fault{0%,22%,56%,100%{filter:brightness(.95) saturate(1)}35%{filter:brightness(.62) saturate(.75)}78%{filter:brightness(.8) saturate(1.15)}}
@keyframes ipad-screen-fault{0%,100%{filter:brightness(.98)}35%{filter:brightness(.86)}62%{filter:brightness(.7)}80%{filter:brightness(.94)}}
@keyframes mac-screen-fault{0%,44%,100%{filter:brightness(.97) contrast(1)}60%{filter:brightness(.8) contrast(.88)}72%{filter:brightness(.92) contrast(1.07)}}
@keyframes phone-fault-drift{0%,100%{transform:translateX(-7%);opacity:.35}50%{transform:translateX(12%);opacity:.85}}
@keyframes mac-fault-band{0%,100%{background-position:0 100%;opacity:.2}55%{background-position:0 0;opacity:.7}}
.repair-device:is(.is-repaired,:focus-visible) .glass-cracks,.repair-device:is(.is-repaired,:focus-visible) .screen-fault{opacity:0}
.repair-device:is(.is-repaired,:focus-visible) .screen-desktop{animation:none;filter:none}
@media(hover:hover) and (pointer:fine){.repair-device:hover .glass-cracks,.repair-device:hover .screen-fault{opacity:0}.repair-device:hover .screen-desktop{animation:none;filter:none}}
@media(prefers-reduced-motion:reduce){.repair-device .screen-desktop,.repair-device .screen-fault:after{animation:none!important}}
/* Recognizable system interfaces, each scaled within its own display. */
.screen-desktop{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.screen-icon.native-app-icon{background:none;box-shadow:0 .4cqw 1cqw #0003;overflow:hidden;border-radius:23%}
.screen-icon.native-app-icon svg{width:100%;height:100%;stroke:none}
.repair-phone .screen-ios{container-type:inline-size;background:radial-gradient(ellipse at 70% -20%,#f9be93 0,transparent 60%),radial-gradient(ellipse at -30% 80%,#dc5369 0,transparent 65%),linear-gradient(135deg,#261d49,#814a92 48%,#ce6573)}
.repair-phone .screen-ios .ios-status{font-size:4cqw;top:2.6%;left:9%;right:9%}
.repair-phone .screen-ios .dynamic-island{width:28%;left:36%;height:3.8%;top:2%}
.repair-phone .screen-ios .ios-widget,.ios-weather{position:absolute;top:12%;left:7%;width:40%;height:21%;box-sizing:border-box;padding:4cqw;border-radius:7cqw;background:#fffffff2;color:#171719;display:flex;flex-direction:column;justify-content:flex-start;gap:1cqw;text-align:left;font-size:3cqw;box-shadow:0 1cqw 3cqw #0002}
.repair-phone .screen-ios .ios-widget small{color:#ed3f43;font-size:3cqw;font-weight:600}
.repair-phone .screen-ios .ios-widget strong{font-size:17cqw;font-weight:300;line-height:1.1}
.repair-phone .screen-ios .ios-widget span{margin-top:auto;color:#777;font-size:2.8cqw}
.ios-weather{left:53%;background:linear-gradient(#245b98,#5995c3);color:white}
.ios-weather strong{font-size:15cqw;font-weight:300;line-height:1.2}.ios-weather small{font-size:2.8cqw}
.repair-phone .screen-ios .screen-apps{inset:38% 7% auto;gap:5cqw 5cqw}
.repair-phone .screen-ios .screen-icon,.repair-phone .screen-ios .screen-dock .screen-icon{width:16cqw;height:16cqw}
.repair-phone .screen-ios .screen-app-label{font-size:2.7cqw;line-height:1.2}
.repair-phone .screen-ios .screen-app{gap:1.3cqw}
.repair-phone .screen-ios .screen-dock{left:4%;right:4%;bottom:4%;padding:3cqw 1cqw;border-radius:8cqw;background:#ffffff36}
.ios-pages{position:absolute;bottom:17%;left:0;right:0;text-align:center;font-size:3cqw;letter-spacing:1cqw;color:#fff9}
.repair-tablet .screen-ipados{background:radial-gradient(ellipse at 120% 20%,#c695fc 0,transparent 55%),radial-gradient(ellipse at -25% 20%,#89daff 0,transparent 50%),linear-gradient(135deg,#2466a9,#554b9e 60%,#15264e)}
.repair-tablet .ipad-widgets{top:11%;height:22%;gap:4cqw}
.repair-tablet .screen-apps{top:39%;row-gap:6cqw}
.repair-tablet .screen-icon{width:11cqw;height:11cqw}
.repair-tablet .screen-app-label{font-size:2.5cqw}
.repair-tablet .screen-dock{left:9%;right:9%;bottom:4%;padding:2.2cqw 1cqw;border-radius:4cqw;background:#ffffff45}
.repair-tablet .screen-dock .screen-icon{width:10cqw;height:10cqw}
.screen-macos{background:radial-gradient(ellipse at 20% 130%,#ffa563 0,transparent 62%),radial-gradient(ellipse at 100% 0%,#7455af 0,transparent 65%),linear-gradient(140deg,#152d64,#73559d 60%,#e78b9e)}
.mac-menu{height:4.5%;background:#f4edff50;color:#161423;font-size:1.55cqw;font-weight:500}
.mac-window{left:9%;top:17%;width:72%;height:62%;border-radius:1.5cqw;background:#fff;box-shadow:0 3cqw 7cqw #17163565}
.mac-titlebar{height:19%;background:#f1eff1;gap:5cqw;border-bottom:1px solid #d7d5da;font-size:1.9cqw}
.finder-tools{margin-left:auto;color:#727078;font-size:2.1cqw}
.mac-sidebar{background:#e8e5efdf;gap:1.5cqw;font-size:1.55cqw;width:29%}
.mac-sidebar>span:nth-child(5){background:#cecbd7;border-radius:.6cqw;margin:-.5cqw;padding:.5cqw}
.mac-files{gap:3cqw 4cqw;padding:3.5cqw}
.finder-folder{display:block;width:9cqw;height:6.3cqw;border-radius:.5cqw;background:linear-gradient(#88dafa,#40afe7);box-shadow:0 .3cqw .4cqw #075b9830;position:relative;margin-top:1cqw}
.finder-folder:before{content:"";position:absolute;left:0;top:-.9cqw;width:42%;height:1.3cqw;border-radius:.4cqw .4cqw 0 0;background:#80d2f5}
.repair-laptop .screen-macos .screen-dock{left:14%;right:14%;bottom:2.4%;gap:1.5cqw;border-radius:2.2cqw;background:#e9d8fa55;box-shadow:0 1cqw 3cqw #15163133}
.repair-laptop .screen-macos .screen-dock .screen-icon{width:6.8cqw;height:6.8cqw}
.mac-desktop-files{top:14%;right:3%;gap:4cqw}
.mac-desktop-files .finder-folder{width:6cqw;height:4.5cqw}

/* Clear repair payment policy on the price pages. */
.price-assurance{margin:24px 0;padding:22px 24px;border-inline-start:4px solid #b78b28;border-radius:12px;background:#edf5f8;color:#0b3550}.price-assurance strong{display:block;font-size:1.25rem;line-height:1.4}.prices .price-assurance p{margin:8px 0 0;max-width:70ch;font-size:1rem;line-height:1.65;color:#173e51}
/* Personal profile page for APPELO Phone owner Saher Ossi. */
.person-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(36px,7vw,100px);align-items:center;max-width:1200px;margin:clamp(44px,7vw,90px) auto;padding:0 6%}.person-copy .eyebrow,.person-values .eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.16em;color:#0878ad}.person-copy h2{font-size:clamp(2.6rem,6vw,5.5rem);line-height:1.08;font-weight:400;color:#0b3550;margin:12px 0 24px}.person-copy>p:not(.eyebrow){max-width:68ch;font-size:1.08rem;line-height:1.85;color:#465d68}.person-copy .person-lead{font-size:1.3rem!important;line-height:1.6!important;color:#153c50!important;font-weight:600}.person-contact{display:inline-flex;margin-top:14px;padding:15px 22px;background:#0b3550;color:#fff;font-weight:650;text-decoration:none;border-radius:4px}.person-contact:hover{background:#0878ad}.person-quote{position:relative;min-height:370px;padding:clamp(28px,4vw,50px);display:flex;flex-direction:column;justify-content:flex-end;background:#0b3550;color:#fff;overflow:hidden}.person-mark{position:absolute;inset-block-start:20px;inset-inline-end:24px;color:#ffffff12;font-size:clamp(7rem,14vw,13rem);font-weight:800;line-height:1;letter-spacing:-.08em}.person-quote blockquote{position:relative;z-index:1;margin:auto 0 22px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.25;font-weight:500;letter-spacing:-.03em}.person-quote>p{position:relative;z-index:1;margin:0;color:#fff;font-weight:700}.person-quote>p span{font-weight:400;color:#cfdae0}.person-values{max-width:1200px;margin:0 auto;padding:38px 6% 70px}.person-values>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.person-value{padding:25px 24px;border-top:2px solid #b78b28;background:#f2f6f8}.person-value>span{font-size:.9rem;color:#0878ad;font-weight:700;letter-spacing:.08em}.person-value h3{font-size:1.25rem;margin:18px 0 8px;color:#0b3550}.person-value p{font-size:1rem;line-height:1.7;color:#465d68;margin:0}.person-end{max-width:1200px;margin:0 auto;padding:0 6% 80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.person-end p{font-size:1.6rem;color:#0b3550;font-weight:600}.person-end a{padding:15px 24px;text-decoration:none;border-radius:4px}.person-about-link{margin-top:28px}.person-about-link a{display:inline-block;padding:13px 19px;text-decoration:none;border-radius:4px}@media(max-width:820px){.person-hero{grid-template-columns:1fr;gap:30px}.person-quote{min-height:290px}.person-values>div{grid-template-columns:1fr;gap:14px}}@media(max-width:540px){.person-hero{padding-inline:5%;margin-block:40px}.person-copy h2{font-size:2.8rem}.person-copy>p:not(.eyebrow){font-size:1rem}.person-copy .person-lead{font-size:1.15rem!important}.person-quote{min-height:250px}.person-quote blockquote{font-size:2.2rem}.person-values{padding-inline:5%;padding-bottom:44px}.person-end{padding-inline:5%;padding-bottom:56px;align-items:stretch;flex-direction:column}.person-end p{font-size:1.3rem}.person-end a{text-align:center}}
/* The hero and contact footer share one animated starfield and static fallback. */
.layered-stage,.site-footer>.footer-main{isolation:isolate;overflow:hidden}
.site-footer>.footer-main{position:relative}
.layered-stage::before,.site-footer>.footer-main::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url('/devices/home-starfield.webp') 50% 50%/100% auto repeat;opacity:.11;mix-blend-mode:screen}
.layered-stage.stars-animated::before,.site-footer>.footer-main.stars-animated::before{display:none}
.starfield-canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}
.layered-stage>.hero-kicker{position:relative;z-index:5}
.layered-stage>.layered-copy{z-index:5}
.layered-stage>.layered-visual,.site-footer .footer-grid{position:relative;z-index:2}

/* Keep the two about links with the copy, then let the photo carry the mobile text. */
.about-split .about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:460px}
.about-split .about-actions .textlink{margin:0}
@media(max-width:720px){
 .about.about-split{display:block;position:relative;overflow:hidden;background:#f3f8fb}
 .about.about-split::before{display:none}
 .about-split .about-photo{display:block;position:relative;min-height:0;aspect-ratio:7 / 4;overflow:hidden;background:transparent}
 .about-split .about-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:1}
 .about-split .about-photo:after{display:block;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(3,29,45,.27))}
 .about-split .about-photo-message{display:block;position:absolute;z-index:1;inset-inline:7%;bottom:12px;max-width:none;padding:0;margin:0;font-size:clamp(1.05rem,4.5vw,1.35rem);line-height:1.22;text-shadow:0 1px 4px #06263990}
 .about-split .about-copy{position:relative;display:block;margin:0;padding:30px 7% 38px;background:linear-gradient(180deg,#f3f8fb,#fff);color:#064967}
 .about-split .about-copy h2{font-size:clamp(1.7rem,6.7vw,2.1rem);line-height:1.2;max-width:20ch;margin:0 0 12px;color:#064967}
 .about-split .about-copy .about-intro{font-size:1rem;line-height:1.6;max-width:36ch;margin:0 0 22px;color:#3f5869}
 .about-split .about-copy h2,.about-split .about-copy p{text-shadow:none}
 .about-split .about-actions{gap:10px}
 .about-split .about-actions .textlink{padding:10px 16px;min-height:44px;font-size:.92rem;line-height:1.4;background:#0878ad;border-color:#0878ad;color:#fff}
 .about-split .about-actions .textlink:last-child{background:transparent;color:#064967;border-color:#0878ad}
 .about-split .about-actions .textlink:hover{background:#075d86;color:#fff}
}

/* Mobile-wide polish: keep navigation, text, controls, and the footer comfortable on touch screens. */
img{max-width:100%}
@media(max-width:720px){
 html{scroll-padding-top:0}
 body{overflow-x:hidden}
 header{padding-inline:5%;align-content:start}
 header nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;width:calc(100% + 10%);margin-inline:-5%;padding:8px 5% 10px;-webkit-overflow-scrolling:touch}
 header nav::-webkit-scrollbar{display:none}
 header nav a{display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;white-space:nowrap}
 .page-heading{padding:22px 6%}
 .page-heading h1,html[lang=en] .page-heading h1,html[dir=rtl] .page-heading h1{font-size:clamp(1.65rem,7vw,2rem);line-height:1.35;overflow-wrap:anywhere}
 .section{padding-inline:6%}
 .button,.slide-button,.person-contact{min-height:48px}
 .floating-contact{bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right))}
}
@media(max-width:600px){
 .site-footer .footer-bottom{grid-template-columns:1fr;padding-bottom:max(92px,calc(70px + env(safe-area-inset-bottom)))}
 .site-footer .footer-facebook{justify-self:start}
 .site-footer .footer-copyright{grid-column:auto;text-align:start}
 .footer-legal a+a{border-inline-start:0;padding-inline-start:0}
}

/* Desktop follows the mobile about composition, with the full panoramic image. */
@media(min-width:721px){
 .about.about-split{display:block;background:#f3f8fb;overflow:hidden}
 .about-split .about-photo{position:relative;min-height:0;overflow:hidden;background:transparent}
 .about-split .about-photo img{position:static;display:block;width:100%;height:auto;object-fit:contain;opacity:1}
 .about-split .about-photo:after{display:block;inset:auto 0 0;height:30%;background:linear-gradient(180deg,transparent,rgba(3,29,45,.28))}
 .about-split .about-photo-message{position:absolute;inset-inline:clamp(32px,7vw,120px);bottom:clamp(22px,3vw,46px);max-width:760px;font-size:clamp(28px,2.7vw,40px);text-shadow:0 1px 5px #06263990}
 .about-split .about-copy{display:block;position:relative;max-width:1200px;margin:0 auto;padding:clamp(44px,5vw,76px) clamp(32px,6vw,96px);background:transparent;color:#064967}
 .about-split .about-copy h2{max-width:none;margin:0 0 16px;color:#064967;font-size:clamp(34px,3vw,46px);line-height:1.2;text-shadow:none}
 .about-split .about-copy .about-intro{max-width:760px;margin:0 0 30px;color:#3f5869;font-size:clamp(17px,1.5vw,20px);line-height:1.65;text-shadow:none}
 .about-split .about-actions{max-width:none;gap:12px}
 .about-split .about-actions .textlink{padding:12px 20px;min-height:48px;background:#0878ad;border-color:#0878ad;color:#fff;text-shadow:none}
 .about-split .about-actions .textlink:last-child{background:transparent;color:#064967;border-color:#0878ad}
 .about-split .about-actions .textlink:hover{background:#075d86;color:#fff}
}


/* Topic-specific page openings: immersive on desktop, compact on phones. */
.page-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(250px,28vw,380px);overflow:hidden;background:#102d49;color:#fff}
.page-hero-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--page-image-position,center);}
.page-hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,16,36,.76),rgba(10,20,42,.38) 55%,rgba(8,21,38,.18)),linear-gradient(0deg,rgba(8,17,36,.3),transparent 60%)}
.page-hero-content{position:relative;z-index:3;width:min(1200px,100%);margin-inline:auto;padding:clamp(32px,5vw,62px) clamp(24px,7vw,100px) clamp(30px,4vw,52px)}
.page-hero-breadcrumb{display:flex;gap:.55em;align-items:center;margin-bottom:12px;color:#eef2ff;font-size:.92rem}
.page-hero-breadcrumb a{color:inherit;text-decoration:none;opacity:.88}
.page-hero-breadcrumb a:hover{text-decoration:underline}
.page-hero h1,html[lang=en] .page-hero h1,html[dir=rtl] .page-hero h1{margin:0;color:#fff;font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;letter-spacing:-.025em;text-shadow:0 2px 18px rgba(0,0,0,.28);overflow-wrap:anywhere}
.page-hero .starfield-canvas{z-index:2;opacity:.92}
.page-hero.stars-animated .page-hero-shade{pointer-events:none}
@media(max-width:720px){
 .page-hero{min-height:clamp(190px,56vw,250px);align-items:flex-end}
 .page-hero-image{object-position:var(--page-image-position,center)}
 .page-hero-shade{background:linear-gradient(0deg,rgba(5,15,32,.78),rgba(7,18,38,.13) 82%)}
 .page-hero-content{padding:24px 6% 25px}
 .page-hero-breadcrumb{font-size:.84rem;margin-bottom:8px}
 .page-hero h1,html[lang=en] .page-hero h1,html[dir=rtl] .page-hero h1{font-size:clamp(1.7rem,7.8vw,2.45rem);line-height:1.18}
}
@media(prefers-reduced-motion:reduce){.page-hero .starfield-canvas{display:none}}

/* Keep every supported brand in a clean, evenly sized grid. */
.layered-copy{container-type:inline-size}
.layered-hero .slide-brands{display:grid;width:min(100%,620px);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;letter-spacing:0;margin:0 0 24px;font-size:14px}
.layered-hero .slide-brands span{display:flex;align-items:center;justify-content:center;min-width:0;min-height:38px;padding:6px 8px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(8,31,61,.3);color:#fff;line-height:1.2;text-align:center;white-space:nowrap}
@container (min-width:560px){.layered-hero .slide-brands{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.layered-hero .slide-brands{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:16px;font-size:13px}.layered-hero .slide-brands span{min-height:36px;padding:6px 5px}}
@media(max-width:380px){.layered-hero .slide-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.layered-hero .slide-brands span{min-height:38px;font-size:14px}}

/* Compact, single-line brand list; swipe or use the keyboard to see every label. */
.layered-hero .slide-brands{display:flex;align-items:center;flex-wrap:nowrap;gap:7px;width:100%;max-width:620px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;margin:0 0 18px;letter-spacing:0;white-space:nowrap;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.52) transparent;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.layered-hero .slide-brands::-webkit-scrollbar{height:4px}
.layered-hero .slide-brands::-webkit-scrollbar-track{background:transparent}
.layered-hero .slide-brands::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(255,255,255,.52)}
.layered-hero .slide-brands span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:0;min-height:30px;padding:5px 9px;border:1px solid rgba(255,255,255,.56);border-radius:999px;background:rgba(8,31,61,.3);color:#fff;line-height:1.2;text-align:center;white-space:nowrap;scroll-snap-align:start}
.layered-hero .slide-brands:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:720px){.layered-hero .slide-brands{gap:6px;max-width:100%;margin-bottom:14px;font-size:12px}.layered-hero .slide-brands span{min-height:28px;padding:4px 8px}}

/* Make every service promise a single, clear line on desktop and mobile. */
.layered-hero .slide-promises{display:grid;gap:9px;margin:0 0 24px;padding:0;letter-spacing:0}
.layered-hero .slide-promises li{display:flex;flex-direction:row;align-items:baseline;gap:.22em;min-width:0;padding:0;border:0;border-inline-start:0;border-bottom:0;line-height:1.45;font-size:clamp(14px,1.48vw,16px);font-weight:500;white-space:nowrap}
.layered-hero .slide-promises strong{flex:0 0 auto;color:#fff1be;font-size:inherit;font-weight:700;line-height:inherit;text-shadow:0 1px 8px rgba(19,12,52,.35)}
.layered-hero .slide-promises li>span{flex:0 1 auto;color:#fff;font-size:inherit;font-weight:500;line-height:inherit;text-shadow:0 1px 8px rgba(19,12,52,.45)}
html[dir=rtl] .layered-hero .slide-promises strong,html[dir=rtl] .layered-hero .slide-promises li>span{font-size:inherit;line-height:inherit}
@media(max-width:720px){.layered-hero .slide-promises{gap:8px;margin-bottom:18px}.layered-hero .slide-promises li{font-size:clamp(13px,4vw,15px);line-height:1.5}}
@media(max-width:380px){.layered-hero .slide-promises{gap:7px}.layered-hero .slide-promises li{font-size:12px}}

/* Remove legacy dividers in the German hero and keep all promises on one row. */
html[lang=de] .layered-hero .slide-promises{gap:8px}
html[lang=de] .layered-hero .slide-promises li{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:.22em;padding:0;border:0;border-inline-start:0;border-bottom:0;line-height:1.45;font:500 clamp(14px,4.2cqw,16px)/1.45 Raleway,Arial,sans-serif;letter-spacing:0;white-space:nowrap}
html[lang=de] .layered-hero .slide-promises strong{flex:0 0 auto;color:#fff1be;font:700 1em/1.45 Raleway,Arial,sans-serif;text-shadow:0 1px 8px rgba(19,12,52,.35)}
html[lang=de] .layered-hero .slide-promises li>span{flex:0 1 auto;color:#fff;font:500 1em/1.45 Raleway,Arial,sans-serif;text-shadow:0 1px 8px rgba(19,12,52,.45)}
@media(max-width:720px){html[lang=de] .layered-hero .slide-promises{gap:7px}html[lang=de] .layered-hero .slide-promises li{font-size:clamp(13px,4cqw,15px)}}

.layered-hero .slide-promises li>span::before{content:"·";display:inline-block;margin-inline-end:.25em;color:#ffe38a;font-weight:700}

/* Current Mac desktop on the damaged MacBook display. */
.repair-laptop .screen-macos{background:#d5d9e9 url('/devices/macos-golden-gate-light.webp') center/cover no-repeat}
.repair-laptop .screen-macos .mac-window{display:none}
.repair-laptop .screen-macos .mac-desktop-files{display:flex;right:2.5%;top:12%;gap:2.8cqw;color:#fff;text-shadow:0 1px 4px #17223c9c}
.repair-laptop .screen-macos .mac-desktop-files .finder-folder{width:5.3cqw;height:3.8cqw}
.repair-laptop .screen-macos .mac-desktop-files small{font-size:1.55cqw;font-weight:500}
.repair-laptop .screen-macos .mac-menu{height:5%;background:#ffffffc9;color:#17171a;backdrop-filter:blur(14px) saturate(1.25);box-shadow:0 1px 8px #10132222}
.repair-laptop .screen-macos .mac-menu-right{font-weight:600}
.repair-laptop .screen-macos .screen-dock{left:10%;right:10%;bottom:2%;display:flex;justify-content:center;gap:.8cqw;padding:.7cqw .9cqw;border:1px solid #ffffffa8;border-radius:2cqw;background:#f7f5ffad;backdrop-filter:blur(16px) saturate(1.35);box-shadow:0 1cqw 3cqw #28223b2b}
.repair-laptop .screen-macos .screen-dock .screen-app{flex:0 0 auto}
.repair-laptop .screen-macos .screen-dock .screen-icon{width:5.3cqw;height:5.3cqw}
.repair-laptop .screen-macos .screen-dock .screen-app-label{display:none}
.repair-laptop .screen-desktop{animation:none!important;filter:brightness(1.16) saturate(1.1)!important}
.repair-laptop .screen-fault{display:none}
.repair-laptop .glass-cracks{background-image:url('/devices/glass-cracks.webp');background-size:120% 145%;background-position:right 55%;transform:none;opacity:.92;mask-image:none}