*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0c1d36;--muted:#67788d;--blue:#2476ed;--blue2:#5a61f0;--aqua:#39cbd7;--green:#19aa72;--pale:#f4f8fd;--line:#dce5f0;--white:#fff;--dark:#0b1c35;--shadow:0 30px 90px rgba(27,72,132,.14)}html{scroll-behavior:smooth;scroll-padding-top:92px}body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--white);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(255,255,255,.9);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:.25s}.header.scrolled{border-color:var(--line);box-shadow:0 8px 28px rgba(12,29,54,.06)}.header-row{height:88px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}.brand{width:94px;height:68px;display:grid;place-items:center;padding:5px 10px}.brand img{width:100%;height:100%;object-fit:contain}.nav{justify-self:center;display:flex;gap:30px}.nav a{color:#56677c;font-size:13px;font-weight:700}.nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.download-link{padding:10px 4px;color:#506176;font-size:12px;font-weight:750}.login-link{padding:11px 18px;border-radius:10px;background:var(--ink);color:var(--white);font-size:12px;font-weight:800}.menu-button,.mobile-menu{display:none}
.hero{position:relative;padding:164px 0 0;background:linear-gradient(180deg,#f7fbff 0%,#eef6ff 58%,#fff 100%);overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-left{width:520px;height:520px;left:-260px;top:170px;background:radial-gradient(circle,rgba(57,203,215,.16),transparent 68%)}.glow-right{width:600px;height:600px;right:-250px;top:80px;background:radial-gradient(circle,rgba(90,97,240,.14),transparent 68%)}.hero-content{position:relative;z-index:2;max-width:900px;text-align:center}.hero-logo{width:108px;height:82px;display:grid;place-items:center;margin:0 auto 20px;padding:7px 14px;border:1px solid rgba(36,118,237,.16);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(36,118,237,.1)}.hero-logo img{width:100%;height:100%;object-fit:contain}.hero-label{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #cfe0f7;border-radius:999px;background:rgba(255,255,255,.75);color:#4f6680;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-label i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(25,170,114,.1)}.hero h1{margin:25px 0 20px;font-size:clamp(50px,6.8vw,82px);line-height:.97;letter-spacing:-.06em}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--blue2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{max-width:670px;margin-inline:auto;color:var(--muted);font-size:18px}.hero-buttons{display:flex;justify-content:center;gap:12px;margin-top:31px}.primary-button,.secondary-button{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:11px;font-size:13px;font-weight:800;transition:.2s}.primary-button{background:var(--blue);color:var(--white);box-shadow:0 12px 28px rgba(36,118,237,.22)}.primary-button:hover{transform:translateY(-2px)}.secondary-button{border:1px solid #cbd9e9;background:rgba(255,255,255,.76)}.secondary-button:hover{border-color:var(--blue);color:var(--blue)}
.dashboard-wrap{position:relative;z-index:3;margin-top:68px;transform:translateY(50px)}.dashboard-window{border:1px solid #cbd9e9;border-radius:24px;background:var(--white);box-shadow:0 42px 120px rgba(20,65,125,.2);overflow:hidden}.window-top{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:#fbfdff}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#cad5e1}.window-dots i:first-child{background:#ff8b8b}.window-dots i:nth-child(2){background:#ffca68}.window-dots i:nth-child(3){background:#72d7a4}.window-address{padding:7px 55px;border:1px solid #e1e8f0;border-radius:7px;background:var(--white);color:#94a2b3;font-size:9px}.window-live{justify-self:end;display:flex;align-items:center;gap:6px;color:#657588;font-size:9px;font-weight:800;text-transform:uppercase}.window-live i{width:6px;height:6px;border-radius:50%;background:var(--green)}.dashboard-body{display:grid;grid-template-columns:175px 1fr;min-height:520px}.dash-sidebar{display:flex;flex-direction:column;gap:7px;padding:24px 18px;border-right:1px solid var(--line);background:#f8fbff}.mini-brand{width:62px;height:47px;margin:0 auto 20px}.mini-brand img{width:100%;height:100%;object-fit:contain}.dash-sidebar span{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#8190a2;font-size:10px;font-weight:700}.dash-sidebar span i{width:10px;height:10px;border:1px solid currentColor;border-radius:3px}.dash-sidebar .side-active{background:#e8f1ff;color:var(--blue)}.dash-main{padding:30px;background:#fff}.dash-heading{display:flex;align-items:center;justify-content:space-between}.dash-heading small{color:#9aa8b7;font-size:8px;font-weight:800;letter-spacing:.12em}.dash-heading h2{margin-top:4px;font-size:22px}.dash-heading button{border:0;border-radius:8px;padding:10px 13px;background:var(--blue);color:var(--white);font-size:9px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:26px}.metric{padding:19px;border:1px solid var(--line);border-radius:13px}.metric span,.metric strong,.metric small{display:block}.metric span{color:#7a899c;font-size:9px;font-weight:700}.metric strong{margin:8px 0 5px;font-size:27px}.metric small{color:#94a1b1;font-size:8px}.metric .up{color:var(--green)}.dash-lower{display:grid;grid-template-columns:1.4fr .6fr;gap:13px;margin-top:13px}.chart-card,.network-card{padding:19px;border:1px solid var(--line);border-radius:13px}.card-title{display:flex;justify-content:space-between}.card-title span{font-size:10px;font-weight:800}.card-title small{color:#98a5b4;font-size:8px}.bars{height:150px;display:flex;align-items:end;justify-content:space-around;gap:10px;padding:20px 10px 0;border-bottom:1px solid #edf1f5;background-image:linear-gradient(#edf1f5 1px,transparent 1px);background-size:100% 38px}.bars i{width:22px;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#6f74f2,var(--blue))}.chart-days{display:flex;justify-content:space-around;padding-top:9px;color:#a0acba;font-size:7px}.network-card{display:flex;flex-direction:column;align-items:center}.network-card .card-title{width:100%}.network-ring{width:135px;height:135px;display:grid;place-items:center;margin:24px auto 17px;border-radius:50%;background:conic-gradient(var(--aqua) 0 99.9%,#e5edf5 99.9%)}.network-ring::before{content:'';grid-area:1/1;width:105px;height:105px;border-radius:50%;background:var(--white)}.network-ring div{z-index:1;grid-area:1/1;text-align:center}.network-ring strong,.network-ring span{display:block}.network-ring strong{font-size:20px}.network-ring span{color:#92a0b0;font-size:8px}.network-card>p{display:flex;align-items:center;gap:6px;color:#6e7c8d;font-size:8px}.network-card>p i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.features{padding:165px 0 115px;background:var(--white)}.section-heading{text-align:center;max-width:740px;margin:0 auto 55px}.section-heading>span,.small-label{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.section-heading h2,.mobile-copy h2,.contact-card h2{margin:16px 0;font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-.045em}.section-heading p{color:var(--muted)}.bento-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.bento{position:relative;min-height:330px;padding:34px;border-radius:22px;overflow:hidden}.bento>span,.bento-copy>span{font-size:9px;font-weight:850;letter-spacing:.13em}.bento h3{margin:13px 0 10px;font-size:25px;line-height:1.12;letter-spacing:-.03em}.bento p{font-size:13px}.blue-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;background:linear-gradient(135deg,#276fec,#515ee9);color:var(--white)}.blue-card p{color:#d9e6ff}.customer-ui{padding:15px;border-radius:15px;background:rgba(255,255,255,.95);color:var(--ink);box-shadow:0 22px 45px rgba(10,30,70,.2);transform:rotate(2deg)}.customer-head,.customer-row{display:flex;align-items:center}.customer-head{gap:8px;padding:5px 4px 13px;border-bottom:1px solid var(--line);font-size:9px;font-weight:800}.customer-head i{width:7px;height:7px;border-radius:50%;background:var(--green)}.customer-head b{margin-left:auto;width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:#e8f1ff;color:var(--blue)}.customer-row{gap:9px;padding:11px 4px;border-bottom:1px solid #edf1f5}.customer-row>i{width:27px;height:27px;border-radius:9px;background:#dceaff}.customer-row span{display:flex;flex-direction:column;line-height:1.35}.customer-row b{font-size:8px}.customer-row small{color:#8c9aaa;font-size:7px}.customer-row em{margin-left:auto;padding:3px 6px;border-radius:5px;background:#e5f8ef;color:var(--green);font-size:7px;font-style:normal;font-weight:800}.soft-card{border:1px solid var(--line);background:var(--pale)}.soft-card>span{color:#8d9aab}.soft-card p{color:var(--muted)}.icon-box{width:48px;height:48px;display:grid;place-items:center;margin-bottom:40px;border-radius:14px;background:#e3eeff;color:var(--blue)}.icon-box.green{background:#e4f7f0;color:var(--green)}.icon-box svg,.privacy-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bento-wide{grid-column:1/-1;min-height:350px}.dark-card{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;background:var(--dark);color:var(--white)}.dark-card .bento-copy{max-width:430px}.dark-card p{color:#9db0c6}.nodes{position:relative;min-height:260px}.node{position:absolute;z-index:2;display:grid;place-items:center;width:100px;height:54px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#122a4d;color:#a9bed5;font-size:9px;font-weight:850;letter-spacing:.08em}.node.core{left:50%;top:50%;width:90px;height:90px;border-color:rgba(57,203,215,.55);border-radius:50%;background:linear-gradient(145deg,#173c63,#0e294b);color:var(--aqua);font-size:20px;transform:translate(-50%,-50%);box-shadow:0 0 0 12px rgba(57,203,215,.06)}.n1{left:4%;top:22px}.n2{right:2%;top:40px}.n3{right:18%;bottom:8px}.line{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);transform-origin:left}.l1{width:210px;left:21%;top:69px;transform:rotate(25deg)}.l2{width:220px;left:54%;top:125px;transform:rotate(-21deg)}.l3{width:160px;left:52%;top:142px;transform:rotate(45deg)}.reveal{opacity:0;transform:translateY(18px)}.reveal.visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
.mobile-section{padding:115px 0;background:var(--pale)}.mobile-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.phone-preview{position:relative;min-height:600px;display:grid;place-items:center}.phone-preview::before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:linear-gradient(145deg,#ddebff,#eaf8f7)}.phone{position:relative;z-index:2;width:270px;height:555px;padding:9px;border-radius:42px;background:#0a1930;box-shadow:0 40px 75px rgba(20,55,105,.25);transform:rotate(-4deg)}.phone-notch{position:absolute;z-index:3;top:15px;left:50%;width:90px;height:22px;border-radius:20px;background:#0a1930;transform:translateX(-50%)}.phone-screen{height:100%;padding:52px 22px 25px;border-radius:34px;background:linear-gradient(180deg,#f5faff,#e7f2ff);overflow:hidden}.phone-screen>img{width:74px;height:58px;margin-bottom:28px;object-fit:contain}.phone-screen>span{color:#8795a6;font-size:9px}.phone-screen h3{margin:5px 0 20px;font-size:20px}.phone-stat{display:flex;align-items:center;gap:12px;margin:10px 0;padding:14px;border-radius:13px;background:var(--white);box-shadow:0 8px 24px rgba(25,67,125,.08)}.phone-stat>i{width:34px;height:34px;border-radius:10px;background:#e4efff}.phone-stat:nth-of-type(2)>i{background:#e2f7f1}.phone-stat small,.phone-stat strong{display:block}.phone-stat small{color:#8b98a8;font-size:8px}.phone-stat strong{margin-top:3px;font-size:11px}.phone-screen button{width:100%;margin-top:18px;padding:12px;border:0;border-radius:10px;background:var(--blue);color:var(--white);font-size:9px;font-weight:850}.float-message{position:absolute;z-index:4;right:5px;bottom:90px;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:13px;background:var(--white);box-shadow:0 18px 45px rgba(12,29,54,.14)}.float-message>i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e4f7f0;color:var(--green);font-style:normal}.float-message small,.float-message strong{display:block}.float-message small{color:#93a0af;font-size:7px}.float-message strong{font-size:10px}.mobile-copy>p{max-width:560px;color:var(--muted);font-size:16px}.mobile-copy ul{display:grid;gap:13px;margin:28px 0;list-style:none}.mobile-copy li{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700}.mobile-copy li i{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#e4f7f0;color:var(--green);font-size:10px;font-style:normal}.play-store{display:inline-flex;align-items:center;gap:11px;padding:12px 17px;border-radius:11px;background:var(--ink);color:var(--white)}.play-store svg{width:24px;height:24px;fill:currentColor}.play-store span{display:flex;flex-direction:column;line-height:1}.play-store small{font-size:8px;letter-spacing:.08em}.play-store b{margin-top:5px;font-size:14px}
.trust-section{padding:95px 0;background:var(--white)}.trust-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.privacy-block,.terms-block{min-height:285px;padding:38px;border:1px solid var(--line);border-radius:20px}.privacy-block{display:grid;grid-template-columns:55px 1fr;gap:24px;background:#f6faff}.privacy-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:16px;background:#e3efff;color:var(--blue)}.privacy-block span,.terms-block>span{color:#8a98a9;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.privacy-block h3,.terms-block h3{max-width:500px;margin:12px 0;font-size:25px;line-height:1.15}.privacy-block p,.terms-block p{color:var(--muted);font-size:13px}.privacy-block a,.terms-block a{display:inline-block;margin-top:25px;color:var(--blue);font-size:12px;font-weight:850}.terms-block{background:var(--white)}
.contact{padding:20px 0 105px}.contact-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:55px;border-radius:24px;background:linear-gradient(135deg,#1f70e5,#535eea);color:var(--white)}.contact-card .small-label{color:#cce1ff}.contact-card>div:first-child>p{color:#d7e5ff}.contact-links{border-top:1px solid rgba(255,255,255,.25)}.contact-links a{display:grid;grid-template-columns:88px 1fr auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.25)}.contact-links small{color:#bdd5f7;font-size:8px;font-weight:850;letter-spacing:.1em}.contact-links strong{font-size:13px}.footer{padding:30px 0;background:#08182e;color:#91a4bb}.footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;font-size:10px}.footer-brand{display:flex;align-items:center;gap:10px;color:var(--white);font-size:12px}.footer-brand img{width:48px;height:40px;padding:3px 6px;border-radius:8px;background:var(--white);object-fit:contain}.footer-row>div:last-child{justify-self:end;display:flex;gap:20px}.footer a:hover{color:var(--aqua)}a:focus-visible,button:focus-visible{outline:3px solid rgba(57,203,215,.6);outline-offset:3px}
@media(max-width:1000px){.nav,.header-actions{display:none}.header-row{grid-template-columns:1fr auto}.menu-button{display:block;width:44px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.menu-button span{display:block;width:20px;height:2px;margin:4px auto;background:var(--ink);transition:.2s}.menu-button.active span:first-child{transform:translateY(6px) rotate(45deg)}.menu-button.active span:nth-child(2){opacity:0}.menu-button.active span:last-child{transform:translateY(-6px) rotate(-45deg)}.mobile-menu.open{display:flex;position:fixed;top:88px;left:22px;right:22px;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--white);box-shadow:var(--shadow)}.mobile-menu a{padding:11px 12px;color:var(--muted);font-size:13px;font-weight:700}.mobile-menu a:last-child{margin-top:5px;border-radius:9px;background:var(--ink);color:var(--white);text-align:center}.dashboard-body{grid-template-columns:130px 1fr}.dash-sidebar{padding:20px 12px}.metric-grid{grid-template-columns:repeat(3,1fr)}.dash-main{padding:22px}.blue-card{grid-template-columns:1fr}.bento-grid{grid-template-columns:1fr 1fr}.bento-large,.bento-wide{grid-column:1/-1}.mobile-layout{gap:40px}.trust-grid,.contact-card{grid-template-columns:1fr}.footer-row{grid-template-columns:1fr auto}.footer-row>p{display:none}}
@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.header-row{height:74px}.brand{width:80px;height:58px}.mobile-menu.open{top:74px;left:14px;right:14px}.hero{padding-top:128px}.hero-logo{width:92px;height:72px}.hero h1{font-size:43px}.hero-content>p{font-size:16px}.hero-buttons{flex-direction:column}.dashboard-wrap{margin-top:45px;transform:translateY(32px);width:calc(100% - 18px)}.window-top{grid-template-columns:1fr auto}.window-address{display:none}.dashboard-body{grid-template-columns:1fr;min-height:auto}.dash-sidebar{display:none}.dash-main{padding:17px}.dash-heading button{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.metric{padding:14px}.metric strong{font-size:22px}.dash-lower{grid-template-columns:1fr}.network-card{display:none}.bars{height:120px}.features{padding:105px 0 75px}.section-heading h2,.mobile-copy h2,.contact-card h2{font-size:37px}.bento-grid{grid-template-columns:1fr}.bento,.bento-large,.bento-wide{grid-column:1;min-height:auto;padding:27px}.blue-card,.dark-card{grid-template-columns:1fr}.customer-ui{margin-top:18px}.nodes{min-height:270px;margin-top:12px}.node{width:82px}.n1{left:0}.n2{right:0}.n3{right:4%}.mobile-section{padding:75px 0}.mobile-layout{grid-template-columns:1fr}.phone-preview{min-height:550px}.phone-preview::before{width:330px;height:330px}.phone{width:235px;height:485px}.float-message{right:0}.mobile-copy{text-align:center}.mobile-copy ul{justify-content:center}.mobile-copy li{justify-content:center}.trust-section{padding:70px 0}.trust-grid{grid-template-columns:1fr}.privacy-block{grid-template-columns:1fr}.contact{padding-bottom:70px}.contact-card{padding:32px 25px;gap:35px}.contact-links a{grid-template-columns:1fr auto;gap:4px}.contact-links small{grid-column:1}.contact-links strong{overflow-wrap:anywhere}.contact-links span{grid-column:2;grid-row:1/3}.footer-row{grid-template-columns:1fr}.footer-row>div:last-child{justify-self:start}.footer-brand strong{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Real dashboard preview */
.dashboard-window.product-shot{background:#fff;box-shadow:0 42px 120px rgba(20,65,125,.22)}
.product-shot-frame{position:relative;overflow:hidden;background:#eef3f8}
.product-shot-frame::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(12,29,54,.05)}
.product-shot-frame img{width:100%;height:auto;display:block;object-fit:contain}
@media(max-width:700px){.dashboard-window.product-shot{border-radius:15px}.product-shot .window-top{height:42px;padding-inline:12px}.product-shot .window-live{font-size:7px}.product-shot-frame img{width:100%;height:auto}}
/* Cartoon Wi-Fi scene in MacBook frame */
.network-hero-visual{position:relative;z-index:3;margin-top:62px;padding:30px 42px 26px;transform:translateY(52px)}
.signal-field{position:absolute;inset:-35px 0 -10px;pointer-events:none}
.signal-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#39cbd7;box-shadow:0 0 0 8px rgba(57,203,215,.1),0 0 34px rgba(57,203,215,.65);animation:signalBlink 1.8s ease-in-out infinite}
.sd-1{left:4%;top:24%;animation-delay:.1s}.sd-2{left:12%;bottom:17%;animation-delay:.7s}.sd-3{right:8%;top:18%;animation-delay:1.15s}.sd-4{right:3%;bottom:25%;animation-delay:.4s}.sd-5{left:50%;top:-8px;animation-delay:1.45s}
.signal-wave{position:absolute;width:90px;height:90px;border:2px solid rgba(36,118,237,.28);border-radius:50%;animation:wavePulse 2.4s ease-out infinite}
.sw-1{left:-8px;top:8%;animation-delay:0s}.sw-2{right:0;top:34%;animation-delay:.8s}.sw-3{left:45%;bottom:-20px;animation-delay:1.4s}
.macbook{position:relative;max-width:1100px;margin-inline:auto;filter:drop-shadow(0 45px 55px rgba(22,58,107,.2))}
.macbook-screen{position:relative;padding:12px 12px 14px;border:3px solid #17283e;border-bottom-width:8px;border-radius:24px 24px 13px 13px;background:#13233a;overflow:hidden}
.macbook-screen::before{content:'';position:absolute;top:4px;left:50%;z-index:5;width:6px;height:6px;border-radius:50%;background:#45576e;transform:translateX(-50%)}
.macbook-toolbar{height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 13px;border-radius:11px 11px 0 0;background:#f6f7f9}
.mac-dots{display:flex;gap:7px}.mac-dots i{width:10px;height:10px;border-radius:50%;background:#ff6259}.mac-dots i:nth-child(2){background:#ffbd2e}.mac-dots i:nth-child(3){background:#28c840}
.mac-address{min-width:300px;padding:7px 35px;border:1px solid #e0e4e9;border-radius:8px;background:#fff;color:#8390a0;font-size:9px;text-align:center}.mac-address span{margin-right:5px;font-size:8px}
.mac-actions{justify-self:end;display:flex;gap:8px}.mac-actions i{width:15px;height:15px;border:1px solid #cdd3da;border-radius:4px}
.macbook-art{position:relative;overflow:hidden;border-radius:0 0 7px 7px;background:#eaf5ff;aspect-ratio:1600/850}
.macbook-art>img{width:100%;height:100%;object-fit:cover}
.art-status{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.85);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(32,74,124,.16);backdrop-filter:blur(10px);animation:statusFloat 4s ease-in-out infinite}
.art-status>i{width:9px;height:9px;border-radius:50%;background:#19aa72;box-shadow:0 0 0 5px rgba(25,170,114,.1);animation:signalBlink 1.5s ease-in-out infinite}
.art-status small,.art-status b{display:block;line-height:1.25}.art-status small{color:#8493a5;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.art-status b{margin-top:2px;color:#18304f;font-size:10px}.status-home{left:5%;bottom:7%}.status-bts{right:4%;top:8%;animation-delay:1.2s}
.macbook-base{position:relative;width:116%;height:24px;margin-left:-8%;border-radius:3px 3px 18px 18px;background:linear-gradient(180deg,#e8ebef,#aab2bd 62%,#7e8793);box-shadow:inset 0 1px 0 #fff}
.macbook-base::before{content:'';position:absolute;left:50%;top:0;width:135px;height:8px;border-radius:0 0 10px 10px;background:#b9c0c9;transform:translateX(-50%)}
.macbook-base span{position:absolute;left:3%;right:3%;bottom:3px;height:4px;border-radius:50%;background:rgba(255,255,255,.36)}
.macbook-shadow{width:91%;height:25px;margin:-7px auto 0;border-radius:50%;background:rgba(21,50,91,.18);filter:blur(16px)}
@keyframes signalBlink{0%,100%{opacity:.3;transform:scale(.78)}50%{opacity:1;transform:scale(1.12)}}
@keyframes wavePulse{0%{opacity:.6;transform:scale(.55)}75%,100%{opacity:0;transform:scale(1.35)}}
@keyframes statusFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:700px){.network-hero-visual{width:calc(100% - 8px);margin-top:42px;padding:15px 8px 15px;transform:translateY(34px)}.macbook-screen{padding:7px 7px 9px;border-width:2px;border-bottom-width:5px;border-radius:14px 14px 8px 8px}.macbook-toolbar{height:30px;padding-inline:8px}.mac-dots{gap:4px}.mac-dots i{width:6px;height:6px}.mac-address{min-width:155px;padding:4px 10px;font-size:6px}.mac-actions{display:none}.macbook-base{height:15px;border-radius:2px 2px 11px 11px}.macbook-base::before{width:75px;height:5px}.art-status{padding:6px 8px;gap:6px;border-radius:8px}.art-status>i{width:6px;height:6px;box-shadow:0 0 0 3px rgba(25,170,114,.1)}.art-status small{font-size:5px}.art-status b{font-size:7px}.signal-dot{width:8px;height:8px}.signal-wave{width:55px;height:55px}}
/* Corrected placement: real dashboard in hero */
.dashboard-art{aspect-ratio:1880/921;background:#eef3f8}
.dashboard-art>img{width:100%;height:100%;object-fit:contain}

/* Cartoon network atmosphere belongs to mobile section */
.mobile-section{position:relative;overflow:hidden;isolation:isolate;background:#f1f7fc}
.mobile-section::before{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(244,248,253,.9) 0%,rgba(244,248,253,.78) 45%,rgba(244,248,253,.88) 100%),url('network-cartoon.svg?v=20260714-1') center/cover no-repeat;opacity:.72}
.mobile-section::after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 18% 35%,rgba(57,203,215,.14),transparent 25%),radial-gradient(circle at 85% 24%,rgba(36,118,237,.12),transparent 26%)}
.mobile-layout{position:relative;z-index:2}
.mobile-copy{padding:38px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 24px 70px rgba(29,71,124,.1);backdrop-filter:blur(14px)}
.mobile-signal-field{position:absolute;z-index:1;inset:0;pointer-events:none}
.mobile-signal-field i{position:absolute;width:11px;height:11px;border-radius:50%;background:#39cbd7;box-shadow:0 0 0 8px rgba(57,203,215,.1),0 0 28px rgba(57,203,215,.7);animation:signalBlink 1.7s ease-in-out infinite}
.mobile-signal-field i:nth-child(1){left:7%;top:20%}.mobile-signal-field i:nth-child(2){right:12%;top:16%;animation-delay:.6s}.mobile-signal-field i:nth-child(3){right:4%;bottom:20%;animation-delay:1.1s}
.mobile-signal-field span{position:absolute;width:100px;height:100px;border:2px solid rgba(36,118,237,.25);border-radius:50%;animation:wavePulse 2.3s ease-out infinite}
.mobile-signal-field span:nth-of-type(1){left:2%;bottom:10%}.mobile-signal-field span:nth-of-type(2){right:5%;top:30%;animation-delay:.9s}

/* Replacement for the removed dark network card */
.billing-card{display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:center;border:1px solid #cfe0ef;background:linear-gradient(135deg,#eef8ff,#ecfbf8);color:var(--ink)}
.billing-card .bento-copy>span{color:var(--blue)}
.billing-card .bento-copy p{color:var(--muted)}
.billing-ui{padding:17px;border:1px solid rgba(208,224,238,.9);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 22px 50px rgba(26,71,125,.12);transform:rotate(1deg)}
.billing-head,.billing-row,.billing-summary{display:flex;align-items:center}.billing-head{justify-content:space-between;padding:5px 6px 14px;border-bottom:1px solid var(--line)}
.billing-head span{font-size:10px;font-weight:850}.billing-head b{padding:5px 8px;border-radius:6px;background:#e7f1ff;color:var(--blue);font-size:7px}
.billing-row{gap:11px;padding:13px 6px;border-bottom:1px solid #edf2f6}.billing-row>i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e8f1ff;color:var(--blue);font-size:10px;font-style:normal;font-weight:850}.billing-row>i.paid{background:#e3f7ee;color:var(--green)}
.billing-row span,.billing-row strong{display:flex;flex-direction:column}.billing-row b,.billing-row strong{font-size:9px}.billing-row small{margin-top:2px;color:#91a0b0;font-size:7px;font-weight:500}.billing-row>strong{margin-left:auto;text-align:right}.billing-row>strong small{color:var(--green)}
.billing-summary{gap:13px;margin-top:14px;padding:14px;border-radius:11px;background:linear-gradient(90deg,#2476ed,#5862ee);color:#fff}.billing-summary span{font-size:8px}.billing-summary strong{margin-left:auto;font-size:13px}.billing-summary em{padding:4px 6px;border-radius:5px;background:rgba(255,255,255,.17);font-size:7px;font-style:normal;font-weight:850}
@media(max-width:700px){.mobile-copy{padding:27px 22px}.billing-card{grid-template-columns:1fr;gap:25px}.billing-ui{transform:none}.billing-summary{flex-wrap:wrap}.billing-summary strong{margin-left:0}.dashboard-art{aspect-ratio:1880/921}}