*{box-sizing:border-box}:root{color-scheme:dark;--bg: #07111f;--panel: rgba(255, 255, 255, .07);--panel-strong: rgba(255, 255, 255, .12);--text: #f8fafc;--muted: #b6c2d2;--accent: #38d6ff;--accent2: #70f5c8;--line: rgba(255, 255, 255, .12);--dark: #020617}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.site{overflow-x:hidden}.header{position:fixed;inset:0 0 auto 0;z-index:50;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#07111fb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em}.brandIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--dark)}.nav{display:flex;gap:28px;font-size:.94rem;color:var(--muted)}.nav a:hover{color:var(--accent)}.headerCta,.primaryBtn,.secondaryBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:800;transition:.25s ease}.headerCta{padding:12px 18px;background:var(--text);color:var(--dark)}.headerCta:hover,.primaryBtn:hover,.secondaryBtn:hover{transform:translateY(-2px)}.hero{min-height:100vh;position:relative;display:grid;align-items:center;padding:120px 5vw 80px}.heroBg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?q=80&w=1800&auto=format&fit=crop);background-size:cover;background-position:center;transform:scale(1.04);animation:slowZoom 18s ease-in-out infinite alternate}.heroOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 30%,rgba(56,214,255,.2),transparent 28%),linear-gradient(90deg,#020617f5,#020617b8,#02061733)}.heroContent{position:relative;max-width:840px}.eyebrow{color:var(--accent);font-size:.78rem;letter-spacing:.28em;font-weight:800;margin:0 0 18px}.hero h1,.sectionHead h2,.recruit h2,.contact h2{margin:0;letter-spacing:-.06em;line-height:1.04}.hero h1{font-size:clamp(3rem,7vw,6.8rem)}.lead{max-width:720px;margin:28px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.24rem);line-height:1.9}.heroActions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.primaryBtn{padding:16px 26px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--dark);box-shadow:0 18px 60px #38d6ff38}.secondaryBtn{padding:16px 26px;border:1px solid var(--line);background:#ffffff0a}.scrollHint{position:absolute;right:5vw;bottom:32px;writing-mode:vertical-rl;color:var(--muted);letter-spacing:.3em;font-size:.72rem}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff0a}.trustItem{display:flex;justify-content:center;align-items:center;gap:9px;padding:24px;color:var(--muted);border-right:1px solid var(--line)}.trustItem svg{color:var(--accent2)}.section{padding:120px 5vw}.sectionHead{max-width:760px;margin-bottom:54px}.sectionHead h2,.recruit h2,.contact h2{font-size:clamp(2.4rem,5vw,4.4rem)}.sectionHead p,.recruit p,.contact p{color:var(--muted);line-height:1.9;font-size:1.05rem}.serviceGrid,.worksGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.serviceCard,.workCard{overflow:hidden;border-radius:28px;background:var(--panel);border:1px solid var(--line);box-shadow:0 28px 80px #00000038}.serviceCard{transition:.35s ease}.serviceCard:hover{transform:translateY(-8px);border-color:#38d6ff73}.serviceImageWrap{height:240px;overflow:hidden}.serviceImageWrap img,.workCard img,.recruitImage img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.serviceCard:hover img,.workCard:hover img{transform:scale(1.08)}.serviceBody{padding:28px}.serviceIcon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#38d6ff24;color:var(--accent);margin-bottom:20px}.serviceBody h3,.workText h3{margin:0 0 12px;font-size:1.35rem}.serviceBody p{margin:0;color:var(--muted);line-height:1.8}.worksSection{background:radial-gradient(circle at 20% 0%,rgba(56,214,255,.12),transparent 30%),#0b1628}.workCard{position:relative;height:380px}.workText{position:absolute;inset:auto 18px 18px 18px;padding:22px;border-radius:22px;background:#020617bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workText span{color:var(--accent2);font-size:.82rem;font-weight:800}.recruit{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;padding:120px 5vw}.recruitText{max-width:640px}.recruitImage{height:520px;overflow:hidden;border-radius:34px;border:1px solid var(--line);box-shadow:0 28px 80px #00000047}.contact{padding:120px 5vw;background:linear-gradient(135deg,#0ea5e9,#67e8f9 45%,#86efac);color:var(--dark)}.contact .eyebrow,.contact p{color:#020617bd}.contactInner{max-width:940px;margin:0 auto;text-align:center}.contactInfo{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:28px 0 34px}.contactInfo span{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#ffffff70}.form{display:grid;gap:14px;max-width:680px;margin:0 auto}.form input,.form textarea{width:100%;border:0;border-radius:18px;padding:17px 18px;font:inherit;color:var(--dark);background:#ffffffd1;outline:none}.form input:focus,.form textarea:focus{box-shadow:0 0 0 4px #0206171f}.form button{border:0;border-radius:999px;padding:18px;background:var(--dark);color:var(--text);font-weight:900;cursor:pointer;transition:.25s ease}.form button:hover{transform:translateY(-2px)}.footer{padding:32px 5vw;text-align:center;color:var(--muted);background:#020617;border-top:1px solid var(--line)}@keyframes slowZoom{0%{transform:scale(1.03)}to{transform:scale(1.11)}}@media (max-width: 900px){.header{height:auto;padding:14px 5vw}.nav{display:none}.headerCta{padding:10px 14px}.trust,.serviceGrid,.worksGrid,.recruit{grid-template-columns:1fr}.trustItem{border-right:0;border-bottom:1px solid var(--line)}.section,.recruit,.contact{padding:86px 5vw}.workCard,.recruitImage{height:330px}.scrollHint{display:none}}@media (max-width: 560px){.brand span:last-child{font-size:.9rem}.hero{padding-top:110px}.heroActions{flex-direction:column}.primaryBtn,.secondaryBtn{width:100%}.serviceImageWrap{height:210px}}