/* AWEBZONE V33 — brand palette (derived from the official logo), header fix, light-first sections, photo compositions.
   Loaded after main.css; mobile.css loads after this file. */

/* ---------- 1. Brand tokens (logo: royal blue A/Z, violet swirl, cyan swoosh, navy ONE) ---------- */
:root{
	--navy:#080B18;--navy2:#0F1630;
	--blue:#145EFF;--blue2:#087BFF;--purple:#7028F5;--lav:#8B43FF;--cyan:#19BCEB;--peach:#19BCEB;
	--cloud:#F7F9FF;--ink:#101A38;--mute:#5B6682;--line:rgba(16,26,56,.1);
	--grad:linear-gradient(120deg,#145EFF 0%,#7028F5 62%,#19BCEB 100%);
	--grad-soft:linear-gradient(135deg,rgba(20,94,255,.08),rgba(112,40,245,.08));
	--sh:0 1px 2px rgba(16,26,56,.05),0 18px 44px -18px rgba(20,94,255,.28);
	--sh-lg:0 40px 80px -34px rgba(16,26,56,.42);
}
body{background:var(--cloud);color:var(--ink)}
.awz-sec-tint{background:linear-gradient(180deg,#EEF3FF,var(--cloud))}
.awz-sec-dark{background:radial-gradient(900px 420px at 85% -10%,rgba(20,94,255,.28),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(112,40,245,.22),transparent 60%),var(--navy)}
.awz-page-hero{background:radial-gradient(800px 420px at 90% -20%,rgba(112,40,245,.16),transparent 60%),radial-gradient(700px 400px at 0 10%,rgba(25,188,235,.16),transparent 60%),var(--cloud)}
.awz-btn-primary{background:linear-gradient(120deg,#145EFF,#4A3CF2 70%,#7028F5)}

/* ---------- 2. Header: always legible (light frosted bar on every page, incl. dark heroes) ---------- */
.awz-header,.awz-header.is-stuck{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--line)}
.awz-header.is-stuck .awz-menu>li>a{color:var(--ink)}
.awz-header.is-stuck .awz-menu>li>a:hover,.awz-header.is-stuck .awz-menu>li>a[aria-expanded=true]{background:rgba(20,94,255,.08);color:var(--blue)}
.awz-header.is-stuck .awz-burger{background:rgba(16,26,56,.05);border-color:var(--line)}
.awz-header.is-stuck .awz-burger i{background:var(--ink)}
.awz-header.is-stuck .awz-brand{background:transparent;box-shadow:none}

/* ---------- 3. Reusable photo components ---------- */
.awz-ph{margin:0;position:relative;overflow:hidden;border-radius:22px;background:#E4EBFB;box-shadow:var(--sh-lg)}
.awz-ph img{display:block;width:100%;height:100%;object-fit:cover}
.awz-ph figcaption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:7px 14px;border-radius:99px;background:rgba(8,11,24,.72);color:#fff;font:600 .8rem/1.3 var(--ff-b);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.awz-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);font:700 .85rem var(--ff-b);color:var(--ink)}
.awz-chip svg{color:var(--blue)}
.awz-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--grad-soft);border:1px solid rgba(20,94,255,.18);color:var(--blue);font:700 .78rem var(--ff-b);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.awz-gtext{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- 4. Training page ---------- */
.awz-t-hero{padding:calc(var(--hh) + clamp(28px,4vw,56px)) 0 clamp(36px,5vw,72px);background:radial-gradient(760px 420px at 100% 0,rgba(112,40,245,.16),transparent 62%),radial-gradient(640px 380px at 0 30%,rgba(25,188,235,.16),transparent 60%),var(--cloud);overflow:hidden}
.awz-t-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(28px,4vw,64px);align-items:center}
.awz-t-hero h1{font-size:clamp(2.3rem,4.8vw,4.1rem);max-width:15ch}
.awz-t-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.awz-t-mosaic{position:relative;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:230px 190px;gap:14px}
.awz-t-mosaic .m1{grid-row:1/3;min-height:0}.awz-t-mosaic .m2,.awz-t-mosaic .m3{min-height:0}
.awz-t-mosaic .m1 img{object-position:35% 50%}
.awz-t-badge{position:absolute;z-index:3;left:-14px;bottom:26px;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:18px;background:#fff;box-shadow:var(--sh-lg);border:1px solid var(--line)}
.awz-t-badge b{font:800 2rem/1 var(--ff-d);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.awz-t-badge span{font:600 .82rem/1.25 var(--ff-b);color:var(--mute)}
.awz-t-stage{position:relative}.awz-t-stage .awz-ph{aspect-ratio:21/9;box-shadow:0 50px 90px -40px rgba(20,94,255,.55)}
.awz-t-stage-side{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.awz-t-stage-side .awz-ph{aspect-ratio:4/3}
.awz-t-instr{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,64px);align-items:center}
.awz-t-instr-ph{position:relative}.awz-t-instr-ph>.awz-ph:first-child{aspect-ratio:4/5}
.awz-t-instr-ph .awz-ph.float{position:absolute;right:-22px;bottom:-26px;width:46%;aspect-ratio:1/1;border:6px solid #fff;border-radius:24px}
.awz-t-quote{margin:18px 0;padding:16px 20px;border-left:4px solid var(--blue);background:#fff;border-radius:0 16px 16px 0;box-shadow:var(--sh);color:var(--ink);font-weight:500}
.awz-t-tabs{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--sh);overflow:hidden}
.awz-t-tabs [role=tablist]{display:flex;gap:6px;padding:10px;background:#EEF3FF;overflow-x:auto;scrollbar-width:none}
.awz-t-tabs [role=tab]{flex:1 0 auto;min-height:46px;padding:0 20px;border:0;border-radius:14px;background:transparent;font:700 .95rem var(--ff-b);color:var(--mute);cursor:pointer;white-space:nowrap}
.awz-t-tabs [role=tab][aria-selected=true]{background:#fff;color:var(--blue);box-shadow:0 4px 14px -6px rgba(20,94,255,.4)}
.awz-t-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,3vw,44px);padding:clamp(18px,3vw,36px);align-items:center}
.awz-t-panel[hidden]{display:none}
.awz-t-panel .awz-ph{aspect-ratio:4/3}
.awz-t-panel ul{display:grid;gap:10px;margin:16px 0 0}
.awz-t-panel li{display:flex;gap:10px;align-items:flex-start;color:var(--ink)}.awz-t-panel li svg{flex:none;margin-top:3px;color:var(--blue)}
.awz-t-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.awz-t-mod{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--sh);transition:transform .25s,box-shadow .25s}
.awz-t-mod:hover{transform:translateY(-4px)}
.awz-t-mod .n{font:800 .8rem var(--ff-d);color:var(--purple);letter-spacing:.08em}
.awz-t-mod .awz-ico{margin:10px 0 14px}
.awz-t-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:ph}
.awz-t-line::before{content:"";position:absolute;left:6%;right:6%;top:22px;height:3px;border-radius:3px;background:var(--grad);opacity:.35}
.awz-t-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:60px 22px 24px;box-shadow:var(--sh)}
.awz-t-step::before{counter-increment:ph;content:counter(ph);position:absolute;left:22px;top:-2px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font:800 1.05rem var(--ff-d);box-shadow:0 10px 24px -8px rgba(112,40,245,.6)}
.awz-t-step b{display:block;color:var(--blue);font:700 .82rem var(--ff-b);margin-bottom:4px}
.awz-t-method{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
.awz-t-method-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.awz-t-method-steps div{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.awz-t-method-steps b{font:800 1.05rem var(--ff-d);color:var(--navy)}.awz-t-method-steps small{display:block;color:var(--mute);margin-top:4px;line-height:1.45}
.awz-t-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.awz-t-pair .awz-ph{aspect-ratio:4/3}.awz-t-pair .awz-ph:first-child{grid-row:span 2;aspect-ratio:auto;min-height:100%}
.awz-t-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.awz-t-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,34px);box-shadow:var(--sh)}
.awz-t-card ul{display:grid;gap:10px;margin-top:14px}.awz-t-card li{display:flex;gap:10px}.awz-t-card li svg{flex:none;margin-top:4px;color:var(--blue)}
.awz-t-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.awz-t-gallery .awz-ph{aspect-ratio:4/5}.awz-t-gallery .awz-ph:nth-child(even){transform:translateY(22px)}
.awz-t-enrol{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,64px);align-items:start}
.awz-t-enrol-panel{padding:clamp(24px,4vw,48px);border-radius:32px;background:radial-gradient(500px 300px at 100% 0,rgba(112,40,245,.4),transparent 60%),radial-gradient(500px 300px at 0 100%,rgba(25,188,235,.25),transparent 60%),var(--navy);color:#C9D0E8}
.awz-t-enrol-panel h2{color:#fff}
.awz-t-contact{display:grid;gap:10px;margin-top:20px}
.awz-t-contact a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:600}
.awz-t-contact a:hover{background:rgba(255,255,255,.14)}

/* Homepage training preview (photo composition) */
.awz-h-train{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,4vw,64px);align-items:center}
.awz-h-train-ph{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:200px 200px;gap:12px}
.awz-h-train-ph .a{grid-row:1/3}.awz-h-train-ph .awz-ph{min-height:0}
.awz-h-train ul.awz-checks{display:grid;gap:8px;margin:14px 0 22px}.awz-h-train .awz-checks li{display:flex;gap:10px;align-items:flex-start}.awz-h-train .awz-checks svg{flex:none;margin-top:4px;color:var(--blue)}
.awz-h-founder{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(20px,3vw,36px);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--sh)}
.awz-h-founder img{width:100%;border-radius:20px;aspect-ratio:4/5;object-fit:cover;object-position:top}

/* Light results section (screenshots stay unaltered) */
.awz-results.awz-sec-light{background:linear-gradient(180deg,var(--cloud),#EAF0FF)}
.awz-results.awz-sec-light .awz-shot{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:10px}
.awz-results.awz-sec-light figcaption{color:var(--mute)}

/* ---------- 5. Responsive ---------- */
@media (max-width:1060px){
	.awz-t-hero-grid,.awz-t-instr,.awz-t-method,.awz-t-enrol,.awz-h-train,.awz-h-founder{grid-template-columns:1fr}
	.awz-t-grid,.awz-t-line,.awz-t-gallery{grid-template-columns:repeat(2,1fr)}
	.awz-t-line::before{display:none}
	.awz-t-instr-ph{max-width:460px;margin-inline:auto}
}
@media (max-width:767px){
	.awz-t-hero{padding-top:calc(var(--hh) + 18px)}
	.awz-t-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 130px}
	.awz-t-mosaic .m1{grid-column:1/3;grid-row:1}
	.awz-t-badge{left:8px;bottom:auto;top:8px;padding:8px 12px}.awz-t-badge b{font-size:1.5rem}
	.awz-t-stage .awz-ph{aspect-ratio:16/10}
	.awz-t-stage-side{grid-template-columns:1fr 1fr}.awz-t-stage-side .awz-ph:last-child{display:none}
	.awz-t-panel{grid-template-columns:1fr}
	.awz-t-line,.awz-t-two,.awz-t-method-steps{grid-template-columns:1fr}
	.awz-t-grid{grid-template-columns:1fr 1fr;gap:12px}.awz-t-mod{padding:16px}.awz-t-mod h3{font-size:1.02rem}.awz-t-mod p{font-size:.9rem;line-height:1.5}
	.awz-t-gallery{grid-template-columns:1fr 1fr}.awz-t-gallery .awz-ph:nth-child(even){transform:none}
	.awz-t-pair{grid-template-columns:1fr 1fr}
	.awz-t-instr-ph .awz-ph.float{right:8px;bottom:-18px}
	.awz-h-train-ph{grid-template-rows:150px 150px}
	.awz-t-tabs [role=tab]{padding:0 14px}
}
@media (prefers-reduced-motion:reduce){.awz-t-mod,.awz-t-gallery .awz-ph{transition:none;transform:none}}