.hero-note{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:20px;border-top:1px solid #dbe5df;color:#66776e;font-size:13px}
.phone{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:radial-gradient(ellipse at 25% 50%,#dffff0,transparent 60%)}
.phone-copy h2{font-size:clamp(48px,6vw,82px);margin:18px 0}
.phone-copy p{max-width:560px;color:#607067;line-height:2;font-size:18px}
.phone-copy .pill{margin:18px 10px}
.napoli{display:flex;width:max-content;margin:24px 0;padding:15px 20px;border:1px solid #86e7b7;background:#effff6;color:#006b37;text-decoration:none;font-weight:900}
.phone-frame{position:relative;width:min(370px,90vw);height:680px;margin:auto;border:12px solid #0b0e0c;border-radius:54px;background:#111;overflow:hidden;box-shadow:0 35px 70px #004f282b}
.phone-frame iframe{width:100%;height:100%;border:0;background:#fff}
.phone-island{position:absolute;z-index:3;top:10px;left:50%;width:110px;height:26px;transform:translateX(-50%);border-radius:20px;background:#080c0a}
.work{background:#080c0a;color:#fff}
.work .section-head p{color:#a6b1ab}
.work .section-head h2 span{color:#91a099}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.work figure{margin:0}
.work figure img{display:block;width:100%;height:520px;object-fit:cover;background:#fff}
.work figcaption{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:18px}
.work figcaption h3{font-size:28px;margin:0}
.work figcaption small{color:#76bf9b}
.process h2 span{color:#007b40}
.process-intro{max-width:650px;color:#607067;line-height:2;font-size:18px}
.cta>div>span{font-size:11px;font-weight:900;letter-spacing:.12em}
@media(max-width:900px){.phone{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.work figure img{height:420px}}
@media(max-width:560px){.hero-note{display:grid}.phone-frame{height:590px}.work figure img{height:320px}.work figcaption{display:block}.work figcaption small{display:block;margin-top:8px}}