.ah264-directory-hero { display:grid; grid-template-columns:190px 1fr 290px; gap:45px; padding:80px var(--pad); background:var(--blue); color:#fff; min-height:490px; align-items:end; }
.ah264-directory-hero__code b { display:block; font:900 100px/.8 var(--mono); color:var(--mint); }
.ah264-directory-hero__code span,.ah264-directory-hero__code small { font:800 9px var(--mono); }
.ah264-directory-hero__copy>p:first-child,.ah264-directory-hero aside span { font:800 9px var(--mono); }
.ah264-directory-hero__copy h1 { font-size:clamp(44px,6vw,88px); line-height:.88; margin:20px 0; }
.ah264-directory-hero aside { border-top:7px solid var(--orange); background:var(--white); color:var(--ink); padding:22px; }
.ah264-directory-hero aside strong { display:block; font-size:20px; margin:12px 0; }
.ah264-filterbar { position:sticky; top:0; z-index:50; display:flex; overflow:auto; background:var(--white); border-bottom:1px solid var(--ink); }
.ah264-filterbar>span,.ah264-filterbar button { flex:0 0 auto; padding:15px 18px; font:800 9px var(--mono); border:0; border-right:1px solid var(--ink); background:transparent; cursor:pointer; }
.ah264-filterbar button.is-active { background:var(--orange); }
.ah264-directory { padding:70px var(--pad); }
.ah264-directory__group[hidden] { display:none; }
.ah264-directory__group>header { display:grid; grid-template-columns:100px 1fr auto; align-items:center; border-bottom:4px solid var(--ink); padding:12px 0; }
.ah264-directory__group>header>span { font:900 50px var(--mono); color:var(--blue); }
.ah264-directory__group>header h2 { margin:0; font-size:34px; }
.ah264-directory__group>header small,.ah264-directory__group>header>b { font:9px var(--mono); }
.ah264-directory__rows>a { display:grid; grid-template-columns:75px 55px 1fr 110px; gap:18px; align-items:center; border-bottom:1px solid var(--line); padding:22px 0; }
.ah264-directory__rows>a:hover { background:var(--mint); }
.ah264-directory__number,.ah264-directory__rows>a>i { font:800 9px var(--mono); font-style:normal; }
.ah264-directory__rows h3 { font-size:23px; margin:3px 0; }
.ah264-directory__rows small { font:9px var(--mono); color:var(--blue); }
.ah264-directory__rows p { margin:0; max-width:800px; }
.ah264-directory-note { margin:0 var(--pad) 90px; padding:45px; background:var(--ink); color:#fff; display:grid; grid-template-columns:150px 1fr 1fr auto; gap:30px; align-items:center; }
.ah264-directory-note span { font:9px var(--mono); color:var(--mint); }
.ah264-directory-note h2 { margin:0; }
.ah264-directory-note a { background:var(--orange); color:var(--ink); padding:15px; font-weight:900; }
.ah264-progress { position:fixed; left:var(--rail); right:0; top:0; height:4px; z-index:99; }
.ah264-progress i { display:block; height:100%; background:var(--orange); transform:scaleX(0); transform-origin:left; }
.ah264-sample-hero { display:grid; grid-template-columns:1fr .75fr; min-height:630px; background:var(--white); }
.ah264-sample-hero__sheet { padding:80px var(--pad); align-self:center; }
.ah264-sample-hero__meta { display:flex; justify-content:space-between; border-bottom:1px solid var(--ink); padding-bottom:13px; font:800 9px var(--mono); }
.ah264-sample-hero__sheet>p { font:800 10px var(--mono); color:var(--blue); margin-top:35px; }
.ah264-sample-hero h1 { font-size:clamp(48px,6vw,88px); line-height:.9; margin:16px 0; }
.ah264-sample-hero__lead { font-size:19px; max-width:700px; }
.ah264-sample-hero dl { display:grid; grid-template-columns:repeat(3,1fr); margin:45px 0 0; border-top:1px solid var(--ink); }
.ah264-sample-hero dl>div { padding:12px; border-right:1px solid var(--ink); }
.ah264-sample-hero dt { font:9px var(--mono); }
.ah264-sample-hero dd { font-weight:850; margin:3px 0; }
.ah264-sample-hero figure { margin:0; position:relative; min-height:470px; }
.ah264-sample-hero figure img { width:100%; height:100%; object-fit:cover; }
.ah264-sample-hero figcaption { position:absolute; bottom:0; right:0; background:var(--orange); padding:10px; font:800 9px var(--mono); }
.ah264-reading-grid,.ah264-page-grid { display:grid; grid-template-columns:270px minmax(0,820px); justify-content:center; gap:70px; padding:70px var(--pad); }
.ah264-reading-rail,.ah264-page-grid>aside { position:sticky; top:35px; align-self:start; border-top:6px solid var(--blue); background:var(--white); padding:20px; }
.ah264-reading-rail>span,.ah264-page-grid>aside>span { font:900 9px var(--mono); }
.ah264-reading-rail nav,.ah264-page-grid nav { display:flex; flex-direction:column; margin:18px 0; }
.ah264-reading-rail nav a,.ah264-page-grid nav a { padding:8px 0; border-top:1px solid var(--line); font-size:12px; }
.ah264-reading-rail nav a.is-active { color:var(--blue); font-weight:900; }
.ah264-reading-rail__warning { background:var(--mint); padding:14px; }
.ah264-reading-rail__warning b { font:900 9px var(--mono); }
.ah264-reading-rail__home { display:block; margin-top:17px; font-weight:900; }
.ah264-quickscan { display:grid; grid-template-columns:120px repeat(3,1fr); border:1px solid var(--ink); margin-bottom:25px; }
.ah264-quickscan>span,.ah264-quickscan>div { padding:14px; border-right:1px solid var(--ink); }
.ah264-quickscan>span { font:900 9px var(--mono); }
.ah264-quickscan b { font:900 20px var(--mono); color:var(--orange); }
.ah264-quickscan p { font-size:12px; margin:5px 0; }
.ah264-rich-content { background:var(--white); border:1px solid var(--ink); padding:clamp(25px,5vw,68px); font-size:17px; }
.ah264-rich-content h2 { font-size:clamp(30px,4vw,48px); line-height:1; margin:55px 0 20px; }
.ah264-rich-content h3 { font-size:24px; }
.ah264-rich-content a { color:var(--blue); font-weight:800; text-decoration:underline; }
.ah264-rich-content p { max-width:72ch; }
.ah264-story { display:grid; gap:38px; }
.ah264-module { margin:8px 0; }
.ah264-specimen { display:grid; grid-template-columns:1fr 180px; gap:30px; background:var(--blue); color:#fff; padding:28px; }
.ah264-kicker,.ah264-label,.ah264-protocol-title { font:900 9px var(--mono); letter-spacing:.08em; }
.ah264-specimen .ah264-dial { border-color:rgba(255,255,255,.3); }
.ah264-gauge-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--ink); }
.ah264-gauge-grid>div { padding:18px; border-right:1px solid var(--ink); }
.ah264-gauge-grid b { display:block; font:900 19px var(--mono); color:var(--blue); }
.ah264-source-rig { display:grid; grid-template-columns:170px 1fr; gap:30px; background:var(--mint); padding:26px; }
.ah264-rig { min-height:150px; display:grid; place-items:center; border:1px solid var(--ink); font:900 34px var(--mono); }
.ah264-format-table { border-top:4px solid var(--ink); }
.ah264-format-head,.ah264-format-row { display:grid; grid-template-columns:1.2fr repeat(3,.8fr); border-bottom:1px solid var(--ink); }
.ah264-format-head>*,.ah264-format-row>* { padding:12px; border-right:1px solid var(--line); }
.ah264-format-head { font:900 9px var(--mono); background:var(--ink); color:#fff; }
.ah264-timeline { display:grid; grid-template-columns:repeat(6,1fr); padding:0; list-style:none; }
.ah264-timeline li { padding:14px; border-left:1px solid var(--ink); }
.ah264-timeline b { font:900 20px var(--mono); color:var(--orange); }
.ah264-access-panel { display:grid; grid-template-columns:1fr 1fr; background:var(--ink); color:#fff; padding:28px; gap:28px; }
.ah264-country-grid,.ah264-city-cells { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--ink); border:2px solid var(--ink); }
.ah264-country-grid>*,.ah264-city-cells>* { background:var(--paper); padding:14px; }
.ah264-booking-protocol { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.ah264-booking-protocol>* { background:#edf0ff; border-top:5px solid var(--blue); padding:18px; }
.ah264-link-tray { background:var(--ink); color:#fff; padding:26px; }
.ah264-link-tray>div { display:grid; grid-template-columns:1fr 1fr; }
.ah264-link-tray a { color:var(--mint); padding:10px; border-bottom:1px solid rgba(255,255,255,.25); }
.ah264-lab-note { border-left:10px solid var(--orange); background:#fff4d8; padding:22px; }
.ah264-see-also { margin-top:28px; background:var(--blue); color:#fff; padding:30px; }
.ah264-see-also header { display:flex; justify-content:space-between; gap:20px; align-items:end; }
.ah264-see-also h2 { margin:0; }
.ah264-see-also header>span { font:900 9px var(--mono); }
.ah264-see-also>div { display:grid; grid-template-columns:repeat(2,1fr); margin-top:24px; }
.ah264-see-also a { display:grid; grid-template-columns:1fr auto; padding:14px; border-top:1px solid rgba(255,255,255,.3); }
.ah264-see-also small { grid-column:1/-1; font:9px var(--mono); color:var(--mint); }
.ah264-next-step { margin-top:28px; padding:35px; background:var(--white); border:1px solid var(--ink); }
.ah264-next-step>span { font:900 9px var(--mono); color:var(--blue); }
.ah264-next-step h2 { font-size:32px; }
.ah264-next-step>div { display:flex; gap:18px; align-items:center; }
.ah264-core-hero { display:grid; grid-template-columns:1fr .8fr; grid-template-rows:1fr 35px; background:var(--white); min-height:570px; }
.ah264-core-hero__title { padding:80px var(--pad); align-self:center; }
.ah264-core-hero__title>span { font:900 9px var(--mono); color:var(--blue); }
.ah264-core-hero h1 { font-size:clamp(48px,6vw,85px); line-height:.9; margin:22px 0; }
.ah264-core-hero__title p { font-size:20px; }
.ah264-core-hero figure { margin:0; position:relative; }
.ah264-core-hero figure img { width:100%; height:100%; object-fit:cover; }
.ah264-core-hero figcaption { position:absolute; bottom:0; right:0; background:var(--mint); padding:10px; font:9px var(--mono); }
.ah264-core-hero__scale { grid-column:1/-1; display:flex; align-items:center; gap:8px; background:var(--ink); color:#fff; padding:0 var(--pad); font:9px var(--mono); }
.ah264-core-hero__scale i { height:7px; background:var(--mint); flex:1; }
.ah264-interface-board { display:grid; grid-template-columns:repeat(4,1fr); background:var(--blue); color:#fff; }
.ah264-interface-board>div { min-height:155px; padding:22px; border-right:1px solid rgba(255,255,255,.35); }
.ah264-interface-board span { font:900 32px var(--mono); color:var(--mint); }
.ah264-interface-board small,.ah264-interface-board b { display:block; }
.ah264-interface-board small { font:9px var(--mono); margin:8px 0; }
.ah264-page-grid { grid-template-columns:230px minmax(0,900px); }
.ah264-page-grid>aside>a { display:block; padding:9px 0; border-top:1px solid var(--line); font-weight:800; }
.ah264-page-crosslinks { display:grid; grid-template-columns:160px repeat(3,1fr); margin:0 var(--pad) 90px; border:1px solid var(--ink); }
.ah264-page-crosslinks>span,.ah264-page-crosslinks>a { padding:20px; border-right:1px solid var(--ink); }
.ah264-page-crosslinks>span { font:900 9px var(--mono); }
.ah264-page-crosslinks>a { display:flex; justify-content:space-between; }
.ah264-request-hero { display:grid; grid-template-columns:1fr 320px; gap:60px; padding:90px var(--pad); background:var(--mint); align-items:end; }
.ah264-request-hero span { font:900 9px var(--mono); }
.ah264-request-hero h1 { font-size:clamp(45px,6vw,85px); line-height:.9; }
.ah264-request-hero aside { border-top:8px solid var(--orange); background:var(--white); padding:24px; }
.ah264-success,.ah264-errors { margin:30px var(--pad); padding:24px; background:var(--blue); color:#fff; }
.ah264-errors { background:#7b1828; }
.ah264-form-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:60px; padding:70px var(--pad); }
.ah264-form-intro>span { font:900 10px var(--mono); }
.ah264-form-intro ol { padding:0; list-style:none; }
.ah264-form-intro li { display:flex; gap:18px; border-top:1px solid var(--ink); padding:20px 0; }
.ah264-form-intro li>b { font:900 28px var(--mono); color:var(--blue); }
.ah264-form-intro h2 { margin:0; }
.ah264-form { background:var(--white); border:1px solid var(--ink); padding:30px; }
.ah264-form fieldset { display:grid; grid-template-columns:1fr 1fr; gap:18px; border:0; border-top:4px solid var(--ink); padding:24px 0; }
.ah264-form legend { font:900 10px var(--mono); padding-right:15px; }
.ah264-form label { font-weight:800; font-size:12px; }
.ah264-form input,.ah264-form select,.ah264-form textarea { width:100%; margin-top:6px; background:var(--paper); border:1px solid var(--ink); padding:12px; }
.ah264-form .is-wide { grid-column:1/-1; }
.ah264-check { display:flex; gap:10px; }
.ah264-check input { width:auto; margin:4px 0; }
.ah264-submit { margin-top:25px; width:100%; display:flex; justify-content:space-between; border:0; background:var(--orange); padding:18px; font-weight:900; cursor:pointer; }
.ah264-hp { position:absolute!important; left:-10000px!important; }
.ah264-error-screen { min-height:calc(100vh - 35px); display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:70px var(--pad); background:var(--blue); color:#fff; }
.ah264-error-screen__scope { width:min(420px,70vw); aspect-ratio:1; border:1px solid rgba(255,255,255,.5); border-radius:50%; display:grid; place-items:center; position:relative; }
.ah264-error-screen__scope:before,.ah264-error-screen__scope:after { content:""; position:absolute; background:var(--mint); }
.ah264-error-screen__scope:before { width:100%; height:1px; }
.ah264-error-screen__scope:after { height:100%; width:1px; }
.ah264-error-screen__scope i { position:absolute; border:1px solid rgba(255,255,255,.3); border-radius:50%; inset:15%; }
.ah264-error-screen__scope i:nth-child(2) { inset:30%; }
.ah264-error-screen__scope i:nth-child(3) { inset:45%; }
.ah264-error-screen__scope b { font:900 80px var(--mono); color:var(--orange); z-index:2; }
.ah264-error-screen h1 { font-size:clamp(48px,6vw,88px); line-height:.9; }
.ah-footer { background:var(--ink); color:#fff; }
.ah-footer-lead { display:grid; grid-template-columns:120px 1fr auto; gap:35px; align-items:center; padding:65px var(--pad); border-bottom:1px solid rgba(255,255,255,.2); }
.ah-footer-dial { width:95px; aspect-ratio:1; border-radius:50%; border:1px solid var(--mint); display:grid; place-items:center; position:relative; }
.ah-footer-dial i { position:absolute; width:120%; height:1px; background:var(--orange); transform:rotate(32deg); }
.ah-footer-lead h2 { font-size:clamp(29px,4vw,54px); line-height:1; margin:8px 0; }
.ah-footer-lead small { font:9px var(--mono); color:var(--mint); }
.ah-footer-lead>a { background:var(--orange); color:var(--ink); padding:16px; font-weight:900; }
.ah-footer-grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:35px; padding:55px var(--pad); }
.ah-footer-grid nav { display:flex; flex-direction:column; }
.ah-footer-grid nav strong { font:9px var(--mono); color:var(--mint); margin-bottom:10px; }
.ah-footer-grid nav a { padding:5px 0; }
.ah-footer-bottom { display:flex; justify-content:space-between; gap:20px; padding:16px var(--pad); background:#0e1016; font:9px var(--mono); }
.ah264-directory-hero>*,.ah264-request-hero>* { min-width:0; }
.ah264-city-signal>*,.ah264-core-hero>*,.ah264-sample-hero>* { min-width:0; }
.ah264-reading-grid>*,.ah264-page-grid>* { min-width:0; }
.ah264-reading-grid,.ah264-page-grid { width:100%; max-width:1180px; margin-inline:auto; padding-inline:32px; grid-template-columns:220px minmax(0,820px); gap:48px; }
.ah264-rich-content,.ah264-rich-content * { min-width:0; overflow-wrap:anywhere; }
.ah264-country-grid>*,.ah264-city-cells>* { min-width:0; }
.ah264-city-signal__chart { min-width:0; overflow:hidden; }
.ah264-city-signal__chart canvas { width:100%!important; max-width:100%!important; }
.ah264-directory-hero__copy,.ah264-request-hero>div { overflow-wrap:anywhere; }
.ah264-hp { width:1px!important; height:1px!important; overflow:hidden!important; }
.ah264-specimen { grid-template-columns:180px minmax(0,1fr); align-items:start; }
.ah264-specimen .ah264-label { display:flex; flex-direction:column; gap:10px; border-top:5px solid var(--orange); padding-top:14px; }
.ah264-specimen .ah264-label b { font:900 34px var(--mono); color:var(--mint); }
.ah264-specimen .ah264-label i { font-style:normal; }
.ah264-source-rig { grid-template-columns:minmax(0,1fr) 280px; align-items:start; }
.ah264-rig { min-height:0; margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; place-items:stretch; font:inherit; }
.ah264-rig li { padding:14px; border:1px solid var(--ink); background:var(--white); }
.ah264-rig b,.ah264-rig span,.ah264-rig small { display:block; }
.ah264-rig b { font:900 22px var(--mono); color:var(--orange); }
.ah264-timeline { display:block; }
.ah264-timeline>header { margin-bottom:20px; }
.ah264-timeline>ol { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:0; list-style:none; }
.ah264-timeline>ol li { min-height:190px; padding:18px; border-top:4px solid var(--blue); border-left:1px solid var(--ink); }
.ah264-timeline time { font:900 10px var(--mono); color:var(--blue); }
.ah264-country-grid { display:block; background:transparent; border:0; }
.ah264-country-grid>header { background:transparent; padding:0; margin-bottom:20px; }
.ah264-country-grid>.ah264-city-cells { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; background:var(--ink); border:2px solid var(--ink); padding:0; }
.ah264-city-cells>article { background:var(--paper); padding:18px; }
.ah264-booking-protocol { display:block; }
.ah264-booking-protocol>.ah264-protocol-title { background:transparent; border-top:0; padding:0; }
.ah264-booking-protocol>ol { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; list-style:none; padding:0; }
.ah264-booking-protocol>ol li { background:#edf0ff; border-top:5px solid var(--blue); padding:18px; }
.ah264-booking-protocol>ol b { font:900 22px var(--mono); color:var(--orange); }
.ah264-link-tray>div { display:block; }
.ah264-link-tray>nav { display:grid; grid-template-columns:repeat(2,1fr); }
.ah264-link-tray>nav a { display:block; }
