:root{--black:#030303;--line:#252525;--white:#f3f3f1;--muted:#929292}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.site-header{position:absolute;z-index:20;inset:0 0 auto;height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a}.header-contact{display:flex;align-items:center;gap:13px;color:#aaa;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.brand-logo{display:flex;align-items:center;gap:12px;height:50px}.brand-logo>span:last-child{font-size:14px;font-weight:300;letter-spacing:.42em}.brand-logo b{font-weight:700}.brand-crop{position:relative;width:76px;height:48px;overflow:hidden}.brand-crop img{position:absolute;width:170px;max-width:none;left:-50px;top:-47px}
.hero{min-height:100svh;padding:150px 5vw 80px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 46%,#151515 0,transparent 45%)}.hero-inner{width:min(1080px,100%);text-align:center}.eyebrow{margin:0;color:#969696;font-size:11px;letter-spacing:.25em;text-transform:uppercase}.hero h1{margin:38px auto 30px;max-width:1040px;font-size:clamp(64px,8.2vw,132px);line-height:.92;letter-spacing:-.065em;font-weight:300}.hero em,.section-title em,.contact em{color:#8c8c8c;font-style:normal}.hero-lead{max-width:680px;margin:0 auto;color:#aaa;font-size:19px;line-height:1.65}.hero a{margin:42px auto 0;width:max-content;display:flex;align-items:center;gap:25px;padding:16px 0;border-bottom:1px solid #ddd;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.work{padding:135px 5vw 60px}.section-title{max-width:1450px;margin:0 auto 100px}.section-title>span{color:#777;font-size:10px;letter-spacing:.27em;text-transform:uppercase}.section-title h2{margin:24px 0 0;font-size:clamp(50px,6vw,96px);line-height:.98;letter-spacing:-.055em;font-weight:300}.project-list{max-width:1450px;margin:auto}.project{display:grid;grid-template-columns:230px 1fr;gap:55px;padding:72px 0 95px;border-top:1px solid var(--line)}.project-meta{display:flex;gap:24px;padding-top:7px}.project-meta>span{color:var(--accent);font-size:11px;letter-spacing:.18em}.project-meta h3{margin:0 0 11px;font-size:25px;font-weight:400;letter-spacing:.08em}.project-meta p{margin:0;color:#777;font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}.browser{min-width:0;display:block;border:1px solid #303030;border-radius:13px;overflow:hidden;background:#0c0c0c;box-shadow:0 28px 70px #0009;transition:.25s}.browser:hover{border-color:var(--accent);transform:translateY(-2px)}.browser-bar{height:50px;padding:0 18px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #292929}.browser-bar i{width:7px;height:7px;border:1px solid #666;border-radius:50%}.browser-bar span{margin:auto;max-width:70%;overflow:hidden;color:#777;font-size:9px;letter-spacing:.09em;white-space:nowrap;text-overflow:ellipsis}.browser-bar b{color:#aaa;font-size:14px;font-weight:400}.viewport{height:570px;position:relative;overflow:hidden;background:#eee;pointer-events:none}.viewport iframe{width:1440px;height:900px;position:absolute;top:0;left:50%;border:0;transform:translateX(-50%) scale(.66);transform-origin:top center;background:#fff}.browser-action{height:58px;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 24px;color:#bbb;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.browser-action svg{width:16px}
.benefits{padding:140px 8vw;background:#f0f0ee;color:#0a0a0a}.section-title.small{margin-left:0;margin-bottom:75px}.section-title.small>span{color:#777}.section-title.small h2{font-size:clamp(48px,5.4vw,82px)}.benefit-list{border-top:1px solid #bcbcbc}.benefit-list article{display:grid;grid-template-columns:70px minmax(250px,.75fr) 1fr;gap:35px;align-items:center;padding:33px 0;border-bottom:1px solid #c7c7c7}.benefit-list article>span{color:#888;font-size:11px}.benefit-list h3{margin:0;font-size:25px;font-weight:400}.benefit-list p{margin:0;max-width:570px;color:#666;font-size:15px;line-height:1.65}
.contact{min-height:85vh;padding:135px 8vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-bottom:1px solid var(--line)}.contact h2{margin:70px 0 30px;max-width:1200px;font-size:clamp(60px,8vw,125px);line-height:.92;letter-spacing:-.065em;font-weight:300}.contact>p{margin:0;color:#999;font-size:18px}.contact>a{margin-top:45px;display:flex;align-items:center;gap:24px;padding:19px 23px;border:1px solid #777;font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:.25s}.contact>a:hover{background:#fff;color:#000}footer{min-height:140px;padding:35px 5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}footer p,footer>span{color:#777;font-size:9px;letter-spacing:.18em;text-transform:uppercase}
@media(max-width:900px){.project{grid-template-columns:1fr;gap:30px}.project-meta{padding:0}.benefit-list article{grid-template-columns:45px 1fr}.benefit-list p{grid-column:2}}
@media(max-width:650px){.site-header{height:80px;padding:0 18px}.brand-logo{gap:8px}.brand-logo>span:last-child{font-size:11px;letter-spacing:.3em}.brand-crop{width:68px;height:44px}.brand-crop img{width:150px;left:-45px;top:-42px}.header-contact{font-size:0}.header-contact svg{width:23px}.hero{min-height:800px;padding:120px 22px 70px;background:radial-gradient(circle at 50% 44%,#121212 0,transparent 55%)}.eyebrow{font-size:10px;line-height:1.6}.hero h1{margin:34px auto 27px;font-size:clamp(57px,17vw,79px);line-height:.94}.hero-lead{font-size:17px;line-height:1.55}.work{padding:95px 14px 35px}.section-title{margin:0 8px 65px}.section-title h2{font-size:48px}.project{padding:48px 0 67px}.project-meta{margin:0 8px}.project-meta h3{font-size:22px}.browser{border-radius:9px}.browser-bar{height:43px}.viewport{height:530px;width:100%;background:#fff}.viewport iframe{width:100%;height:850px;left:0;transform:none}.browser-action{height:56px;justify-content:center;background:#0a0a0a}.benefits{padding:95px 22px}.section-title.small{margin-bottom:55px}.section-title.small h2{font-size:47px}.benefit-list article{grid-template-columns:35px 1fr;gap:14px 18px;padding:28px 0}.benefit-list h3{font-size:22px}.benefit-list p{font-size:15px}.contact{min-height:760px;padding:100px 22px}.contact h2{margin-top:65px;font-size:56px}.contact>p{font-size:17px;line-height:1.55}.contact>a{width:100%;justify-content:space-between;padding:19px 16px;font-size:10px}footer{grid-template-columns:1fr;padding:45px 20px}footer p{line-height:1.6}}