:root{--att-blue:#0574c5;--att-blue-dark:#005b9f;--ink:#182333;--muted:#667487;--border:#dfe5eb;--surface:#ffffff;--background:#f4f7f9;--green:#15845c}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.app-shell{width:100%;max-width:760px;min-height:100vh;margin:0 auto;background:#fff;box-shadow:0 0 30px rgba(24,35,51,.08)}.topbar{height:68px;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #e7ebef}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;color:#0672b9}.brand-mark{position:relative;display:block;width:35px;height:35px;overflow:hidden;border-radius:50%;background:linear-gradient(120deg,#36a9e1,#0069aa)}.brand-mark:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 43%,#fff 44% 52%,transparent 53%);transform:rotate(-10deg)}.brand-mark i{position:absolute;left:-4px;width:42px;height:3px;border-radius:50%;background:rgba(255,255,255,.9);transform:rotate(-9deg)}.brand-mark i:first-child{top:8px}.brand-mark i:nth-child(2){top:14px}.brand-mark i:nth-child(3){top:20px}.brand-mark i:nth-child(4){top:26px}.brand-word{font-size:21px;font-weight:700;letter-spacing:-.5px}.secure-label{display:flex;align-items:center;gap:7px;color:#69778a;font-size:13px}.intro{width:calc(100% - 48px);max-width:712px;margin:0 auto;padding:34px 0 25px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{margin:0 0 7px;color:var(--att-blue);font-size:11px;font-weight:800;letter-spacing:1.4px}h1{margin:0;font-size:clamp(27px,3vw,38px);line-height:1.16;letter-spacing:-1.1px}.intro-copy{margin:9px 0 0;color:var(--muted);font-size:15px}.order-chip{min-width:140px;padding:10px 14px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.65);text-align:right}.order-chip span,.order-chip strong{display:block}.order-chip span{margin-bottom:2px;color:var(--muted);font-size:11px}.order-chip strong{font-size:14px}.content-grid{width:calc(100% - 48px);max-width:712px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.acceptance-card,.viewer-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 5px 24px rgba(24,35,51,.055)}.viewer-card{overflow:hidden}.document-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid var(--border)}.viewer-card.is-collapsed .document-heading{border-bottom:0}.document-heading h2{margin:0;font-size:16px}.document-heading button{padding:7px 0;color:var(--att-blue-dark);border:0;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.acceptance-title{display:flex;align-items:center;gap:12px}.acceptance-title h2{margin:0 0 3px;font-size:16px}.acceptance-title p{margin:0;color:var(--muted);font-size:12px}.document-only{height:720px;padding:12px;background:#38414c}.pdf-viewer{width:100%;height:100%;display:flex;overflow:hidden;flex-direction:column;border-radius:5px;background:#e5e9ed}.pdf-canvas-region{min-height:0;display:flex;overflow:auto;flex:1 1;align-items:flex-start;justify-content:center;padding:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pdf-canvas-region .react-pdf__Document{width:min(100%,620px);display:flex;justify-content:center}.pdf-canvas-region .react-pdf__Page{overflow:hidden;background:white;border-radius:2px;box-shadow:0 2px 12px rgba(12,24,38,.16)}.pdf-canvas-region canvas{max-width:100%;height:auto!important;display:block}.pdf-error,.pdf-loading{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#526071;font-size:12px;text-align:center}.pdf-loading .spinner{border-color:rgba(5,116,197,.2);border-top-color:var(--att-blue)}.pdf-loading.page{width:min(100%,540px);min-height:500px;background:white}.pdf-error{max-width:290px;margin:auto;padding:24px}.pdf-error>svg{width:30px;height:30px;color:#a04747}.pdf-error span{line-height:1.5}.pdf-error a,.pdf-error button{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:10px 14px;color:white;border:0;border-radius:7px;background:var(--att-blue);font-weight:700;text-decoration:none;cursor:pointer}.contract-error,.contract-loading{width:100%;height:100%}.pdf-navigation{min-height:52px;display:flex;align-items:center;justify-content:center;gap:13px;padding:7px 10px;color:#526071;border-top:1px solid #d5dbe1;background:white;font-size:11px}.pdf-navigation button{width:38px;height:38px;display:grid;place-items:center;padding:0;color:#354559;border:1px solid var(--border);border-radius:7px;background:white;cursor:pointer}.pdf-navigation button:disabled{opacity:.35;cursor:not-allowed}.acceptance-card{padding:21px 22px 18px}.acceptance-title{margin-bottom:17px}.acceptance-title>svg{width:38px;height:38px;padding:8px;color:var(--att-blue);border-radius:50%;background:#eaf5fc}.acceptance-list{display:flex;flex-direction:column;gap:9px}.acceptance-item{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:9px;transition:border-color .15s ease,background .15s ease}.acceptance-item:focus-within,.acceptance-item:hover{border-color:#9bc9e8}.acceptance-item.is-checked{border-color:#80bfe7;background:#f4faff}.acceptance-item input{position:absolute;opacity:0;pointer-events:none}.acceptance-row{min-height:56px;display:flex;align-items:stretch}.acceptance-check{min-width:0;display:flex;align-items:center;gap:11px;flex:1 1;padding:12px 8px 12px 13px;cursor:pointer}.custom-checkbox{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;color:white;border:1.5px solid #98a4b1;border-radius:4px;background:white}.is-checked .custom-checkbox{border-color:var(--att-blue);background:var(--att-blue)}.acceptance-copy{min-width:0;display:flex;flex:1 1;flex-direction:column;gap:3px}.acceptance-label{min-width:0;display:flex;flex:1 1;align-items:center;justify-content:space-between;gap:8px}.acceptance-label strong{font-size:13px;line-height:1.3}.acceptance-label em{padding:3px 6px;color:#a04747;border-radius:4px;background:#fff0f0;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.acceptance-label em.optional{color:#5f6c7a;background:#edf0f3}.accordion-toggle{min-width:66px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 10px;color:var(--att-blue-dark);border:0;border-left:1px solid #e7ebef;background:transparent;font-size:10px;font-weight:700;cursor:pointer}.accordion-toggle:hover{background:rgba(5,116,197,.06)}.accordion-toggle svg{width:15px;height:15px;transition:transform .18s ease}.accordion-toggle svg.is-open{transform:rotate(180deg)}.acceptance-details{padding:12px 14px 13px 44px;color:var(--muted);border-top:1px solid #e7ebef;background:rgba(255,255,255,.72);font-size:11px;line-height:1.55}.acceptance-details p{margin:0}.acceptance-details p+p{margin-top:8px}.acceptance-details .acceptance-statement{padding:9px 10px;color:var(--ink);border:1px solid #d7dde3;border-radius:7px;background:white;font-weight:700}.required-hint{margin:10px 1px 15px;color:#7a8593;font-size:10px}.required-hint span{color:#a04747}.primary-button{width:100%;height:58px;display:flex;align-items:center;justify-content:center;gap:8px;color:white;background:#08a6dc;border:0;border-radius:29px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:none}.primary-button:hover:not(:disabled){background:#0795c6}.primary-button:disabled{color:#919ba6;background:#dde2e7;cursor:not-allowed;box-shadow:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:white;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.security-copy{display:flex;align-items:center;justify-content:center;gap:5px;margin:12px 0 0;color:#748091;font-size:10px}.status-message{display:flex;align-items:flex-start;gap:9px;margin:0 0 13px;padding:11px;border-radius:8px;font-size:11px;line-height:1.4}.status-message>svg,.success-icon{flex:0 0 auto}.status-message.error{color:#8f3333;background:#fff0f0}.status-message.success{color:#126643;background:#eaf8f1}.success-icon{width:20px;height:20px;display:grid;place-items:center;color:white;border-radius:50%;background:var(--green)}.success-icon svg{width:13px;height:13px}.status-message small,.status-message strong{display:block}.status-message small{margin-top:2px;opacity:.8}footer{width:calc(100% - 48px);max-width:712px;margin:24px auto 0;padding:17px 0 28px;display:flex;justify-content:space-between;color:#84909f;border-top:1px solid #dfe5eb;font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(14,24,36,.58);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{position:relative;width:min(510px,100%);padding:30px;border-radius:13px;background:white;box-shadow:0 24px 70px rgba(0,0,0,.25)}.modal h2{margin:0 0 17px;font-size:24px}.modal p:not(.eyebrow){color:#596779;font-size:13px;line-height:1.65}.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;display:grid;place-items:center;color:#536173;border:0;border-radius:50%;background:#f0f3f5;cursor:pointer}.modal-action{margin-top:8px;padding:10px 20px;color:white;border:0;border-radius:7px;background:var(--att-blue);font-weight:700;cursor:pointer}@media (max-width:1288px){.content-grid,.intro,footer{margin-left:24px;margin-right:24px}}@media (max-width:900px){.document-only{height:620px}}@media (max-width:560px){.topbar{height:60px;padding:0 16px}.secure-label span{display:none}.content-grid,.intro,footer{width:calc(100% - 28px);margin-left:14px;margin-right:14px}.intro{padding:25px 0 19px;align-items:flex-start}.intro-copy{font-size:13px}.order-chip{display:none}.acceptance-card{padding:18px 14px 15px}.document-only{height:max(430px,60vh);padding:8px}.document-heading{min-height:52px;padding:12px 14px}.pdf-canvas-region{padding:8px}.acceptance-check{padding-left:11px}.acceptance-label{align-items:flex-start;flex-direction:column;gap:4px}.accordion-toggle{min-width:62px}.acceptance-details{padding-left:42px}footer{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}