.hero-scene{background:radial-gradient(ellipse at 80% 40%,#cceff0,transparent 60%),#f6fcfc}
.hero-art,.rules-art,.platforms-art,.mobile-product-art{background-image:none!important;mask-image:none!important;-webkit-mask-image:none!important;clip-path:none!important;border:0;overflow:visible;box-shadow:none}
.hero-floor{display:none}
.hero-art{left:45%;top:5.8rem;right:2.5rem;bottom:2rem;inset-inline-start:45%;z-index:1}
.hero-copy{position:relative;z-index:2;width:35%}
.hero-description{max-width:100%}
.rules-art{left:46%;right:3rem;top:4rem;bottom:4rem}
.platforms-art{left:48%;right:4rem;top:1rem;bottom:1rem}
.people-art{overflow:visible}
.people-scene-img{position:absolute;display:block;inset:auto 0 0 auto;width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 18px 30px #001b2830)}
.rules-art.people-art{display:none}
.platforms-art.people-art{left:45%;right:1rem;top:0;bottom:0}
.platforms-art .people-scene-img{inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;filter:drop-shadow(0 18px 34px #02768122)}
.rules{height:auto;min-height:0;padding:3.4rem clamp(2rem,5vw,5rem) 3.8rem}
.rules-copy{box-sizing:border-box;width:100%;max-width:none;padding:0}
.rules h2{white-space:normal}
.rule-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:2rem}
.rule-row{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;min-width:0;min-height:13rem;padding:1.35rem 1.2rem;border-top:1px solid #00a1aa2b;border-left:1px solid #00a1aa2b}
.rule-row:first-child{border-left:0}
.rule-row dt{display:flex;align-items:center;gap:.85rem;font-weight:700;line-height:1.3}
.rule-row dt svg{flex:none;width:1.7rem;height:1.7rem}
.rules .section-description,.rule-row dd{color:#d8f1f4}
.rule-row dd{margin:0;line-height:1.6}
.device-scene{position:relative;width:100%;height:100%;container-type:inline-size;isolation:isolate}
.device-scene:before{content:"";position:absolute;inset:5% -4%;background:radial-gradient(ellipse,#41bec02a,transparent 70%);z-index:-1}
.net-desktop{--ui:#f4fafc;--card:#fff;--fg:#173641;--border:#dcecee;position:absolute;left:0;top:4%;width:88%;color:var(--fg);font-family:Inter,sans-serif;filter:drop-shadow(0 16px 18px #0c455922)}
.monitor-frame{padding:1.1%;border-radius:2.5cqw;background:linear-gradient(140deg,#57717c,#1a2a32 45%,#78939c);border:1px solid #9fbdc4;box-shadow:inset 0 0 0 2px #132d37}
.desktop-titlebar{display:flex;justify-content:space-between;align-items:center;border-radius:1.6cqw 1.6cqw 0 0;background:var(--ui);font-size:1.65cqw;padding:1.5% 2.5%;height:5cqw}
.desktop-titlebar>span:first-child{display:flex;align-items:center;gap:1cqw;font-weight:700}.desktop-titlebar img{height:2.6cqw;width:2cqw}.window-marks{color:#7495a0}
.desktop-ui{display:grid;grid-template-columns:22% 78%;background:var(--ui);border-radius:0 0 1.5cqw 1.5cqw;overflow:hidden;min-height:46cqw}
.preview-sidebar{padding:8% 6%;border-right:1px solid var(--border);font-size:1.65cqw}.preview-sidebar strong{display:block;font-size:2cqw;margin:0 4% 14%}.preview-sidebar>div{display:flex;align-items:center;gap:1.2cqw;padding:9% 5%;margin-bottom:3%;border-radius:.8cqw;white-space:nowrap}.preview-sidebar .selected{background:#cceff1;color:#007e88;font-weight:600}.preview-sidebar>div>span{font-size:2cqw;width:2cqw}
.preview-main{padding:4%;min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1cqw}.preview-heading b{font-size:2.5cqw;white-space:nowrap;letter-spacing:-.07cqw}.preview-heading>span{font-size:1.1cqw;padding:1cqw;border:1px solid var(--border);border-radius:.7cqw;white-space:nowrap}
.chart-legend{display:flex;gap:1.5cqw;font-size:1.3cqw;color:#7591a0;margin:2.8cqw 0 1.2cqw}.chart-legend .legend-download{color:#00a6b0}.chart-legend small{margin-left:auto}.net-chart{display:block;width:100%;height:18cqw;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:.6;fill:none}.chart-area{fill:#0cc7ce27}.chart-line{fill:none;stroke:#00b7c2;stroke-width:2;stroke-linejoin:round}.chart-upload{fill:none;stroke:#89acbd;stroke-width:1.5}.chart-times{display:flex;justify-content:space-between;font-size:1.2cqw;color:#7b969f;margin:1cqw 0 2cqw}.preview-filters{display:flex;gap:1cqw;margin-bottom:1.5cqw;font-size:1.25cqw}.preview-filters span{background:var(--card);border:1px solid var(--border);padding:.8cqw 1.5cqw;border-radius:.8cqw}.preview-filters span:first-child{background:#02b9c6;color:white;border-color:#02b9c6}
.preview-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:1.4cqw;background:var(--card);border-radius:1cqw;overflow:hidden}.preview-table th{text-align:left;font-weight:500;color:#7a95a0;font-size:1.15cqw;background:var(--ui);padding:1.2cqw .6cqw}.preview-table td{padding:1.3cqw .6cqw;border-bottom:1px solid var(--border);white-space:nowrap}.preview-table th:first-child{width:31%}.preview-table th:last-child{width:27%}.app-dot{display:inline-grid;place-items:center;width:2.5cqw;height:2.5cqw;border-radius:50%;font-style:normal;font-weight:700;color:white;margin-right:.8cqw;background:#00a4ce}.dot-c{background:conic-gradient(#e35242 0 33%,#e5bc31 0 66%,#44b37b 0)}.dot-s{background:#163346}.dot-unknown{background:#97a7ad}.preview-status{font-size:1.1cqw;font-weight:600}.allow{color:#03a77e}.limited{color:#e59720}.blocked{color:#e55564}.monitor-neck{width:17%;height:7cqw;background:linear-gradient(90deg,#839da6,#d4e3e6,#8aa4ae);margin:auto;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.monitor-base{width:46%;height:2.4cqw;margin:auto;border-radius:50%;background:linear-gradient(#e3ecee,#829aa5);box-shadow:0 1.3cqw 1.3cqw #21465224}
.net-phone{position:absolute;right:0;top:19%;width:29%;aspect-ratio:1/2.02;background:linear-gradient(145deg,#7d949d,#142d36 40%,#68838d);border:1px solid #9aafb7;border-radius:4cqw;padding:1cqw;box-shadow:0 2cqw 4cqw #153b4d30;color:#183b47;transform:rotate(4deg)}.phone-ui{position:relative;width:100%;height:100%;background:#f5fafb;border-radius:3.2cqw;overflow:hidden;padding:2cqw 1.2cqw}.phone-camera{position:absolute;z-index:3;top:1.5cqw;left:50%;width:1cqw;height:1cqw;background:#132731;border-radius:50%}.phone-status{display:flex;justify-content:space-between;font-size:1cqw;padding:0 .5cqw 2cqw}.phone-brand{display:flex;align-items:center;gap:.7cqw;font-size:1.6cqw}.phone-brand img{width:1.7cqw;height:2.3cqw}.phone-brand>span{margin-left:auto;color:#819ba4}.phone-ui h4{font-size:1.6cqw;margin:2.2cqw 0 1.2cqw}.phone-app-card{background:#fff;border:1px solid #e6eff1;border-radius:1.2cqw;padding:1.5cqw 1cqw;margin-bottom:1.4cqw}.phone-app-name{display:flex;align-items:center;gap:1cqw;font-size:1.45cqw;margin-bottom:1.8cqw}.phone-app-name i{display:grid;place-items:center;width:2.5cqw;height:2.5cqw;border-radius:.7cqw;background:#ef3238;color:white;font-style:normal;font-size:1.5cqw}.phone-app-name .messenger{background:#1686ef;border-radius:50%}.phone-rule{display:flex;align-items:center;gap:.7cqw;font-size:1.05cqw;margin:1.8cqw 0}.phone-rule>span{flex:1}.phone-rule small{font-size:.95cqw}.preview-switch{position:relative;width:2.9cqw;height:1.5cqw;border-radius:2cqw;background:#e65363;flex-shrink:0}.preview-switch:before{content:"";position:absolute;left:.2cqw;top:.2cqw;width:1.1cqw;height:1.1cqw;border-radius:50%;background:#fff}.preview-switch.on{background:#04b789}.preview-switch.on:before{left:1.6cqw}.phone-bottom{position:absolute;left:1cqw;right:1cqw;bottom:2cqw;display:flex;justify-content:space-around;gap:.5cqw;font-size:.85cqw;color:#63828f;border-top:1px solid #e0edef;padding-top:1.5cqw}.phone-bottom>span{display:flex;flex-direction:column;align-items:center;gap:.5cqw}.phone-bottom i{font-style:normal;font-size:1.8cqw}.phone-bottom>span:first-child{color:#009aa4}.phone-home{position:absolute;bottom:.6cqw;left:35%;width:30%;height:.4cqw;background:#25434e;border-radius:1cqw}
.actual-ui{grid-template-columns:15.4% 84.6%;min-height:0;background:#f5f5f5}
.actual-ui .preview-sidebar{padding:4% 3%;font-size:1.5cqw;background:#f2f2f2;border:0;overflow:hidden}
.actual-logo{display:flex;flex-direction:column;align-items:center;gap:1cqw;margin:3% 0 8%;font-size:2cqw;color:#101820}
.actual-logo>img{display:block;width:8cqw;height:8cqw;object-fit:contain}
.desktop-titlebar>span:first-child>img{width:2.6cqw;height:2.6cqw;object-fit:contain}
.phone-brand img{width:2.2cqw;height:2.2cqw;object-fit:contain}
.actual-ui .preview-sidebar>div{padding:5.4% 10%;margin:0;border-radius:0;font-size:1.45cqw}
.actual-ui .preview-sidebar .selected{background:#93c3e7;color:#172d3a;font-weight:500}
.actual-dashboard{padding:2.1%;min-width:0;display:grid;grid-template-rows:auto auto 1fr auto;gap:1.5cqw;background:#fff}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2cqw}
.metric-card{display:flex;flex-direction:column;justify-content:center;min-height:11cqw;padding:1.5cqw 2cqw;border:1px solid #d3d3d3;border-radius:1.2cqw;overflow:hidden;white-space:nowrap}
.metric-card small{font-size:1.25cqw;color:#888}.metric-card b{font-size:2.15cqw;font-weight:500;color:#111;overflow:hidden;text-overflow:ellipsis}.metric-card span{font-size:1.35cqw;color:#75808a;overflow:hidden;text-overflow:ellipsis}
.actual-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.3cqw;min-height:27cqw}.actual-panel{position:relative;border:1px solid #d3d3d3;border-radius:1.2cqw;padding:1.5cqw;min-width:0;overflow:hidden}.actual-panel>b{font-size:1.8cqw;font-weight:600}.connection-grid{display:grid;grid-template-columns:27% 73%;row-gap:.85cqw;margin:1.3cqw 0 0;font-size:1.35cqw;line-height:1.35}.connection-grid dt{color:#78828b}.connection-grid dd{margin:0;color:#15202a;overflow-wrap:anywhere}
.diagnostic-panel>button{position:absolute;right:1.3cqw;top:1cqw;border:0;border-radius:.4cqw;background:#ddd;padding:.8cqw 1.4cqw;color:#17212b;font-size:1.3cqw}.diagnostic-panel>p{font-size:1.3cqw;color:#69747d;margin:1.5cqw 0}.diagnostic-head{display:grid;grid-template-columns:9% 27% 18% 46%;color:#828990;font-size:1.1cqw;border-bottom:1px solid #ddd;padding:.8cqw 0}.diagnostic-head span{border-right:1px solid #ddd;padding-left:.8cqw}.diagnostic-empty{width:63%;height:.2cqw;background:#777;margin:1cqw 3%}
.adapters-panel{padding:1.3cqw 1.5cqw 0;min-height:23cqw}.adapters-panel>b{display:block;margin-bottom:1cqw}.adapter-table-wrap{overflow:hidden}.adapter-table{width:100%;border-collapse:collapse;table-layout:fixed;white-space:nowrap;font-size:1.3cqw}.adapter-table th{height:3.5cqw;text-align:left;color:#828990;font-weight:400;border-bottom:1px solid #d2d2d2;padding:0 .8cqw}.adapter-table td{height:3.5cqw;padding:0 .8cqw;border-bottom:1px solid #e6e6e6;overflow:hidden;text-overflow:clip;color:#15202a}.adapter-table th:nth-child(1){width:19%}.adapter-table th:nth-child(2){width:9%}.adapter-table th:nth-child(3){width:10%}.adapter-table th:nth-child(4){width:14%}.adapter-table th:nth-child(5){width:13%}.adapter-table th:nth-child(6){width:10%}.adapter-table th:nth-child(7){width:25%}.history-note{font-size:1.25cqw;color:#78828b;margin-top:-.6cqw}
.net-dark{--ui:#0d2b39;--card:#102f3e;--fg:#e3f2f6;--border:#234656}.net-dark .monitor-frame{background:linear-gradient(145deg,#47828e,#071d29)}.net-dark .preview-sidebar .selected{background:#008d9f;color:#fff}.net-dark .preview-filters span:first-child{background:#06bed0}.scene-rules .net-desktop{width:100%;top:0}.scene-rules .monitor-neck,.scene-rules .monitor-base{display:none}.scene-rules .desktop-ui{min-height:58cqw}.scene-rules .net-chart{height:24cqw}
.scene-platforms .net-desktop{width:76%;top:0}.net-laptop .monitor-neck{display:none}.net-laptop .monitor-frame{border-radius:1.7cqw}.net-laptop .monitor-base{width:116%;height:3cqw;margin-left:-8%;border-radius:.5cqw .5cqw 3cqw 3cqw;background:linear-gradient(#c9dce2,#708c98);clip-path:polygon(7% 0,93% 0,100% 75%,96% 100%,4% 100%,0 75%)}.scene-platforms .net-phone{width:22%;top:-4%;right:0}.platforms{min-height:25rem}.scene-platforms .desktop-ui{min-height:46cqw}
@media(max-width:900px){
 .hero-copy{width:100%}.mobile-product-preview{overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#c7edef,#f6fcfc);padding:18px 10px 14px}.mobile-product-art{aspect-ratio:550/480;border-radius:0}.scene-hero .net-desktop{top:5%;left:0;width:87%}.scene-hero .net-phone{top:22%;right:0;width:30%}
 .rules{padding:34px 20px}.rules-copy{max-width:none}.rule-list{grid-template-columns:1fr;gap:10px;margin-top:1.4rem}.rule-row{display:block;min-height:0;padding:16px;border:1px solid #00a1aa2b;border-radius:14px}.rule-row dt{margin-bottom:8px}.rules-art{display:none}.platforms-art{left:auto;right:auto;top:auto;bottom:auto;overflow:visible;aspect-ratio:1.6;margin-top:12px}.people-scene-img,.platforms-art .people-scene-img{inset:0;width:100%;height:100%;object-fit:contain;object-position:right bottom}.scene-platforms .net-phone{top:0}.scene-platforms .net-desktop{top:4%}
}
@media(max-width:900px){.platforms-art.people-art,.privacy-art{display:none}}
@media(max-width:900px){.actual-ui{grid-template-columns:17.6% 82.4%}.actual-ui .preview-sidebar>div{font-size:1.2cqw}.actual-logo{font-size:1.5cqw}.actual-panels{min-height:27cqw}}