/* AppleSolution QC — Opening Soon */
:root{
  --bg:#0b0b10;
  --fg:#e9ecf1;
  --muted:#a7b0be;
  --brand:#ff6a3d;
  --brand-2:#7a5cff;
  --brand-3:#19c1ff;
  --card:#10131a;
  --glass:rgba(255,255,255,.08);
  --border:rgba(255,255,255,.12);
  --shadow: 0 20px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color:var(--fg);
  background:radial-gradient(1200px 800px at 10% -10%, rgba(122,92,255,.25), transparent 60%),
             radial-gradient(1000px 700px at 110% 0%, rgba(25,193,255,.2), transparent 60%),
             var(--bg);
  line-height:1.6;
}
.container{max-width:1080px;margin:0 auto;padding:20px}
.bg .blob{position:fixed;filter:blur(60px);opacity:.35;z-index:-2;border-radius:50%}
.bg .b1{width:500px;height:500px;background:var(--brand-2);top:-140px;left:-80px}
.bg .b2{width:460px;height:460px;background:var(--brand-3);top:-120px;right:-120px}
.bg .b3{width:540px;height:540px;background:var(--brand);bottom:-180px;left:40%}
.bg .noise{position:fixed;inset:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22400%22 height=%22400%22 viewBox=%220 0 40 40%22><filter id=%22n%22><feTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%222%22 stitchTiles=%22stitch%22/></filter><rect width=%2240%22 height=%2240%22 filter=%22url(%23n)%22 opacity=%220.02%22/></svg>');mix-blend-mode:overlay;pointer-events:none;z-index:-1}

.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.brand .logo{font-size:1.3rem}
.brand .name{font-size:1.05rem}
.pill{border:1px solid var(--border);padding:8px 16px;border-radius:999px;color:var(--fg);text-decoration:none;background:var(--glass)}
.pill:hover{background:rgba(255,255,255,.12)}

.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;padding:40px 0}
.hero .badge{display:inline-block;background:linear-gradient(90deg,var(--brand-2),var(--brand-3));padding:6px 12px;border-radius:999px;color:#fff;font-weight:700;font-size:.8rem}
.hero h1{font-size:4rem;line-height:1.05;margin:.35em 0 .2em;font-weight:800}
.grad{background:linear-gradient(90deg,#fff,var(--brand-2),var(--brand-3),var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;color:var(--muted);max-width:50ch}
.cta{display:flex;gap:12px;margin:22px 0 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;border:1px solid var(--border);text-decoration:none;color:var(--fg);background:var(--glass);box-shadow:var(--shadow);transition:transform .06s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--brand-2),var(--brand-3));border-color:transparent;color:#fff;font-weight:700}
.btn.ghost{background:transparent}
.btn.full{width:100%}
.btn.big{padding:16px 22px;font-size:1.05rem}

.highlights{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:12px;padding:0;margin:20px 0 0;list-style:none}
.highlights li{display:flex;align-items:center;gap:10px;color:#d2d6de;background:var(--glass);border:1px solid var(--border);padding:10px 12px;border-radius:12px}

.hero-card{background:rgba(10,14,20,.55);border:1px solid var(--border);backdrop-filter:blur(10px);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.card-header{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.25)}
.card-header .dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #fff, var(--brand-2))}
.card-body{padding:18px}
.status{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#d7dbdf}
.pulse{width:10px;height:10px;border-radius:50%;background:var(--brand-3);box-shadow:0 0 0 0 rgba(25,193,255,.7);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,193,255,.7)}70%{box-shadow:0 0 0 14px rgba(25,193,255,0)}100%{box-shadow:0 0 0 0 rgba(25,193,255,0)}}
.grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px}
.k{color:#9aa4b3;font-size:.8rem}
.v{font-weight:700}

.invest{padding:40px 0}
.invest h2{font-size:2.4rem;margin:0 0 8px}
.invest .sub{color:var(--muted);margin:0 0 20px}
.cards{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:16px}
.i-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.i-card h3{margin:.2em 0 .4em}
.i-card p{margin:0;color:#c9ced7}

.contact{padding:40px 0}
.contact-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}
.contact .sub{color:var(--muted)}
.bullets{margin:10px 0 0;padding-left:18px;color:#d5dbe4}
.form-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}
.form-card label{display:block;font-weight:600;margin:8px 0 6px}
.form-card input,.form-card select,.form-card textarea{
  width:100%;padding:12px 12px;border-radius:12px;border:1px solid var(--border);background:#0d1118;color:#e9ecf1;
}
.form-card .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.note{margin:10px 0 0;font-size:.95rem}
.note.ok{color:#8efca8}
.note.err{color:#ff8a8a}

.footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0;color:#c4cad4}
.footer .views{background:var(--glass);border:1px solid var(--border);padding:8px 12px;border-radius:10px}

@media (max-width: 960px){
  .hero{grid-template-columns:1fr;gap:24px}
  .highlights{grid-template-columns:1fr 1fr}
  .contact-wrap{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .hero h1{font-size:3rem}
}
