/* Theme 02 — Realtime Traffic Network. Credible dark product website. */
.template-t02{background:#080b12;color:#f7f8fb}.template-t02 .rh-home{display:none}
.network-home{--pink:#e94ccc;--cyan:#31c8e8;--green:#34c995;--blue:#667cff;--ink:#080b12;--panel:#111622;--panel2:#151b29;--line:rgba(161,177,207,.15);--text:#f6f8fc;--muted:#8c98aa;position:relative;min-height:100vh;background:#080b12;color:var(--text);font-family:Inter,"PingFang SC",system-ui,sans-serif;overflow:hidden}.network-home *{box-sizing:border-box}.network-home a{color:inherit;text-decoration:none}.network-ambient{position:absolute;inset:0 0 auto;height:900px;pointer-events:none;background:radial-gradient(circle at 73% 22%,rgba(49,200,232,.11),transparent 27%),radial-gradient(circle at 92% 7%,rgba(233,76,204,.09),transparent 20%)}
.network-nav{position:relative;z-index:20;width:min(1280px,calc(100% - 48px));height:78px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.network-brand{display:flex;align-items:center;gap:11px;width:max-content}.network-brand img{width:35px;height:35px;filter:hue-rotate(123deg) saturate(1.2)}.network-brand>span{display:grid;gap:2px;font-size:14px;font-weight:750}.network-brand small{font-size:12px;letter-spacing:.15em;color:#626f83}.network-nav nav{display:flex;gap:28px}.network-nav nav a{font-size:13px;color:#939daf}.network-nav nav a:hover{color:#fff}.network-nav-actions{justify-self:end;display:flex;align-items:center;gap:18px}.network-nav-actions>a{font-size:13px}.network-trial{display:flex;align-items:center;gap:14px;padding:10px 15px;border:1px solid rgba(49,200,232,.25);border-radius:9px;background:rgba(49,200,232,.08);font-weight:700}.network-trial span{color:var(--cyan)}
.network-hero{position:relative;z-index:2;width:min(1280px,calc(100% - 48px));min-height:760px;margin:auto;padding:86px 0 78px;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.network-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#a3afc0;font-size:13px;font-weight:650}.network-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(52,201,149,.1),0 0 18px rgba(52,201,149,.45)}.network-copy h1{margin:0;font-size:clamp(55px,5.1vw,76px);line-height:1.06;letter-spacing:-.06em}.network-copy h1 em{font-style:normal;background:linear-gradient(90deg,#f06bd6,#52d7ee);-webkit-background-clip:text;color:transparent}.network-deck{max-width:530px;margin:28px 0 0;color:#929daf;font-size:16px;line-height:1.85}.network-actions{display:flex;gap:12px;margin-top:34px}.network-primary,.network-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:700}.network-primary{background:linear-gradient(100deg,#df42c4,#657cff);color:#fff!important;box-shadow:0 16px 38px rgba(201,66,190,.2)}.network-primary span{font-size:19px}.network-secondary{border:1px solid #293142;color:#d7dce5}.network-highlights{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 0 0;padding-top:23px;border-top:1px solid var(--line)}.network-highlights>div{padding-left:16px;border-left:1px solid var(--line)}.network-highlights>div:first-child{padding-left:0;border:0}.network-highlights dt{font-size:23px;font-weight:750}.network-highlights dt small{margin-left:2px;font-size:12px;color:var(--cyan)}.network-highlights dd{margin:6px 0 0;color:#748095;font-size:14px}
.network-product{position:relative;min-width:0;border:1px solid #262e3d;border-radius:15px;background:#0d111b;box-shadow:0 38px 90px rgba(0,0,0,.38)}.network-product>header{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid var(--line)}.network-product>header>div{display:flex;align-items:center;gap:9px}.network-window-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#172033}.network-window-logo img{width:19px;height:19px}.network-product>header b{font-size:14px}.network-product>header>div:last-child span{padding:6px 8px;border-radius:6px;background:#151c29;color:#8793a5;font-size:12px}.network-product>header>div:last-child i{width:6px;height:6px;border-radius:50%;background:var(--green)}.network-product>header>div:last-child b{font-size:12px;color:#8e99aa;font-weight:500}.network-product-body{display:grid;grid-template-columns:1fr 215px;min-height:470px}.network-map{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(53,79,115,.16),transparent 60%)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,143,172,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,143,172,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(#000,transparent 75%)}.network-map>svg{position:absolute;inset:8% 5%;width:90%;height:82%}.network-map>svg path{fill:none;stroke:#344660;stroke-width:2;stroke-dasharray:4 6}.map-node{position:absolute;z-index:3;display:flex;align-items:center;gap:6px;transform:translate(-50%,-50%);color:#77869b;font-size:12px}.map-node i{width:8px;height:8px;border:2px solid #0d111b;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 1px rgba(49,200,232,.65),0 0 13px rgba(49,200,232,.5)}.map-node.pink i{background:var(--pink);box-shadow:0 0 0 1px rgba(233,76,204,.65),0 0 13px rgba(233,76,204,.48)}.map-node.green i{background:var(--green);box-shadow:0 0 0 1px rgba(52,201,149,.65),0 0 13px rgba(52,201,149,.48)}.map-pulse{position:absolute;z-index:2;left:50%;top:50%;width:132px;height:132px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border:1px solid rgba(49,200,232,.28);border-radius:50%;background:rgba(17,27,42,.7);box-shadow:0 0 0 25px rgba(49,200,232,.025),0 0 0 52px rgba(49,200,232,.015)}.map-pulse>i{position:absolute;inset:14px;border:1px solid rgba(49,200,232,.16);border-radius:50%}.map-pulse>i:nth-child(2){inset:-22px;border-style:dashed}.map-pulse b{font-size:25px}.map-pulse span{margin-top:3px;color:#7d899d;font-size:12px}.map-legend{position:absolute;left:15px;bottom:14px;display:flex;gap:12px}.map-legend span{display:flex;align-items:center;gap:5px;color:#657287;font-size:12px}.map-legend i{width:5px;height:5px;border-radius:50%;background:var(--pink)}.map-legend span:nth-child(2) i{background:var(--cyan)}.map-legend span:nth-child(3) i{background:var(--green)}
.network-inspector{padding:16px;background:#111622}.network-inspector>header{display:flex;justify-content:space-between}.network-inspector>header span{font-size:13px;font-weight:700}.network-inspector>header b{padding:4px 6px;border-radius:4px;background:rgba(52,201,149,.1);color:var(--green);font-size:12px}.inspector-score{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#151b29}.inspector-score>span,.inspector-events>span{display:block;color:#7e8b9e;font-size:12px}.inspector-score strong{display:block;margin:10px 0 8px;font-size:31px}.inspector-score>i{display:block;height:5px;border-radius:99px;background:#202a3b}.inspector-score>i b{display:block;width:92%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--cyan))}.inspector-score small{display:block;margin-top:8px;color:#697589;font-size:12px}.inspector-events{margin-top:18px}.inspector-events ol{list-style:none;margin:8px 0 0;padding:0}.inspector-events li{display:grid;grid-template-columns:7px 1fr auto;gap:7px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.inspector-events li>i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.inspector-events li>i.pink{background:var(--pink)}.inspector-events li>i.green{background:var(--green)}.inspector-events li div{display:grid;gap:3px}.inspector-events li b{font-size:12px}.inspector-events li small{color:#657287;font-size:12px}.inspector-events li em{font-style:normal;color:#63d8ee;font-size:12px}.network-product>footer{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-top:1px solid var(--line);color:#687589;font-size:12px}.network-notice{position:absolute;right:-18px;bottom:-31px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #2d3748;border-radius:10px;background:#171e2b;box-shadow:0 18px 36px rgba(0,0,0,.28)}.network-notice>i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(52,201,149,.12);color:var(--green);font-style:normal}.network-notice div{display:grid;gap:3px}.network-notice b{font-size:12px}.network-notice span{color:#778398;font-size:12px}.network-notice button{padding:7px 9px;border:0;border-radius:6px;background:#667cff;color:#fff;font-size:12px}
.network-trust{min-height:118px;padding:0 max(24px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:220px 1fr;align-items:center;gap:50px;border-block:1px solid var(--line);background:#0b0f17}.network-trust>span{color:#8792a5;font-size:12px}.network-trust>div{display:grid;grid-template-columns:repeat(4,1fr)}.network-trust b{font-size:20px}.network-trust b small{display:block;margin-top:5px;color:#657186;font-size:12px;font-weight:500}
.network-capabilities{width:min(1280px,calc(100% - 48px));margin:auto;padding:120px 0}.network-section-head{display:grid;grid-template-columns:1fr .6fr;gap:80px;align-items:end;margin-bottom:52px}.network-section-head span,.response-copy>span,.network-case>header>span,.network-final>div>span{color:var(--cyan);font-size:12px;font-weight:700}.network-section-head h2,.network-response h2,.network-case h2,.network-final h2{margin:14px 0 0;font-size:clamp(42px,4.5vw,60px);line-height:1.08;letter-spacing:-.045em}.network-section-head>p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}.network-bento{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.network-bento article{position:relative;padding:25px;border:1px solid var(--line);border-radius:14px;background:#111622;overflow:hidden}.signal-card{grid-row:1/3;min-height:600px}.predict-card,.route-card{min-height:292px}.network-card-title{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center}.network-card-title>i{position:relative;width:48px;height:48px;border:1px solid #293449;border-radius:11px;background:#171e2d}.network-card-title>i::before,.network-card-title>i::after,.network-card-title>i b{content:"";position:absolute}.signal-icon::before{left:9px;right:9px;top:23px;height:2px;background:linear-gradient(90deg,var(--pink),var(--cyan));transform:rotate(-12deg)}.signal-icon::after{left:9px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:21px 2px 0 var(--cyan)}.predict-icon::before{inset:9px;border:2px solid var(--cyan);border-radius:50%;border-left-color:transparent}.predict-icon::after{left:21px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--pink)}.route-icon::before{left:9px;top:13px;width:27px;height:20px;border:2px solid var(--blue);border-top:0;border-right:0;transform:skewX(-24deg)}.route-icon::after{right:9px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--green)}.network-card-title span{color:#748196;font-size:12px}.network-card-title h3{margin:5px 0 0;font-size:18px}.network-card-title>small{align-self:start;color:#5d6879;font-size:12px}.signal-board{height:350px;margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:11px;background:#0d121c}.signal-board>header{display:flex;justify-content:space-between;color:#778397;font-size:12px}.signal-board>header>div{display:flex;align-items:center;gap:5px;font-size:12px}.signal-board header i{width:6px;height:6px;border-radius:50%;background:var(--pink)}.signal-board header i:nth-child(2){margin-left:7px;background:var(--cyan)}.signal-lines{position:relative;height:265px;margin-top:22px;background-image:linear-gradient(rgba(126,146,178,.08) 1px,transparent 1px);background-size:100% 52px}.signal-lines svg{position:absolute;inset:0;width:100%;height:100%}.signal-lines svg path{fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round}.signal-lines svg path:last-child{stroke:var(--cyan);stroke-width:2}.signal-lines>i{position:absolute;z-index:3;left:var(--x);top:var(--y);width:8px;height:8px;border:2px solid #0d121c;border-radius:50%;background:var(--pink);box-shadow:0 0 0 1px rgba(233,76,204,.4)}.signal-card>footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;color:#7f8b9d;font-size:13px}.signal-card>footer b{color:var(--pink)}.signal-card>footer a,.predict-card>a,.route-card>a{color:var(--cyan);font-size:13px}.predict-ring{position:absolute;right:-30px;top:93px;width:175px;height:175px;display:grid;place-content:center;text-align:center;border:1px solid rgba(49,200,232,.18);border-radius:50%}.predict-ring::before,.predict-ring i{content:"";position:absolute;border:1px solid rgba(49,200,232,.13);border-radius:50%}.predict-ring::before{inset:20px}.predict-ring i:nth-child(1){inset:41px}.predict-ring i:nth-child(2){inset:-1px;border-color:var(--pink) transparent transparent transparent;transform:rotate(43deg)}.predict-ring strong{font-size:28px}.predict-ring strong small{font-size:12px;color:var(--pink)}.predict-ring span{margin-top:4px;color:#778498;font-size:12px}.predict-card>p{max-width:55%;margin:29px 0 24px;color:#8994a6;font-size:12px;line-height:1.7}.route-list{display:grid;gap:13px;margin:25px 0 19px}.route-list>div{display:grid;grid-template-columns:1fr auto;gap:6px}.route-list span{font-size:12px;color:#8994a6}.route-list i{grid-column:1/3;height:4px;border-radius:99px;background:#202939}.route-list i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--cyan))}.route-list em{font-style:normal;color:#64d8ed;font-size:12px}
.network-response{padding:115px max(24px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:center;border-block:1px solid var(--line);background:#0c1018}.response-copy>p{max-width:440px;margin:24px 0 0;color:#8d98a9;font-size:14px;line-height:1.8}.response-copy>a{display:flex;justify-content:space-between;width:190px;margin-top:30px;padding:13px 15px;border-radius:9px;background:#171e2b;color:#fff;font-size:14px}.network-response ol{list-style:none;margin:0;padding:0}.network-response li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;min-height:92px;border-bottom:1px solid var(--line)}.network-response li:first-child{border-top:1px solid var(--line)}.network-response li>b{font-size:14px;color:#627086}.network-response li div{display:grid;gap:6px}.network-response li span{font-size:17px;font-weight:700}.network-response li small{color:#7d899b;font-size:14px}.network-response li em{font-style:normal;color:var(--cyan);font-size:12px}
.network-case{width:min(1280px,calc(100% - 48px));margin:auto;padding:120px 0}.network-case>header{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:48px}.network-case>header span{align-self:start}.network-case>header h2{grid-column:2}.network-case-body{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.network-case blockquote{margin:0;padding:38px;border:1px solid var(--line);border-radius:14px;background:#111622}.network-case blockquote>p{margin:0;font-size:18px;line-height:1.8;color:#d8dde6}.network-case blockquote footer{display:grid;gap:5px;margin-top:35px}.network-case blockquote b{font-size:14px}.network-case blockquote span{color:#69768a;font-size:12px}.network-case dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;background:#111622;overflow:hidden}.network-case dl>div{display:flex;flex-direction:column;justify-content:center;padding:28px;border-right:1px solid var(--line)}.network-case dl>div:last-child{border:0}.network-case dt{font-size:31px;font-weight:750;background:linear-gradient(90deg,var(--pink),var(--cyan));-webkit-background-clip:text;color:transparent}.network-case dd{margin:9px 0 0;color:#7f8b9d;font-size:13px}
.network-final{width:min(1280px,calc(100% - 48px));min-height:390px;margin:0 auto 80px;padding:64px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(49,200,232,.2);border-radius:16px;background:radial-gradient(circle at 80% 50%,rgba(49,200,232,.11),transparent 28%),radial-gradient(circle at 65% 80%,rgba(233,76,204,.09),transparent 30%),#111622}.network-final h2{font-size:52px}.network-final>div:last-child{display:flex;gap:12px}.network-footer{width:min(1280px,calc(100% - 48px));min-height:100px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);color:#6e7a8d;font-size:13px}.network-footer>div{display:flex;align-items:center;gap:9px;color:#eef1f6}.network-footer img{width:27px;filter:hue-rotate(120deg)}.network-footer p{margin:0}.network-footer>span{justify-self:end}
@media(max-width:1080px){.network-nav nav{display:none}.network-hero{grid-template-columns:1fr}.network-copy{max-width:760px}.network-product{max-width:850px}.network-section-head,.network-response{grid-template-columns:1fr}.network-bento{grid-template-columns:1fr}.signal-card{grid-row:auto}.network-case>header,.network-case-body{grid-template-columns:1fr}.network-case>header h2{grid-column:auto}.network-final{align-items:flex-start;flex-direction:column;gap:34px}}
@media(max-width:980px){.template-t02{padding-top:64px}.template-t02 .template-mobile-header{background:#0b0f17;border-color:var(--line);color:#fff}.template-t02 .template-mobile-brand,.template-t02 .template-mobile-brand span{color:#fff}.template-t02 .template-menu-toggle{border-color:#283143;background:#151b27}.template-t02 .template-menu-toggle span{background:#fff}.network-nav{display:none}.network-hero{width:100%;min-height:auto;padding:54px 16px 72px;grid-template-columns:1fr;gap:44px}.network-copy h1{font-size:clamp(45px,12.5vw,58px)}.network-deck{font-size:15px;line-height:1.75}.network-actions{align-items:stretch;flex-direction:column}.network-primary,.network-secondary{width:100%}.network-highlights dt{font-size:19px}.network-highlights dd{font-size:12px}.network-product{border-radius:13px}.network-product-body{grid-template-columns:1fr}.network-map{height:430px;border-right:0;border-bottom:1px solid var(--line)}.network-inspector{display:none}.network-product>footer{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:7px;padding:13px}.network-product>footer span:last-child{grid-column:1/3}.network-notice{left:10px;right:10px;bottom:-45px}.network-notice button{margin-left:auto}.network-trust{padding:30px 16px;grid-template-columns:1fr;gap:22px}.network-trust>div{grid-template-columns:1fr 1fr;gap:25px}.network-trust b{font-size:18px}
  .network-capabilities{width:100%;padding:90px 16px}.network-section-head{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.network-section-head h2,.network-response h2,.network-case h2,.network-final h2{font-size:40px}.network-section-head>p{font-size:14px}.network-bento{grid-template-columns:1fr}.network-bento article{padding:20px}.signal-card{min-height:530px}.signal-board{height:285px;padding:13px}.signal-lines{height:205px}.signal-card>footer{align-items:flex-start;flex-direction:column;gap:10px}.predict-card,.route-card{min-height:330px}.predict-card>p{max-width:54%;font-size:14px}.predict-ring{right:-45px}.network-card-title{grid-template-columns:46px 1fr auto;gap:10px}.network-card-title>i{width:44px;height:44px}.network-card-title h3{font-size:15px}
  .network-response{padding:90px 16px;grid-template-columns:1fr;gap:45px}.network-response li{grid-template-columns:42px 1fr auto}.network-case{width:100%;padding:90px 16px}.network-case>header{grid-template-columns:1fr;gap:14px}.network-case>header h2{grid-column:auto}.network-case-body{grid-template-columns:1fr}.network-case blockquote{padding:26px}.network-case blockquote>p{font-size:16px}.network-case dl{grid-template-columns:1fr}.network-case dl>div{border-right:0;border-bottom:1px solid var(--line)}.network-case dl>div:last-child{border:0}.network-final{width:calc(100% - 32px);min-height:430px;margin-bottom:60px;padding:38px 22px}.network-final>div:last-child{width:100%;align-items:stretch;flex-direction:column}.network-footer{width:calc(100% - 32px);grid-template-columns:1fr;gap:12px;padding:28px 0}.network-footer p{display:none}.network-footer>span{justify-self:start}
}