*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07111d;color:#eef8ff;font:16px/1.65 system-ui,Arial,sans-serif}a{color:#58e1e6}a:focus-visible{outline:3px solid #58e1e6;outline-offset:3px}.wrap{max-width:1120px;margin:auto;padding:0 22px}.top{background:#081624f5;border-bottom:1px solid #254357;position:sticky;top:0;z-index:3}.nav{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:76px}.brand{font-weight:850;letter-spacing:.08em;font-size:21px;text-decoration:none;color:white}.mark{color:#58e1e6;font-size:29px;vertical-align:middle}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{text-decoration:none;color:#c9dae7;font-size:14px}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:92px 0 75px}.tag{color:#58e1e6;letter-spacing:.19em;font-size:12px;text-transform:uppercase;font-weight:750}h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.035em;line-height:1.12;margin:20px 0}h2{font-size:clamp(27px,3vw,38px);line-height:1.2}h3{margin:5px 0 12px}p{color:#b9cbd9}.lead{font-size:19px;max-width:680px}.buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}.btn{background:#57e2e6;border-radius:10px;padding:13px 22px;color:#06202a;text-decoration:none;font-weight:800;display:inline-block}.btn.alt{background:transparent;border:1px solid #66889b;color:#e8f4fd}.radar{max-width:410px;width:100%;aspect-ratio:1;border:1px solid #43839a88;border-radius:50%;position:relative;margin:auto;background:repeating-radial-gradient(circle,transparent 0,transparent 36px,#42cadb55 38px,transparent 40px),conic-gradient(#3cdae022,transparent 25%,#ff9d7d22 45%,transparent 70%);box-shadow:0 0 100px #39dce61e,inset 0 0 80px #39dce611;overflow:hidden}.radar:before{content:'';position:absolute;inset:0;background:conic-gradient(transparent 75%,#4de1e544);animation:scan 12s linear infinite}.radar:after{content:'';position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);height:14px;width:14px;background:#54f5dc;border-radius:50%;box-shadow:0 0 20px #54f5dc}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#ff937b;box-shadow:0 0 18px #ff937b}.one{left:25%;top:26%}.two{left:78%;top:62%}.three{left:35%;top:75%;background:#54f5dc}@keyframes scan{to{transform:rotate(360deg)}}section{padding:54px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,#122a40,#0c1b2c);border:1px solid #2b485d;border-radius:16px;padding:27px}.card p{margin-top:0}.card a{font-weight:bold}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border-left:3px solid #58e1e6;background:#101f30;padding:23px;border-radius:0 12px 12px 0}.num{color:#58e1e6;font-size:13px;font-weight:bold}.cta{border:1px solid #367787;background:linear-gradient(115deg,#10364a,#102234);border-radius:17px;padding:38px}.foot{border-top:1px solid #284357;padding:27px 0;font-size:13px;color:#9db5c7}.foot a{color:#9db5c7}.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.article{max-width:800px;padding-bottom:70px}.article h2{margin-top:46px}.note{border:1px solid #3c6c7b;border-radius:12px;background:#102c3b;padding:20px;color:#c7dce8}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;color:#000;padding:10px;z-index:10}@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:60px}.radar{max-width:290px}.cards,.steps{grid-template-columns:1fr 1fr}.nav{flex-wrap:wrap;padding:15px 0}}@media(max-width:560px){.cards,.steps{grid-template-columns:1fr}.links{gap:12px}.hero{padding-top:38px}.radar{max-width:250px}.cta{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;scroll-behavior:auto!important}}
/* v2 wide landing page, other public pages keep their existing layout */
:root{color-scheme:dark;--cyan:#31e6ed;--muted:#aec2d2;--panel:#0b2234;--line:#17475b}
body{background:radial-gradient(ellipse 65% 36% at 75% 16%,#06415266,transparent 75%),#061320}
.wrap{max-width:1504px;padding-inline:clamp(20px,4vw,76px)}
.top{background:#061726f2;backdrop-filter:blur(18px)}
.nav{min-height:74px}.links{align-items:center}.links a:hover,.foot a:hover{color:#45f3e9}
.nav-cta{background:#34e5e9!important;color:#00202b!important;padding:10px 17px;border-radius:8px;font-weight:800}
.landing-hero{display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);align-items:center;gap:12px;padding-top:70px;padding-bottom:46px;min-height:556px}
.hero-copy{position:relative;z-index:1}.landing-hero h1{font-size:clamp(39px,3.65vw,65px);max-width:790px;line-height:1.07;letter-spacing:-.047em;margin:20px 0}.landing-hero .lead{max-width:650px;font-size:clamp(16px,1.25vw,19px);line-height:1.55}
.promise-row{display:flex;gap:clamp(13px,2vw,29px);flex-wrap:wrap;margin-top:30px}.promise{display:flex;gap:10px;align-items:center;font-size:13px;color:#c8dce8}.promise strong{display:block;color:#f1faff}.promise-ic{display:grid;place-items:center;width:39px;height:39px;border:1px solid #156d80;border-radius:50%;font-size:20px;color:var(--cyan)}
.radar-stage{position:relative;width:100%;min-height:520px;isolation:isolate}.radar-stage:before{content:'';position:absolute;inset:2% 0;background-image:radial-gradient(#28bcd322 1px,transparent 1px);background-size:11px 11px;mask-image:radial-gradient(ellipse at center,#000 18%,transparent 75%)}
.big-radar{position:absolute;width:min(82%,490px);aspect-ratio:1;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #18a9ba80;background:repeating-radial-gradient(circle,transparent 0 41px,#18a8b962 42px,#18a8b962 44px,transparent 45px),linear-gradient(90deg,transparent calc(50% - 1px),#21e0db2a 50%,transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),#21e0db2a 50%,transparent calc(50% + 1px));box-shadow:0 0 80px #0fe6ea18,inset 0 0 70px #21cebd13;overflow:hidden}
.big-radar:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 5deg,transparent 0deg,#11ded32e 34deg,#48eadd60 66deg,transparent 68deg,transparent 360deg);animation:sonar 11s linear infinite}.big-radar:after{content:'';position:absolute;width:16px;height:16px;top:calc(50% - 8px);left:calc(50% - 8px);border-radius:50%;background:#4effeb;box-shadow:0 0 28px 6px #13d9d0}
.echo{position:absolute;width:11px;height:11px;border-radius:50%;background:#ff746f;box-shadow:0 0 15px #ff746f}.echo.one{top:24%;left:25%}.echo.two{top:66%;left:72%}.echo.three{top:76%;left:38%;background:#35efd9;box-shadow:0 0 16px #35efd9}.echo.four{top:33%;left:63%;background:#35efd9;box-shadow:0 0 16px #35efd9}
.floatpanel{position:absolute;z-index:2;background:#092237ed;border:1px solid #19708799;border-radius:13px;padding:14px 16px;box-shadow:0 18px 48px #0007;min-width:182px;backdrop-filter:blur(8px)}.floatpanel small{display:block;color:#c3d7e3;font-size:11px}.floatpanel strong{font-size:21px;color:white}.floatpanel em{color:#48e3c7;font-size:11px;font-style:normal}.floatpanel .risk{color:#ff817b}.floatpanel .mini{margin-top:7px;color:#30e9e0;letter-spacing:5px;font-size:14px}.panel-suspect{top:7%;left:1%}.panel-safebot{top:8%;right:0}.panel-visitor{bottom:14%;right:-1%}.panel-log{bottom:9%;left:0%;min-width:226px}.panel-log p{margin:4px 0;font-size:11px}.panel-log .risk{font-weight:750}
.demo-label{position:absolute;right:9%;bottom:0;color:#7c9ead;font-size:11px}
.home-section{padding-top:42px;padding-bottom:50px}.home-section>h2{margin-bottom:6px}.section-lead{margin-top:0;margin-bottom:24px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card{background:linear-gradient(145deg,#0b2739,#071b2b);border:1px solid #15536b;border-radius:14px;padding:22px;min-height:236px;position:relative;overflow:hidden;display:flex;flex-direction:column}.feature-card h3{font-size:17px;margin:0 0 8px}.feature-card p{font-size:13px;line-height:1.6;margin:0;color:#afc6d7}.feature-icon{width:46px;height:46px;border:1px solid #0bd3e0;border-radius:9px;display:grid;place-items:center;color:#32edee;font-size:25px;margin-bottom:16px}.feature-card a{margin-top:auto;color:#57eced;text-decoration:none;font-size:13px;font-weight:750;padding-top:15px}.feature-art{height:54px;opacity:.72;margin-top:18px;border-radius:8px;background:repeating-linear-gradient(112deg,transparent 0 10px,#0fd9db35 12px,#0fd9db15 13px,transparent 15px 24px);mask-image:linear-gradient(0deg,#000,transparent 95%)}.art-bars{background:repeating-linear-gradient(90deg,#169eae 0 9px,transparent 9px 19px);mask-image:linear-gradient(0deg,#000,transparent 95%)}.art-shield{display:grid;place-items:center;background:radial-gradient(ellipse,#0de3d02e,transparent 75%);font-size:35px;color:#21e7dc}
.problem-grid,.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mini-card{background:#0b2233;border:1px solid #19485c;border-radius:12px;padding:22px}.mini-card h3{font-size:16px}.mini-card p{font-size:13px;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process-card{padding:24px;border:1px solid #275b6d;background:linear-gradient(160deg,#10293a,#081c2b);border-radius:12px}.process-card .num{font-size:13px}.process-card h3{font-size:17px}.process-card p{font-size:13px}.mockup{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.mock-ui{border-radius:14px;border:1px solid #1d6777;background:linear-gradient(150deg,#101d32,#071524);padding:19px;box-shadow:0 20px 60px #0004}.mock-ui-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #1c4a5a;padding-bottom:10px}.mock-bars{height:115px;display:flex;gap:11px;align-items:flex-end;margin-top:22px}.mock-bars i{display:block;flex:1;height:var(--h);background:linear-gradient(0deg,#11627e,#36e9e2);border-radius:3px 3px 0 0}.mock-pills{display:flex;gap:10px;flex-wrap:wrap}.mock-pills span{font-size:11px;background:#153c4c;padding:6px 10px;border-radius:20px;color:#9ee7e4}.pricing-home{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.pricing-home .mini-card{display:flex;flex-direction:column;justify-content:center}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.faq-list details{border:1px solid #28546a;background:#0c2435;border-radius:10px;padding:14px 18px}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{font-size:13px;margin-bottom:0}.footer-note{color:#88a6b6;font-size:13px}
@keyframes sonar{to{transform:rotate(360deg)}}
@media(max-width:1180px){.landing-hero{grid-template-columns:1fr 1fr}.radar-stage{min-height:430px}.floatpanel{min-width:145px;padding:10px}.panel-log{min-width:160px}.floatpanel strong{font-size:17px}.feature-grid,.problem-grid,.audience-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.landing-hero{grid-template-columns:1fr;padding-top:50px}.landing-hero h1{max-width:660px}.radar-stage{min-height:470px}.mockup,.pricing-home{grid-template-columns:1fr}.nav .links{gap:12px}.nav-cta{display:none}}
@media(max-width:560px){.feature-grid,.problem-grid,.audience-grid,.process-grid,.faq-list{grid-template-columns:1fr}.radar-stage{min-height:360px}.big-radar{width:80%}.floatpanel{font-size:10px;min-width:110px;padding:7px}.floatpanel strong{font-size:14px}.panel-log{min-width:148px}.panel-log p{font-size:9px}.landing-hero h1{font-size:clamp(34px,9vw,48px)}.promise-row{gap:14px}.wrap{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.big-radar:before{animation:none}}

/* v3: horizontal desktop composition, illustrative card art, mobile-first refinements */
:root{--page-max:1740px}html{overflow-x:clip}body{overflow-x:clip}.wrap{max-width:var(--page-max);padding-inline:clamp(18px,3.1vw,58px)}
.home-section{padding-block:clamp(26px,3.2vw,54px)}.home-section h2{letter-spacing:-.025em}.landing-hero{grid-template-columns:minmax(0,49%) minmax(0,51%);padding-block:62px 35px;gap:clamp(12px,2.3vw,40px)}
/* The radar itself deliberately remains capped at its v2 diameter. */
.big-radar{width:min(82%,490px)}.radar-stage{max-width:730px;margin-inline:auto;width:100%}
.feature-grid,.problem-grid,.audience-grid,.process-grid{gap:clamp(12px,1.1vw,22px)}
.feature-card{padding:clamp(18px,1.55vw,28px);min-height:272px;transition:border-color .2s,transform .2s;min-width:0}.feature-card:hover{border-color:#32b7c8;transform:translateY(-2px)}.feature-card:focus-within{border-color:#32b7c8}.feature-art{position:relative;flex:none;display:block;margin-top:21px;width:100%;height:77px;opacity:1;mask-image:none;background:none;overflow:hidden;border-radius:5px}.feature-card a{position:relative;z-index:1}
/* Detector signal waves */
.art-wave{background:radial-gradient(ellipse at 50% 110%,#15d5d526,transparent 70%)}.wave{position:absolute;left:-10%;width:120%;height:68px;top:24px;border-top:1.5px solid #23e9df96;border-radius:50%;transform:rotate(-7deg)}.wave-b{top:35px;transform:rotate(7deg);border-color:#29a3db99}.wave-c{top:46px;transform:rotate(-4deg);border-color:#18f4b788}.art-wave:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 16px,#19c4d30c 17px 18px)}
/* Chart bars */
.art-chart{display:flex;align-items:flex-end;gap:clamp(4px,.55vw,10px);padding:5px 3px 0}.art-chart i{flex:1;height:var(--bar-h,60%);border-radius:3px 3px 0 0;background:linear-gradient(0deg,#0c4358,#1bd4d3);box-shadow:0 0 12px #19b4bc20}.art-chart i:nth-child(12n + 1){--bar-h:34%}.art-chart i:nth-child(12n + 2){--bar-h:57%}.art-chart i:nth-child(12n + 3){--bar-h:42%}.art-chart i:nth-child(12n + 4){--bar-h:73%}.art-chart i:nth-child(12n + 5){--bar-h:50%}.art-chart i:nth-child(12n + 6){--bar-h:88%}.art-chart i:nth-child(12n + 7){--bar-h:61%}.art-chart i:nth-child(12n + 8){--bar-h:79%}.art-chart i:nth-child(12n + 9){--bar-h:44%}.art-chart i:nth-child(12n + 10){--bar-h:95%}.art-chart i:nth-child(12n + 11){--bar-h:56%}.art-chart i:nth-child(12n + 12){--bar-h:72%}
/* Server protection shield */
.art-shield{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 115%,#0ddcbe2a,transparent 65%),repeating-linear-gradient(0deg,transparent 0 22px,#1db8cd21 23px 24px);color:#39e7dc}.shield-graphic{position:relative;font-size:79px;line-height:1;filter:drop-shadow(0 0 7px #15e0d5a0)}.shield-graphic b{position:absolute;font-size:24px;color:#8df8eb;top:28px;left:30px}.art-shield:before,.art-shield:after{content:'';position:absolute;top:49%;height:1px;width:32%;background:linear-gradient(90deg,transparent,#20e6d5)}.art-shield:before{left:0}.art-shield:after{right:0;transform:rotate(180deg)}
/* Security rules switches: decorative, not interactive */
.art-rules{display:grid;grid-template-rows:repeat(3,1fr);gap:5px}.art-rules span{display:flex;align-items:center;justify-content:space-between;padding:3px 9px;background:#0e2d40;border:1px solid #1b5066;border-radius:7px}.art-rules i{width:56%;height:4px;border-radius:5px;background:linear-gradient(90deg,#278b9d,#28e7d6);opacity:.85}.art-rules b{height:13px;width:26px;background:#1be0cc;border-radius:10px;position:relative;box-shadow:0 0 9px #21e1cc44}.art-rules b:before{content:'';position:absolute;right:2px;top:2px;background:#eaffff;width:9px;height:9px;border-radius:50%}.art-rules span:last-child b{background:#32546b}.art-rules span:last-child b:before{left:2px;right:auto}
.mini-card,.process-card{min-width:0}.mockup{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:1180px){.wrap{padding-inline:clamp(18px,3vw,40px)}.feature-card{min-height:245px}.landing-hero{gap:12px}.radar-stage{min-height:430px}}
@media(max-width:900px){.landing-hero{grid-template-columns:minmax(0,1fr);padding-top:36px}.hero-copy{max-width:740px}.landing-hero h1{max-width:800px}.radar-stage{min-height:470px;max-width:640px}.feature-grid,.problem-grid,.audience-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{align-items:flex-start}.links{justify-content:flex-end}.nav-cta{display:none}}
@media(max-width:600px){.wrap{padding-inline:18px}.nav{align-items:center;gap:8px}.brand{font-size:18px;white-space:nowrap}.mark{font-size:23px}.links{gap:8px 12px;justify-content:flex-start;width:100%}.links a{font-size:12px}.landing-hero{padding-top:34px;gap:0}.landing-hero h1{font-size:clamp(33px,8.6vw,46px);line-height:1.12}.landing-hero .lead{font-size:16px}.buttons{gap:9px}.btn{font-size:13px;padding:11px 14px}.promise-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.promise{font-size:11px}.promise-ic{width:34px;height:34px}.radar-stage{min-height:340px;max-width:470px;margin-top:24px}.big-radar{width:min(74%,300px)}.floatpanel{min-width:0;width:auto;padding:7px 8px;border-radius:8px}.floatpanel small{font-size:9px}.floatpanel strong{font-size:14px}.floatpanel .mini{font-size:10px;letter-spacing:2px}.panel-suspect{top:1%;left:0}.panel-safebot{top:4%;right:0}.panel-visitor{bottom:17%;right:0}.panel-log{bottom:11%;left:0;min-width:0;width:142px}.panel-log p{font-size:9px}.demo-label{font-size:9px;right:0;bottom:0}.feature-grid,.problem-grid,.audience-grid,.process-grid,.faq-list,.mockup,.pricing-home{grid-template-columns:minmax(0,1fr)}.feature-card{min-height:242px}.feature-art{height:65px}.home-section{padding-block:30px}.home-section h2{font-size:clamp(25px,7vw,34px)}.mini-card,.process-card{padding:18px}.mock-bars{gap:7px}.cta{padding:22px}}
@media(max-width:370px){.wrap{padding-inline:14px}.links{gap:7px 9px}.links a{font-size:11px}.radar-stage{min-height:296px}.big-radar{width:70%}.floatpanel small{font-size:8px}.panel-log{width:122px}.panel-log p{font-size:8px}.promise-row{grid-template-columns:1fr 1fr}.promise{gap:5px}}
@media(hover:none){.feature-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.feature-card{transition:none}}

/* v4 content pages: substantive SEO pages while preserving v3 homepage */
.detail-content{padding:4px 0 80px}.detail-section{padding:clamp(26px,3vw,48px) 0}.detail-section h2{margin:8px 0 12px;letter-spacing:-.026em}.detail-eyebrow{color:#4de8e6!important;letter-spacing:.16em;font-size:12px;font-weight:800;text-transform:uppercase;margin:0}.detail-lead{font-size:17px;max-width:960px;margin:0 0 26px;line-height:1.7}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.detail-grid:empty{display:none}.detail-card{position:relative;min-width:0;padding:24px;background:linear-gradient(155deg,#102f42,#091d2d);border:1px solid #24566c;border-radius:13px;overflow:hidden}.detail-card:before{content:'';display:block;width:36px;height:5px;background:linear-gradient(90deg,#19e6db,#1487b1);border-radius:5px;margin-bottom:22px}.detail-card h3{font-size:17px;line-height:1.3;margin:0 0 12px}.detail-card p{font-size:14px;margin:0;line-height:1.65}.detail-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.detail-step{padding:22px;border:1px solid #22536a;background:#0c2333;border-radius:13px}.detail-step span{font-size:13px;font-weight:850;color:#42e5e2}.detail-step h3{font-size:17px}.detail-step p{font-size:14px;margin:0}.detail-note{margin:24px 0 8px;padding:18px 24px;border-left:3px solid #38d9df;background:#0f2d3b;color:#c5dce8;border-radius:0 10px 10px 0;max-width:1100px;font-size:14px}.detail-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;margin-top:32px;background:linear-gradient(120deg,#103a4b,#102336);border:1px solid #267487;border-radius:17px}.detail-cta h2{margin:8px 0 12px}.detail-cta p{max-width:740px}.detail-cta .buttons{margin-top:0;flex-shrink:0}@media(max-width:1100px){.detail-grid,.detail-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-cta{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.detail-grid,.detail-steps{grid-template-columns:minmax(0,1fr)}.detail-card,.detail-step{padding:19px}.detail-cta{padding:22px}.detail-section{padding-block:22px}.detail-lead{font-size:16px}}