/* Shared styles for the ata.techforword.com hub pages (home, photo booth, gallery, Contact Oh) */
body{background:#fff}
.hubnav{display:flex;flex-wrap:wrap;gap:4px 6px;padding:10px 16px;background:var(--tfw-navy);justify-content:center}
.hubnav::-webkit-scrollbar{display:none}
.hubnav a{flex:none;font-family:var(--font-sub);font-weight:700;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-decoration:none;padding:.3em .95em;border-radius:999px}
.hubnav a:hover{background:rgba(255,255,255,.16)}
.hubnav a[aria-current=page]{background:var(--tfw-yellow);color:var(--tfw-navy)}
@media (max-width:640px){.hubnav a{font-size:1rem;padding:.25em .75em}.site-bar .tag .loc{display:none}.site-bar img{height:28px}}

.hero{background:linear-gradient(180deg,var(--tfw-navy) 0%,#001a5c 100%);color:#fff;text-align:center;padding:44px 20px 52px}
.hero .eyebrow{color:var(--tfw-yellow)}
.hero h1{font-size:clamp(2rem,6.4vw,3.3rem);margin:.2em auto .3em;max-width:15em}
.hero h1 em{font-style:normal;color:var(--tfw-yellow)}
.hero p{max-width:36em;margin:0 auto 22px;color:#dbe7ff;font-size:1.1rem}
.hero .btn+.btn,.hero .btn+.ghost{margin-left:10px}
.ghost{display:inline-block;font-family:var(--font-sub);font-weight:700;font-size:1.2rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-decoration:none;border:2px solid rgba(255,255,255,.7);border-radius:999px;padding:.55em 1.5em}
.ghost:hover{background:rgba(255,255,255,.14)}
.hero .row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.hero .row .btn,.hero .row .ghost{margin:0}

.wrap{max-width:980px;margin:0 auto;padding:0 20px}
.block{padding:46px 0}
.block.tint{background:var(--tfw-mist)}
.block h2{font-size:clamp(1.5rem,4.6vw,2.1rem);color:var(--tfw-navy);text-align:center;margin-bottom:.3em}
.block .sub{text-align:center;max-width:38em;margin:0 auto 26px;color:#34456f}

.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}
.fun{background:#fff;border:2px solid #cfe0fb;border-radius:var(--radius);padding:24px 22px 26px;display:flex;flex-direction:column;box-shadow:0 8px 22px rgba(0,48,159,.07)}
.fun .num{font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--tfw-navy);background:var(--tfw-yellow);width:2.2em;height:2.2em;border-radius:50%;display:grid;place-items:center;margin-bottom:12px}
.fun h3{font-size:1.35rem;color:var(--tfw-navy)}
.fun p{margin:0 0 16px;color:#34456f;flex:1}
.fun .linkbtn{align-self:flex-start}
.fun .small{font-size:.9rem;margin:10px 0 0;color:#5b6a8d;flex:0}
.fun .small a{color:var(--tfw-blue)}
.linkbtn{display:inline-block;font-family:var(--font-sub);font-weight:700;font-size:1.15rem;color:var(--tfw-navy);text-decoration:none;border:2px solid var(--tfw-blue);border-radius:999px;padding:.4em 1.2em;background:#fff}
.linkbtn:hover{background:var(--tfw-mist)}

.sessions{display:grid;gap:14px;max-width:760px;margin:0 auto}
.session{background:#fff;border-left:6px solid var(--tfw-blue);border-radius:12px;padding:16px 20px;box-shadow:0 6px 18px rgba(0,48,159,.07)}
.session .when{font-family:var(--font-sub);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tfw-blue)}
.session h3{font-family:var(--font-body);font-weight:400;font-size:1.15rem;margin:.15em 0 .25em;line-height:1.3;color:var(--tfw-ink)}
.session .who{color:#5b6a8d;font-size:.95rem}
.todo{background:#fff3b0;color:var(--tfw-ink);border-radius:4px;padding:0 .3em}

.booth{max-width:640px;margin:0 auto;text-align:center;background:var(--tfw-navy);color:#fff;border-radius:var(--radius);padding:30px 24px}
.booth h2{color:var(--tfw-yellow);text-align:center}
.booth p{margin:.3em 0;color:#dbe7ff}

.embed{max-width:760px;margin:0 auto}
.embed iframe{display:block;width:100%;border:0;border-radius:12px;background:var(--tfw-mist);box-shadow:0 10px 30px rgba(0,48,159,.15)}
.embed .alt{text-align:center;font-size:.92rem;color:#5b6a8d;margin-top:12px}
.embed .alt a{color:var(--tfw-blue)}
.steps{list-style:none;margin:0 auto 6px;padding:0;max-width:640px;display:grid;gap:12px;counter-reset:s}
.steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid #cfe0fb;border-radius:14px;padding:14px 16px}
.steps li::before{content:counter(s);flex:none;font-family:var(--font-head);font-weight:700;background:var(--tfw-yellow);color:var(--tfw-navy);width:2em;height:2em;border-radius:50%;display:grid;place-items:center}
.steps b{color:var(--tfw-navy)}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

.formcard{background:#fff;color:var(--tfw-ink);border-radius:var(--radius);max-width:560px;margin:0 auto;padding:26px 24px 28px;box-shadow:0 14px 40px rgba(0,48,159,.16);border:2px solid #cfe0fb}
.formcard h2,.formcard h3{text-align:left;color:var(--tfw-navy);font-size:1.5rem}
.optin label,.optin .q{display:block;font-family:var(--font-sub);font-weight:700;font-size:1.15rem;color:var(--tfw-navy);margin:16px 0 6px}
.optin .hint{font-family:var(--font-body);font-weight:400;font-size:.88rem;color:#5b6a8d}
.optin input[type=email],.optin input[type=text]{width:100%;font:inherit;font-size:1rem;padding:.7em .85em;border:2px solid #c9d7f5;border-radius:12px;background:#fff;color:var(--tfw-ink)}
.optin input:focus{outline:none;border-color:var(--tfw-blue);box-shadow:0 0 0 3px rgba(6,117,246,.25)}
.optin .choices{display:flex;flex-wrap:wrap;gap:10px}
.optin .choices label{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-body);font-weight:400;font-size:1rem;color:var(--tfw-ink);border:2px solid #c9d7f5;border-radius:999px;padding:.5em 1em;cursor:pointer}
.optin .choices input{accent-color:var(--tfw-blue)}
.optin .choices label:has(input:checked){border-color:var(--tfw-blue);background:var(--tfw-mist)}
.optin .notice{font-size:.85rem;color:#5b6a8d;margin:16px 0 4px}
.optin .submit{margin-top:14px;text-align:center}
.optin .err{color:#b00020;font-weight:700;margin:10px 0 0;min-height:1.2em;text-align:center}
.optin .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.optin .success{text-align:center}
.optin .success .big{font-size:2.6rem;line-height:1.1}
.optin .success h3{text-align:center}

.foot{background:#001a5c;color:#a9bfef;text-align:center;padding:26px 20px;font-size:.92rem}
.foot a{color:#dbe7ff}

/* ---- v2 tweaks: optical centering for Advent Pro, room line, "Use your phone" card ---- */
.btn{padding-right:calc(1.8em - .04em)}
.linkbtn.caps{text-transform:uppercase;letter-spacing:.04em;font-size:1.2rem;padding:.55em calc(1.5em - .04em) .55em 1.5em}
.row{align-items:center}
.booth .room{font-family:var(--font-sub);font-weight:700;font-size:1.3rem;margin-bottom:.2em}
.usephone{display:none;position:fixed;right:16px;bottom:16px;z-index:50;background:#fff;border-radius:16px;padding:10px 10px 8px;box-shadow:0 6px 24px rgba(0,0,0,.22);text-align:center}
.usephone img{display:block;width:128px;height:128px}
.usephone span{display:block;margin-top:6px;font-family:var(--font-sub);font-weight:700;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tfw-navy)}
@media (min-width:900px){.usephone{display:block}}
.optin input[type=email],.optin input[type=text]{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.4;box-sizing:border-box}