/* Radar Studio — responsive, dependency-light concept website */
:root{--bg:#050914;--panel:#091120;--panel-2:#0b1527;--line:rgba(143,169,218,.16);--muted:#8e9ab1;--text:#edf3ff;--blue:#3478ff;--cyan:#63b7ff;--white:#fff;--font:"DM Sans",Arial,sans-serif;--display:"Space Grotesk","DM Sans",sans-serif;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.ambient{position:absolute;pointer-events:none;filter:blur(95px);opacity:.16;border-radius:50%;z-index:-1}.ambient-one{width:420px;height:420px;top:120px;right:-140px;background:#075aff}.ambient-two{width:340px;height:340px;top:1000px;left:-180px;background:#183e94}.section-shell{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.site-header{height:86px;width:min(var(--max),calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f4ff,#8ab8ff);border-radius:9px;box-shadow:0 0 25px #1d63ff2b}.brand-mark svg{width:30px;fill:none;stroke:#071125;stroke-width:1.5}.brand-type{display:flex;flex-direction:column;line-height:1.1;letter-spacing:.18em}.brand-type strong{font:700 15px var(--display)}.brand-type small{font-size:8px;letter-spacing:.35em;margin-top:5px;color:#8c9bb8}.main-nav{display:flex;align-items:center;gap:35px}.main-nav>a:not(.nav-cta){font-size:12px;color:#b3bed2;transition:color .2s}.main-nav>a:hover{color:#fff}.nav-cta{background:#1558f4;border:1px solid #4c83ff;border-radius:7px;padding:11px 16px;font-size:12px;font-weight:600;box-shadow:0 0 24px #1358f433}.nav-cta span{margin-left:12px}.menu-toggle{display:none;background:transparent;border:0;color:white}.hero{min-height:600px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;padding-block:66px 56px;gap:20px}.hero-copy{position:relative;z-index:2;padding:20px 0}.eyebrow{font-size:9px;letter-spacing:.19em;font-weight:700;color:#70a8ff;display:flex;align-items:center;gap:9px}.pulse-dot,.live-indicator i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#3b8cff;box-shadow:0 0 12px #438bff}.hero h1{font:500 clamp(54px,6.6vw,88px)/.98 var(--display);letter-spacing:-.075em;margin:24px 0 22px}.hero h1 span,.section-heading h2 span,.about-copy h2 span,.contact-copy h2 span{color:#3980ff}.hero-lede{max-width:420px;color:#9ba9c2;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.button{border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 18px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(110deg,#1558f4,#2778ff);box-shadow:0 8px 26px #1257e933}.button-primary:hover{box-shadow:0 10px 34px #1257e955}.text-link{font-size:12px;color:#d0d9e9}.text-link span{margin-left:8px;color:#70a8ff}.trust-row{border-top:1px solid var(--line);margin-top:55px;padding-top:17px}.trust-label{font-size:8px;letter-spacing:.16em;color:#6f7f9b;margin-bottom:12px}.trust-items{display:flex;flex-wrap:wrap;gap:15px;color:#b9c4d8;font-size:10px}.mini-symbol{font-style:normal;color:#7aaeff;margin-right:5px}.hero-visual{height:480px;position:relative;border:1px solid #4e78b433;border-radius:12px;overflow:hidden;background:#071124;box-shadow:0 30px 100px #0008}.hero-building{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:58% center;opacity:.82}.image-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050914a8 0%,transparent 65%),linear-gradient(0deg,#050914ed 0%,transparent 42%),linear-gradient(180deg,#06102475,transparent 25%)}.visual-topline{position:absolute;left:20px;right:20px;top:19px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#d1def5}.live-indicator{display:flex;align-items:center;gap:7px}.live-indicator i{width:5px;height:5px}.floating-card{position:absolute;display:flex;align-items:center;gap:11px;border:1px solid #8aa8db35;background:#081326d9;backdrop-filter:blur(12px);border-radius:8px;padding:12px 14px;box-shadow:0 12px 32px #0004}.secure-card{top:100px;right:18px}.card-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;color:#73aaff;background:#164aa52b;font-size:20px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:10px}.floating-card small{font-size:9px;color:#9baac3;margin-top:2px}.visual-caption{position:absolute;left:22px;right:22px;bottom:22px;display:flex;align-items:end;gap:18px}.caption-index{font-size:9px;color:#8fa4c8;padding-bottom:4px}.visual-caption>span:nth-child(2){font-size:17px;line-height:1.25;color:#dce8ff}.visual-caption strong{font:600 27px var(--display);color:#fff}.caption-arrow{margin-left:auto;font-size:25px;color:#7fb1ff}.visual-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#94baff0b 1px,transparent 1px),linear-gradient(90deg,#94baff0b 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent 15%,#000 100%)}.hero-side-label{position:absolute;right:-32px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.18em;color:#52617b}.signal-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px;gap:20px}.signal-item{display:flex;align-items:center;gap:13px;padding-left:20px;border-left:1px solid var(--line)}.signal-item:first-child{border:0;padding-left:0}.signal-icon{font-size:22px;color:#5796ff}.signal-item strong,.signal-item small{display:block}.signal-item strong{font-size:11px;font-weight:600}.signal-item small{font-size:10px;color:#7e8da7;margin-top:3px}.section-block{padding-block:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:43px}.section-heading h2,.about-copy h2,.contact-copy h2{font:500 clamp(35px,4.5vw,56px)/1.1 var(--display);letter-spacing:-.06em;margin:15px 0 0}.section-heading>p{max-width:390px;color:#8f9db5;font-size:12px;line-height:1.9;margin:0 0 4px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{position:relative;min-height:255px;border:1px solid var(--line);border-radius:9px;padding:25px 22px 19px;background:linear-gradient(145deg,#0b1526a8,#080e1a);transition:border-color .25s,transform .25s}.service-card:hover{transform:translateY(-4px);border-color:#3d76c866}.service-number{position:absolute;right:20px;top:22px;color:#52627e;font-size:9px}.service-icon{width:43px;height:43px;border:1px solid #467bd13b;border-radius:9px;display:grid;place-items:center;color:#72aaff;background:#1a4a9724;font-size:23px}.service-card h3{font:500 17px var(--display);margin:23px 0 9px}.service-card p{font-size:11px;color:#8e9bb1;line-height:1.85;min-height:62px;margin:0}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:19px;padding-top:14px;font-size:10px;color:#c6d3e8}.card-link span{color:#70a8ff;font-size:16px}.work-section{background:linear-gradient(180deg,#070d19,#08101f 50%,#070c17);border-block:1px solid #1c2b45}.work-filters{display:flex;gap:8px;margin-bottom:23px;flex-wrap:wrap}.filter-button{border:1px solid var(--line);border-radius:30px;background:transparent;color:#8d9bb3;padding:9px 14px;font-size:10px;cursor:pointer}.filter-button.active{background:#163c7a65;border-color:#3b78d5;color:#e6f0ff}.filter-button span{margin-left:7px;color:#75a9ff}.work-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px 18px}.work-card{min-width:0}.work-image{height:260px;border-radius:9px;display:block;position:relative;overflow:hidden;border:1px solid #ffffff13;transition:transform .25s,border-color .25s}.work-image:hover{transform:translateY(-3px);border-color:#6e9fff70}.work-large .work-image{height:300px}.work-image-blue{background:radial-gradient(ellipse at 70% 50%,#225dba 0%,#10274f 32%,#091426 72%)}.mock-browser{position:absolute;width:73%;height:82%;left:14%;top:12%;background:#f2f5fb;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 18px 55px #0008;transform:rotate(-2deg)}.browser-bar{height:24px;background:#fff;border-bottom:1px solid #dbe0ea;display:flex;align-items:center;gap:4px;padding:0 9px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#bbc3d0}.browser-bar span{margin:auto;font-size:6px;color:#6e7890}.mock-content{position:relative;height:100%;padding:23px 18px;color:#111e36;background:linear-gradient(110deg,#f4f6fb 50%,#e2eafa)}.mock-content small{font-size:6px;letter-spacing:.18em;color:#315d9d}.mock-content strong{display:block;font:600 clamp(22px,3vw,38px)/.98 var(--display);letter-spacing:-.06em;margin-top:12px;position:relative;z-index:1}.mock-line{width:70px;height:5px;background:#2d66cb;margin-top:15px}.mock-orb{position:absolute;width:115px;height:115px;border-radius:50%;right:20px;top:36px;background:radial-gradient(circle at 35% 30%,#93bcff,#2458a7 60%,#102d62);box-shadow:0 0 0 15px #2c68b912}.work-image-violet{background:radial-gradient(ellipse at 50% 30%,#6554c8,#211a55 55%,#11102a)}.dashboard-mock{position:absolute;left:15%;right:15%;top:13%;height:82%;border:1px solid #ffffff2b;border-radius:8px;background:#101329ed;padding:16px;box-shadow:0 15px 45px #0005}.dash-head{display:flex;justify-content:space-between;font-size:9px;color:#d9d7ff;margin-bottom:23px}.dashboard-mock small{font-size:7px;letter-spacing:.15em;color:#aaa9d7}.dashboard-mock>strong{display:block;font:500 19px var(--display);margin-top:5px}.chart-bars{height:66px;display:flex;align-items:end;gap:7px;margin-top:14px;border-bottom:1px solid #7772b7}.chart-bars i{flex:1;background:linear-gradient(#a6a0ff,#5a4cb4);border-radius:3px 3px 0 0;height:35%}.chart-bars i:nth-child(2){height:55%}.chart-bars i:nth-child(3){height:44%}.chart-bars i:nth-child(4){height:70%}.chart-bars i:nth-child(5){height:58%}.chart-bars i:nth-child(6){height:82%}.chart-bars i:nth-child(7){height:68%}.chart-bars i:nth-child(8){height:90%}.chart-bars i:nth-child(9){height:100%}.dash-bottom{display:flex;justify-content:space-between;margin-top:10px;font-size:8px;color:#a8a9c6}.dash-bottom b{color:#92edca}.work-image-sand{background:#d9c9ae}.product-mock{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 55%,#f8ebd6,#cdb795);color:#302b23}.product-label{position:absolute;left:17px;top:15px;font-size:8px;letter-spacing:.17em}.bottle{position:absolute;bottom:28px;width:57px;height:110px;border-radius:13px 13px 9px 9px;box-shadow:12px 15px 25px #5a442d33}.bottle:before{content:"";position:absolute;width:23px;height:23px;top:-18px;left:17px;background:inherit;border-radius:4px 4px 0 0}.bottle:after{content:"FORM";position:absolute;left:0;right:0;top:49px;text-align:center;font-size:7px;letter-spacing:.15em;color:#d6c7a9}.bottle-one{left:35%;background:linear-gradient(90deg,#1e2d2c,#445a4d 50%,#17211e);transform:rotate(-5deg)}.bottle-two{left:55%;height:88px;background:linear-gradient(90deg,#e4d8c5,#fff2de 50%,#b5a48a);transform:rotate(5deg)}.bottle-two:after{color:#6a5b47}.product-caption{position:absolute;left:17px;bottom:15px;font:500 15px/1.1 var(--display)}.work-image-green{background:radial-gradient(ellipse at 75% 20%,#d5e4b5,#849c72 45%,#3b5544)}.platform-mock{position:absolute;inset:0;background:#edf0e5;color:#273a2c;padding:17px 19px}.platform-nav{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.13em}.platform-nav span{font-size:6px}.platform-big{font:500 clamp(24px,3.5vw,42px)/.95 var(--display);letter-spacing:-.06em;margin-top:37px}.platform-big em{font-family:Georgia,serif;font-weight:400}.platform-stats{position:absolute;left:19px;right:19px;bottom:17px;border-top:1px solid #a5b09b;display:flex;justify-content:space-between;padding-top:8px;font-size:6px}.work-open{position:absolute;right:12px;top:12px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#050914c9;border:1px solid #ffffff45;color:white;font-size:17px}.work-meta{display:flex;justify-content:space-between;align-items:start;padding:13px 2px 0}.work-type{font-size:8px;letter-spacing:.14em;color:#8194b4}.work-meta h3{font:500 18px var(--display);margin:4px 0}.work-index{font-size:10px;color:#7084a5}.concept-note{display:flex;gap:8px;color:#6f7f99;font-size:10px;margin-top:30px}.concept-note span{color:#73a8ff}.approach-section{padding-bottom:120px}.steps{border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;gap:20px;padding:24px 10px;border-bottom:1px solid var(--line)}.steps article>span{font:500 14px var(--display);color:#6d9eff}.steps h3{font:500 18px var(--display);margin:0}.steps p{font-size:11px;color:#8998b1;margin:4px 0 0}.steps article>i{font-style:normal;font-size:20px;color:#7eafff}.about-section{border-block:1px solid var(--line);background:radial-gradient(ellipse at 20% 50%,#0c1e3a,#070d19 55%)}.about-inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;padding-block:82px}.about-emblem{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#7185a6}.radar-rings{width:165px;height:165px;border:1px solid #4a79c366;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 60px #0c56c426,inset 0 0 45px #1454aa19}.radar-rings:before,.radar-rings:after{content:"";position:absolute;border:1px solid #4a79c344;border-radius:50%;inset:18px}.radar-rings:after{inset:38px}.radar-rings span{font:500 50px var(--display);color:#c5dcff;text-shadow:0 0 25px #418aff}.radar-rings i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 75%,#2c79ff36 92%,transparent);animation:radar-spin 12s linear infinite}.about-emblem>small{font-size:8px;letter-spacing:.2em}.about-copy h2{font-size:clamp(34px,4vw,50px)}.about-copy p{max-width:530px;color:#8e9bb3;font-size:12px;line-height:2;margin:22px 0}.contact-section{padding-block:105px}.contact-panel{display:grid;grid-template-columns:1fr .8fr;gap:65px;padding:clamp(26px,5vw,65px);border:1px solid #4b75b53a;border-radius:13px;background:radial-gradient(ellipse at 5% 5%,#10264a 0%,#091222 45%,#080e19 100%);position:relative;overflow:hidden}.contact-panel:after{content:"";position:absolute;width:300px;height:300px;right:-140px;top:-160px;border:1px solid #4b80d21b;border-radius:50%;box-shadow:0 0 0 35px #4b80d20a,0 0 0 70px #4b80d208;pointer-events:none}.contact-copy{position:relative;z-index:1}.contact-copy h2{font-size:clamp(38px,5vw,60px)}.contact-copy>p{max-width:370px;color:#97a6bf;font-size:12px;line-height:1.9;margin-top:22px}.contact-details{display:flex;flex-direction:column;gap:8px;margin-top:42px;color:#7286a7;font-size:8px;letter-spacing:.12em}.contact-form{position:relative;z-index:1;display:flex;flex-direction:column}.contact-form label{font-size:10px;color:#c6d2e6;margin:0 0 6px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #35445d;background:#070e1c;color:#edf3ff;border-radius:6px;padding:12px;margin-bottom:16px;font-size:11px;min-width:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#5f6e87}.contact-form select{color:#9daac0}.contact-form textarea{resize:vertical;min-height:78px}.submit-button{width:100%;justify-content:space-between}.form-note,.form-status{font-size:9px;line-height:1.6;color:#72819a}.form-status{color:#9fc4ff;min-height:0;margin:0}.site-footer{padding-block:26px 18px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}.site-footer>p{font-size:10px;color:#7888a3;text-align:center}.back-top{font-size:10px;color:#a9bad4}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:17px;margin-top:10px;font-size:9px;color:#64748d}
@keyframes radar-spin{to{transform:rotate(360deg)}}
@media(min-width:1400px){.hero{min-height:650px}.hero-visual{height:520px}}
@media(max-width:1000px){.section-shell,.site-header{width:calc(100% - 44px)}.main-nav{gap:20px}.hero{grid-template-columns:.88fr 1.12fr;min-height:530px}.hero-visual{height:420px}.hero h1{font-size:clamp(53px,7vw,72px)}.signal-strip{grid-template-columns:repeat(2,1fr);row-gap:20px}.signal-item:nth-child(3){border-left:0;padding-left:0}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:235px}.about-inner{gap:40px}.contact-panel{gap:35px}}
@media(max-width:700px){html{scroll-padding-top:70px}.section-shell,.site-header{width:calc(100% - 36px)}.site-header{height:72px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:23px;height:1.5px;background:#e6efff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:71px;left:-18px;right:-18px;background:#080f1e;border-bottom:1px solid var(--line);padding:18px;align-items:stretch;gap:0;box-shadow:0 20px 35px #0007}.main-nav.open{display:flex;flex-direction:column}.main-nav>a:not(.nav-cta){padding:13px 4px;border-bottom:1px solid var(--line)}.nav-cta{margin-top:14px;text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-block:48px 38px}.hero-copy{padding:0}.hero h1{font-size:clamp(56px,13vw,78px);margin:20px 0}.hero-lede{font-size:13px}.hero-actions{gap:18px;flex-wrap:wrap}.trust-row{margin-top:35px}.hero-visual{height:390px;flex:none}.hero-side-label{display:none}.secure-card{right:12px;top:75px}.signal-strip{width:100%;padding:20px 18px;gap:18px 10px}.signal-item{padding-left:12px;gap:9px}.signal-item strong{font-size:10px}.signal-item small{font-size:9px}.signal-icon{font-size:18px}.section-block{padding-block:75px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.about-copy h2{font-size:clamp(36px,9vw,48px)}.section-heading>p{margin-top:17px}.services-grid{gap:10px}.service-card{padding:18px 15px;min-height:255px}.service-icon{width:38px;height:38px}.service-card h3{font-size:15px;margin-top:18px}.service-card p{font-size:10px;min-height:82px}.card-link{font-size:9px}.work-grid{grid-template-columns:1fr;gap:25px}.work-large .work-image,.work-image{height:260px}.mock-content strong{font-size:38px}.platform-big{font-size:42px}.work-meta h3{font-size:17px}.steps article{grid-template-columns:35px 1fr 20px;gap:12px;padding:21px 2px}.steps h3{font-size:16px}.steps p{font-size:10px;max-width:370px}.about-inner{grid-template-columns:1fr;gap:28px;padding-block:60px}.about-emblem{min-height:180px}.radar-rings{width:135px;height:135px}.radar-rings span{font-size:42px}.about-copy h2{font-size:40px}.contact-section{padding-block:70px}.contact-panel{grid-template-columns:1fr;gap:32px;padding:26px 20px}.contact-copy h2{font-size:48px}.contact-details{margin-top:27px}.site-footer{grid-template-columns:1fr auto;gap:8px}.site-footer>p{grid-column:1/-1;grid-row:2;text-align:left;margin:7px 0}.back-top{grid-column:2;grid-row:1}.footer-bottom{flex-direction:column;gap:7px}.floating-card{padding:9px 10px}.floating-card strong{font-size:9px}.floating-card small{font-size:8px}}
@media(max-width:390px){.section-shell,.site-header{width:calc(100% - 28px)}.hero h1{font-size:53px}.hero-visual{height:330px}.visual-topline{left:12px;right:12px;font-size:7px}.visual-caption{left:14px;right:14px;bottom:15px}.caption-index{font-size:8px}.visual-caption>span:nth-child(2){font-size:15px}.visual-caption strong{font-size:23px}.trust-items{gap:10px}.signal-strip{padding-inline:14px}.signal-item{padding-left:8px}.signal-item strong{font-size:9px}.signal-item small{font-size:8px}.services-grid{grid-template-columns:1fr}.service-card{min-height:220px}.service-card p{min-height:0}.card-link{margin-top:18px}.work-large .work-image,.work-image{height:225px}.mock-content strong{font-size:32px}.platform-big{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}