:root{--accent: #2f7bf6;--accent-hover: #1f66dc;--accent-text: #6ea2ff;--accent-soft: rgba(47, 123, 246, .22);--bg: #0a0a0c;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .24);--text: #ffffff;--text-2: rgba(255, 255, 255, .72);--text-3: rgba(255, 255, 255, .5);--muted: #6b6b71}*{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--accent);color:#fff}html{scroll-behavior:smooth;background:var(--bg)}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(42% 55% at 0% 0%,rgba(47,123,246,.22),transparent 70%),radial-gradient(62% 80% at 100% 100%,rgba(47,123,246,.58) 0%,rgba(40,100,200,.34) 35%,rgba(30,71,139,.13) 62%,transparent 82%),var(--bg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{font-family:inherit;cursor:pointer;border:none;background:none}.page{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px;pointer-events:none;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease}.navbar.scrolled{background:#0a0a0cb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.navbar>*{pointer-events:auto}.nav-left{display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;margin-right:4px}.brand-logo{width:30px;height:30px;flex-shrink:0}.brand-text{font-weight:500;font-size:19px;letter-spacing:-.02em}.menu-btn,.tags-pill,.right-pill{background:#14141899;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-btn{display:flex;align-items:center;gap:8px;border-radius:999px;padding:4px 12px 4px 4px}.menu-btn-circle{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.menu-btn-label{font-size:11px;color:var(--text);font-weight:500}.tags-pill{display:none;border-radius:999px;padding:8px 16px;gap:14px;font-size:11px;font-weight:500;color:var(--text-2)}.nav-right{display:flex;align-items:center}.right-pill{display:flex;align-items:center;gap:8px;border-radius:999px;padding:4px}.right-pill-circle{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.right-pill-label{display:none;font-size:11px;font-weight:500;padding-right:10px;color:var(--text-2)}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end}.hero-footer{position:relative;padding:120px 16px 40px}.hero-footer-inner{display:flex;flex-direction:column;gap:24px}.hero-subtitle{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-3);margin-bottom:16px}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);flex-shrink:0}.hero-heading{font-weight:300;font-size:clamp(2.6rem,11vw,4.5rem);letter-spacing:-.035em;line-height:1.02;margin-bottom:28px}.hero-heading .muted{color:var(--muted)}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-primary{background:var(--accent);color:#fff;font-size:13px;font-weight:500;padding:12px 22px;border-radius:999px;transition:background-color .2s ease}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:focus-visible,.btn-ghost:focus-visible,.menu-btn:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.btn-ghost{background:transparent;color:var(--text);font-size:13px;font-weight:500;padding:12px 22px;border-radius:999px;border:1px solid var(--line-strong);transition:border-color .2s ease,color .2s ease}.btn-ghost:hover{border-color:var(--accent-text);color:var(--accent-text)}.services{padding:80px 16px}.section-head{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-3);margin-bottom:32px}.services-grid{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:border-color .2s ease,background-color .2s ease}.service-card:hover{border-color:var(--line-strong);background:var(--surface-hover)}.service-card.open{border-color:var(--accent);background:var(--surface-hover)}.service-card h3{font:inherit}.service-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;color:var(--text);text-align:left;font-size:15px;font-weight:500;letter-spacing:-.01em;border-radius:16px}.service-toggle:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.service-icon{flex-shrink:0;color:var(--text-3);transition:transform .25s ease,color .2s ease}.service-card.open .service-icon{transform:rotate(45deg);color:var(--accent-text)}.service-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.service-card.open .service-body{grid-template-rows:1fr}.service-body>div{overflow:hidden}.service-body p{padding:0 20px 18px;font-size:13px;line-height:1.6;color:var(--text-2)}.contact{padding:80px 16px 24px;border-top:1px solid var(--line)}.contact-inner{display:flex;flex-direction:column;gap:40px}.contact-info h2{font-weight:300;font-size:clamp(1.6rem,5vw,2.6rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:24px}.contact-lines{display:flex;flex-direction:column;gap:8px;font-size:14px}.contact-lines a{color:var(--accent-text);text-decoration:none;border-bottom:1px solid var(--accent-soft);width:fit-content;padding-bottom:1px;transition:border-color .2s ease}.contact-lines a:hover{border-color:var(--accent-text)}.contact-lines span{color:var(--text-3)}.contact-form{display:flex;flex-direction:column;gap:16px;max-width:480px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:var(--text-2)}.contact-form input,.contact-form textarea{font-family:inherit;font-size:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff52}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.contact-form .btn-primary{align-self:flex-start}.form-sent h3{font-weight:500;font-size:18px;margin-bottom:8px}.form-sent p{font-size:14px;color:var(--text-2)}.footer{margin-top:64px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--text-3)}@media(min-width:768px){.navbar{padding:24px 32px}.brand-logo{width:38px;height:38px}.brand-text{font-size:24px}.menu-btn-circle{width:32px;height:32px}.tags-pill{display:flex}.right-pill-circle{width:32px;height:32px}.right-pill-label{display:inline}.hero-footer{padding:140px 32px 64px}.hero-footer-inner{flex-direction:row;align-items:flex-end;justify-content:space-between}.hero-heading{font-size:clamp(3rem,7vw,6rem)}.services{padding:100px 32px}.services-grid{grid-template-columns:repeat(2,1fr)}.contact{padding:100px 32px 24px}.contact-inner{flex-direction:row;justify-content:space-between;gap:64px}.contact-form{flex:1}}@media(min-width:1100px){.services-grid{grid-template-columns:repeat(4,1fr)}}
