:root{
  --att-navy:#0b2444;
  --att-blue:#155eef;
  --att-blue-dark:#0b47bd;
  --att-ink:#1a2637;
  --att-muted:#5f6d80;
  --att-line:#dfe6ef;
  --att-soft:#f7f9fc;
  --att-soft-blue:#eef4ff;
  --att-white:#fff;
  --att-green:#16a34a;
  --att-gold:#d3a13d;
  --att-shadow:0 18px 45px rgba(22,45,79,.09);
}
*{box-sizing:border-box}
.att-page{margin:0;background:#fff;color:var(--att-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.att-page a{text-decoration:none}.att-shell{width:min(1160px,calc(100% - 40px));margin:0 auto}

/* Compact internal-page banner */
.att-hero{position:relative;padding:34px 0 46px;overflow:hidden;background:linear-gradient(120deg,#f7faff 0%,#fff 58%,#f9f6ef 100%);border-bottom:1px solid var(--att-line)}
.att-hero:after{content:"";position:absolute;right:-110px;top:-135px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(21,94,239,.09),rgba(21,94,239,0) 68%);pointer-events:none}
.att-breadcrumb{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 25px;color:#7a8797;font-size:12.5px;line-height:1.4}
.att-breadcrumb a{color:#42628c}.att-breadcrumb span:last-child{color:#6d7989}
.att-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(290px,.58fr);gap:44px;align-items:center}
.att-eyebrow,.att-kicker,.att-quick-label{display:inline-block;color:var(--att-blue-dark);font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.att-hero h1{max-width:790px;margin:10px 0 14px;color:var(--att-navy);font-size:clamp(35px,4.25vw,54px);line-height:1.06;letter-spacing:-.032em}
.att-lead{max-width:770px;margin:0;color:#4e5e73;font-size:17px;line-height:1.68}
.att-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}.att-btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid transparent;border-radius:11px;font-size:14px;font-weight:800;line-height:1;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.att-btn .de-svg-icon{width:18px;height:18px;flex:0 0 18px}
.att-btn:hover{transform:translateY(-1px)}.att-btn-call{color:#fff;background:var(--att-navy);box-shadow:0 9px 22px rgba(11,36,68,.16)}.att-btn-call:hover{background:#14365f}.att-btn-wa{color:#fff;background:var(--att-green);box-shadow:0 9px 22px rgba(22,163,74,.15)}.att-btn-wa:hover{background:#11833c}
.att-quick-card{padding:24px 24px 22px;border:1px solid #dce5f0;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:var(--att-shadow)}
.att-quick-card h2{margin:7px 0 15px;color:var(--att-navy);font-size:21px;line-height:1.25}.att-quick-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.att-quick-card li{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;color:#4f6075;font-size:13.5px;line-height:1.45}.att-quick-card li span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#eaf7ef;color:#148344;font-size:12px;font-weight:900}.att-quick-card p{margin:15px 0 0;padding-top:14px;border-top:1px solid #e8edf3;color:#718095;font-size:12.5px;line-height:1.55}

.att-section{padding:66px 0}.att-soft{background:var(--att-soft);border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.att-intro-grid,.att-process-wrap,.att-doc-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:64px;align-items:start}.att-section-title h2,.att-section-head h2,.att-doc-layout h2{margin:9px 0 0;color:var(--att-navy);font-size:clamp(27px,3vw,39px);line-height:1.15;letter-spacing:-.02em}.att-prose p{margin:0 0 16px;color:#536377;font-size:15.5px;line-height:1.82}.att-note{margin-top:21px;padding:15px 17px;border-left:3px solid var(--att-gold);background:#fbfaf6;color:#62605b;font-size:14px;line-height:1.65}.att-note strong{color:#3c444e}.att-section-head{max-width:760px;margin:0 auto 31px;text-align:center}.att-section-head-left{margin-left:0;text-align:left}.att-section-head p{margin:11px 0 0;color:var(--att-muted);font-size:15px;line-height:1.7}

.att-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.att-help-card{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:20px 21px;border:1px solid var(--att-line);border-radius:14px;background:#fff}.att-help-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--att-soft-blue);color:var(--att-blue-dark);font-size:12px;font-weight:900}.att-help-card p{margin:2px 0 0;color:#46576c;font-size:15px;font-weight:650;line-height:1.55}

.att-process{display:grid;gap:12px;margin:0;padding:0;list-style:none}.att-process li{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:18px 19px;border:1px solid var(--att-line);border-radius:13px;background:#fff}.att-process li>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--att-navy);color:#fff;font-size:13px;font-weight:850}.att-process strong{display:block;color:var(--att-navy);font-size:15.5px;line-height:1.35}.att-process p{margin:5px 0 0;color:#68778a;font-size:13.5px;line-height:1.62}

.att-doc-layout>div>p{max-width:520px;margin:13px 0 0;color:#607085;font-size:15px;line-height:1.75}.att-check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.att-check-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:13px 15px;border:1px solid #e0e7ef;border-radius:11px;background:#fff;color:#4f6074;font-size:14px;line-height:1.55}.att-check-list li span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e9f6ef;color:#148344;font-size:12px;font-weight:900}

.att-related-section{padding-bottom:58px}.att-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.att-related-grid a{min-height:142px;display:flex;flex-direction:column;padding:19px;border:1px solid var(--att-line);border-radius:13px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.att-related-grid a:hover{transform:translateY(-2px);border-color:#c5d3e3;box-shadow:0 12px 28px rgba(20,45,77,.07)}.att-related-grid span{color:#55769f;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.att-related-grid strong{margin-top:9px;color:var(--att-navy);font-size:16px;line-height:1.38}.att-related-grid small{margin-top:auto;padding-top:16px;color:#6f7d8f;font-size:12px;font-weight:750}

.att-faq{padding-top:58px;background:#fbfcfd}.att-faq-list{display:grid;gap:9px;max-width:900px}.att-faq-list details{border:1px solid var(--att-line);border-radius:11px;background:#fff;overflow:hidden}.att-faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;padding:17px 19px;color:var(--att-navy);font-size:14.5px;font-weight:800;line-height:1.45}.att-faq-list summary::-webkit-details-marker{display:none}.att-faq-list summary span{font-size:20px;line-height:1}.att-faq-list details[open] summary span{transform:rotate(45deg)}.att-faq-list details div{padding:0 19px 17px}.att-faq-list p{margin:0;color:#5c6c80;font-size:14px;line-height:1.72}

/* Hub */
.att-hub-intro{padding:62px 0}.att-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.att-hub-group{padding:24px;border:1px solid var(--att-line);border-radius:16px;background:#fff}.att-hub-group h2{margin:8px 0;color:var(--att-navy);font-size:23px;line-height:1.25}.att-hub-group>p{margin:0 0 16px;color:#667589;font-size:14px;line-height:1.65}.att-hub-links{display:grid;gap:0}.att-hub-links a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf1f5;color:#334962;font-size:13.5px;font-weight:700;line-height:1.45}.att-hub-links a:first-child{border-top:0}.att-hub-links a span{color:var(--att-blue)}.att-safety{padding:19px 20px;border:1px solid #e7dfcd;border-radius:13px;background:#fcfaf5;color:#5e5d59;font-size:13.5px;line-height:1.72}.att-safety strong{color:#3d3b36}.att-safety a{color:var(--att-blue-dark);font-weight:800;text-decoration:underline;text-underline-offset:2px}

@media(max-width:1050px){.att-hero-grid{grid-template-columns:1fr minmax(270px,.62fr);gap:30px}.att-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.att-hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.att-shell{width:min(100% - 28px,1160px)}.att-hero{padding:26px 0 36px}.att-breadcrumb{margin-bottom:19px}.att-hero-grid,.att-intro-grid,.att-process-wrap,.att-doc-layout{grid-template-columns:1fr;gap:27px}.att-hero h1{font-size:36px}.att-lead{font-size:15.5px}.att-quick-card{padding:21px}.att-section{padding:50px 0}.att-help-grid,.att-related-grid,.att-hub-grid{grid-template-columns:1fr}.att-section-head{margin-bottom:25px;text-align:left}.att-actions{display:grid;grid-template-columns:1fr 1fr}.att-btn{width:100%}.att-hub-intro{padding:50px 0}}
@media(max-width:480px){.att-actions{grid-template-columns:1fr}.att-hero h1{font-size:32px}.att-help-card{grid-template-columns:38px 1fr;padding:17px}.att-help-card>span{width:34px;height:34px}.att-process li{grid-template-columns:38px 1fr;padding:16px}.att-process li>span{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.att-btn,.att-related-grid a{transition:none}}
