:root{--pink:#FF007F;--violet:#A36CFF;--blue:#2D8CFF;--grad: linear-gradient(90deg, var(--pink), var(--violet) 50%, var(--blue));--bg:#0e0e0e;--panel:#121212;--panel-2:#1a1a1a;--text:#ffffff;--muted:rgba(255,255,255,.72);--muted-2:rgba(255,255,255,.56);--border:rgba(255,255,255,.12);--radius:18px;--radius-sm:12px;--radius-xs:9px;--shadow-sm:0 4px 16px rgba(0,0,0,.18);--shadow:0 10px 35px rgba(0,0,0,.2);--shadow-lg:0 18px 55px rgba(0,0,0,.28);--ring-dark:0 0 0 3px rgba(45,140,255,.28);--ring-light:0 0 0 2px rgba(45,140,255,.35);--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-14:56px;--container:1180px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--container);margin:0 auto;padding:0 var(--sp-6)}main{flex:1}section{padding:var(--sp-14) 0}header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0e0e0ed1,#0e0e0e9e)}.nav{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:.4px;display:inline-flex;align-items:center;gap:10px}.brand .pink{color:var(--pink)}.nav-links{display:none;gap:24px}.nav-link{opacity:.72;transition:opacity .2s ease}.nav-link:hover,.nav-link.active{opacity:1}.nav-cta{display:none}@media (min-width: 768px){.nav-links{display:flex}.nav-cta{display:inline-flex}}h1,h2,h3{margin:0}.title{font-weight:900;letter-spacing:.2px}.title-xl{font-size:clamp(34px,5vw,58px);line-height:1.06}.title-lg{font-size:clamp(24px,4vw,36px);line-height:1.14}.lead{max-width:760px;margin:16px auto 0;color:var(--muted);line-height:1.6}.overline{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;letter-spacing:.6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;border-radius:9999px}.grad,.accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.grid{display:grid;gap:var(--sp-6)}.grid-2{grid-template-columns:1.6fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 980px){.grid-2{grid-template-columns:1fr}}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:1fr}}.center{text-align:center}.right{text-align:right}.muted{color:var(--muted)}.dim{color:var(--muted-2)}.mb-8{margin-bottom:var(--sp-8)}.mb-14{margin-bottom:var(--sp-14)}.mt-8{margin-top:var(--sp-8)}.mt-10{margin-top:var(--sp-10)}.p-0{padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:0;border-radius:9999px;font-weight:800;letter-spacing:.2px;cursor:pointer;white-space:nowrap;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:var(--grad);box-shadow:0 8px 22px #a36cff40}.btn-primary:hover{filter:saturate(1.05) brightness(1.03)}.btn-ghost{background:#ffffff1a;color:#fff;border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff2e}.surface-light .btn-ghost{background:#fff;color:#222;border:1px solid rgba(0,0,0,.12)}.surface-light .btn-ghost:hover{background:#fff;filter:brightness(1.02)}.card{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .25s ease,border-color .2s ease,background .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#ffffff2e}.card-inner{padding:var(--sp-6)}.card-outline-gradient{position:relative;background:#fff;border-radius:var(--radius);border:1px solid rgba(0,0,0,.08)}.card-outline-gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;padding:1px;background:var(--grad);opacity:.25;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.thumb{height:224px;width:100%;object-fit:cover;border-radius:14px;background:#0b0b0b}.ratio{position:relative;padding-top:36%;border:1px solid var(--border);border-radius:12px;background:#ffffff0d}.ratio-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff9}.hero{position:relative;padding:96px 0 104px;text-align:center}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 50% 0%,#ff007f38,#0000);z-index:-1}.surface-light{background:#fff;color:#0f0f0f}.surface-light .muted{color:#000000a6}.surface-light .dim{color:#0000008c}.surface-light .overline{background:#fff;border-color:#0000001f}.surface-light .title{color:#0f0f0f}.surface-light .card{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #0000000f}.surface-light .card:hover{box-shadow:0 16px 40px #0000001a;border-color:#0000001f}.form{display:grid;gap:14px;max-width:760px}.input,.form select,.form textarea{width:100%;padding:14px 16px;border-radius:14px;outline:none;background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.12);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.form textarea{min-height:140px;resize:vertical}.input::placeholder,.form textarea::placeholder{color:#ffffff73}.input:focus,.form select:focus,.form textarea:focus{border-color:#2d8cff8c;box-shadow:var(--ring-dark);background:#ffffff14}.input[aria-invalid=true],.form textarea[aria-invalid=true],.form select[aria-invalid=true]{border-color:#ff89b6;box-shadow:0 0 0 3px #ff89b62e}.surface-light .input,.surface-light .form select,.surface-light .form textarea{background:#fff;color:#111;border:1px solid rgba(0,0,0,.12)}.surface-light .input::placeholder,.surface-light .form textarea::placeholder{color:#00000073}.surface-light .input:focus,.surface-light .form select:focus,.surface-light .form textarea:focus{border-color:transparent;box-shadow:var(--ring-light)}.form-sent{border:1px dashed rgba(125,180,255,.4);background:linear-gradient(135deg,#7db4ff14,#ffffff05);border-radius:16px;padding:18px;color:inherit}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9999px;font-weight:700;background:#ffffff1a;color:#fff;border:1px solid var(--border)}.pill--active{background:var(--grad);color:#fff;border:0;box-shadow:0 8px 22px #a36cff40}.surface-light .pill{background:#ffffffe6;color:#222;border:1px solid rgba(0,0,0,.12)}.surface-light .pill--active{background:var(--grad);color:#fff;border:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:var(--sp-6);background:#00000080}.modal-panel{width:100%;max-width:980px;border-radius:var(--radius);overflow:hidden;background:var(--panel);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-lg)}.map{border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 24px #0000000f}.map iframe{display:block;width:100%;height:220px;border:0}footer{border-top:1px solid var(--border);padding:40px 0;color:#fff9;text-align:center}.link-underline{position:relative}.link-underline:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--grad);transition:right .25s ease}.link-underline:hover:after{right:0}@media (max-width: 520px){.title-xl{font-size:30px}.btn{padding:11px 16px}}section[style*="background:#fff"] .input,section[style*="background:#fff"] .form select,section[style*="background:#fff"] .form textarea{background:#fff!important;color:#111!important;border:1px solid rgba(0,0,0,.12)!important}section[style*="background:#fff"] .input::placeholder,section[style*="background:#fff"] .form textarea::placeholder{color:#00000073!important}.marquee-wrap{position:relative;overflow:hidden;background:#fff;color:#0f0f0f;padding:18px 0}.marquee{display:flex;gap:42px;align-items:center;will-change:transform;animation:marquee 28s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-item{flex:0 0 auto;height:64px;display:flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:14px;background:#f9f9fb;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 22px #0000000a}.logo-item img{max-height:42px;object-fit:contain}.logo-item span{font-size:12px;color:#0000007a;margin-left:8px}@media (prefers-reduced-motion: reduce){.marquee{animation:none}}
