/* SurfLocal Pro visual refresh 1. Presentation only. */
html:has(body[data-slpro-refresh]){background:#061222;scroll-padding-top:100px}
body[data-slpro-refresh]{--slpro-ink:#061222;--slpro-line:rgba(139,205,237,.24);--slpro-soft:#c3d4e6;--slpro-glow:#52e4d1;min-height:100vh;isolation:isolate;background:radial-gradient(ellipse at 8% 0%,#0c4053 0,transparent 42%),radial-gradient(ellipse at 95% 8%,#293c6e 0,transparent 38%),linear-gradient(160deg,#061222,#0b1e34 55%,#071422);-webkit-font-smoothing:antialiased}
body[data-slpro-refresh]::before{content:"";position:fixed;inset:-12%;width:auto;height:auto;left:-12%;top:-12%;border-radius:0;z-index:-1;pointer-events:none;opacity:.8;filter:none;mask-image:none;background:radial-gradient(ellipse at 15% 25%,rgba(25,220,194,.34),transparent 35%),radial-gradient(ellipse at 86% 35%,rgba(57,122,255,.36),transparent 34%),radial-gradient(ellipse at 66% 83%,rgba(245,178,73,.13),transparent 30%);animation:slpro-aurora 10s ease-in-out infinite alternate}
body[data-slpro-refresh]::after{content:"";position:fixed;inset:0;width:auto;height:auto;border-radius:0;pointer-events:none;z-index:-1;filter:none;opacity:.32;background:linear-gradient(rgba(166,215,240,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(166,215,240,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 80%);animation:none}
@keyframes slpro-aurora{from{transform:translate3d(-7%,-5%,0) scale(1.04)}to{transform:translate3d(7%,6%,0) scale(1.12)}}
@keyframes slpro-orbit{from{transform:rotate(-30deg) scale(1.05)}to{transform:rotate(40deg) scale(1.13)}}
body[data-slpro-refresh] :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #f8c96b!important;outline-offset:4px}
body[data-slpro-refresh] :is(.sl-nav,.slpro-public-nav){border-color:var(--slpro-line);background:rgba(6,20,36,.95);box-shadow:0 14px 40px #020a1933,inset 0 1px 0 #ffffff0d;backdrop-filter:blur(16px)}
body[data-slpro-refresh] :is(.sl-nav-link,.slpro-public-nav a,.slpro-public-nav summary){min-height:42px;align-content:center}
body[data-slpro-refresh] :is(.sl-nav-primary,.slpro-public-nav__login){background:linear-gradient(120deg,#155dc4,#147ca8);border:1px solid #62c8ee55;color:white}
body[data-slpro-refresh] :is(.showcase-hero,.builder-hero,.guide-hero,.page-header.bt-hero-shell){isolation:isolate;position:relative;overflow:hidden;border:1px solid rgba(143,214,246,.30);background:radial-gradient(ellipse at 5% 5%,#14495c77,transparent 48%),radial-gradient(ellipse at 98% 10%,#b279252b,transparent 40%),linear-gradient(135deg,#0b2039ed,#102744e8 55%,#091b31f5);box-shadow:0 26px 64px #02091855,inset 0 1px 0 #d6f1ff14}
body[data-slpro-refresh] :is(.showcase-hero,.builder-hero,.guide-hero,.page-header.bt-hero-shell)::before{content:"";position:absolute;inset:-45%;z-index:-1;pointer-events:none;background:conic-gradient(from 45deg,transparent 0deg,rgba(49,219,194,.26) 65deg,transparent 130deg,rgba(237,178,69,.15) 200deg,transparent 260deg,rgba(61,139,250,.29) 310deg,transparent);opacity:1;animation:slpro-orbit 12s ease-in-out infinite alternate}
body[data-slpro-refresh] :is(.hero-title .gradient-word,.guide-title .gradient-word){background:linear-gradient(110deg,#efffff,#74eddf 60%,#b7d8ff);background-clip:text;-webkit-background-clip:text;color:transparent}
body[data-slpro-refresh] :is(.hero-kicker,.builder-kicker,.guide-kicker,.bt-hero-kicker){color:#ffe2a2;background:#65441755;border:1px solid #f2bd5f66;box-shadow:inset 0 1px 0 #ffe3b514}
body[data-slpro-refresh] :is(.section-kicker-2027,.section-kicker){color:#78e8db}
body[data-slpro-refresh] :is(.section-shell,.chapter-card,.config-intro){border-color:var(--slpro-line);background:linear-gradient(145deg,#10283de8,#0b1c30f2);box-shadow:0 18px 42px #02091833,inset 0 1px 0 #ffffff08}
body[data-slpro-refresh] :is(.hero-copy-2027,.section-copy-2027,.guide-sub){color:#c3d4e6}
body[data-slpro-refresh] :is(.hero-btn.primary,.hero-btn-primary,.shop-checkout-button,.btn-primary){background:linear-gradient(120deg,#f4bf62,#f8d994);border:1px solid #ffe7b8;color:#132b41!important;text-shadow:none;box-shadow:0 10px 28px #f4bf6224,inset 0 1px 0 #fff8;font-weight:850}
body[data-slpro-refresh] :is(.hero-btn,.bt-hero-btn,.cta-link){min-height:44px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
body[data-slpro-refresh] :is(.app-tile,.connection-node,.mini-card,.coupon-card,.minute-card,.four-card){border-color:var(--slpro-line);box-shadow:0 12px 28px #02091830,inset 0 1px 0 #ffffff0b}
body[data-slpro-refresh] .app-shop-band{background:linear-gradient(125deg,color-mix(in srgb,var(--accent,#38bdf8) 25%,#0b2438),#10243b)}
body[data-slpro-refresh] :is(.app-shop-add,.app-shop-details){min-height:36px}
body[data-slpro-refresh] .app-shop-meta{color:#bed1e2}
body[data-slpro-refresh] .app-shop-card.selected{border-color:#65e3bd;box-shadow:0 0 0 2px #65e3bd44}
body[data-slpro-refresh] .app-shop-card.selected .app-shop-add{background:#116956;color:#fff}
body[data-slpro-refresh] .system-frame{border-color:#7ac7e74d;box-shadow:0 24px 60px #0005,0 0 48px #2bd4c318}
body[data-slpro-refresh] .phone-launch{background:linear-gradient(130deg,#0c353d,#10253b);border-color:#48d7c75c}
/* Product pages: replace the old white shell while preserving form logic. */
body[data-slpro-refresh="detail"]{color:#eaf4fc;--muted:#b9ccdf;--line:#688aa44d}
body[data-slpro-refresh="detail"] .page-wrapper{max-width:1200px;background:transparent;box-shadow:none;padding-top:8px}
body[data-slpro-refresh="detail"] :is(.section-card,.hero-contact){background:linear-gradient(145deg,#102a41f5,#0c2035f5);color:#edf6ff;border:1px solid var(--slpro-line);border-radius:24px;box-shadow:0 18px 44px #030e2144}
body[data-slpro-refresh="detail"] :is(.section-card h2,.section-card h3,.lead-copy){color:#edf6ff}
body[data-slpro-refresh="detail"] :is(.mini-card,.bt-hero-rotator){background:#10273c;border:1px solid var(--slpro-line);color:#edf6ff}
body[data-slpro-refresh="detail"] .mini-card-body{color:#c6d7e7;font-size:.94rem;line-height:1.65}
body[data-slpro-refresh="detail"] .mini-card-header{background:linear-gradient(120deg,#125966,#20467a);border-bottom:1px solid #a9e7ff26;padding:16px}
body[data-slpro-refresh="detail"] .mini-card-title{font-size:1.04rem}
body[data-slpro-refresh="detail"] .section-label{color:#83e9dd}
body[data-slpro-refresh="detail"] .tool-list li{font-size:.93rem;line-height:1.65}
body[data-slpro-refresh="detail"] .price-box{background:linear-gradient(125deg,#174354,#172f50);border:1px solid #f2bc5b66}
body[data-slpro-refresh="detail"] .price-box strong{color:#ffda93}
body[data-slpro-refresh="detail"] .hero-copy strong{color:#77e5dc}
/* Deliberately light surfaces for all data-entry panels. */
body[data-slpro-refresh] .hero-form-wrap{background:#f4f8fc;color:#172b42;border:1px solid #b8cfdf;border-radius:18px}
body[data-slpro-refresh] .hero-form-wrap :is(.hero-form-subtitle,.hero-label-note,label){color:#334e68}
body[data-slpro-refresh] .hero-form-wrap :is(input,textarea,select){color:#172b42;background:#fff}
body[data-slpro-refresh] .hero-form-wrap :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select){min-height:44px}
body[data-slpro-refresh] .owner-access-box{color:#172b42}
body[data-slpro-refresh="detail"] :is(.mt-footer-copy,.mt-footer-sep,.hero-logo-tagline){color:#b9ccdf}
body[data-slpro-refresh="detail"] .mt-footer-link{color:#91ddff}
/* Ancillary public forms retain their legible light interiors. */
body[data-slpro-refresh="utility"] :is(.container,.card,.box,.apple-container,.modal-content){color:#172b42;border:1px solid #b7d0e2;border-radius:22px;box-shadow:0 24px 64px #02091844;box-sizing:border-box}
body[data-slpro-refresh="utility"] .apple-container{width:min(600px,100%)}
body[data-slpro-refresh="utility"] :is(button,.btn){background:linear-gradient(120deg,#1759a6,#087c83);color:#fff;border-radius:12px;min-height:44px}
body[data-slpro-refresh="application"] .form-box{border-color:#9fcddd88;box-shadow:0 28px 70px #010d2755}
body[data-slpro-refresh="application"] .hero{background:radial-gradient(ellipse at 85% 15%,#daaf5755,transparent 55%),linear-gradient(125deg,#123b55,#146478 60%,#174884)}
body[data-slpro-refresh="offer"] .offer-section{border-color:var(--slpro-line);background:linear-gradient(140deg,#112d43,#0c1e34)}
@media(hover:hover){body[data-slpro-refresh] :is(.app-tile,.mini-card,.connection-node):hover{border-color:#73dcd0aa;box-shadow:0 16px 34px #02091855,0 0 24px #41dbcb12}body[data-slpro-refresh] :is(.hero-btn,.bt-hero-btn,.cta-link):hover{transform:translateY(-2px);filter:brightness(1.06)}}
@media(max-width:700px){body[data-slpro-refresh]::before{animation-duration:14s}body[data-slpro-refresh="detail"] .page-wrapper{padding:12px;margin-top:8px}body[data-slpro-refresh="detail"] :is(.section-card,.hero-contact){border-radius:20px}body[data-slpro-refresh] .hero-form-wrap :is(input,select,textarea){font-size:16px}body[data-slpro-refresh] :is(.hero-btn,.bt-hero-btn,.cta-link){white-space:normal;text-align:center}body[data-slpro-refresh="application"]{padding:16px}body[data-slpro-refresh="utility"]{padding-bottom:82px}}
/* Keep content visible; no scroll-triggered hiding is introduced. */
@media(prefers-reduced-motion:reduce){html:has(body[data-slpro-refresh]){scroll-behavior:auto}body[data-slpro-refresh],body[data-slpro-refresh] *,body[data-slpro-refresh]::before,body[data-slpro-refresh]::after,body[data-slpro-refresh] *::before,body[data-slpro-refresh] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body[data-slpro-refresh]{background:white!important;color:#111!important}body[data-slpro-refresh]::before,body[data-slpro-refresh]::after,body[data-slpro-refresh] .slpro-motion-control{display:none!important}}
/* Motion repair: no footer control; only decorative layers pause offscreen. */
body[data-slpro-refresh] .slpro-motion-control{display:none!important}
body[data-slpro-refresh][data-slpro-motion="hidden"]::before,body[data-slpro-refresh][data-slpro-motion="hidden"] :is(.showcase-hero,.builder-hero,.guide-hero,.page-header.bt-hero-shell)::before{animation-play-state:paused}