.hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:48px;align-items:center}.hero h1{font-size:clamp(40px,6vw,68px);letter-spacing:-2px}.icon{width:160px;height:160px;border-radius:32px;box-shadow:0 16px 50px #0004}.facts{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.facts span{border:1px solid #47515a;border-radius:100px;padding:6px 14px;font-size:14px;color:#e2e7ec}.button{display:inline-block;background:#ffbf48;color:#101820;border-radius:10px;padding:12px 22px;font-weight:700;text-decoration:none}.status{font-size:14px;max-width:640px}.section{margin-top:64px}.section>h2{font-size:34px}.tool-table{width:100%;border-collapse:collapse;margin-top:24px}.tool-table th,.tool-table td{text-align:left;padding:18px 16px;border-bottom:1px solid #35404b;vertical-align:top}.tool-table th{font-size:15px;color:#aeb9c3}.tool-table td:first-child{font-weight:650;min-width:170px}.tool-table td:last-child{color:#c5cdd5}.example{padding:30px;border:1px solid #47515a;border-left:4px solid #ffbf48;border-radius:14px;background:#18232e}.equation{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;color:#f5f6f7}.example dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}.example dt{color:#aeb9c3}.example dd{margin:0;font-weight:650}.phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.phone-grid figure{margin:0}.phone-grid img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid #47515a;background:#fff}.phone-grid figcaption,.ipad-shot figcaption{font-size:15px;color:#c5cdd5;padding-top:12px}.ipad-shot{margin:36px 0 0}.ipad-shot img{width:100%;height:auto;max-height:850px;object-fit:contain;background:#18232e;border:1px solid #47515a;border-radius:16px}.article{max-width:820px}.article h1{font-size:clamp(38px,6vw,54px)}.article ul{color:#c5cdd5}.link-list{display:flex;gap:24px;flex-wrap:wrap}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:24px}.icon{width:104px;height:104px;grid-row:1}.phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-table th,.tool-table td{padding:14px 8px}.tool-table td:first-child{min-width:110px}.example{padding:22px}.example dl{grid-template-columns:1fr}.example dd{margin-bottom:8px}}@media(max-width:420px){.phone-grid{grid-template-columns:1fr}.phone-grid img{max-width:310px;margin:auto}.phone-grid figcaption{text-align:center}}
