/* ===== LaunchOne — Shared Styles (extracted) ===== */
:root{
  --bg:#0b0f14; --bg-soft:#10151c; --text:#e8edf3; --muted:#9aa6b2;
  --gold:#d4af37; --gold-2:#f5d76e; --card:#0f141b; --stroke:#1a212b;
  --shadow:0 10px 30px rgba(0,0,0,.4);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background: radial-gradient(1200px 600px at 70% -10%, #1a2230 0%, var(--bg) 50%),
              linear-gradient(180deg, #0b0f14 0%, #0b0f14 100%);
  color:var(--text);
  font:16px/1.6 "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
  min-height:100vh; position:relative; overflow-x:hidden;
}
.noise{pointer-events:none;position:fixed;inset:0;opacity:.04;mix-blend-mode:overlay;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2290%22 height=%2290%22 viewBox=%220 0 90 90%22><filter id=%22n%22><feTurbulence type=%22fractalNoise%22 baseFrequency=%220.8%22 numOctaves=%222%22 stitchTiles=%22stitch%22/></filter><rect width=%2290%22 height=%2290%22 filter=%22url(%23n)%22 opacity=%220.35%22/></svg>');
}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.section{padding:96px 0}
.section--alt{background:linear-gradient(180deg,var(--bg) 0%, var(--bg-soft) 100%)}
.section__title{font-size:30px;margin:0 0 16px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,15,20,.6);backdrop-filter:blur(8px);border-bottom:1px solid var(--stroke)}
.site-header .nav{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.2px}
.logo{width:34px;height:34px}
.logo.small{width:24px;height:24px;opacity:.9}
.menu{display:flex;gap:18px}
.menu a{color:var(--muted);text-decoration:none;font-weight:500}
.menu a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:12px 18px;text-decoration:none;border:1px solid var(--stroke);color:var(--text);font-weight:600;transition: transform .15s ease, box-shadow .15s ease, background .2s ease}
.btn--gold{background: linear-gradient(180deg, var(--gold-2), var(--gold)); color:#1a1405;border:0;box-shadow:0 6px 20px rgba(212,175,55,.25)}
.btn--gold:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(212,175,55,.35)}
.btn--ghost{background:transparent}
.btn--ghost:hover{background:rgba(255,255,255,.06)}
.burger{display:none;background:none;border:0;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:#cfd8e3;margin:5px 0;transition:.2s all ease}
.mobile-menu{display:none;flex-direction:column;gap:12px;padding:14px 20px;border-top:1px solid var(--stroke);background:rgba(11,15,20,.9)}
.mobile-menu a{color:var(--text);text-decoration:none}
@media (max-width: 880px){
  .menu{display:none} .burger{display:block}
  .mobile-menu[hidden]{display:none} .mobile-menu{display:flex}
}

/* Hero */
.hero{position:relative;padding:80px 0 40px}
.hero__wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.hero__copy .eyebrow{color:var(--gold-2);letter-spacing:.3px;font-weight:700;text-transform:uppercase;font-size:12px}
.hero__copy h1{font-size:44px;line-height:1.1;margin:12px 0 10px}
.hero__copy .sub{color:var(--muted);max-width:640px}
.hero__copy .cta{display:flex;gap:12px;margin-top:18px}
.trust{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 0;padding:0;list-style:none;color:#cbd5e1;font-size:14px}
.trust li::before{content:"✓";color:var(--gold-2);margin-right:8px}
.hero__visual .device{width:100%;border-radius:22px;border:1px solid var(--stroke);padding:12px;background:linear-gradient(180deg,#0f141b 0%, #0c1117 100%);box-shadow:var(--shadow)}
.device__screen{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:radial-gradient(600px 300px at 10% -10%, #1c2635 0%, #0b0f14 40%)}
.grid-demo{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:16px}
.grid-demo div{border-radius:12px;background:linear-gradient(180deg,#0f1924 0%, #0b0f14 100%);border:1px solid #1a2431}
.grid-demo div:nth-child(3n){background:linear-gradient(180deg,#142033 0%, #0b0f14 100%)}
.pulse{position:absolute;border-radius:999px;filter:blur(20px);opacity:.6;mix-blend-mode:screen}
.pulse--one{width:140px;height:140px;left:-20px;top:-20px;background:#8ec5ff;animation:float 7s ease-in-out infinite}
.pulse--two{width:180px;height:180px;right:10px;top:30px;background:#ffd37a;animation:float 9s ease-in-out infinite reverse}
.pulse--three{width:120px;height:120px;right:60px;bottom:-30px;background:#a7ffcb;animation:float 12s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px) translateX(6px)}}
.hero__bg .blob{position:absolute;filter:blur(80px);opacity:.28;border-radius:999px}
.hero__bg .b1{width:420px;height:420px;left:-120px;top:-40px;background:radial-gradient(circle at 30% 30%, #ffe08c, #945c00)}
.hero__bg .b2{width:360px;height:360px;right:-120px;top:40px;background:radial-gradient(circle at 30% 30%, #79a5ff, #123a8a)}
.hero__bg .b3{width:300px;height:300px;right:0;bottom:-140px;background:radial-gradient(circle at 30% 30%, #74ffbf, #046440)}
@media (max-width: 960px){ .hero__wrap{grid-template-columns:1fr} .hero{padding-top:40px} .hero__copy h1{font-size:36px} }

/* Cards / Services */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:linear-gradient(180deg,var(--card), #0d131a);border:1px solid var(--stroke);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.card h3{margin:6px 0}
.card .icon{font-size:22px}
@media (max-width: 960px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 600px){.cards{grid-template-columns:1fr}}

/* Pricing */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.price-card{background:linear-gradient(180deg,#0f141b,#0b0f14);border:1px solid var(--stroke);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.price{font-size:40px;font-weight:800;margin:.2rem 0 .6rem}
.price .once{font-size:14px;color:var(--muted);margin-left:6px}
.currency{opacity:.95}
.price-card ul{margin:0 0 14px 0;padding:0 0 0 16px;color:#c9d3de}
.price-card li{margin:6px 0}
@media (max-width: 960px){.pricing{grid-template-columns:1fr}}

/* Steps */
.steps{counter-reset:s;list-style:none;padding:0;margin:14px 0 0}
.steps li{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px dashed var(--stroke);border-radius:14px;margin:10px 0;background:linear-gradient(180deg,var(--card),#0c1117)}
.steps li span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1405;font-weight:800;box-shadow:0 6px 16px rgba(212,175,55,.35)}

/* Work */
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.work-item{display:block;background:linear-gradient(180deg,var(--card),#0b0f14);border:1px solid var(--stroke);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--text);box-shadow:var(--shadow)}
.thumb{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#171f2a,#0d131a)}
.thumb .shine{position:absolute;inset:0;background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.08) 30%, transparent 60%);transform:translateX(-100%);transition:transform .8s ease}
.work-item:hover .shine{transform:translateX(100%)}
.work-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:#cbd5e1}
.work-meta span{color:var(--muted);font-size:13px}
@media (max-width: 960px){.work-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 600px){.work-grid{grid-template-columns:1fr}}

/* Contact */
.section--contact{background:linear-gradient(180deg,#0b0f14,#0b0f14)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.contact__form{display:grid;gap:12px;background:linear-gradient(180deg,var(--card),#0c1117);border:1px solid var(--stroke);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.contact__form label{display:grid;gap:6px}
.contact__form input,.contact__form textarea{background:#0b1117;border:1px solid #1a212b;border-radius:12px;padding:12px;color:var(--text);outline:none}
.contact__form input:focus,.contact__form textarea:focus{border-color:#233044;box-shadow:0 0 0 3px rgba(212,175,55,.15)}
.hidden{display:none}
.small{color:#aeb7c2;font-size:14px}
@media (max-width: 960px){.contact{grid-template-columns:1fr}}

/* Footer */
.site-footer{border-top:1px solid var(--stroke);padding:18px 0;background:rgba(0,0,0,.35)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#c9d3de}
.footer .right{opacity:.9}
.footer .left{display:flex;align-items:center;gap:10px}

/* Reveal */
.reveal{opacity:0;transform:translateY(12px);transition:.6s ease all}
.reveal.visible{opacity:1;transform:none}