.aowd-page { --aowd-ink:#102b40; --aowd-muted:#6f8798; --aowd-aqua:#4d9dff; --aowd-cyan:#4cc9ff; color:var(--aowd-ink); background:#f4fafb; }
.aowd-hero { position:relative; min-height:570px; display:grid; align-items:end; overflow:hidden; color:#fff; background:#071d2c; }
.aowd-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,17,29,.9),rgba(3,17,29,.5) 54%,rgba(3,17,29,.2)),var(--aowd-hero-image) center/cover; }
.aowd-hero::after { content:''; position:absolute; inset:auto 0 0; height:170px; background:linear-gradient(transparent,rgba(3,17,29,.68)); }
.aowd-hero-inner { position:relative; z-index:1; display:flex; align-items:end; justify-content:space-between; gap:40px; width:100%; padding-top:115px; padding-bottom:74px; }
.aowd-hero-copy { max-width:790px; }
.aowd-eyebrow,.aowd-kicker { display:inline-flex; align-items:center; gap:9px; color:#2477d4; font:700 11px 'DM Sans',sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.aowd-eyebrow { color:var(--aowd-aqua); }
.aowd-eyebrow::before,.aowd-kicker::before { content:''; width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:currentColor; box-shadow:0 0 15px currentColor; }
.aowd-hero h1 { max-width:900px; margin:20px 0 0; color:#fff; font:700 clamp(2.7rem,6.5vw,6.2rem)/.95 'Space Grotesk',sans-serif; letter-spacing:-.075em; }
.aowd-hero-copy>strong { display:block; margin-top:20px; color:#fff; font:600 clamp(1.15rem,2.2vw,1.65rem) 'Space Grotesk',sans-serif; }
.aowd-hero-copy>p { max-width:650px; margin:14px 0 0; color:#c5dbe4; font-size:clamp(1rem,1.7vw,1.25rem); line-height:1.65; }
.aowd-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.aowd-actions .btn-ghost { color:#fff; border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.08); }
.aowd-hero-note { width:min(275px,100%); padding:21px; border:1px solid rgba(77,157,255,.3); border-radius:19px; background:rgba(5,29,43,.75); backdrop-filter:blur(12px); }
.aowd-note-icon,.aowd-detail-symbol,.aowd-skill-icon { display:grid; width:44px; height:44px; place-items:center; color:#06212b; border-radius:13px; background:linear-gradient(135deg,var(--aowd-aqua),var(--aowd-cyan)); }
.aowd-note-icon svg,.aowd-detail-symbol svg,.aowd-skill-icon svg { width:23px; height:23px; }
.aowd-hero-note strong { display:block; margin-top:17px; color:#fff; font:600 1.05rem 'Space Grotesk',sans-serif; }
.aowd-hero-note p { margin:7px 0 0; color:#a5bfca; font-size:12px; line-height:1.6; }

.aowd-overview { padding:105px 0 110px; background:#f4fafb; }
.aowd-overview-grid { display:grid; grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr); gap:clamp(30px,5vw,76px); align-items:start; }
.aowd-structure-panel h2,.aowd-section-intro h2,.aowd-section-head h2,.aowd-after-card h2,.aowd-cta h2 { margin:16px 0 0; color:var(--aowd-ink); font:700 clamp(2rem,3.5vw,3.25rem)/1.04 'Space Grotesk',sans-serif; letter-spacing:-.06em; }
.aowd-lead { max-width:650px; margin:16px 0 0; color:var(--aowd-muted); font-size:15px; line-height:1.7; }
.aowd-text-cards { display:grid; gap:12px; margin-top:28px; }
.aowd-text-card { position:relative; margin:0; padding:20px 22px 20px 64px; border:1px solid rgba(24,70,91,.12); border-radius:18px; background:rgba(255,255,255,.78); box-shadow:0 10px 28px rgba(31,77,97,.055); }
.aowd-text-card:nth-child(1),.aowd-text-card:nth-child(4) { border-color:rgba(36,119,212,.2); background:linear-gradient(135deg,#eaf3ff,#fff); }
.aowd-text-card p { margin:0; color:var(--aowd-muted); font-size:14px; line-height:1.75; }
.aowd-card-number { position:absolute; top:20px; left:22px; color:#2477d4; font:700 12px 'Space Grotesk',sans-serif; letter-spacing:.12em; }
.aowd-level-card { overflow:hidden; border:1px solid rgba(24,70,91,.13); border-radius:0 26px 0 26px; background:#fff; box-shadow:0 22px 55px rgba(31,77,97,.12); }
.aowd-level-photo { position:relative; height:335px; overflow:hidden; }
.aowd-level-photo::after { content:''; position:absolute; inset:42% 0 0; background:linear-gradient(transparent,rgba(3,17,29,.7)); }
.aowd-level-photo img { width:100%; height:100%; object-fit:cover; }
.aowd-level-photo span { position:absolute; z-index:1; left:20px; bottom:19px; padding:9px 12px; color:#fff; font-size:10px; font-weight:700; letter-spacing:.14em; border-radius:999px; background:rgba(4,28,42,.78); }
.aowd-level-body { padding:27px 27px 30px; }
.aowd-level-body h2 { margin:14px 0 0; color:var(--aowd-ink); font:700 clamp(1.75rem,3vw,2.7rem)/1.05 'Space Grotesk',sans-serif; letter-spacing:-.06em; }
.aowd-level-body p { margin:18px 0 0; color:var(--aowd-muted); font-size:14px; line-height:1.72; }
.aowd-level-stat { display:flex; align-items:center; gap:12px; margin-top:24px; padding-top:18px; border-top:1px solid rgba(24,70,91,.12); }
.aowd-level-stat strong { color:#2477d4; font:700 2rem 'Space Grotesk',sans-serif; }
.aowd-level-stat span { color:var(--aowd-muted); font-size:11px; line-height:1.4; }

.aowd-requirements { padding:90px 0; background:#fff; }
.aowd-requirements-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(34px,7vw,100px); align-items:center; }
.aowd-section-intro p { max-width:390px; margin:18px 0 0; color:var(--aowd-muted); font-size:15px; line-height:1.72; }
.aowd-requirement-list { display:grid; gap:12px; }
.aowd-requirement-list article { display:flex; align-items:flex-start; gap:16px; padding:20px 22px; border:1px solid rgba(24,70,91,.12); border-radius:17px; background:#f6fbfc; }
.aowd-requirement-list article>span { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; color:#2477d4; border-radius:11px; background:#e8f2ff; }
.aowd-requirement-list svg { width:20px; height:20px; }
.aowd-requirement-list strong { display:block; color:var(--aowd-ink); font:600 1rem 'Space Grotesk',sans-serif; }
.aowd-requirement-list p { margin:5px 0 0; color:var(--aowd-muted); font-size:13px; line-height:1.55; }

.aowd-skills { padding:105px 0; color:#e8f7f9; background:linear-gradient(145deg,#092738,#061622); }
.aowd-section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:40px; }
.aowd-section-head h2 { color:#fff; }
.aowd-section-head>p { max-width:470px; margin:0; color:#9ab5c3; font-size:15px; line-height:1.7; }
.aowd-skill-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.aowd-skill-card { position:relative; min-height:245px; padding:23px; overflow:hidden; border:1px solid rgba(149,205,226,.15); border-radius:19px; background:rgba(255,255,255,.045); transition:transform .3s ease,border-color .3s ease,background .3s ease; }
.aowd-skill-card:hover { transform:translateY(-7px); border-color:rgba(77,157,255,.5); background:rgba(77,157,255,.08); }
.aowd-skill-card .aowd-card-number { top:24px; right:22px; left:auto; color:rgba(172,226,232,.35); }
.aowd-skill-icon { width:42px; height:42px; }
.aowd-skill-card h3 { margin:25px 0 0; color:#fff; font:600 1.05rem 'Space Grotesk',sans-serif; }
.aowd-skill-card p { margin:10px 0 0; color:#9bb5c2; font-size:13px; line-height:1.62; }

.aowd-after { padding:105px 0; background:#f4fafb; }
.aowd-after-grid { display:grid; grid-template-columns:1.15fr .9fr .9fr; gap:17px; }
.aowd-after-card { min-height:260px; padding:30px; border:1px solid rgba(24,70,91,.13); border-radius:21px; background:#fff; box-shadow:0 18px 45px rgba(31,77,97,.08); }
.aowd-after-card-highlight { background:linear-gradient(145deg,#eaf3ff,#f9fcfc); border-color:rgba(36,119,212,.24); }
.aowd-after-card .aowd-kicker { margin-top:20px; }
.aowd-after-card h2 { font-size:clamp(1.55rem,2.5vw,2.2rem); }
.aowd-after-card>p { margin:18px 0 0; color:var(--aowd-muted); font-size:14px; line-height:1.7; }
.aowd-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.aowd-tags span { padding:8px 11px; color:#2477d4; border-radius:999px; background:rgba(77,157,255,.16); font-size:11px; font-weight:700; }

.aowd-faq { padding:105px 0; background:#fff; }
.aowd-section-head-center { display:block; text-align:center; }
.aowd-section-head-center>.aowd-kicker { justify-content:center; }
.aowd-section-head-center>p { margin:16px auto 0; }
.aowd-faq-list { display:grid; gap:10px; }
.aowd-faq-item { border:1px solid rgba(24,70,91,.13); border-radius:14px; background:#f7fbfc; }
.aowd-faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:62px; padding:0 20px; color:var(--aowd-ink); cursor:pointer; font:600 14px 'Space Grotesk',sans-serif; list-style:none; }
.aowd-faq-item summary::-webkit-details-marker { display:none; }
.aowd-faq-item summary span { color:#2477d4; font-size:22px; font-weight:400; transition:transform .2s ease; }
.aowd-faq-item[open] summary span { transform:rotate(45deg); }
.aowd-faq-item p { margin:0; padding:0 20px 20px; color:var(--aowd-muted); font-size:13px; line-height:1.65; }
.aowd-cta { padding:72px 0; color:#fff; background:linear-gradient(120deg,#0b3445,#061824); }
.aowd-cta h2 { color:#fff; }
.aowd-cta p { max-width:590px; margin:14px 0 0; color:#a3beca; font-size:14px; line-height:1.6; }
.aowd-cta .aowd-kicker { color:var(--aowd-aqua); }

@media (max-width:1000px) { .aowd-overview-grid { grid-template-columns:1fr; } .aowd-level-card { max-width:720px; } .aowd-requirements-grid { grid-template-columns:1fr; } .aowd-section-intro p { max-width:650px; } .aowd-skill-grid { grid-template-columns:repeat(2,1fr); } .aowd-after-grid { grid-template-columns:1fr 1fr; } .aowd-after-card:first-child { grid-column:span 2; } }
@media (max-width:700px) { .aowd-hero { min-height:690px; } .aowd-hero-inner { align-items:start; flex-direction:column; padding-top:80px; padding-bottom:60px; } .aowd-hero-note { width:min(360px,100%); } .aowd-overview,.aowd-requirements,.aowd-skills,.aowd-after,.aowd-faq { padding:76px 0; } .aowd-structure-panel h2,.aowd-section-intro h2,.aowd-section-head h2,.aowd-after-card h2,.aowd-cta h2 { font-size:2.3rem; } .aowd-level-photo { height:280px; } .aowd-level-body { padding:23px 21px 25px; } .aowd-text-card { padding-left:58px; } .aowd-skill-grid,.aowd-after-grid { grid-template-columns:1fr; } .aowd-after-card:first-child { grid-column:auto; } .aowd-after-card { min-height:0; padding:25px 21px; } .aowd-section-head { display:block; } .aowd-section-head>p { margin-top:17px; } }