:root{--ink:#f4fbfc;--muted:#91aeb7;--dark:#03131c;--panel:#07232c;--line:rgba(73,199,212,.2);--lime:#69b75f;--red:#ff6b68;--cyan:#49c7d4;--blue:#155b92;--shadow:0 28px 80px rgba(0,15,27,.52);--sans:'Manrope',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--ink);font-family:var(--sans);overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit}.noise{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.scroll-line{position:fixed;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--blue));z-index:100;box-shadow:0 0 20px var(--cyan)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,68px);position:fixed;top:0;left:0;right:0;z-index:60;background:linear-gradient(180deg,rgba(5,8,6,.94),rgba(5,8,6,.58) 70%,transparent);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:38px;height:38px;border:1px solid rgba(217,255,71,.42);border-radius:12px;position:relative;display:grid;place-items:center;background:rgba(217,255,71,.08);box-shadow:inset 0 0 18px rgba(217,255,71,.05)}.brand-mark:before{content:"";position:absolute;width:5px;height:5px;border:2px solid var(--lime);border-radius:50%;top:5px;left:5px;box-shadow:19px 0 0 -2px var(--lime),0 19px 0 -2px var(--lime),19px 19px 0 -2px var(--lime)}.brand-mark:after{content:"";position:absolute;width:13px;height:2px;background:var(--lime);top:18px;left:12px}.brand-copy strong{font-family:var(--display);font-size:19px;letter-spacing:-.7px}.brand-copy small{display:block;color:#738077;font:9px var(--mono);letter-spacing:1.6px;margin-top:1px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:13px;color:#b6c0b9;text-decoration:none;transition:.25s}.nav-links a:hover{color:var(--lime)}.top-cta{border:1px solid var(--lime)!important;background:var(--lime);color:#080b08!important;padding:11px 16px;border-radius:10px;font-weight:800;box-shadow:0 0 0 rgba(217,255,71,0);transition:.3s!important}.top-cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(217,255,71,.18)}
.hero{min-height:100vh;padding:150px clamp(22px,6vw,100px) 80px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:7vw;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(108,205,98,.13),rgba(5,8,6,0) 64%);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(217,255,71,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(217,255,71,.22) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,transparent,black 35%,transparent)}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 10px 7px 8px;border:1px solid var(--line);border-radius:99px;background:rgba(217,255,71,.04);color:#dbe4dc;font:11px var(--mono);letter-spacing:.4px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(217,255,71,.5);animation:pulse 2s infinite}.hero h1{font-family:var(--display);font-weight:600;letter-spacing:-4.2px;font-size:clamp(58px,7.2vw,118px);line-height:.88;margin:26px 0 28px;max-width:900px}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(238,246,239,.52)}.hero h1 em{font-style:normal;color:var(--lime)}.hero-lead{font-size:clamp(16px,1.25vw,20px);color:#a8b1aa;line-height:1.75;max-width:650px}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:34px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:15px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800;cursor:pointer;transition:.25s}.btn-primary{background:var(--lime);color:#070a07;box-shadow:0 12px 32px rgba(217,255,71,.13)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(217,255,71,.2)}.btn-ghost{background:rgba(255,255,255,.03);color:#d9dfda;border:1px solid rgba(255,255,255,.13)}.btn-ghost:hover{background:rgba(255,255,255,.07)}.arrow{font-size:21px;line-height:0}.hero-meta{display:flex;gap:26px;margin-top:36px;color:#7f8b82;font:11px var(--mono)}.hero-meta b{color:#dce3dd;font-weight:500}
.orbital{aspect-ratio:1;position:relative;display:grid;place-items:center;min-width:0;filter:drop-shadow(0 30px 90px rgba(0,0,0,.75))}.orbital:before{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(217,255,71,.15);animation:spin 25s linear infinite}.orbital:after{content:"";position:absolute;inset:18%;border-radius:50%;border:1px dashed rgba(117,236,255,.2);animation:spinReverse 18s linear infinite}.terrain{width:68%;height:68%;transform:rotateX(58deg) rotateZ(-19deg);border:1px solid rgba(217,255,71,.35);background:linear-gradient(130deg,rgba(217,255,71,.12),rgba(7,15,10,.18)),linear-gradient(rgba(217,255,71,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(217,255,71,.1) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;box-shadow:inset 0 0 70px rgba(217,255,71,.08),0 0 90px rgba(117,236,255,.08);clip-path:polygon(11% 7%,89% 0,100% 78%,70% 100%,4% 85%,0 28%);position:relative}.terrain-path{position:absolute;inset:23% 26%;border:3px solid var(--lime);border-radius:34% 58% 44% 40%;box-shadow:0 0 12px var(--lime),inset 0 0 20px rgba(217,255,71,.25);animation:terrainPulse 2.6s ease-in-out infinite}.drone{position:absolute;width:88px;height:88px;left:16%;top:14%;animation:droneFlight 8s ease-in-out infinite;z-index:4}.drone-body{position:absolute;width:34px;height:18px;border-radius:50% 50% 35% 35%;background:linear-gradient(135deg,#f8ffe1,#7d8c75);left:27px;top:35px;box-shadow:0 4px 14px #000}.drone-body:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);left:13px;top:13px;box-shadow:0 0 12px var(--cyan)}.arm{position:absolute;width:76px;height:3px;background:#a9b4a9;top:41px;left:6px;transform:rotate(28deg)}.arm.b{transform:rotate(-28deg)}.rotor{position:absolute;width:24px;height:5px;border:1px solid rgba(217,255,71,.8);border-radius:50%;animation:rotor .12s linear infinite}.r1{left:0;top:20px}.r2{right:0;top:20px}.r3{left:0;bottom:15px}.r4{right:0;bottom:15px}.hud-card{position:absolute;background:rgba(7,12,9,.78);border:1px solid rgba(217,255,71,.2);backdrop-filter:blur(12px);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);font:10px var(--mono);color:#91a098}.hud-card b{display:block;color:var(--ink);font-size:14px;margin-top:5px}.hud-a{right:0;top:18%}.hud-b{left:0;bottom:20%}.crosshair{position:absolute;inset:34%;border:1px solid rgba(217,255,71,.3);border-radius:50%}.crosshair:before,.crosshair:after{content:"";position:absolute;background:rgba(217,255,71,.3)}.crosshair:before{width:140%;height:1px;left:-20%;top:50%}.crosshair:after{height:140%;width:1px;top:-20%;left:50%}
.ticker{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;padding:17px 0;background:#070b08}.ticker-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.ticker span{font:11px var(--mono);letter-spacing:1px;color:#879189;padding:0 28px}.ticker i{font-style:normal;color:var(--lime);margin-right:11px}.section{padding:120px clamp(22px,6vw,100px);position:relative}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:end;margin-bottom:64px}.kicker{color:var(--lime);font:11px var(--mono);letter-spacing:1.6px;text-transform:uppercase}.section h2{font-family:var(--display);font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-2.6px;margin:14px 0 0}.section-intro{font-size:17px;line-height:1.8;color:#929d95;max-width:580px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{min-height:330px;padding:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border-radius:18px;position:relative;overflow:hidden;transition:.35s}.feature:hover{transform:translateY(-7px);border-color:rgba(217,255,71,.3);background:linear-gradient(145deg,rgba(217,255,71,.06),rgba(255,255,255,.01))}.feature-no{font:10px var(--mono);color:#637068}.feature-icon{width:74px;height:74px;border:1px solid rgba(217,255,71,.18);border-radius:50%;display:grid;place-items:center;margin:52px 0 30px;position:relative}.feature-icon:after{content:"";position:absolute;inset:9px;border:1px dashed rgba(217,255,71,.22);border-radius:50%;animation:spin 12s linear infinite}.feature-icon svg{width:28px;stroke:var(--lime);z-index:1}.feature h3{font-family:var(--display);font-size:22px;margin:0 0 12px}.feature p{color:#879189;line-height:1.7;font-size:14px;margin:0}.feature-tag{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:7px;background:rgba(217,255,71,.08);font:9px var(--mono);color:var(--lime)}
.workflow{background:#080d09;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.step{padding:36px;min-height:400px;position:relative;border-right:1px solid rgba(255,255,255,.08)}.step:last-child{border:0}.step-index{font:58px var(--display);color:transparent;-webkit-text-stroke:1px rgba(217,255,71,.24)}.step-visual{height:120px;margin:35px 0;border-radius:10px;background:rgba(0,0,0,.27);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}.select-demo{position:absolute;left:14px;right:14px;top:16px;height:24px;border:1px solid rgba(217,255,71,.25);border-radius:5px;color:#a4afa6;font:9px var(--mono);padding:6px}.select-demo:nth-child(2){top:50px}.select-demo:nth-child(3){top:84px}.plot-demo{position:absolute;inset:21px 40px;clip-path:polygon(20% 3%,88% 14%,100% 69%,72% 100%,9% 83%,0 29%);background:rgba(217,255,71,.13);border:2px solid var(--lime);animation:terrainPulse 2s infinite}.flight-demo{position:absolute;inset:14px;border:1px dashed rgba(117,236,255,.25);border-radius:50%;transform:rotateX(62deg)}.flight-demo:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);left:5%;top:45%;box-shadow:0 0 12px var(--lime);animation:pulse 1.8s infinite}.step h3{font:23px var(--display);margin:0 0 12px}.step p{color:#869188;font-size:14px;line-height:1.7}
.pricing-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:start}.pricing-copy{position:sticky;top:120px}.pricing-copy .section-intro{margin-top:24px}.plan-grid{display:grid;gap:12px}.plan{padding:26px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);display:grid;grid-template-columns:1fr auto;gap:16px;transition:.3s}.plan:hover,.plan.featured{border-color:rgba(217,255,71,.35);background:rgba(217,255,71,.045)}.plan-label{font:10px var(--mono);color:var(--lime);letter-spacing:1px}.plan h3{font:25px var(--display);margin:9px 0}.plan p{color:#879189;font-size:13px;line-height:1.65;margin:0}.price{text-align:right;font:13px var(--mono);color:#7e8980}.price strong{display:block;color:var(--ink);font:34px var(--display);letter-spacing:-1.5px}.plan ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;list-style:none;padding:18px 0 0;margin:0;border-top:1px solid rgba(255,255,255,.07)}.plan li{font-size:12px;color:#aab3ac}.plan li:before{content:"✓";color:var(--lime);margin-right:8px}.free-note{padding:16px 18px;border-radius:12px;border:1px dashed rgba(217,255,71,.3);color:#aeb8b0;font-size:12px;line-height:1.7}.free-note b{color:var(--lime)}.faq{max-width:1000px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(255,255,255,.1)}.faq-q{width:100%;padding:24px 0;border:0;background:none;color:var(--ink);text-align:left;display:flex;justify-content:space-between;cursor:pointer;font:18px var(--display)}.faq-q span:last-child{color:var(--lime);transition:.2s}.faq-a{max-height:0;overflow:hidden;color:#8f9a92;line-height:1.75;transition:max-height .35s}.faq-item.open .faq-a{max-height:180px;padding-bottom:24px}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.final-cta{margin:30px clamp(22px,4vw,64px) 60px;min-height:460px;border:1px solid rgba(217,255,71,.2);border-radius:24px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 120%,rgba(217,255,71,.18),transparent 50%),#080d09}.final-cta:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(217,255,71,.12);border-radius:50%;animation:spin 28s linear infinite}.final-cta h2{font:clamp(46px,7vw,92px)/.95 var(--display);letter-spacing:-4px;margin:18px auto 28px;max-width:880px}.final-inner{position:relative;padding:40px}.site-footer{display:flex;justify-content:space-between;gap:30px;padding:40px clamp(22px,4vw,64px);color:#68736b;font:10px var(--mono);border-top:1px solid rgba(255,255,255,.06)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
body[data-page="studio"]{height:100vh;overflow:hidden}.studio-nav{height:70px;position:relative;background:#070b08;border-bottom:1px solid rgba(217,255,71,.15);padding:0 18px;backdrop-filter:none}.studio-nav .nav-links{gap:10px}.status-pill{display:flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:8px;font:10px var(--mono);color:#8e9a91}.status-pill b{color:var(--lime);font-weight:500}.studio-shell{height:calc(100vh - 70px);display:grid;grid-template-columns:430px 1fr;background:#030503}.controls{overflow-y:auto;padding:16px;background:#09100b;border-right:1px solid rgba(217,255,71,.16);scrollbar-width:thin;scrollbar-color:#35412f transparent}.studio-title{display:flex;align-items:flex-end;justify-content:space-between;padding:4px 2px 15px}.studio-title h1{font:25px var(--display);margin:0;letter-spacing:-.7px}.studio-title span{font:9px var(--mono);color:#738078}.control-card{border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.024);padding:15px;margin-bottom:10px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-top h2{font:12px var(--mono);letter-spacing:.4px;margin:0;color:#dce5de}.step-dot{width:23px;height:23px;border-radius:7px;background:rgba(217,255,71,.1);color:var(--lime);display:grid;place-items:center;font:10px var(--mono)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-grid.three{grid-template-columns:1.3fr .7fr .7fr}.top-gap{margin-top:9px}.field{min-width:0}.field.full{grid-column:1/-1}.field label{display:block;color:#77837a;font:9px var(--mono);margin:0 0 6px 2px;text-transform:uppercase;letter-spacing:.7px}.field select,.field input,.field textarea{width:100%;height:39px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#050906;color:#e8eee9;padding:0 10px;outline:none;font-size:12px;transition:.2s}.field textarea{height:65px;padding-top:9px;resize:vertical}.field select:focus,.field input:focus,.field textarea:focus{border-color:rgba(217,255,71,.56);box-shadow:0 0 0 3px rgba(217,255,71,.06)}.field select:disabled,.field input:disabled{opacity:.45;cursor:not-allowed}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:7px}.seg{border:1px solid rgba(255,255,255,.09);background:#070b08;color:#78847b;height:36px;border-radius:8px;cursor:pointer;font:10px var(--mono)}.seg.active{background:var(--lime);border-color:var(--lime);color:#080b08;font-weight:700}.range-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;margin-top:13px}.range-row input{accent-color:var(--lime);width:100%}.range-value{font:10px var(--mono);color:var(--lime)}.query-btn{width:100%;height:45px;border:0;border-radius:10px;background:var(--lime);color:#070a07;font-weight:900;cursor:pointer;margin-top:11px;transition:.25s}.query-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(217,255,71,.13)}.query-btn:disabled{opacity:.45;cursor:wait}.secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mini-btn{height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#080d09;color:#aab3ac;cursor:pointer;font-size:11px}.render-btn{width:100%;height:52px;border:1px solid var(--lime);border-radius:11px;background:linear-gradient(100deg,#c8ff32,var(--lime));color:#070907;font-weight:900;cursor:pointer;box-shadow:0 13px 30px rgba(217,255,71,.12);transition:.25s}.render-btn:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(217,255,71,.2)}.render-btn:disabled{opacity:.4;cursor:not-allowed}.legal-mini{font-size:9px;color:#5e6a61;line-height:1.55;margin:11px 3px 2px}.settings{display:none;margin-top:10px}.settings.open{display:block}
.map-stage{position:relative;overflow:hidden;background:#050706}.map-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,7,5,.3),transparent 20%),radial-gradient(circle at center,transparent 50%,rgba(0,0,0,.3));z-index:3}.gm-frame,.gm-canvas{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.72) contrast(1.08) brightness(.68)}.gm-canvas{display:none}.map-grid{position:absolute;inset:0;z-index:4;pointer-events:none;background-image:linear-gradient(rgba(217,255,71,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(217,255,71,.06) 1px,transparent 1px);background-size:80px 80px;mix-blend-mode:screen}.map-topbar{position:absolute;top:16px;left:16px;right:16px;z-index:10;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.map-badge{padding:10px 12px;border-radius:9px;background:rgba(5,9,6,.8);border:1px solid rgba(217,255,71,.18);backdrop-filter:blur(12px);font:10px var(--mono);color:#91a097;pointer-events:auto}.map-badge b{color:var(--lime)}.map-actions{display:flex;gap:7px}.map-actions button,.map-actions a{padding:10px 12px;border-radius:9px;background:rgba(5,9,6,.84);border:1px solid rgba(255,255,255,.1);color:#d8dfd9;text-decoration:none;font:10px var(--mono);cursor:pointer;pointer-events:auto}.telemetry{position:absolute;left:18px;bottom:18px;z-index:10;width:min(320px,42%);background:rgba(5,9,6,.84);border:1px solid rgba(217,255,71,.18);border-radius:12px;padding:14px;backdrop-filter:blur(14px)}.telemetry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.telemetry-head b{font:11px var(--mono);color:var(--lime)}.telemetry-head span{font:9px var(--mono);color:#6b776e}.telemetry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.telemetry-item{padding:8px;border-radius:7px;background:rgba(255,255,255,.035)}.telemetry-item small{display:block;font:8px var(--mono);color:#68746b;text-transform:uppercase}.telemetry-item strong{display:block;margin-top:4px;font-size:12px;color:#dce5de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parcel-radar{position:absolute;right:18px;bottom:18px;z-index:10;width:230px;background:rgba(5,9,6,.88);border:1px solid rgba(217,255,71,.18);border-radius:12px;padding:12px;backdrop-filter:blur(14px)}.radar-title{display:flex;justify-content:space-between;font:9px var(--mono);color:#7b887e;margin-bottom:8px}.radar-title b{color:var(--lime)}#parcelSvg{width:100%;height:150px;background:radial-gradient(circle,rgba(217,255,71,.07),transparent 60%),linear-gradient(rgba(217,255,71,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(217,255,71,.08) 1px,transparent 1px);background-size:auto,20px 20px,20px 20px;border-radius:8px}.parcel-path{fill:rgba(217,255,71,.16);stroke:var(--lime);stroke-width:1.3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(217,255,71,.7));stroke-dasharray:280;stroke-dashoffset:280;animation:drawParcel 2.2s ease forwards}.drone-layer{position:absolute;inset:0;z-index:9;pointer-events:none;display:none}.drone-layer.flying{display:block}.flight-ring{position:absolute;width:min(52vw,620px);height:min(25vw,300px);border:2px dashed rgba(217,255,71,.5);border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-8deg);animation:ringTilt 7s ease-in-out infinite}.flight-drone{position:absolute;left:50%;top:50%;width:70px;height:36px;filter:drop-shadow(0 10px 10px #000);animation:screenOrbit 8s linear infinite}.flight-drone:before{content:"";position:absolute;left:25px;top:11px;width:22px;height:13px;border-radius:50%;background:#dce6d8}.flight-drone:after{content:"";position:absolute;left:6px;top:16px;width:58px;height:3px;background:#9aaa9c;box-shadow:0 -10px 0 -1px rgba(217,255,71,.7),0 10px 0 -1px rgba(217,255,71,.7)}.recording{position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:12;padding:9px 13px;border-radius:99px;background:rgba(8,10,8,.84);border:1px solid rgba(255,107,104,.4);font:10px var(--mono);display:none}.recording.show{display:block}.recording i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:7px;animation:pulse 1s infinite}.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{width:min(360px,calc(100vw - 36px));padding:13px 15px;border-radius:10px;background:#0d1510;border:1px solid rgba(217,255,71,.3);box-shadow:var(--shadow);font-size:12px;color:#d7dfd9;animation:toastIn .3s ease}.toast.error{border-color:rgba(255,107,104,.5)}.toast b{color:var(--lime);display:block;margin-bottom:3px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:150;display:none;place-items:center;padding:20px;backdrop-filter:blur(14px)}.modal.open{display:grid}.modal-box{width:min(900px,100%);max-height:92vh;overflow:auto;background:#0a100c;border:1px solid rgba(217,255,71,.24);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-top h3{font:20px var(--display);margin:0}.modal-top button{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#111813;color:#fff;cursor:pointer}.render-video{width:100%;max-height:64vh;background:#020402;border-radius:10px}.modal-actions{display:flex;gap:9px;margin-top:12px}.modal-actions a,.modal-actions button{flex:1;height:44px;border-radius:9px;display:grid;place-items:center;text-decoration:none;border:1px solid rgba(255,255,255,.1);background:#111813;color:#dce5de;cursor:pointer;font-weight:700}.modal-actions a{background:var(--lime);color:#060806;border-color:var(--lime)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(217,255,71,.45)}70%{box-shadow:0 0 0 8px rgba(217,255,71,0)}100%{box-shadow:0 0 0 0 rgba(217,255,71,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes rotor{to{transform:rotate(180deg)}}@keyframes droneFlight{0%,100%{transform:translate(0,0) rotate(-5deg)}35%{transform:translate(220%,90%) rotate(6deg)}70%{transform:translate(90%,260%) rotate(-2deg)}}@keyframes terrainPulse{50%{filter:brightness(1.6);box-shadow:0 0 30px rgba(217,255,71,.35)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes drawParcel{to{stroke-dashoffset:0}}@keyframes ringTilt{50%{transform:translate(-50%,-50%) rotate(8deg) scale(1.05)}}@keyframes screenOrbit{0%{transform:translate(-310px,-80px) scale(.6)}25%{transform:translate(0,-170px) scale(.9)}50%{transform:translate(310px,-40px) scale(1.2)}75%{transform:translate(0,120px) scale(.9)}100%{transform:translate(-310px,-80px) scale(.6)}}@keyframes toastIn{from{opacity:0;transform:translateX(30px)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:130px}.orbital{width:min(620px,100%);margin:auto}.feature-grid,.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);min-height:330px}.pricing-wrap{grid-template-columns:1fr}.pricing-copy{position:relative;top:0}.section-head{grid-template-columns:1fr;gap:25px}.studio-shell{grid-template-columns:370px 1fr}.parcel-radar{width:190px}.telemetry{width:250px}.nav-links .desktop-only{display:none}}
@media(max-width:760px){.nav{height:68px;padding:0 14px}.brand-copy small,.desktop-only{display:none!important}.hero{padding:115px 18px 60px}.hero h1{letter-spacing:-2.8px}.hero-meta{display:grid;gap:8px}.section{padding:84px 18px}.feature-grid{gap:10px}.plan{grid-template-columns:1fr}.price{text-align:left}.plan ul{grid-template-columns:1fr}.final-cta{margin:10px 12px 40px;min-height:400px}.site-footer{flex-direction:column}.studio-nav .brand-copy strong{font-size:15px}.status-pill:nth-child(2){display:none}body[data-page="studio"]{height:auto;overflow:auto}.studio-shell{height:auto;display:block}.controls{height:auto;border-right:0;padding-bottom:18px}.map-stage{height:72vh;min-height:590px}.telemetry{left:10px;bottom:10px;width:calc(100% - 20px)}.parcel-radar{right:10px;bottom:172px;width:170px}.map-topbar{left:10px;right:10px;top:10px}.map-actions button{display:none}.map-badge{max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-grid.three{grid-template-columns:1fr 1fr}.field-grid.three .field:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* SanalDrone360 sade drone modu arayüzü */
.secondary-row.one{grid-template-columns:1fr}.mini-label{display:block;color:#77837a;font:9px var(--mono);margin:2px 0 6px 2px;text-transform:uppercase;letter-spacing:.7px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.mode-card{min-height:58px;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#070b08;color:#839087;text-align:left;cursor:pointer;transition:.2s}.mode-card b{display:block;font:11px var(--mono);color:#dce5de;margin-bottom:4px}.mode-card small{display:block;font-size:8.5px;line-height:1.25}.mode-card:hover,.mode-card.active{border-color:var(--lime);background:rgba(217,255,71,.1)}.mode-card.active b{color:var(--lime)}
.map-preview-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;background:#101510;z-index:1}.parcel-path{fill:rgba(217,255,71,.42);stroke:#eaff57;stroke-width:1.8;filter:drop-shadow(0 0 7px rgba(217,255,71,.95))}.drone-layer{display:none!important}

/* Supabase authentication and transparent parcel layer */
.parcel-path{fill:rgba(217,255,71,.1);filter:drop-shadow(0 0 5px rgba(217,255,71,.82))}
body.auth-pending .studio-nav,body.auth-pending .studio-shell{visibility:hidden}.auth-link{font-weight:700;color:#e9eee9!important}.user-chip{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid rgba(255,255,255,.1);border-radius:99px;background:rgba(255,255,255,.035);max-width:220px}.user-chip>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#071007;font:700 12px var(--mono)}.user-chip small{font:9px var(--mono);color:#b9c2bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{border:0;background:transparent;color:#869189;font:10px var(--mono);cursor:pointer}.logout-btn:hover{color:var(--red)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);background:radial-gradient(circle at 20% 30%,rgba(217,255,71,.07),transparent 30%),#050806;position:relative;overflow:hidden}.auth-brand{position:fixed;left:clamp(22px,4vw,64px);top:28px;z-index:8}.auth-visual{position:relative;min-height:100vh;padding:150px clamp(28px,6vw,90px) 55px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.auth-copy{position:relative;z-index:3;max-width:680px}.auth-copy h1{font:clamp(55px,7vw,106px)/.88 var(--display);letter-spacing:-6px;margin:24px 0;color:#f3f5ef}.auth-copy h1 em{font-style:normal;color:var(--lime)}.auth-copy p{max-width:570px;color:#95a098;line-height:1.75;font-size:16px}.auth-stats{position:absolute;left:clamp(28px,6vw,90px);right:50px;bottom:42px;display:flex;gap:26px;z-index:3}.auth-stats span{font:10px var(--mono);color:#748078}.auth-stats b{color:var(--lime);margin-right:7px}.auth-orbit{position:absolute;width:min(60vw,760px);height:min(60vw,760px);right:-180px;top:50%;transform:translateY(-50%);border:1px solid rgba(217,255,71,.1);border-radius:50%;animation:spin 40s linear infinite}.auth-orbit span{position:absolute;inset:12%;border:1px dashed rgba(117,236,255,.12);border-radius:50%}.auth-orbit span:nth-child(2){inset:27%;border-style:solid}.auth-orbit span:nth-child(3){inset:42%;background:rgba(217,255,71,.08);box-shadow:0 0 100px rgba(217,255,71,.12)}.auth-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime);top:12%;left:50%;box-shadow:0 0 30px var(--lime)}.auth-panel{display:grid;place-items:center;padding:90px clamp(24px,5vw,78px) 40px;background:linear-gradient(145deg,rgba(11,16,13,.96),rgba(5,8,6,.97));position:relative;z-index:4}.auth-card{width:min(490px,100%)}.auth-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.auth-card-top h2{font:38px var(--display);letter-spacing:-1.8px;margin:8px 0 0}.auth-card-top>a{text-decoration:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#829087}.auth-mode-tabs,.auth-method-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#070b08}.auth-mode-tabs{margin-bottom:12px}.auth-method-tabs{margin-bottom:23px}.auth-mode-tabs button,.auth-method-tabs button{height:42px;border:0;border-radius:8px;background:transparent;color:#758178;font:700 11px var(--mono);cursor:pointer}.auth-mode-tabs button.active{background:var(--lime);color:#071007}.auth-method-tabs button.active{background:#151d16;color:#eff4ef;box-shadow:inset 0 0 0 1px rgba(217,255,71,.2)}.auth-pane>.field,.auth-name{margin-bottom:14px}.auth-pane .field input,.auth-name input{height:52px;font-size:14px}.phone-row{display:grid;grid-template-columns:58px 1fr;gap:9px;align-items:end}.phone-row>span{height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#050906;color:var(--lime);font:12px var(--mono)}.auth-hint,.auth-legal{font-size:10px;line-height:1.55;color:#667168}.auth-submit{width:100%;height:54px;border:0;border-radius:11px;background:var(--lime);color:#071007;font-weight:900;letter-spacing:.4px;cursor:pointer;margin-top:10px;display:flex;align-items:center;justify-content:space-between;padding:0 19px}.auth-submit:disabled{opacity:.5;cursor:wait}.auth-message{min-height:24px;margin-top:15px;color:#a9bf69;font-size:12px}.auth-message.error{color:var(--red)}.auth-legal{margin-top:18px}.config-alert{padding:12px 14px;border:1px solid rgba(255,193,7,.35);border-radius:9px;background:rgba(255,193,7,.06);margin-bottom:16px}.config-alert b,.config-alert span{display:block}.config-alert b{color:#ffd95c;font-size:12px}.config-alert span{color:#9e936a;font-size:10px;margin-top:3px}.otp-form label{display:block;color:#78847b;font:9px var(--mono);margin:10px 0 7px}.otp-form>input{width:100%;height:64px;border:1px solid rgba(217,255,71,.3);border-radius:10px;background:#050906;color:var(--lime);font:28px var(--mono);letter-spacing:12px;text-align:center;outline:none}.otp-head{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--lime)}.otp-head button{border:0;background:transparent;color:#849087;font:10px var(--mono);cursor:pointer}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:42vh;padding:120px 24px 55px}.auth-copy h1{font-size:55px;letter-spacing:-3px}.auth-copy p{font-size:13px}.auth-stats{display:none}.auth-orbit{width:520px;height:520px;right:-260px}.auth-panel{padding:50px 20px 70px}.user-chip{display:none}}
.auth-card #authForm>.field{margin-bottom:14px}.auth-card #authForm>.field input{height:52px;font-size:14px}

/* Video production controls */
.production-card{display:grid;gap:10px}.intro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.intro-card{min-height:52px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#070b08;color:#819087;text-align:left;padding:8px 9px;cursor:pointer}.intro-card b{display:block;color:#dce5de;font:10px var(--mono)}.intro-card small{display:block;font-size:8px;margin-top:3px}.intro-card.active{border-color:var(--lime);background:rgba(217,255,71,.09)}.intro-card.active b{color:var(--lime)}.setting-head{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.setting-head .mini-label{margin:0}.switch{position:relative;width:38px;height:21px}.switch input{position:absolute;opacity:0}.switch span{position:absolute;inset:0;border-radius:99px;background:#283129;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.2s}.switch span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;left:2px;top:2px;background:#768178;transition:.2s}.switch input:checked+span{background:rgba(217,255,71,.2);border-color:var(--lime)}.switch input:checked+span:after{transform:translateX(17px);background:var(--lime)}.full-btn{width:100%}.logo-picker{height:54px;border:1px dashed rgba(217,255,71,.26);border-radius:9px;background:rgba(217,255,71,.025);display:flex;align-items:center;justify-content:center;gap:9px;color:#87938a;font:9px var(--mono);cursor:pointer;overflow:hidden;padding:6px}.logo-picker input{display:none}.logo-picker img{display:none;max-width:100px;max-height:40px;object-fit:contain}.logo-picker.has-logo img{display:block}.logo-picker.has-logo span{display:none}.micro-copy{color:#637067;font:8px/1.45 var(--mono);margin:0}.style-select{height:38px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#050906;color:#dce5de;padding:0 9px;font:10px var(--mono);outline:none}.controls{scrollbar-width:thin;scrollbar-color:rgba(217,255,71,.25) transparent}

/* Sanal Drone 360 brand, accessibility and mobile energy controls */
.brand{min-width:0}.brand-logo{display:block;width:154px;height:54px;object-fit:contain;object-position:center;border-radius:10px;background:#fff;box-shadow:0 8px 28px rgba(24,121,145,.18)}
.nav{background:linear-gradient(180deg,rgba(3,19,28,.97),rgba(3,19,28,.72) 72%,transparent)}.studio-nav{background:#051b24;border-bottom-color:rgba(73,199,212,.24)}.studio-shell{background:#021018}.controls{background:#061c24;border-right-color:rgba(73,199,212,.2)}.control-card{background:linear-gradient(150deg,rgba(18,83,105,.15),rgba(6,28,36,.82));border-color:rgba(73,199,212,.13)}.top-cta,.query-btn,.render-btn{background:linear-gradient(105deg,var(--lime),var(--cyan))!important;border-color:var(--cyan)!important;color:#03151c!important}.seg.active{background:linear-gradient(105deg,var(--lime),var(--cyan));border-color:var(--cyan)}
.accessibility-toggle{height:37px;padding:0 11px;border:1px solid rgba(73,199,212,.24);border-radius:9px;background:rgba(73,199,212,.07);color:#b8d5dc;display:flex;align-items:center;gap:7px;cursor:pointer;font:9px var(--mono)}.accessibility-toggle b{font:700 14px var(--sans);color:var(--cyan)}.accessibility-toggle.active{background:linear-gradient(105deg,var(--lime),var(--cyan));color:#03151c;border-color:transparent}.accessibility-toggle.active b{color:#03151c}
body.accessibility-mode .studio-title h1{font-size:28px}body.accessibility-mode .card-top h2{font-size:13px}body.accessibility-mode .field label,body.accessibility-mode .mini-label{font-size:10px}body.accessibility-mode .field input,body.accessibility-mode .field select,body.accessibility-mode .field textarea{font-size:14px}body.accessibility-mode .mode-card b{font-size:12px}body.accessibility-mode .mode-card small{font-size:10px}body.accessibility-mode button{letter-spacing:.1px}
.power-toggle{display:none;align-items:center;gap:9px;min-height:46px;padding:8px 11px;border:1px solid rgba(73,199,212,.22);border-radius:10px;background:rgba(73,199,212,.06);color:#a8c3ca;text-align:left;cursor:pointer}.power-toggle i{font-style:normal;font-size:18px}.power-toggle b{font:700 10px var(--sans)}.power-toggle small{margin-left:auto;font:8px var(--mono);color:var(--cyan)}.power-toggle.active{border-color:rgba(105,183,95,.5);background:rgba(105,183,95,.12)}
body.power-save *,body.power-save *:before,body.power-save *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.08s!important;scroll-behavior:auto!important}body.power-save .noise,body.power-save .map-grid{display:none!important}body.power-save .reveal{opacity:1!important;transform:none!important}
@media(max-width:760px){.brand-logo{width:112px;height:43px;border-radius:8px}.power-toggle{display:flex;width:100%}.site-footer .power-toggle{order:3}.studio-nav .accessibility-toggle span{display:none}.studio-nav .accessibility-toggle{padding:0 10px}.studio-power-toggle{margin:12px 0 4px}.site-footer{gap:15px}}
