:root{--ink:#0b1d3a;--teal:#007d8b;--sky:#edf8fc;--line:#cde2ea;--muted:#49617b;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0;line-height:1.55}.shell{width:min(1160px,calc(100% - 48px));margin:auto}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--ink);color:#fff;padding:8px;z-index:5}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.3rem;font-weight:800;letter-spacing:-.04em;text-decoration:none}.nav{display:flex;gap:28px}.nav a{text-decoration:none;font-weight:650}.nav a[aria-current=page],.nav a:hover,.link{color:var(--teal)}.hero{padding:76px 0 88px;display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center}h1{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.065em;line-height:.98;margin:0 0 28px}h2{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.05em;line-height:1.04}.lede,.copy{color:var(--muted);font-size:1.12rem;max-width:650px}.link{font-weight:800;text-decoration:none}.diagram{min-height:350px;display:grid;grid-template-columns:1fr .15fr 1fr;align-items:center;gap:12px}.phone{height:330px;width:172px;border:8px solid var(--ink);border-radius:29px;margin:auto;background:linear-gradient(160deg,#9ad3eb,#eef9fd 48%,#72aec7 49%,#d6eff8);position:relative;box-shadow:0 18px 45px #0b1d3a22}.phone:after{content:"";position:absolute;inset:76px 24px 96px;border:2px solid #fff}.arrow{text-align:center;color:var(--teal);font-size:2rem}.review{padding:26px 15px;border:1px solid var(--line);border-radius:18px;background:var(--sky);font-weight:750;text-align:center}.band{background:#f8fcfe;padding:88px 0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:var(--sky);padding:30px;border:1px solid #dbeef4;border-radius:18px}.crop{height:190px;background:linear-gradient(145deg,#96cae2,#e9f7fb);position:relative}.crop i{position:absolute;border:2px dashed #fff}.crop i:first-child{inset:18px 22px 36px}.crop i:last-child{inset:58px 48px 66px}.timeline{margin-top:28px;display:grid;gap:18px}.frames{display:flex;gap:6px}.frames i{height:58px;flex:1;background:linear-gradient(135deg,#9fd5eb,#e8f6fb)}.frames i:nth-child(4){outline:3px solid var(--teal)}.track{height:10px;background:#cfeaf4;border-radius:10px}.developer{padding:96px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.code{background:var(--ink);color:#effaff;padding:24px;border-radius:13px;overflow:auto}.status,.notice{background:var(--sky);border:1px solid var(--line);padding:25px;border-radius:16px;color:var(--muted)}.page{padding:76px 0}.content{max-width:800px;padding:18px 0 90px}.content p,.content li{color:var(--muted)}.site-footer{padding:32px 0;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:700px){.shell{width:min(100% - 32px,640px)}.site-header{height:70px}.nav{gap:14px;font-size:.85rem}.hero,.developer{grid-template-columns:1fr;gap:32px;padding:54px 0 62px}.diagram{transform:scale(.9);margin-bottom:-25px}.cards{grid-template-columns:1fr}.band{padding:62px 0}}

@media(max-width:700px){
  .site-header{display:grid;height:auto;justify-content:stretch;gap:10px;padding:18px 0}
  .brand{white-space:nowrap}
  .nav{justify-content:space-between;gap:12px;font-size:.88rem}
  .page{padding:54px 0}
  .page h1{font-size:clamp(2.6rem,13vw,3.5rem)}
}