/*
Theme Name: SkyForge Drone
Author: OpenAI
Description: Cinematic responsive WordPress drone theme with Three.js and GSAP.
Version: 1.0.0
*/
:root{--bg:#05070a;--text:#eef5ff;--muted:#8d9aaa;--blue:#4bb7ff;--line:rgba(255,255,255,.10);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,7,10,.78),transparent);backdrop-filter:blur(8px)}.logo{font-weight:800;letter-spacing:.16em;font-size:13px}.logo span{color:var(--blue)}.nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#b9c4d1}.nav a{transition:.25s}.nav a:hover{color:#fff}.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 68% 45%,rgba(44,157,255,.16),transparent 28%),radial-gradient(circle at 20% 80%,rgba(28,85,140,.12),transparent 30%)}#drone-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-copy{position:relative;z-index:2;width:min(var(--max),92vw);margin:auto;padding-top:80px;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--blue);margin-bottom:20px}.hero h1{font-size:clamp(58px,9vw,142px);line-height:.86;letter-spacing:-.065em;margin:0;max-width:800px;font-weight:700}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#b9dfff}.hero p{max-width:480px;color:var(--muted);font-size:15px;line-height:1.8;margin-top:30px}.hero-cta{display:inline-flex;margin-top:18px;padding:14px 20px;border:1px solid rgba(117,197,255,.4);border-radius:999px;pointer-events:auto;background:rgba(13,22,32,.55)}.scroll-cue{position:absolute;bottom:30px;left:4vw;color:#748292;font-size:10px;letter-spacing:.25em;text-transform:uppercase}.scroll-cue:after{content:"";display:inline-block;width:50px;height:1px;background:#5d7084;margin-left:12px;vertical-align:middle}.section{position:relative;padding:140px 4vw}.wrap{width:min(var(--max),100%);margin:auto}.section-kicker{color:var(--blue);font-size:10px;letter-spacing:.3em;text-transform:uppercase}.section h2{font-size:clamp(42px,6vw,88px);letter-spacing:-.055em;line-height:.95;margin:16px 0 24px}.lead{color:var(--muted);max-width:620px;line-height:1.8}.story{min-height:100vh;display:flex;align-items:center;background:linear-gradient(180deg,#05070a,#07101a 50%,#05070a)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.story-visual{height:560px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(64,177,255,.16),transparent 34%),linear-gradient(145deg,#0d141d,#05070a);position:relative;overflow:hidden}.orbit{position:absolute;inset:14%;border:1px solid rgba(89,183,255,.22);border-radius:50%;transform:rotateX(65deg);animation:orbit 12s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 25px 8px rgba(75,183,255,.35)}.orbit:before{top:0;left:50%}.orbit:after{bottom:0;right:20%}@keyframes orbit{to{transform:rotateX(65deg) rotateZ(360deg)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:38px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:42px;letter-spacing:-.04em}.stat span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin-top:8px}.products{background:#070b10}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.card{min-height:480px;padding:30px;border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0c1219,#070a0e);transition:transform .5s,border-color .5s}.card:hover{transform:translateY(-8px);border-color:rgba(75,183,255,.45)}.card-art{height:280px;border-radius:18px;background:radial-gradient(circle,rgba(75,183,255,.22),transparent 35%),#090e14;display:grid;place-items:center}.mini-drone{width:150px;height:48px;border:2px solid #9ecfff;border-radius:55% 45% 50% 50%;box-shadow:0 0 30px rgba(75,183,255,.22);transform:perspective(400px) rotateX(20deg)}.card h3{font-size:28px;margin:26px 0 8px}.card p{color:var(--muted);font-size:13px;line-height:1.7}.tech{background:#05070a}.tech-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.tech-list{border-top:1px solid var(--line)}.tech-item{padding:25px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.tech-item span{color:var(--muted)}.tech-item strong{font-weight:500}.cta{padding:170px 4vw;text-align:center;background:radial-gradient(circle at 50% 0,rgba(53,155,230,.14),transparent 36%),#06090d}.cta h2{margin-left:auto;margin-right:auto;max-width:900px}.button{display:inline-flex;padding:16px 25px;border-radius:999px;background:#eaf5ff;color:#07101a;font-weight:700;margin-top:20px}footer{padding:35px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#697687;font-size:11px;text-transform:uppercase;letter-spacing:.14em}@media(max-width:900px){.nav{display:none}.story-grid,.tech-grid{grid-template-columns:1fr}.story-visual{height:380px}.product-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid var(--line)}}@media(max-width:600px){.hero h1{font-size:58px}.section{padding:95px 6vw}.stats{grid-template-columns:1fr}.stat{border-right:0}.stat:last-child{border-bottom:0}.site-header{padding:20px 6vw}.story-visual{height:300px}}