:root{--bg:#050a12;--text:#eff4fb;--muted:#a7b5c8;--accent:#00eb98;--line:#203149}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 80% 5%,#102637 0,transparent 40%),var(--bg);color:var(--text);font:16px/1.65 Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:1.12rem;font-weight:800;letter-spacing:.12em}.brand span{display:block;color:var(--muted);font-size:.7rem;font-weight:400;letter-spacing:.06em;margin-top:3px}.links{display:flex;gap:30px;font-size:.93rem}.links a:hover,a:focus-visible{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.hero{padding:110px 0 90px;max-width:880px}.eyebrow{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px}h1{font-size:clamp(2.6rem,6.3vw,5.4rem);line-height:1.06;letter-spacing:-.045em;margin:0 0 28px}h2{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.15;letter-spacing:-.035em;margin:0}.intro{color:var(--muted);max-width:650px;font-size:1.15rem}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{padding:13px 22px;border-radius:8px;display:inline-flex;gap:30px;align-items:center;font-weight:700;font-size:.9rem}.primary{background:var(--accent);color:#032218}.secondary{border:1px solid #45566b}.primary:hover{background:#58ffc0}.hero-note{color:var(--muted);font-size:.78rem;margin-top:30px;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.projects{padding:20px 0 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading p:last-child{color:var(--muted);font-size:.87rem}.section-heading .eyebrow{margin-bottom:12px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project{border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#0d1a29,#09131f);padding:24px;display:flex;flex-direction:column;overflow:hidden}.project.featured{border-color:#267254}.project-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center}.number{font-size:.62rem;letter-spacing:.08em;color:var(--muted)}.tag{font-size:.62rem;background:#16283b;border-radius:20px;padding:4px 9px;color:#cfdfed}.project-visual{height:205px;margin:26px -24px 24px;padding:22px 24px;display:grid;place-items:center;background:radial-gradient(ellipse at bottom,#122f35,transparent 75%)}.browser{width:100%;border:1px solid #376058;border-radius:8px;overflow:hidden;background:#0c2124;transform:rotate(-3deg)}.browser-bar{display:flex;gap:5px;background:#143638;padding:9px}.browser-bar i{width:5px;height:5px;background:#83a9a6;border-radius:50%}.browser-body{padding:16px}.browser-body span{font-size:.52rem;letter-spacing:.1em;color:#72d7b9}.browser-body strong{display:block;font-size:1.3rem;line-height:1.15;margin:10px 0 16px}.browser-body b{font-size:.55rem;padding:7px 10px;background:#00eb98;color:#032218;border-radius:3px}.records-visual{background:radial-gradient(ellipse at bottom,#223547,transparent 75%)}.record{width:100%;border:1px solid #3b5875;border-radius:9px;padding:20px;background:#102136;transform:rotate(3deg)}.record>span,.lead-layout>span{font-size:.56rem;letter-spacing:.12em;color:#9ebddd}.record>div{display:flex;gap:12px;align-items:center;border-bottom:1px solid #2a425b;padding:13px 0}.record i{width:14px;height:14px;border-radius:3px;background:#426d98}.record b{height:5px;width:52%;background:#597791;border-radius:4px}.record em{height:5px;width:22%;background:#334e68;border-radius:4px}.leads-visual{background:radial-gradient(ellipse at bottom,#282943,transparent 75%)}.lead-layout{width:100%;border:1px solid #4b4a70;border-radius:9px;padding:20px;background:#181b2b}.lead-layout>div{display:flex;align-items:center;gap:12px;padding-top:14px;font-size:.8rem}.lead-layout i{height:8px;width:8px;background:#aaa0ed;border-radius:50%}.project h3{font-size:1.45rem;letter-spacing:-.025em;margin:0 0 12px}.project>p{font-size:.91rem;color:var(--muted);margin:0 0 24px;flex:1}.project-bottom{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px}.project-bottom>span{font-size:.73rem;color:var(--muted)}.project-bottom a,.text-link{color:var(--accent);font-weight:700;font-size:.86rem}.about{padding:64px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about p:not(.eyebrow){color:var(--muted);margin:0 0 20px}.closing{text-align:center;padding:90px 0}.closing p:not(.eyebrow){color:var(--muted);margin-bottom:26px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;border-top:1px solid var(--line);font-size:.75rem}footer strong{letter-spacing:.1em}footer span{display:block;color:var(--muted);margin-top:6px}footer>div:last-child{display:flex;flex-wrap:wrap;gap:22px}.detail{padding:80px 0;max-width:760px}.detail h1{font-size:clamp(2.5rem,6vw,4rem)}.detail p:not(.eyebrow){color:var(--muted)}@media(max-width:900px){.project-grid{grid-template-columns:1fr}.project-visual{max-width:400px;width:calc(100% + 48px);align-self:center}.about{gap:30px}.hero{padding-top:80px}}@media(max-width:580px){.wrap{width:calc(100% - 32px)}nav{flex-wrap:wrap;gap:16px}.links{gap:24px}.hero{padding:64px 0}.intro{font-size:1rem}.section-heading{display:block}.about{grid-template-columns:1fr}.closing{padding:64px 0}footer{align-items:flex-start;flex-direction:column}.hero-note{flex-wrap:wrap}.button{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}