:root{
  --sp-bg:#020713;--sp-bg2:#061127;--sp-panel:#07152e;--sp-panel2:#0a1c3b;
  --sp-blue:#0b7cff;--sp-blue2:#36a2ff;--sp-yellow:#ffd400;--sp-green:#20c96b;
  --sp-white:#fff;--sp-text:#edf5ff;--sp-muted:#9db0cb;--sp-line:rgba(52,149,255,.28);
  --sp-shadow:0 22px 70px rgba(0,64,160,.23);--sp-radius:22px;--sp-container:1420px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 7%,rgba(15,113,255,.18),transparent 35rem),linear-gradient(180deg,var(--sp-bg),#030a18 62%,#020611);color:var(--sp-text);font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(46,130,244,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(46,130,244,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}a{color:inherit}img,svg{max-width:100%;display:block}.sp-container{width:min(var(--sp-container),calc(100% - 42px));margin:auto}.sp-skip{position:fixed;left:12px;top:-90px;z-index:9999;background:#fff;color:#061127;padding:11px 16px;border-radius:12px}.sp-skip:focus{top:12px}
.sp-header{position:sticky;top:0;z-index:100;background:rgba(2,7,19,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(59,139,243,.18)}.sp-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sp-brand{text-decoration:none;display:inline-flex;flex-direction:column;line-height:.9;min-width:max-content}.sp-brand-main{font-size:1.9rem;font-weight:950;letter-spacing:-1.7px;color:#fff}.sp-brand-main b{color:var(--sp-yellow)}.sp-brand small{font-size:.65rem;font-weight:900;letter-spacing:.07em;color:#fff;margin-top:7px}.sp-menu{display:flex;align-items:center;gap:26px}.sp-menu>a{font-size:.91rem;text-decoration:none;font-weight:780;color:#e9f1ff;transition:.2s}.sp-menu>a:hover,.sp-menu>a.active{color:var(--sp-yellow)}.sp-menu-toggle{display:none;border:1px solid var(--sp-line);background:#07162e;color:#fff;width:46px;height:46px;border-radius:14px;font-size:1.25rem}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border-radius:13px;border:1px solid transparent;text-decoration:none;font-weight:900;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.sp-btn:hover{transform:translateY(-2px)}.sp-btn-yellow{background:linear-gradient(135deg,#ffe34f,var(--sp-yellow));color:#061127;box-shadow:0 12px 28px rgba(255,212,0,.18)}.sp-btn-blue{background:linear-gradient(135deg,var(--sp-blue),#0756d7);color:#fff;box-shadow:0 12px 30px rgba(11,124,255,.25)}.sp-btn-outline{background:rgba(4,15,34,.74);color:#fff;border-color:rgba(41,145,255,.65);box-shadow:inset 0 0 22px rgba(27,130,255,.08)}.sp-btn-green{background:linear-gradient(135deg,#27d87b,#0ea95a);color:#fff;box-shadow:0 12px 28px rgba(32,201,107,.2)}
.sp-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(41,145,255,.25)}.sp-hero:before{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(38,144,255,.18);border-radius:50%;right:-100px;top:-270px;box-shadow:0 0 80px rgba(14,103,255,.17),inset 0 0 80px rgba(14,103,255,.08)}.sp-hero-grid{min-height:620px;display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:center;padding:68px 0 48px;position:relative}.sp-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(46,148,255,.44);background:rgba(7,33,70,.72);padding:8px 13px;border-radius:999px;color:#62b5ff;font-size:.76rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.sp-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#1c8cff;box-shadow:0 0 14px #1c8cff}.sp-hero h1{font-size:clamp(3rem,5.2vw,5.25rem);line-height:.98;letter-spacing:-.06em;margin:20px 0 18px;max-width:800px}.sp-hero h1 strong{color:var(--sp-yellow)}.sp-lead{font-size:clamp(1.03rem,1.45vw,1.25rem);color:#c4d1e4;max-width:690px;margin:0 0 27px}.sp-actions{display:flex;gap:13px;flex-wrap:wrap}.sp-trust-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.sp-trust{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(50,139,251,.23);border-radius:12px;background:rgba(7,21,46,.66);font-size:.78rem;color:#d7e5f8}.sp-trust i{font-style:normal;color:var(--sp-yellow);font-size:1.1rem}
.sp-stage{min-height:500px;position:relative;display:grid;place-items:center}.sp-orbit{position:absolute;width:470px;height:470px;border:2px solid rgba(19,126,255,.35);border-radius:50%;box-shadow:0 0 65px rgba(0,111,255,.35),inset 0 0 55px rgba(0,111,255,.15)}.sp-orbit:before,.sp-orbit:after{content:"";position:absolute;inset:38px;border:1px solid rgba(64,160,255,.21);border-radius:50%}.sp-orbit:after{inset:92px}.sp-mascot{width:min(330px,42vw);position:relative;z-index:5;filter:drop-shadow(0 25px 32px rgba(0,79,214,.46))}.sp-device{position:absolute;background:linear-gradient(155deg,#0b2042,#040b18);border:1px solid rgba(45,148,255,.48);border-radius:24px;display:grid;place-items:center;color:#62b4ff;box-shadow:0 22px 40px rgba(0,25,70,.55),inset 0 0 24px rgba(14,121,255,.1);font-size:3.4rem}.sp-device.phone{width:128px;height:230px;left:5%;top:17%;transform:rotate(-7deg)}.sp-device.laptop{width:300px;height:190px;right:1%;top:12%;font-size:5rem}.sp-device.game{width:190px;height:120px;left:6%;bottom:1%;font-size:4.2rem}.sp-device.printer{width:205px;height:145px;right:2%;bottom:0;font-size:4.3rem}.sp-device span{filter:drop-shadow(0 0 16px rgba(49,153,255,.6))}
.sp-section{padding:74px 0}.sp-section-tight{padding:52px 0}.sp-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.sp-section-head h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1;margin:0;letter-spacing:-.045em}.sp-section-head h2 strong{color:var(--sp-yellow)}.sp-section-head p{max-width:650px;color:var(--sp-muted);margin:0}.sp-grid{display:grid;gap:16px}.sp-services{grid-template-columns:repeat(6,minmax(0,1fr))}.sp-card{position:relative;background:linear-gradient(160deg,rgba(9,27,58,.95),rgba(4,12,27,.96));border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:22px;box-shadow:inset 0 0 28px rgba(15,118,255,.06);overflow:hidden}.sp-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(20,123,255,.08);right:-65px;top:-65px}.sp-card:hover{border-color:rgba(66,164,255,.68);box-shadow:0 16px 45px rgba(0,83,199,.14),inset 0 0 28px rgba(15,118,255,.09)}.sp-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;border:1px solid rgba(57,151,255,.42);background:#061b3a;color:#53adff;font-size:1.7rem;margin-bottom:17px;box-shadow:0 0 22px rgba(13,117,255,.11)}.sp-card h3{font-size:1.03rem;margin:0 0 8px;color:#fff}.sp-card h3 strong{color:var(--sp-yellow)}.sp-card p{font-size:.85rem;color:#aebfd5;margin:0}.sp-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-quick .sp-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;min-height:150px}.sp-quick .sp-icon{margin:0}.sp-quick a{position:relative;z-index:2}
.sp-locations{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-location{display:grid;grid-template-columns:1fr 170px;gap:20px;align-items:center}.sp-location h3{font-size:1.45rem;margin:0 0 6px}.sp-location h3 strong{color:var(--sp-yellow)}.sp-location address{font-style:normal;color:#b7c7dc}.sp-location .map-art{height:150px;border-radius:18px;border:1px solid rgba(50,147,255,.35);background:linear-gradient(135deg,rgba(14,95,208,.12),rgba(3,9,20,.6)),repeating-linear-gradient(35deg,rgba(51,139,255,.13) 0 2px,transparent 2px 30px),repeating-linear-gradient(120deg,rgba(51,139,255,.09) 0 1px,transparent 1px 38px);display:grid;place-items:center;font-size:2.7rem;color:#3d9cff;box-shadow:inset 0 0 35px rgba(22,108,236,.13)}.sp-note{color:#8298b5;font-size:.82rem;margin-top:11px}.sp-cta{background:linear-gradient(110deg,rgba(8,42,88,.98),rgba(5,18,39,.98));border:1px solid rgba(47,149,255,.45);border-radius:28px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 22px 70px rgba(0,70,166,.13)}.sp-cta h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1;margin:0 0 10px}.sp-cta h2 strong{color:var(--sp-yellow)}.sp-cta p{color:#b6c6db;margin:0}.sp-cta img{width:145px;filter:drop-shadow(0 18px 28px rgba(0,101,236,.34))}
.sp-group-brand{margin-top:18px;display:grid;grid-template-columns:1fr 180px;align-items:center;gap:26px;padding:30px;border:1px solid rgba(255,212,0,.48);border-radius:24px;background:linear-gradient(135deg,rgba(28,28,22,.98),rgba(8,8,8,.98));box-shadow:inset 0 0 34px rgba(255,212,0,.05)}.sp-group-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,212,0,.36);color:#ffd400;font-size:.72rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.sp-group-brand h3{font-size:2rem;margin:14px 0 8px;letter-spacing:-.035em}.sp-group-brand h3 span{color:#fff}.sp-group-brand h3 strong{color:#ffd400;font-style:italic}.sp-group-brand p{color:#bdbdb4;max-width:760px}.sp-group-brand address{font-style:normal;color:#fff;margin:14px 0}.sp-btn-conserta{background:#ffd400;color:#0d0d0d;box-shadow:0 12px 28px rgba(255,212,0,.16)}.sp-group-mark{width:150px;height:150px;border-radius:32px;display:grid;place-items:center;justify-self:end;background:#ffd400;color:#0d0d0d;font-size:5rem;font-weight:1000;font-style:italic;box-shadow:0 18px 44px rgba(255,212,0,.2)}.sp-group-mark span{font-size:2rem;vertical-align:top}
.sp-footer{border-top:1px solid rgba(46,139,247,.22);padding:42px 0 22px;background:rgba(1,5,13,.64)}.sp-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:34px}.sp-footer h4{margin:0 0 13px}.sp-footer a{display:block;text-decoration:none;color:#aebfd5;margin:7px 0;font-size:.88rem}.sp-footer a:hover{color:var(--sp-yellow)}.sp-footer p{color:#90a4bf;font-size:.88rem}.sp-copy{border-top:1px solid rgba(52,142,247,.14);margin-top:30px;padding-top:18px;color:#7086a4;font-size:.78rem}
.sp-tool-hero{padding:54px 0 30px;position:relative;overflow:hidden}.sp-tool-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:35px}.sp-tool-hero h1{font-size:clamp(3rem,5vw,5.2rem);line-height:.96;letter-spacing:-.055em;margin:17px 0}.sp-tool-hero h1 strong{color:var(--sp-yellow)}.sp-tool-hero p{font-size:1.1rem;color:#b8c9de;max-width:700px}.sp-tool-visual{min-height:310px;display:grid;place-items:center;position:relative}.sp-tool-visual:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:2px solid rgba(30,138,255,.42);box-shadow:0 0 55px rgba(0,114,255,.35),inset 0 0 50px rgba(0,114,255,.15)}.sp-tool-visual img{width:230px;position:relative;z-index:2;filter:drop-shadow(0 22px 28px rgba(0,75,192,.45))}.sp-tool-symbol{position:absolute;left:8%;bottom:11%;font-size:6rem;filter:drop-shadow(0 0 22px rgba(35,143,255,.7))}
.sp-search-shell{background:linear-gradient(160deg,rgba(9,27,58,.98),rgba(4,12,27,.98));border:1px solid rgba(48,146,255,.38);border-radius:24px;padding:20px;box-shadow:var(--sp-shadow)}.sp-search{display:grid;grid-template-columns:1fr auto;gap:12px}.sp-search input{width:100%;min-height:58px;border:1px solid rgba(64,145,247,.34);border-radius:15px;background:#040d1e;color:#fff;padding:0 18px;font-size:1rem;outline:none}.sp-search input:focus{border-color:#2b9cff;box-shadow:0 0 0 4px rgba(24,131,255,.12)}.sp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.sp-chip{border:1px solid rgba(51,143,255,.32);background:rgba(8,31,67,.72);color:#bcd2ec;border-radius:999px;padding:8px 12px;font-weight:780;cursor:pointer}.sp-status{margin:22px 0 15px;color:#9fb3cd;font-weight:760}.sp-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sp-result{background:linear-gradient(160deg,#081a38,#040c1b);border:1px solid rgba(53,145,255,.31);border-radius:20px;padding:21px}.sp-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(61,143,244,.15)}.sp-brand-tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#0b3776;color:#8ac6ff;font-size:.7rem;font-weight:950}.sp-result h2{font-size:1.45rem;margin:8px 0 0}.sp-id{font-size:.7rem;color:#8ca3bf;border:1px solid rgba(64,143,238,.25);padding:5px 8px;border-radius:9px}.sp-label{font-size:.72rem;font-weight:900;color:#7891ae;text-transform:uppercase;letter-spacing:.06em;margin:15px 0 9px}.sp-list{display:flex;flex-wrap:wrap;gap:8px}.sp-item{border:1px solid rgba(45,144,255,.27);background:#07152d;padding:8px 10px;border-radius:10px;color:#d7e8fa;font-size:.85rem}.sp-item:before{content:"✓";color:#2bd078;margin-right:6px}.sp-empty{grid-column:1/-1;border:1px dashed rgba(74,156,255,.35);border-radius:20px;padding:42px;text-align:center;color:#a9bdd5;background:rgba(6,20,43,.7)}
@media(max-width:1180px){.sp-services{grid-template-columns:repeat(3,1fr)}.sp-locations{grid-template-columns:repeat(2,1fr)}.sp-hero-grid{grid-template-columns:1fr}.sp-stage{min-height:480px}.sp-tool-grid{grid-template-columns:1fr}.sp-tool-visual{display:none}}
@media(max-width:820px){.sp-group-brand{grid-template-columns:1fr}.sp-group-mark{display:none}.sp-menu-toggle{display:block}.sp-menu{display:none;position:absolute;left:20px;right:20px;top:68px;padding:18px;background:#07152e;border:1px solid var(--sp-line);border-radius:18px;flex-direction:column;align-items:stretch;box-shadow:var(--sp-shadow)}.sp-menu.open{display:flex}.sp-menu>a{text-align:center;padding:8px}.sp-header .sp-nav>.sp-btn{display:none}.sp-hero-grid{padding-top:48px}.sp-device.laptop{right:0}.sp-services{grid-template-columns:repeat(2,1fr)}.sp-quick,.sp-locations{grid-template-columns:1fr}.sp-location{grid-template-columns:1fr}.sp-footer-grid{grid-template-columns:1fr 1fr}.sp-results{grid-template-columns:1fr}.sp-search{grid-template-columns:1fr}.sp-cta{align-items:flex-start}.sp-cta img{display:none}}
@media(max-width:540px){.sp-container{width:min(100% - 26px,var(--sp-container))}.sp-brand-main{font-size:1.55rem}.sp-hero-grid{min-height:auto}.sp-hero h1{font-size:2.85rem}.sp-stage{min-height:390px}.sp-orbit{width:330px;height:330px}.sp-mascot{width:230px}.sp-device.phone{width:85px;height:155px;font-size:2.2rem}.sp-device.laptop{width:190px;height:120px;font-size:3rem}.sp-device.game{width:135px;height:85px;font-size:2.8rem}.sp-device.printer{width:135px;height:95px;font-size:2.8rem}.sp-section{padding:55px 0}.sp-services{grid-template-columns:1fr}.sp-quick .sp-card{grid-template-columns:56px 1fr}.sp-quick .sp-card>a{grid-column:1/-1}.sp-footer-grid{grid-template-columns:1fr}.sp-tool-hero h1{font-size:2.8rem}.sp-tool-visual{display:none}.sp-cta{padding:25px}.sp-actions .sp-btn{width:100%}}


/* Identidade pública unificada + divulgação do SmartPrint ERP */
.sp-header-access{white-space:nowrap}.sp-menu>a.active{color:var(--sp-yellow)}
.sp-erp-showcase{position:relative;overflow:hidden}.sp-erp-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:34px;align-items:center;padding:42px;border:1px solid rgba(55,154,255,.48);border-radius:30px;background:linear-gradient(135deg,rgba(8,39,82,.98),rgba(3,12,29,.98));box-shadow:0 26px 80px rgba(0,75,180,.18),inset 0 0 42px rgba(20,124,255,.06)}
.sp-erp-panel:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;border-radius:50%;right:-170px;top:-190px;background:radial-gradient(circle,rgba(28,139,255,.32),transparent 68%)}.sp-erp-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(63,159,255,.4);border-radius:999px;background:rgba(8,35,74,.78);color:#6fbdff;font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.sp-erp-panel h2{font-size:clamp(2.3rem,4.2vw,4.1rem);line-height:.98;letter-spacing:-.05em;margin:17px 0 15px}.sp-erp-panel h2 strong{color:var(--sp-yellow)}.sp-erp-panel p{max-width:720px;color:#b7c9df;font-size:1.03rem}.sp-erp-features{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.sp-erp-features span{padding:9px 12px;border:1px solid rgba(57,151,255,.28);border-radius:11px;background:rgba(5,23,51,.8);color:#d6e7fa;font-size:.82rem;font-weight:820}.sp-erp-screen{min-height:360px;padding:17px;border:1px solid rgba(66,160,255,.42);border-radius:24px;background:#030b19;box-shadow:0 22px 55px rgba(0,0,0,.34),inset 0 0 35px rgba(20,124,255,.08)}.sp-erp-screen-top{display:flex;gap:7px;padding-bottom:13px;border-bottom:1px solid rgba(64,145,244,.18)}.sp-erp-screen-top i{width:9px;height:9px;border-radius:50%;background:#2c79c7}.sp-erp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.sp-erp-metric,.sp-erp-module{border:1px solid rgba(54,145,255,.25);border-radius:14px;background:linear-gradient(145deg,#081b39,#051126);padding:14px}.sp-erp-metric small,.sp-erp-module small{display:block;color:#7892af;font-size:.68rem;font-weight:900;text-transform:uppercase}.sp-erp-metric b{display:block;color:#fff;font-size:1.35rem;margin-top:6px}.sp-erp-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sp-erp-module{min-height:82px;display:flex;align-items:center;gap:11px;color:#ddecfc;font-weight:850}.sp-erp-module i{font-style:normal;font-size:1.45rem}
@media(max-width:1080px){.sp-erp-panel{grid-template-columns:1fr}.sp-erp-screen{min-height:310px}}@media(max-width:820px){.sp-header-access{display:none}.sp-erp-panel{padding:28px}.sp-erp-metrics{grid-template-columns:1fr}.sp-erp-screen{display:none}}@media(max-width:540px){.sp-erp-panel{padding:23px}.sp-erp-panel h2{font-size:2.55rem}.sp-erp-features span{width:100%}}

/* Divulgação de criação de sites para empresas */
.sp-sites-showcase{position:relative;overflow:hidden}.sp-sites-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);gap:38px;align-items:center;padding:42px;border:1px solid rgba(255,212,0,.42);border-radius:30px;background:linear-gradient(135deg,rgba(9,35,73,.98),rgba(3,12,28,.99));box-shadow:0 26px 80px rgba(0,69,164,.18),inset 0 0 42px rgba(255,212,0,.035)}
.sp-sites-panel:before{content:"";position:absolute;z-index:-1;width:480px;height:480px;border-radius:50%;left:-220px;bottom:-300px;background:radial-gradient(circle,rgba(18,128,255,.24),transparent 69%)}.sp-sites-panel:after{content:"";position:absolute;z-index:-1;width:370px;height:370px;border-radius:50%;right:-180px;top:-230px;background:radial-gradient(circle,rgba(255,212,0,.13),transparent 70%)}
.sp-sites-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,212,0,.38);border-radius:999px;background:rgba(37,35,12,.48);color:var(--sp-yellow);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.sp-sites-copy h2{font-size:clamp(2.35rem,4.2vw,4.2rem);line-height:.98;letter-spacing:-.052em;margin:17px 0 15px}.sp-sites-copy h2 strong{color:var(--sp-yellow)}.sp-sites-copy>p{max-width:730px;color:#b9cade;font-size:1.03rem}.sp-sites-features{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.sp-sites-features span{padding:9px 12px;border:1px solid rgba(58,151,255,.28);border-radius:11px;background:rgba(5,23,51,.82);color:#d8e8fa;font-size:.82rem;font-weight:820}
.sp-site-browser{overflow:hidden;border:1px solid rgba(67,157,255,.43);border-radius:24px;background:#030a17;box-shadow:0 26px 60px rgba(0,0,0,.38),0 0 45px rgba(11,124,255,.12)}.sp-site-browser-bar{height:48px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(58,144,246,.2);background:#07142a}.sp-site-browser-bar i{width:10px;height:10px;border-radius:50%;background:#245b94}.sp-site-browser-bar i:nth-child(1){background:#ff6b62}.sp-site-browser-bar i:nth-child(2){background:#ffd052}.sp-site-browser-bar i:nth-child(3){background:#2bd47d}.sp-site-browser-bar span{flex:1;margin-left:7px;padding:6px 12px;border:1px solid rgba(66,146,240,.2);border-radius:9px;background:#040c1c;color:#7991ad;font-size:.68rem;text-align:center}.sp-site-preview{min-height:360px;padding:20px;background:radial-gradient(circle at 85% 20%,rgba(15,117,255,.22),transparent 15rem),linear-gradient(145deg,#06152d,#020711)}.sp-site-preview-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid rgba(63,146,245,.16);font-size:.66rem;color:#91a6bf}.sp-site-preview-nav b{font-size:.86rem;color:#fff}.sp-site-preview-nav em{color:var(--sp-yellow);font-style:normal}.sp-site-preview-hero{padding:48px 10px 32px}.sp-site-preview-hero small{color:#58afff;font-size:.58rem;font-weight:950;letter-spacing:.12em}.sp-site-preview-hero h3{max-width:390px;margin:9px 0;font-size:2rem;line-height:1.02;letter-spacing:-.045em}.sp-site-preview-hero p{max-width:360px;color:#9eb2cb;font-size:.78rem}.sp-site-preview-button{display:inline-flex;margin-top:10px;padding:10px 14px;border-radius:10px;background:var(--sp-yellow);color:#061127;font-size:.68rem;font-weight:950}.sp-site-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sp-site-preview-cards span{padding:13px 8px;border:1px solid rgba(55,148,255,.25);border-radius:11px;background:rgba(7,25,54,.82);color:#c8d9ec;font-size:.66rem;font-weight:800;text-align:center}
@media(max-width:1080px){.sp-sites-panel{grid-template-columns:1fr}.sp-site-browser{max-width:680px;width:100%;margin:auto}}@media(max-width:820px){.sp-sites-panel{padding:28px}.sp-site-browser{display:none}}@media(max-width:540px){.sp-sites-panel{padding:23px}.sp-sites-copy h2{font-size:2.55rem}.sp-sites-features span{width:100%}}