.h3v h1{font-size:58px}
.browser .shot{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.phone .pshot{background:#F7F5F0;border-radius:24px;height:100%;padding-top:26px;overflow:hidden}
.phone .pshot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.h3v .show{padding-bottom:40px}
.h3v .phone{bottom:-6px}
.showcap{bottom:-30px}
.dotreal{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft);flex:none}
/* featured project */
.feature{margin-top:22px;display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:28px;padding:48px}
.fshots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:var(--accent-soft);border-radius:20px;padding:36px 28px 22px}
.fshots figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.phone.sm{position:relative;right:auto;bottom:auto;width:100%;max-width:190px;height:auto;aspect-ratio:178/370}
.fshots figcaption{font-size:15px;font-weight:600;color:var(--accent-ink)}
.ftext{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.ftext h2{font-size:44px}
.fdesc{font-size:19px;color:var(--ink2);max-width:420px}
.langs{display:flex;gap:8px;flex-wrap:wrap}
.langs span{height:34px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--line2);border-radius:999px;font-size:15px;color:var(--ink2)}
.fquote{margin:6px 0 4px;padding:4px 0 4px 20px;border-left:3px solid var(--accent)}
.fquote p{font-size:22px;font-weight:550;letter-spacing:-.01em;color:var(--ink)}
.fquote cite{display:block;margin-top:6px;font-style:normal;font-size:15px;color:var(--muted)}
/* booking slot */
.booking-slot{width:100%;min-height:280px;border:2px dashed #3A4C80;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;background:rgba(255,255,255,.03)}
.booking-slot b{color:#fff;font-size:20px;font-weight:600}
.cta-box .side{align-items:stretch}
@media (max-width:900px){
 .h3v h1{font-size:40px}
 .h3v .show{padding-bottom:0}
 .h3v .phone{bottom:auto}
 .feature{grid-template-columns:1fr;gap:28px;padding:20px;border-radius:22px}
 .fshots{gap:10px;padding:22px 12px 14px}
 .phone.sm{border-radius:20px;padding:5px;width:100%}
 .phone.sm .notch{top:9px;width:30px;height:8px}
 .phone.sm .pshot{border-radius:15px;padding-top:14px}
 .fshots figcaption{font-size:16px}
 .ftext h2{font-size:34px}
 .fdesc{font-size:18px}
 .fquote p{font-size:20px}
 .fquote cite{font-size:16px}
 .langs span{font-size:16px;height:44px}
 .ftext .btn{width:100%}
 .booking-slot{min-height:220px}
 .booking-slot b{font-size:18px}
 .cta-box .btn{width:100%}
}
.booking-slot .ph{color:var(--on-dark2);border-color:var(--on-dark2)}