@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#080b0a;--paper:#f4f5f0;--mint:#b8ff63;--cyan:#62e7ff;--coral:#ff7868;--muted:#a5ada8;--line:#ffffff21;color:#101311;background:var(--paper);font-synthesis:none;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1180px,100% - 48px);margin:0 auto}.dark-section{color:#f6f8f4;background:var(--ink)}.logo{letter-spacing:-1px;align-items:center;gap:9px;font-size:22px;font-weight:800;display:inline-flex}.logo-mark{color:#07100b;background:linear-gradient(135deg,var(--cyan),var(--mint));border-radius:8px 4px;place-items:center;width:28px;height:28px;font-size:21px;font-style:italic;display:grid;transform:skew(-7deg)}.button{color:#09100a;background:var(--mint);border:1px solid var(--mint);border-radius:5px;justify-content:center;align-items:center;gap:18px;min-height:58px;padding:0 24px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 12px 36px #b8ff6333}.button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px}.button-small{gap:10px;min-height:44px;padding:0 18px;font-size:13px}.header{z-index:10;border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;width:min(1380px,100% - 64px);height:86px;margin:0 auto;display:flex;position:relative}.header nav{color:#bec5c0;align-items:center;gap:38px;font-size:14px;display:flex}.header nav a:hover,.login:hover{color:#fff}.header-actions{align-items:center;gap:26px;display:flex}.login{color:#bec5c0;font-size:14px}.menu-button{display:none}.hero{min-height:900px;position:relative;overflow:hidden}.hero-grid,.cta-grid{opacity:.32;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.orb{pointer-events:none;border:1px solid #62e7ff6b;border-radius:50%;position:absolute}.orb-one{width:850px;height:850px;top:90px;right:-270px;box-shadow:0 0 30px #62e7ff14}.orb-two{border-color:#b8ff6345;width:610px;height:610px;top:210px;right:-150px}.hero-inner{z-index:2;grid-template-columns:minmax(420px,.86fr) minmax(600px,1.14fr);align-items:center;gap:48px;width:min(1380px,100% - 64px);min-height:720px;margin:0 auto;padding:70px 0 50px;display:grid;position:relative}.hero-copy{padding-bottom:28px}.hero h1,.route-section h2,.rules-copy h2,.analytics-head h2,.cta-layout h2{letter-spacing:-4px;margin:0;font-size:clamp(54px,5.15vw,82px);font-weight:700;line-height:.98}.hero h1 em{color:var(--mint);font-style:normal}.hero-copy>p{color:#aeb7b1;max-width:620px;margin:30px 0 34px;font-size:18px;line-height:1.65}.hero-actions{align-items:center;gap:24px;display:flex}.text-button{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.play{border:1px solid #4f5a54;border-radius:50%;place-items:center;width:44px;height:44px;padding-left:2px;font-size:11px;display:grid}.hero-points{color:#adb5b0;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:58px;font-size:11px;line-height:1.35;display:grid}.hero-points span{align-items:flex-start;gap:8px;display:flex}.hero-points i{color:var(--cyan);font-size:17px;font-style:normal}.dashboard-shell{color:#e9efeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d0be0;border:1px solid #3a4540;border-radius:15px;width:100%;position:relative;overflow:hidden;box-shadow:0 50px 100px #00000073}.dashboard-top{border-bottom:1px solid var(--line);align-items:center;gap:20px;height:70px;padding:0 22px;display:flex}.dashboard-top .logo{font-size:16px}.dashboard-top .logo-mark{border-radius:5px;width:20px;height:20px;font-size:14px}.site-select{background:#171c1a;border-radius:6px;margin-left:20px;padding:10px 13px;font-size:12px}.site-select span{color:#97a09b;margin-left:12px}.live-dot{color:#cbd2ce;margin-left:auto;font-size:11px}.live-dot:before{content:"";background:var(--mint);width:7px;height:7px;box-shadow:0 0 10px var(--mint);border-radius:50%;margin-right:8px;display:inline-block}.dashboard-body{grid-template-columns:128px 1fr;min-height:500px;display:grid}.dash-nav{border-right:1px solid var(--line);flex-direction:column;gap:8px;padding:20px 12px;display:flex}.dash-nav span{color:#8e9892;border-radius:5px;align-items:center;gap:8px;padding:10px;font-size:11px;display:flex}.dash-nav span.active{color:#fff;background:#1c2320}.dash-nav i{width:16px;color:var(--cyan);font-size:14px;font-style:normal}.dash-content{min-width:0;padding:23px}.dash-heading{justify-content:space-between;align-items:flex-end;display:flex}.dash-heading small,.panel-title small{color:#8f9993;font-size:10px}.dash-heading h3{margin:3px 0 0;font-size:20px}.periods{border:1px solid var(--line);border-radius:6px;padding:3px;display:flex}.periods button{color:#87918b;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:10px}.periods button.selected{color:#fff;background:#202724}.legend{color:#8f9993;justify-content:flex-end;gap:18px;margin:16px 0 4px;font-size:9px;display:flex}.legend i,.split-legend i{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.human-key{background:var(--cyan)}.bot-key{background:var(--mint)}.blocked-key{background:var(--coral)}.chart{height:190px;position:relative;overflow:hidden}.chart-grid{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:20% 25%;position:absolute;inset:0}.chart svg{width:100%;height:calc(100% - 20px);position:relative;overflow:visible}.chart path:not(.area){fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.human-line{stroke:var(--cyan)}.bot-line{stroke:var(--mint);stroke-dasharray:5 5}.chart-axis{color:#68736d;justify-content:space-between;font-size:8px;display:flex}.metric-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.donut-card,.blocked-card{border:1px solid var(--line);border-radius:8px;min-height:108px;padding:15px}.donut-card{align-items:center;gap:15px;display:flex}.donut,.big-donut{background:conic-gradient(var(--mint) 0 22%, var(--cyan) 22% 100%);border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid;position:relative}.donut:after,.big-donut:after{content:"";background:#0d1210;border-radius:50%;position:absolute;inset:10px}.donut>span,.big-donut>span{z-index:1;font-size:17px;font-weight:700;position:relative}.donut span small,.big-donut span small{font-size:9px}.donut-card>div:last-child,.blocked-card{flex-direction:column;display:flex}.donut-card small,.blocked-card small{color:#8d9791;font-size:9px}.donut-card strong{margin:5px 0 2px;font-size:17px}.donut-card>div:last-child>span,.blocked-card>span{color:#829089;font-size:8px}.blocked-card{position:relative}.blocked-card strong{margin:4px 0;font-size:22px}.blocked-card>span{color:var(--mint)}.bars{align-items:flex-end;gap:3px;width:44%;height:35px;display:flex;position:absolute;bottom:13px;right:14px}.bars i{background:var(--mint);opacity:.75;flex:1;min-height:3px}.scroll-label{z-index:2;color:#758078;text-transform:uppercase;letter-spacing:1.2px;align-items:center;gap:14px;font-size:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-label span{color:var(--mint);font-size:18px}.route-section{padding:130px 0 110px;position:relative;overflow:hidden}.route-head{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;display:grid}.route-section h2,.rules-copy h2,.analytics-head h2,.cta-layout h2{color:#101311;font-size:clamp(46px,4.5vw,68px)}.route-head p,.analytics-head p{color:#67706b;max-width:480px;margin:0;font-size:17px;line-height:1.7}.route-flow{grid-template-columns:1fr .8fr 1.25fr .8fr 1fr;align-items:center;margin-top:100px;display:grid}.flow-node{background:#ffffff8a;border:1px solid #d4d8d4;border-radius:14px;align-items:center;gap:14px;min-height:106px;padding:20px;display:flex}.flow-node strong,.flow-node small{display:block}.flow-node strong{font-size:16px}.flow-node small{color:#818984;margin-top:6px;font-size:11px}.node-icon{color:#128b7d;background:#dff5ed;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.fraudly-node{color:#fff;background:var(--ink);border-color:var(--ink);flex-direction:column;justify-content:center;box-shadow:0 15px 40px #080b0a21}.fraudly-node small{color:#979f9a}.flow-line{background:var(--cyan);height:2px;position:relative}.flow-line:after{content:"";border-top:2px solid #1dbfd3;border-right:2px solid #1dbfd3;width:8px;height:8px;position:absolute;top:-4px;right:-2px;transform:rotate(45deg)}.packet{color:#6f7a74;font-size:9px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.signal-row{grid-template-columns:repeat(3,1fr);gap:16px;width:min(820px,100% - 48px);margin-top:38px;display:grid}.signal-row>span{background:#fff;border:1px solid #d4d8d4;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:15px 18px;display:grid}.signal-row b{color:#13b6ca;grid-row:span 2;font-size:23px}.signal-row strong{font-size:12px}.signal-row small{color:#8b938e;font-size:9px}.rules-section{padding:125px 0;position:relative;overflow:hidden}.route-glow{border:7px solid var(--mint);border-radius:140px;width:700px;height:280px;position:absolute;top:-205px;left:-300px;box-shadow:0 0 36px #b8ff632e}.rules-layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px;display:grid}.rules-copy h2,.cta-layout h2{color:#fff}.rules-copy>p{color:#9ca69f;max-width:430px;margin:26px 0 35px;font-size:16px;line-height:1.7}.mode-box{border:1px solid var(--line);border-radius:9px;align-items:center;gap:13px;width:max-content;max-width:100%;padding:14px 18px;display:flex}.mode-box strong,.mode-box small{display:block}.mode-box strong{font-size:12px}.mode-box small{color:#858f89;margin-top:4px;font-size:9px}.pulse{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 0 7px #62e7ff1a,0 0 16px var(--cyan);border-radius:50%}.rules-panel{background:#0c100e;border:1px solid #334039;border-radius:13px;overflow:hidden}.rule{border-bottom:1px solid #27312c;grid-template-columns:42px 1fr auto 72px 1.6fr;align-items:center;gap:14px;min-height:88px;padding:16px 20px;display:grid}.rule-icon{border:1px solid var(--cyan);width:38px;height:38px;color:var(--cyan);border-radius:9px;place-items:center;font-size:21px;display:grid}.rule-icon.ip{color:var(--mint);border-color:var(--mint)}.rule-name strong,.rule-name span{display:block}.rule-name strong{font-size:13px}.rule-name span{color:#728078;margin-top:5px;font-size:9px}.switch{background:#454b48;border:0;border-radius:20px;width:48px;height:26px;padding:0;transition:all .2s;position:relative}.switch span{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.switch.on{background:var(--mint)}.switch.on span{left:25px}.rule-status{color:#7c857f;font-size:9px}.rule-status.on{color:var(--mint)}.rule p{color:#a0aaa4;margin:0;font-size:10px;line-height:1.45}.instant-note{color:#8f9993;align-items:center;gap:10px;padding:17px 20px;font-size:10px;display:flex}.instant-note span{border:1px solid var(--cyan);width:23px;height:23px;color:var(--cyan);border-radius:50%;place-items:center;font-weight:700;display:grid}.analytics-section{padding:130px 0 80px}.analytics-head{grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;margin-bottom:65px;display:grid}.analytics-board{background:#fff;border:1px solid #dde0dc;border-radius:15px;overflow:hidden;box-shadow:0 24px 80px #161d1914}.analytics-top{grid-template-columns:1fr 290px;display:grid}.traffic-panel{border-right:1px solid #e4e6e3;padding:25px 26px 16px}.panel-title{justify-content:space-between;align-items:flex-start;display:flex}.panel-title strong,.panel-title small{display:block}.panel-title strong{margin-top:6px;font-size:20px}.panel-title>span{color:#6d746f;border:1px solid #dfe2de;border-radius:5px;padding:8px 10px;font-size:9px}.chart-large{height:230px;margin-top:20px}.chart-large .chart-grid{background-image:linear-gradient(#ecefeb 1px,#0000 1px),linear-gradient(90deg,#ecefeb 1px,#0000 1px)}.chart-large .chart-axis{color:#9aa19d}.split-panel{padding:26px}.split-panel>small{font-size:11px;font-weight:700}.big-donut{background:conic-gradient(var(--coral) 0 22%, #55c9a0 22% 100%);width:130px;height:130px;margin:32px auto 24px}.big-donut:after{background:#fff;inset:19px}.big-donut>span{color:#18201b;font-size:28px}.split-legend{flex-direction:column;gap:12px;display:flex}.split-legend span{color:#717a74;align-items:center;font-size:10px;display:flex}.split-legend b{color:#161b18;margin-left:auto}.request-table{border-top:1px solid #e4e6e3}.request-row{border-bottom:1px solid #e8eae7;grid-template-columns:.65fr 1fr .8fr 1fr 1.8fr;align-items:center;min-height:48px;padding:0 26px;font-size:10px;display:grid}.request-row:last-child{border-bottom:0}.request-header{color:#87908a;background:#f9faf8;min-height:38px;font-size:9px}.human-type{color:#1b9c74}.bot-type{color:#e55f52}.allowed,.blocked{border-radius:4px;padding:5px 8px;font-size:9px;font-weight:500}.allowed{color:#187956;background:#e2f5ec}.blocked{color:#d95042;background:#fff0ed}.steps-section{padding:30px 0 110px}.steps{border-top:1px solid #cfd4cf;grid-template-columns:repeat(3,1fr);display:grid}.steps>div{padding:30px 45px 0 0;position:relative}.steps span{color:#1da8b8;font-size:10px}.steps h3{margin:16px 0 10px;font-size:18px}.steps p{color:#737b76;margin:0;font-size:12px;line-height:1.55}.steps>div:not(:last-child):after{content:"→";color:#b4bab6;font-size:20px;position:absolute;top:58px;right:30px}.cta-section{padding:110px 0;position:relative;overflow:hidden}.cta-grid{-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.cta-layout{grid-template-columns:1.05fr .95fr;align-items:center;gap:100px;display:grid;position:relative}.cta-layout p{color:#9da7a0;max-width:550px;margin:25px 0 0;line-height:1.6}.audit-form{background:#0f1411eb;border:1px solid #334039;border-radius:13px;padding:28px}.audit-form label{color:#c8cfca;margin-bottom:10px;font-size:11px;display:block}.input-row{grid-template-columns:1fr auto;gap:8px;display:grid}.audit-form input{color:#fff;background:#070a08;border:1px solid #3c4641;border-radius:5px;outline:none;min-width:0;padding:0 16px}.audit-form input:focus{border-color:var(--cyan)}.audit-form>p{color:#758079;margin:12px 0 0;font-size:9px}.success{align-items:center;gap:14px;display:flex}.success>span{color:#0b120c;background:var(--mint);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.success strong{font-size:13px}.success p{color:#8f9993;margin:5px 0 0;font-size:9px}.success button{color:var(--cyan);background:0 0;border:0;margin-left:auto;font-size:10px}footer{color:#a1aaa4;background:#050706;border-top:1px solid #202522;padding:45px 0}.footer-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:50px;display:grid}.footer-inner .logo{color:#fff}.footer-inner p{font-size:11px}.footer-inner div{gap:24px;font-size:10px;display:flex}.footer-inner>span{color:#5f6862;grid-column:3;font-size:9px}@media (width<=1100px){.header nav{gap:20px}.hero-inner{grid-template-columns:1fr;padding-top:100px}.hero{min-height:auto;padding-bottom:100px}.hero-copy{max-width:800px}.dashboard-shell{width:min(780px,100%)}.scroll-label{display:none}.route-head,.analytics-head{grid-template-columns:1fr;gap:25px}.route-flow{grid-template-columns:1fr;gap:18px}.flow-line{width:2px;height:38px;margin:auto}.flow-line:after{top:auto;bottom:-2px;right:-4px;transform:rotate(135deg)}.packet{top:10px;left:14px}.signal-row{width:min(600px,100% - 48px)}.rules-layout{grid-template-columns:1fr;gap:60px}.rules-copy{max-width:650px}.cta-layout{grid-template-columns:1fr;gap:50px}.footer-inner{grid-template-columns:auto 1fr}.footer-inner div{grid-column:1/-1}.footer-inner>span{grid-area:1/2;justify-self:end}}@media (width<=760px){.container,.hero-inner,.header{width:min(100% - 32px,1180px)}.header{height:72px}.header-actions .login,.header-actions .button{display:none}.menu-button{z-index:2;background:0 0;border:1px solid #303934;border-radius:5px;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;display:flex}.menu-button span{background:#fff;width:18px;height:1px;margin:auto}.menu-button span+span{margin-top:-13px}.header nav{background:#121714;border:1px solid #313a35;border-radius:8px;flex-direction:column;align-items:flex-start;width:220px;padding:22px;display:none;position:absolute;top:62px;right:0}.header nav.open{display:flex}.hero-inner{padding:72px 0 30px;display:block}.hero h1{letter-spacing:-2.8px;font-size:48px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.text-button{justify-content:center}.hero-points{grid-template-columns:1fr;margin-top:38px}.dashboard-shell{margin-top:65px}.dashboard-body{grid-template-columns:1fr}.dash-nav{display:none}.dash-content{padding:16px}.dashboard-top .site-select{display:none}.metric-row{grid-template-columns:1fr}.blocked-card{display:none}.route-section,.rules-section,.analytics-section{padding:85px 0}.route-section h2,.rules-copy h2,.analytics-head h2,.cta-layout h2{letter-spacing:-2.5px;font-size:42px}.route-flow{margin-top:60px}.signal-row{grid-template-columns:1fr}.rule{grid-template-columns:38px 1fr auto;gap:10px}.rule-status{display:none}.rule p{grid-column:2/-1}.analytics-top{grid-template-columns:1fr}.traffic-panel{border-right:0;padding:20px 16px 10px}.split-panel{display:none}.request-row{grid-template-columns:.65fr 1fr 1fr;padding:0 14px}.request-row span:nth-child(3),.request-row span:nth-child(4){display:none}.request-row span:nth-child(5){text-align:right}.steps{grid-template-columns:1fr}.steps>div{padding-bottom:30px;padding-right:0}.steps>div:not(:last-child):after{content:"↓";top:50px;right:0}.cta-section{padding:80px 0}.cta-layout{gap:38px}.input-row{grid-template-columns:1fr}.audit-form input{min-height:52px}.footer-inner{grid-template-columns:1fr;gap:25px}.footer-inner div{flex-direction:column;grid-column:1}.footer-inner>span{grid-area:auto/1;justify-self:start}}@media (prefers-reduced-motion:no-preference){.packet{animation:3s ease-in-out infinite packet}.pulse{animation:2s ease-in-out infinite pulse}@keyframes packet{0%,to{opacity:.3;transform:translate(-80%)}50%{opacity:1;transform:translate(10%)}}@keyframes pulse{50%{box-shadow:0 0 0 10px #62e7ff00,0 0 18px var(--cyan)}}}