:root{
  --navy-950:#061522;
  --navy-900:#0a2033;
  --navy-850:#0d2941;
  --navy-800:#11344f;
  --ink:#122d43;
  --text:#345066;
  --muted:#71879a;
  --line:#dce8f0;
  --line-strong:#c8d9e4;
  --surface:#ffffff;
  --surface-soft:#f5f9fc;
  --surface-ice:#eef8fc;
  --cyan:#09b8ea;
  --cyan-strong:#039acb;
  --electric:#2476ff;
  --ice:#8ee8ff;
  --silver:#c6d3dc;
  --success:#1ca96a;
  --shadow:0 26px 70px rgba(12,42,66,.10);
  --shadow-soft:0 14px 36px rgba(12,42,66,.07);
  --radius-xl:30px;
  --radius-lg:24px;
  --radius-md:18px;
  --radius-sm:13px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f8fbfe 0%,#fff 28%,#f7fbfe 100%);color:var(--ink);font:15px/1.62 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}
button,input,select{font:inherit}
a{color:inherit}
img{max-width:100%;display:block}
button{cursor:pointer}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.page-ambient{position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 86% 5%,rgba(9,184,234,.11),transparent 28%),radial-gradient(circle at 5% 34%,rgba(36,118,255,.055),transparent 24%)}
.page-ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,104,143,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(31,104,143,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 62%)}
.section-shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.section{padding:104px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan-strong);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.eyebrow:before{content:"";width:24px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--electric))}
h1,h2,h3{font-family:Montserrat,Inter,sans-serif;letter-spacing:-.035em;color:var(--navy-900)}
p{color:var(--text)}

/* Navigation */
.topbar{position:sticky;top:0;z-index:80;height:78px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1220px)/2));background:rgba(255,255,255,.88);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid rgba(198,216,228,.72);box-shadow:0 8px 30px rgba(15,48,72,.04)}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--navy-900),#10517a 55%,var(--cyan));clip-path:polygon(50% 0,91% 21%,86% 76%,50% 100%,14% 76%,9% 21%);font:900 17px Montserrat;filter:drop-shadow(0 8px 14px rgba(12,54,84,.22))}
.brand-copy strong{display:block;color:var(--navy-900);font:900 12px/1.1 Montserrat;letter-spacing:.07em}
.brand-copy small{display:block;color:#7b90a1;font-size:8px;font-weight:800;letter-spacing:.12em;margin-top:4px}
.nav{margin-left:auto;display:flex;align-items:center;gap:24px}
.nav a{font-size:12px;font-weight:750;text-decoration:none;color:#496579;transition:.2s ease}
.nav a:hover{color:var(--cyan-strong)}
.top-cta{margin-left:2px}

/* Buttons */
.btn{border:0;border-radius:14px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:850;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;color:var(--ink)}
.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn:hover{transform:translateY(-2px)}
.btn-small{padding:10px 14px;font-size:12px}
.btn-large{padding:15px 21px;font-size:13px}
.btn-primary{color:#031722;background:linear-gradient(135deg,#73e3ff 0%,#1cc4ef 52%,#47b5ff 100%);box-shadow:0 14px 34px rgba(10,167,218,.20)}
.btn-primary:hover{box-shadow:0 18px 42px rgba(10,167,218,.29)}
.btn-outline{background:#fff;border:1px solid var(--line-strong);color:var(--navy-850)}
.btn-outline:hover{border-color:#83cee5;background:#f5fbfe}
.btn-ghost{background:transparent;border:1px solid transparent;color:#3d5a70}
.btn-ghost:hover{background:#eef7fb}
.btn-dark{background:var(--navy-900);color:#fff;box-shadow:0 15px 34px rgba(5,30,49,.18)}
.btn-light{background:#fff;color:var(--navy-900);box-shadow:0 14px 36px rgba(0,0,0,.14)}
.btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,.32);color:#fff}
.btn-outline-light:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.62)}
button:disabled{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* Hero */
.hero{min-height:690px;padding:98px 0 88px;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;position:relative}
.hero:before{content:"";position:absolute;left:-180px;top:50px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(36,118,255,.08),transparent 70%);filter:blur(8px);pointer-events:none}
.hero-copy{position:relative;z-index:2}
.hero h1{font-size:clamp(52px,5.4vw,76px);line-height:.96;margin:18px 0 25px;max-width:720px}
.hero h1 span{color:#536b7e}
.hero-lead{max-width:650px;margin:0;font-size:17px;line-height:1.72;color:#536f83}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.hero-trust{display:flex;gap:19px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid #e0eaf1}
.hero-trust span{display:inline-flex;align-items:center;gap:8px;color:#6b8192;font-size:11px;font-weight:750}
.hero-trust svg{width:17px;height:17px;fill:none;stroke:#109dca;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-visual{position:relative;display:grid;place-items:center;min-width:0}
.hero-glow{position:absolute;width:85%;height:68%;border-radius:50%;background:radial-gradient(circle,rgba(32,184,229,.22),rgba(36,118,255,.08) 48%,transparent 72%);filter:blur(35px);transform:translate(6%,5%)}
.algiz-product-frame{position:relative;width:100%;max-width:610px;border-radius:28px;border:1px solid #d8e6ef;background:#fff;box-shadow:0 34px 90px rgba(8,44,69,.14);overflow:hidden;transform:perspective(1600px) rotateY(-3deg) rotateX(1deg);transition:transform .4s ease}
.hero-visual:hover .algiz-product-frame{transform:perspective(1600px) rotateY(-1deg) rotateX(0deg) translateY(-3px)}
.product-topbar{height:68px;background:linear-gradient(135deg,#0a253b,#0d3858);display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#fff}
.product-brand{display:flex;align-items:center;gap:11px}
.product-brand>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(122,228,255,.48);border-radius:10px;background:rgba(104,225,255,.1);font:900 15px Montserrat;color:#8cecff}
.product-brand b{display:block;font:850 11px Montserrat;letter-spacing:.08em}
.product-brand small{display:block;color:#91b4c8;font-size:8px;letter-spacing:.12em;margin-top:3px}
.product-status{display:flex;align-items:center;gap:8px;color:#a7c8d9;font-size:9px;font-weight:750;letter-spacing:.06em}
.product-status i{width:7px;height:7px;border-radius:50%;background:#42d58b;box-shadow:0 0 0 5px rgba(66,213,139,.1)}
.product-shell{display:grid;grid-template-columns:62px 1fr;min-height:390px;background:linear-gradient(180deg,#fbfdff,#f7fbfe)}
.product-sidebar{background:#0b2b46;padding:18px 11px;display:flex;flex-direction:column;align-items:center;gap:11px}
.side-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#1bbce8,#71e7ff);color:#062034;font:900 16px Montserrat;margin-bottom:8px}
.product-sidebar span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#779db5}
.product-sidebar span.active{background:rgba(114,230,255,.11);color:#7ee7ff;border:1px solid rgba(114,230,255,.12)}
.product-sidebar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.product-content{padding:31px 32px}
.product-course-head{display:grid;grid-template-columns:1fr 112px;gap:24px;align-items:center}
.product-course-head small{color:#1399c1;font-size:9px;font-weight:900;letter-spacing:.12em}
.product-course-head h3{font-size:27px;line-height:1.04;margin:7px 0 8px}
.product-course-head p{margin:0;color:#71889b;font-size:12px;line-height:1.55}
.hero-main-badge{width:108px;height:108px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#eff8fc);border:1px solid #d7e8f0;box-shadow:0 15px 34px rgba(8,50,77,.08)}
.hero-main-badge img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(23,57,78,.10))}
.product-learning-card{display:flex;align-items:center;gap:15px;margin-top:26px;padding:18px;border:1px solid #cfe7ef;border-radius:18px;background:linear-gradient(135deg,#edfaff,#f8fdff)}
.learning-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#0d3453,#0ba5d3);color:#fff;box-shadow:0 12px 25px rgba(9,120,162,.16)}
.learning-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.product-learning-card b{display:block;color:#14334a;font-size:13px}
.product-learning-card span{display:block;color:#6b8395;font-size:10px;margin-top:3px}
.product-resource-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.product-resource-row>div{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e0eaf0;border-radius:17px;background:#fff}
.product-resource-row svg{width:20px;height:20px;fill:none;stroke:#0ca5d5;stroke-width:1.7;flex:0 0 auto}
.product-resource-row b{display:block;color:#244459;font-size:11px}
.product-resource-row small{display:block;color:#8295a3;font-size:9px;margin-top:2px}
.product-caption{height:53px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid #e1ebf1}
.product-caption span{color:#7b90a0;font-size:8px;font-weight:900;letter-spacing:.12em}
.product-caption b{color:#153850;font-size:9px}

.value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft);overflow:hidden}
.value-strip>div{display:flex;align-items:center;gap:14px;padding:20px 24px;border-right:1px solid #e3edf2}
.value-strip>div:last-child{border-right:0}
.value-strip svg{width:24px;height:24px;fill:none;stroke:#0da5d5;stroke-width:1.7;flex:0 0 auto}
.value-strip b{display:block;color:#1e4157;font-size:12px}
.value-strip small{display:block;color:#7c90a0;font-size:10px;margin-top:2px}

/* Section headings */
.section-heading{margin-bottom:38px}
.section-heading h2{font-size:clamp(34px,4vw,50px);line-height:1.03;margin:12px 0 13px}
.section-heading p{font-size:15px;max-width:760px;margin:0;color:#667f91}
.centered-heading{text-align:center;max-width:840px;margin-left:auto;margin-right:auto}
.centered-heading .eyebrow{justify-content:center}
.centered-heading p{margin-left:auto;margin-right:auto}
.split-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
.split-heading p{justify-self:end;max-width:470px}
.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.catalog-heading>div:first-child{max-width:820px}

/* Plans */
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}
.plan-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,#bcd7e4,transparent);opacity:.45}
.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c7dde8}
.plan-card.featured{border-color:#8ad7ed;box-shadow:0 28px 76px rgba(7,126,171,.14);background:linear-gradient(180deg,#fff 0%,#f5fcff 100%)}
.plan-card.featured:before{background:linear-gradient(90deg,var(--electric),var(--cyan),#9eeeff);opacity:1}
.featured-label{position:absolute;top:18px;right:18px;padding:7px 10px;border-radius:999px;background:#0b2d49;color:#fff;font-size:7px;font-weight:900;letter-spacing:.09em}
.plan-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:#0c9cca;background:linear-gradient(180deg,#eefaff,#f7fcfe);border:1px solid #d4e9f1;margin-bottom:22px}
.plan-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.plan-label{color:#0b9dca;font-size:9px;font-weight:900;letter-spacing:.14em}
.plan-card h3{font-size:27px;margin:6px 0 9px}
.plan-description{min-height:73px;margin:0;color:#6b8293;font-size:13px}
.plan-pricing{margin-top:19px;padding-top:18px;border-top:1px solid #e4edf2}
.plan-pricing>span{display:block;color:#8094a3;font-size:11px}
.plan-pricing s{color:#90a3b0}
.plan-pricing>div{display:flex;align-items:baseline;gap:8px;margin-top:3px}
.plan-pricing strong{font:900 48px/1 Montserrat;color:#102f47;letter-spacing:-.055em}
.plan-pricing b{font-size:12px;color:#5f788b}
.plan-save{align-self:flex-start;margin-top:10px;padding:6px 9px;border-radius:8px;background:#eafaff;color:#0b8fb9;font-size:8px;font-weight:900;letter-spacing:.08em}
.plan-card ul{list-style:none;padding:0;margin:22px 0 24px;display:grid;gap:10px}
.plan-card li{display:flex;align-items:flex-start;gap:9px;color:#4d697c;font-size:12px}
.plan-card li svg{width:15px;height:15px;fill:none;stroke:#0ca6d3;stroke-width:2.3;flex:0 0 auto;margin-top:2px}
.plan-card .btn{margin-top:auto;width:100%}
.package-note{text-align:center;margin:19px 0 0;color:#8497a5;font-size:10px}

/* Catalog / builder */
.catalog-section{padding-top:118px}
.selection-counter{flex:0 0 auto;display:flex;align-items:baseline;gap:7px;padding:12px 15px;border-radius:14px;background:#f3f9fc;border:1px solid #d8e7ef;color:#557083}
.selection-counter b{font:900 21px Montserrat;color:#0b91bb}
.selection-counter span{font-size:10px;font-weight:750}
.builder-shell{display:grid;grid-template-columns:1.25fr 1fr .8fr .8fr auto;gap:12px;align-items:end;padding:18px;border:1px solid #d7e5ed;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(14,48,72,.06)}
.builder-field label{display:block;color:#667f91;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px 3px}
.builder-field select{width:100%;height:44px;border:1px solid #d7e4ed;border-radius:12px;background:#f8fbfd;color:#244459;padding:0 35px 0 12px;outline:none;font-size:11px;font-weight:750}
.builder-field select:focus{border-color:#80d3eb;box-shadow:0 0 0 3px rgba(9,184,234,.08)}
.builder-plan-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.builder-plan-buttons button{height:44px;border-radius:11px;border:1px solid #d5e3ec;background:#f8fbfd;color:#446276;font-weight:900;font-size:13px}
.builder-plan-buttons button small{display:block;font-size:7px;color:#8798a5;font-weight:700;margin-top:-2px}
.builder-plan-buttons button.active{background:#0b2f4b;color:#fff;border-color:#0b2f4b;box-shadow:0 9px 20px rgba(11,47,75,.14)}
.builder-plan-buttons button.active small{color:#a8c8d9}
.filter-reset{height:44px;padding:0 14px;border:1px solid #d6e3eb;border-radius:12px;background:#fff;color:#61798a;font-size:10px;font-weight:850}
.selected-toggle{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:#6a8193;font-size:10px;font-weight:750;padding:2px 3px 0}
.selected-toggle input{appearance:none;width:30px;height:17px;border-radius:999px;background:#dbe6ec;position:relative;transition:.2s}
.selected-toggle input:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.2s}
.selected-toggle input:checked{background:#0da9d8}.selected-toggle input:checked:after{transform:translateX(13px)}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 26px}
.search-box{height:48px;display:flex;align-items:center;gap:9px;flex:0 0 330px;padding:0 14px;border:1px solid #d5e4ed;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(12,48,72,.04)}
.search-box svg{width:18px;height:18px;fill:none;stroke:#14a7d3;stroke-width:1.8}
.search-box input{width:100%;border:0;outline:0;background:transparent;color:#244459;font-size:12px}
.search-box input::placeholder{color:#9aaab5}
.filter-pills{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.filter-pills button{border:1px solid #d7e4ed;border-radius:999px;background:#fff;color:#587386;padding:9px 12px;font-size:9px;font-weight:850;transition:.2s}
.filter-pills button:hover{border-color:#91d5e8;color:#0a89b1}
.filter-pills button.active{background:#0c304c;border-color:#0c304c;color:#fff}
.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cert-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #dce7ee;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(16,49,71,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden}
.cert-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,75%) var(--my,15%),rgba(9,184,234,.08),transparent 32%);opacity:0;pointer-events:none;transition:.25s}
.cert-card:hover{transform:translateY(-4px);border-color:#b8dce8;box-shadow:0 24px 60px rgba(13,53,79,.09)}
.cert-card:hover:after{opacity:1}
.cert-card.selected{border-color:#59cbe9;box-shadow:0 24px 64px rgba(9,166,215,.13),inset 0 0 0 1px rgba(89,203,233,.25)}
.selected-tag{display:none;position:absolute;right:17px;top:17px;z-index:3;padding:6px 8px;border-radius:999px;background:#0b2f4b;color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em}
.cert-card.selected .selected-tag{display:block}
.elearning-ribbon{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin:-2px 0 16px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#0b2d49,#0f4a70);color:#fff;border:1px solid rgba(94,220,255,.18)}
.elearning-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(95,225,255,.12);color:#76e6ff;flex:0 0 auto}
.elearning-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.elearning-ribbon b{display:block;font-size:8px;letter-spacing:.09em}.elearning-ribbon small{display:block;color:#a8d5e5;font-size:8px;margin-top:2px}
.cert-badge-wrap{position:relative;z-index:2;height:176px;display:grid;place-items:center;border-radius:19px;background:radial-gradient(circle at 50% 38%,#fff 0%,#f3f9fc 57%,#edf5f9 100%);border:1px solid #e0eaf0}
.cert-badge-wrap:before{content:"";position:absolute;width:118px;height:118px;border-radius:50%;border:1px solid rgba(22,161,207,.12);box-shadow:0 0 0 12px rgba(21,162,207,.035),0 0 0 24px rgba(21,162,207,.02)}
.cert-badge{position:relative;z-index:1;width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(19,48,69,.10))}
.cert-card-copy{position:relative;z-index:2;padding:17px 2px 5px;flex:1}
.cert-category{display:block;color:#0a9bc7;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.cert-card h3{font-size:21px;line-height:1.12;margin:7px 0 6px}
.cert-code{display:inline-flex;color:#6e8799;font-size:9px;font-weight:850;letter-spacing:.05em}
.cert-card p{font-size:12px;line-height:1.58;color:#647d8f;margin:12px 0 0}
.cert-actions{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:9px;margin-top:15px}
.cert-actions .btn{padding:11px 12px;border-radius:12px;font-size:10px}
.no-results{grid-column:1/-1;padding:52px;text-align:center;border:1px dashed #c6dbe6;border-radius:22px;background:#fbfdff;color:#567083}
.no-results b{display:block;font:800 18px Montserrat;color:#18384f}.no-results p{margin:7px 0 16px;color:#748b9b}

/* Includes */
.include-section{background:linear-gradient(180deg,#f3f9fc 0%,#f8fbfd 100%);border-top:1px solid #e1ebf1;border-bottom:1px solid #e1ebf1}
.experience-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}
.experience-flow:before{content:"";position:absolute;top:39px;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#bcdce8 12%,#bcdce8 88%,transparent)}
.experience-card{position:relative;z-index:1;padding:0 10px;text-align:center}
.experience-icon{width:78px;height:78px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:#fff;border:1px solid #d5e6ee;box-shadow:0 15px 34px rgba(15,60,85,.08);color:#0da1cf}
.experience-card.course .experience-icon{background:linear-gradient(135deg,#0c2d49,#0e537c);color:#7ce8ff;border-color:#0d4a71}
.experience-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.experience-card small{display:block;color:#0a9bc7;font-size:8px;font-weight:900;letter-spacing:.12em}
.experience-card h3{font-size:17px;line-height:1.15;margin:7px 0 8px}
.experience-card p{font-size:11px;line-height:1.55;color:#6d8394;margin:0}
.experience-card strong{color:#24485f}

/* ALGIZ */
.algiz-section{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:center}
.algiz-copy h2{font-size:clamp(38px,4vw,50px);line-height:1.02;margin:13px 0 16px}
.algiz-copy>p{max-width:560px;color:#667f91}
.algiz-feature-list{display:grid;gap:11px;margin:28px 0}
.algiz-feature-list>div{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #e1ebf1}
.algiz-feature-list>div:last-child{border-bottom:0}
.algiz-feature-list>div>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#eef9fd;color:#0ba4d0;border:1px solid #d4e9f1;flex:0 0 auto}
.algiz-feature-list svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65}
.algiz-feature-list p{margin:0}.algiz-feature-list b{display:block;font-size:12px;color:#24465d}.algiz-feature-list small{display:block;color:#7d91a0;font-size:10px;margin-top:2px}
.algiz-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.integration-badge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#758a99;font-size:9px;font-weight:800}
.integration-badge i{width:7px;height:7px;border-radius:50%;background:#26bc78}
.integration-badge.offline i{background:#d56969}.integration-badge.manual i{background:#efa946}
.algiz-app-window{min-height:520px;display:grid;grid-template-columns:70px 1fr;border:1px solid #d4e3ec;border-radius:30px;background:#fff;box-shadow:0 34px 88px rgba(8,45,70,.13);overflow:hidden;position:relative}
.algiz-app-window:after{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(9,184,234,.12),transparent 70%);pointer-events:none}
.algiz-app-sidebar{background:linear-gradient(180deg,#08263e,#0a3553);padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:12px}
.algiz-app-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#19bce8,#85ebff);font:900 18px Montserrat;color:#052139;margin-bottom:13px}
.algiz-app-sidebar span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#789eb5}
.algiz-app-sidebar span.active{background:rgba(120,231,255,.12);color:#7ae6ff;border:1px solid rgba(120,231,255,.13)}
.algiz-app-sidebar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65}
.algiz-app-main{padding:34px 34px 30px;background:linear-gradient(180deg,#fbfdff,#f7fbfd)}
.algiz-app-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid #e1ebf1}
.algiz-app-head small{color:#0aa0cb;font-size:8px;font-weight:900;letter-spacing:.12em}.algiz-app-head h3{font-size:25px;margin:4px 0 0}
.algiz-app-head>span{padding:8px 10px;border-radius:999px;background:#eef8fc;color:#547085;font-size:8px;font-weight:850}
.algiz-selection-preview{min-height:165px;padding:22px 0;display:grid;gap:9px;align-content:start}
.algiz-selection-preview>p{margin:auto;color:#8295a3;font-size:11px}
.algiz-cert-row{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:9px 11px;border:1px solid #e0eaf0;border-radius:14px;background:#fff}
.algiz-cert-row img{width:38px;height:38px;object-fit:contain}.algiz-cert-row b{display:block;color:#244359;font-size:10px}.algiz-cert-row span{display:block;color:#7f92a1;font-size:8px}.algiz-cert-row em{font-style:normal;color:#0a94be;font-size:7px;font-weight:850;letter-spacing:.08em}
.algiz-app-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.algiz-app-modules>div{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #dbe7ee;border-radius:15px;background:#fff}
.algiz-app-modules>div>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff9fd;color:#0ba2cf;flex:0 0 auto}
.algiz-app-modules svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65}.algiz-app-modules p{margin:0}.algiz-app-modules b{display:block;font-size:9px;color:#27485e}.algiz-app-modules small{display:block;font-size:7px;color:#8496a3;margin-top:2px}

/* Process */
.process-section{background:#fff;border-top:1px solid #edf2f5;border-bottom:1px solid #edf2f5}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.process-grid article{position:relative;padding:25px;border:1px solid #dce7ee;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 12px 32px rgba(13,48,71,.045)}
.process-grid article:not(:last-child):after{content:"";position:absolute;right:-17px;top:48px;width:18px;height:1px;background:#b9d9e5}
.process-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#0ba0cd;background:#edf9fd;border:1px solid #d2eaf2;margin-bottom:19px}
.process-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65}
.process-grid small{color:#0a9bc6;font-size:8px;font-weight:900;letter-spacing:.11em}
.process-grid h3{font-size:17px;line-height:1.14;margin:6px 0 8px}.process-grid p{font-size:11px;color:#708696;margin:0}

/* Checkout */
.checkout-section{padding-top:116px}
.checkout-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:20px;align-items:start}
.order-summary,.buyer-form{border:1px solid #d9e6ee;border-radius:26px;background:#fff;box-shadow:0 20px 52px rgba(14,48,72,.07)}
.order-summary{padding:27px;position:sticky;top:98px}
.summary-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#0aa2cf;background:#eff9fd;border:1px solid #d4eaf2;margin-bottom:17px}
.summary-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}
.mini-label{display:block;color:#0a9bc6;font-size:9px;font-weight:900;letter-spacing:.11em}
.order-summary h3{font-size:22px;margin:6px 0 12px}
.summary-count{display:flex;align-items:baseline;gap:6px;padding:11px 13px;border-radius:13px;background:#f5fafc;border:1px solid #e0eaf0}
.summary-count strong{font:900 23px Montserrat;color:#0a94be}.summary-count span{font-size:9px;color:#6d8292}
.selected-list{display:grid;gap:7px;min-height:100px;margin:16px 0}.selected-list>p{margin:auto;color:#8a9ba7;font-size:10px}
.selected-item{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #e0e9ef;border-radius:12px;background:#fbfdff}.selected-item img{width:34px;height:34px;object-fit:contain}.selected-item b{display:block;font-size:9px;color:#244459}.selected-item span{display:block;color:#8496a3;font-size:7px}
.summary-total{display:flex;align-items:end;justify-content:space-between;padding-top:17px;border-top:1px solid #e1ebf1}.summary-total span{font-size:10px;color:#718797}.summary-total strong{font:900 25px Montserrat;color:#0a8fb7}
.buyer-form{padding:29px}
.checkout-form-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.checkout-form-head h3{font-size:21px;margin:4px 0 0}
.backend-status{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:#f1f8fb;color:#677f91;font-size:8px;font-weight:850;white-space:nowrap}.backend-status i{width:7px;height:7px;border-radius:50%;background:#d2a044}.backend-status.online i{background:#26bc78}.backend-status.offline i{background:#d56868}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.buyer-form label{color:#49667a;font-size:10px;font-weight:800}.buyer-form input{width:100%;height:47px;margin-top:7px;padding:0 13px;border:1px solid #d6e4ed;border-radius:12px;background:#fbfdff;color:#18384f;outline:none}.buyer-form input:focus{border-color:#75d1e9;box-shadow:0 0 0 3px rgba(9,184,234,.08);background:#fff}
.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px}
.payment-method{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dbe7ee;border-radius:16px;background:#f9fcfe}.payment-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#0b8fb9;background:#fff;border:1px solid #d7e6ef;font:900 15px Montserrat;flex:0 0 auto}.payment-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.paypal-icon{background:#093b77;color:#fff;border-color:#093b77}.payment-method b{display:block;color:#24455b;font-size:11px}.payment-method p{margin:2px 0 0;color:#7d91a0;font-size:8px;line-height:1.45}.payment-security{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:10px 12px;color:#708797;font-size:9px;background:#f6fafc;border-radius:12px}.payment-security svg{width:16px;height:16px;fill:none;stroke:#17a6d0;stroke-width:1.7}
.order-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px;border-radius:14px;background:#f5fbfd;border:1px solid #d7eaf1}.order-recovery small{display:block;color:#7e929f;font-size:7px}.order-recovery strong{display:block;color:#24445a;font-size:10px}.order-recovery span{display:block;color:#738a99;font-size:8px}
.checkout-status{margin-top:14px;padding:12px 13px;border-radius:12px;background:#f8fbfd;border:1px solid #dce8ef;color:#657d8f;font-size:10px}.checkout-status.ready{background:#f0fbf6;border-color:#c4ead9;color:#227654}
.server-order-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.server-order-panel>div{padding:11px;border-radius:12px;background:#f8fbfd;border:1px solid #dde8ee}.server-order-panel small{display:block;color:#8295a2;font-size:7px}.server-order-panel strong{display:block;color:#24455a;font-size:9px;margin-top:3px;overflow-wrap:anywhere}
.checkout-actions{display:flex;gap:10px;margin-top:17px}.checkout-actions .btn{flex:1}
.checkout-note{margin:10px 0 0;color:#8b9ba7;font-size:8px}

/* FAQ */
.faq-section{max-width:1040px}
.faq-list{display:grid;gap:10px}
.faq-list details{border:1px solid #dbe7ee;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(14,47,70,.035);overflow:hidden}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;color:#25465b;font-weight:800;font-size:12px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:19px;color:#0a9bc7;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list p{margin:0;padding:0 20px 18px;color:#6d8494;font-size:11px;max-width:860px}

/* Final CTA */
.final-cta{margin-top:10px;margin-bottom:72px;padding:44px 50px;border-radius:30px;background:linear-gradient(130deg,#08253c,#0b3655 58%,#0c4b6d);display:flex;align-items:center;justify-content:space-between;gap:42px;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(7,34,55,.18)}
.final-cta:after{content:"";position:absolute;right:-80px;top:-100px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(111,225,255,.16);box-shadow:0 0 0 35px rgba(111,225,255,.03),0 0 0 70px rgba(111,225,255,.02)}
.final-cta-copy{position:relative;z-index:1}.final-cta .eyebrow{color:#80e8ff}.final-cta .eyebrow:before{background:#80e8ff}.final-cta h2{color:#fff;font-size:36px;line-height:1.03;margin:10px 0 10px}.final-cta p{margin:0;color:#b5ccda;max-width:620px;font-size:13px}
.final-cta-actions{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* Footer / sticky */
.footer{padding:30px 0 110px;border-top:1px solid #e1ebf1;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;color:#7a8f9e;font-size:9px}.footer p{text-align:center}.footer-links{text-align:right;display:grid;gap:4px}.footer-links a{text-decoration:none;color:#49677c}.footer-brand{transform:scale(.9);transform-origin:left center}
.sticky-bar{position:fixed;left:50%;bottom:16px;z-index:70;transform:translate(-50%,18px);width:min(820px,calc(100% - 30px));display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:10px;padding:10px 11px 10px 18px;border:1px solid #d0e0e9;border-radius:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(10,42,64,.18);opacity:0;pointer-events:none;transition:.25s ease}.sticky-bar.is-active{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.sticky-bar small{display:block;color:#8194a2;font-size:7px;font-weight:900;letter-spacing:.09em}.sticky-bar strong{display:block;color:#244459;font-size:10px;margin-top:2px}.sticky-price strong{color:#078eb7;font:900 17px Montserrat}

/* Detail modal */
.details-dialog{width:min(1220px,calc(100% - 32px));max-width:1220px;max-height:92vh;padding:0;border:1px solid #cddde7;border-radius:29px;background:#fff;color:var(--ink);box-shadow:0 35px 120px rgba(5,28,46,.30);overflow:auto}
.details-dialog::backdrop{background:rgba(4,20,33,.60);backdrop-filter:blur(8px)}
.dialog-close{position:sticky;float:right;right:16px;top:16px;z-index:20;width:39px;height:39px;border-radius:50%;border:1px solid #d6e4ed;background:rgba(255,255,255,.94);color:#24465c;font-size:22px;line-height:1;box-shadow:0 8px 20px rgba(15,45,66,.08)}
.algiz-dialog-body{padding:33px}
.cert-detail-hero{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:center;padding:8px 48px 28px 0;border-bottom:1px solid #e1ebf1}
.dialog-badge-shell{width:140px;height:140px;border-radius:27px;display:grid;place-items:center;background:radial-gradient(circle,#fff,#eff7fb);border:1px solid #d9e7ef;box-shadow:0 18px 44px rgba(10,46,70,.07)}
.dialog-badge-shell img{width:104px;height:104px;object-fit:contain}
.cert-detail-area{display:inline-block;color:#0a9cc9;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cert-detail-heading h2{font-size:34px;line-height:1.04;margin:7px 0 6px}.cert-detail-heading p{margin:0;color:#738899;font-size:11px;font-weight:800}
.cert-detail-layout{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(340px,.76fr);gap:22px;margin-top:22px}.cert-detail-main,.cert-detail-side{display:grid;gap:15px;align-content:start}
.cert-detail-section{padding:22px;border:1px solid #dce8ef;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(14,49,71,.04)}.cert-detail-kicker{display:block;color:#0b9bc5;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:12px}.dialog-desc{margin:0;color:#5f788a;font-size:13px;line-height:1.72}
.dialog-bullets{list-style:none;padding:0;margin:0;display:grid;gap:9px}.dialog-bullets li{position:relative;padding:11px 13px 11px 38px;border-radius:14px;background:#f8fbfd;border:1px solid #e0eaf0;color:#36556a;font-size:11px}.dialog-bullets li:before{content:"✓";position:absolute;left:13px;top:10px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#e5f9ff;color:#079bc7;font-size:9px;font-weight:900}
.dialog-syllabus{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.dialog-syllabus li{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:11px 12px;border-radius:14px;background:#f8fbfd;border:1px solid #e0eaf0}.dialog-syllabus li span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#0c304c;color:#8be9ff;font-size:8px;font-weight:900}.dialog-syllabus li b{font-size:10px;line-height:1.45;color:#355469}
.prep-course-panel{display:flex;gap:14px;padding:19px;border-radius:20px;background:linear-gradient(135deg,#0a2a44,#0d486c);color:#fff;box-shadow:0 18px 42px rgba(8,47,74,.13)}.prep-course-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(116,229,255,.11);border:1px solid rgba(116,229,255,.15);color:#7ce9ff;flex:0 0 auto}.prep-course-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}.prep-course-panel span{font-size:7px;font-weight:900;letter-spacing:.1em;color:#8fe9ff}.prep-course-panel h3{color:#fff;font-size:16px;margin:4px 0 6px}.prep-course-panel p{margin:0;color:#b8d1de;font-size:10px;line-height:1.55}.prep-course-panel strong{color:#fff}
.dialog-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dialog-details-grid>div{padding:11px;border-radius:13px;background:#f8fbfd;border:1px solid #e1eaf0}.dialog-details-grid small{display:block;color:#8395a3;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.dialog-details-grid b{display:block;color:#315066;font-size:9px;line-height:1.45;margin-top:4px}
.cert-detail-includes{display:grid;gap:8px}.credential-benefit{display:flex;align-items:flex-start;gap:10px}.credential-benefit>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e9faff;color:#0a9dc7;font-size:9px;font-weight:900;flex:0 0 auto}.credential-benefit b{display:block;font-size:10px;color:#315167}.credential-benefit small{display:block;color:#7d91a0;font-size:8px;margin-top:2px}
.official-source-card{display:block;text-decoration:none;padding:17px;border-radius:18px;background:#f5fafc;border:1px solid #d9e7ef;transition:.2s}.official-source-card:hover{border-color:#8bd6ea;background:#eef9fd}.official-source-card span{display:block;color:#8395a3;font-size:7px;font-weight:900;letter-spacing:.1em}.official-source-card b{display:block;color:#0a8fb8;font-size:11px;margin:4px 0}.official-source-card small{display:block;color:#748a9a;font-size:8px;line-height:1.45}.dialog-actions{display:flex;justify-content:flex-end;margin-top:20px}.dialog-actions .btn{min-width:220px}

/* animation */
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal-on-scroll.is-visible{opacity:1;transform:none}.reveal-on-scroll[data-delay="1"]{transition-delay:.06s}.reveal-on-scroll[data-delay="2"]{transition-delay:.12s}.reveal-on-scroll[data-delay="3"]{transition-delay:.18s}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* responsive */
@media(max-width:1100px){
  .nav{display:none}.hero{grid-template-columns:1fr;gap:48px;min-height:0}.hero-copy{max-width:800px}.hero-visual{max-width:760px;margin:auto;width:100%}.algiz-product-frame{transform:none}.plans-grid{grid-template-columns:1fr 1fr}.plan-card.featured{grid-column:1/-1;max-width:600px;justify-self:center;width:100%}.builder-shell{grid-template-columns:1.25fr 1fr 1fr}.builder-field:nth-of-type(4){grid-column:1/2}.filter-reset{grid-column:2/3}.selected-toggle{grid-column:3/4;align-self:center}.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-flow{grid-template-columns:repeat(3,1fr)}.experience-flow:before{display:none}.experience-card:nth-child(4),.experience-card:nth-child(5){grid-column:span 1}.algiz-section{grid-template-columns:1fr;gap:44px}.algiz-copy{max-width:760px}.process-grid{grid-template-columns:1fr 1fr}.process-grid article:nth-child(2):after{display:none}.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}.final-cta{align-items:flex-start;flex-direction:column}.final-cta-actions{justify-content:flex-start}}
@media(max-width:760px){
  .section-shell{width:min(100% - 28px,1220px)}.section{padding:76px 0}.topbar{height:70px;padding:0 14px}.top-cta{display:none}.brand-copy strong{font-size:10px}.brand-copy small{font-size:7px}.hero{padding:68px 0 64px}.hero h1{font-size:45px}.hero-lead{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-trust{gap:12px}.hero-trust span{width:100%}.product-shell{grid-template-columns:48px 1fr}.product-sidebar{padding-inline:6px}.product-sidebar span{width:34px;height:34px}.product-content{padding:23px 20px}.product-course-head{grid-template-columns:1fr 82px;gap:14px}.product-course-head h3{font-size:21px}.hero-main-badge{width:80px;height:80px;border-radius:18px}.hero-main-badge img{width:64px;height:64px}.product-resource-row{grid-template-columns:1fr}.product-caption{padding:0 15px}.product-caption span{display:none}.value-strip{grid-template-columns:1fr}.value-strip>div{border-right:0;border-bottom:1px solid #e3edf2}.value-strip>div:last-child{border-bottom:0}.section-heading h2{font-size:35px}.split-heading,.catalog-heading{display:block}.split-heading p{margin-top:14px}.selection-counter{margin-top:17px;width:max-content}.plans-grid{grid-template-columns:1fr}.plan-card.featured{grid-column:auto}.builder-shell{grid-template-columns:1fr 1fr}.builder-plan-field{grid-column:1/-1}.filter-reset{grid-column:1/2}.selected-toggle{grid-column:2/3;justify-self:end}.catalog-toolbar{display:block}.search-box{width:100%;max-width:none;flex:auto}.filter-pills{justify-content:flex-start;margin-top:13px}.cert-grid{grid-template-columns:1fr}.cert-badge-wrap{height:160px}.experience-flow{grid-template-columns:1fr}.experience-card{display:grid;grid-template-columns:62px 1fr;gap:15px;text-align:left;padding:13px 0;border-bottom:1px solid #dce8ef}.experience-card:last-child{border-bottom:0}.experience-icon{width:58px;height:58px;border-radius:17px;margin:0}.experience-icon svg{width:25px;height:25px}.algiz-app-window{grid-template-columns:54px 1fr;min-height:460px}.algiz-app-sidebar{padding-inline:7px}.algiz-app-main{padding:24px 18px}.algiz-app-head{display:block}.algiz-app-head>span{display:inline-flex;margin-top:9px}.algiz-cert-row{grid-template-columns:38px 1fr}.algiz-cert-row em{display:none}.algiz-app-modules{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-grid article:after{display:none!important}.checkout-form-head{display:block}.backend-status{margin-top:11px}.field-grid{grid-template-columns:1fr}.payment-methods{grid-template-columns:1fr}.server-order-panel{grid-template-columns:1fr}.checkout-actions{display:grid;grid-template-columns:1fr}.final-cta{padding:34px 27px;border-radius:24px}.final-cta h2{font-size:30px}.final-cta-actions{display:grid;width:100%}.footer{grid-template-columns:1fr;text-align:center;padding-bottom:110px}.footer p{text-align:center}.footer-links{text-align:center}.footer-brand{justify-self:center;transform-origin:center}.sticky-bar{grid-template-columns:1fr 1fr auto;padding:10px 10px 10px 14px}.sticky-bar>div:nth-child(2){display:none}.sticky-bar .btn{padding-inline:14px}.cert-detail-hero{grid-template-columns:100px 1fr;padding-right:40px}.dialog-badge-shell{width:100px;height:100px;border-radius:20px}.dialog-badge-shell img{width:78px;height:78px}.cert-detail-heading h2{font-size:25px}.cert-detail-layout{grid-template-columns:1fr}.dialog-syllabus{grid-template-columns:1fr}.algiz-dialog-body{padding:23px}.details-dialog{width:min(100% - 18px,1220px);border-radius:22px}}
@media(max-width:480px){.hero h1{font-size:39px}.product-topbar{padding-inline:15px}.product-status{display:none}.product-shell{grid-template-columns:1fr}.product-sidebar{display:none}.product-content{padding:20px 17px}.product-course-head{grid-template-columns:1fr}.hero-main-badge{order:-1}.product-caption b{font-size:8px}.builder-shell{grid-template-columns:1fr}.builder-plan-field,.builder-field,.filter-reset,.selected-toggle{grid-column:auto!important}.selected-toggle{justify-self:start}.featured-label{position:static;align-self:flex-start;margin-bottom:14px}.plan-card{padding:24px}.plan-description{min-height:0}.cert-actions{grid-template-columns:1fr}.algiz-app-window{grid-template-columns:1fr}.algiz-app-sidebar{display:none}.cert-detail-hero{grid-template-columns:1fr}.dialog-badge-shell{width:90px;height:90px}.dialog-details-grid{grid-template-columns:1fr}.sticky-bar{width:calc(100% - 18px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}
.cert-card-copy p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:76px}

/* =====================================================================
   WOLF HACK ACADEMY BRAND CORRECTION · v1.9.1
   Wolf Hack Academy is the primary visual identity. ALGIZ remains a
   product/platform section only and does not drive the overall art direction.
   ===================================================================== */
:root{
  --wha-night:#061522;
  --wha-navy:#0a2033;
  --wha-blue:#0d5fff;
  --wha-cyan:#00c8ff;
  --wha-ice:#eafaff;
  --wha-steel:#8fa9ba;
}

body{background:linear-gradient(180deg,#f8fbfe 0%,#ffffff 30%,#f6fafe 100%)}
.page-ambient{background:radial-gradient(circle at 83% 7%,rgba(0,200,255,.09),transparent 29%),radial-gradient(circle at 8% 38%,rgba(13,95,255,.045),transparent 27%)}
.page-ambient:after{background-image:linear-gradient(rgba(6,44,69,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(6,44,69,.022) 1px,transparent 1px);background-size:52px 52px}

/* Navigation: stronger WHA signature without turning the page dark. */
.topbar{border-bottom-color:#d6e5ee;background:rgba(255,255,255,.94);box-shadow:0 10px 34px rgba(5,33,52,.055)}
.brand-mark{background:linear-gradient(145deg,#061522 0%,#0a3150 55%,#00c8ff 100%);filter:drop-shadow(0 9px 16px rgba(3,50,80,.22))}
.brand-copy strong{color:#071f32;letter-spacing:.08em}
.nav a{color:#3c5b70}.nav a:hover{color:#006fc8}
.btn-primary{background:linear-gradient(135deg,#8cecff 0%,#14c8f3 45%,#2d8dff 100%);color:#041724;box-shadow:0 14px 34px rgba(5,143,207,.19)}
.btn-primary:hover{box-shadow:0 19px 44px rgba(5,143,207,.28)}
.eyebrow{color:#007aa8}.eyebrow:before{background:linear-gradient(90deg,#0d5fff,#00c8ff)}

/* Hero: WHA certification experience. One focal visual, no counters. */
.hero{grid-template-columns:1.04fr .96fr;gap:64px;min-height:675px;padding-top:92px}
.hero:before{background:radial-gradient(circle,rgba(13,95,255,.07),transparent 70%)}
.hero h1{color:#071f32}
.hero h1 span{color:#44657b}
.hero-lead{color:#526f82}
.hero-trust{border-top-color:#dbe8f0}
.hero-trust span{color:#587286}
.hero-trust svg{stroke:#008dbd}
.hero-glow{width:88%;height:70%;background:radial-gradient(circle,rgba(0,200,255,.18),rgba(13,95,255,.075) 48%,transparent 73%);filter:blur(40px)}
.wha-product-frame{position:relative;width:100%;max-width:600px;border-radius:30px;border:1px solid rgba(105,169,203,.38);background:#071927;box-shadow:0 38px 100px rgba(5,30,48,.24);overflow:hidden;isolation:isolate;transform:perspective(1500px) rotateY(-2deg);transition:transform .35s ease,box-shadow .35s ease}
.hero-visual:hover .wha-product-frame{transform:perspective(1500px) rotateY(0deg) translateY(-3px);box-shadow:0 44px 110px rgba(5,30,48,.27)}
.wha-product-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 16%,rgba(0,200,255,.16),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.02),transparent 45%);pointer-events:none;z-index:0}
.wha-product-frame:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(102,216,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(102,216,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 72%);pointer-events:none;z-index:0}
.wha-frame-topbar{position:relative;z-index:2;height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(124,220,255,.13);background:rgba(5,21,34,.76)}
.wha-frame-brand{display:flex;align-items:center;gap:12px;color:#fff}.wha-frame-brand b{display:block;font:900 11px/1.1 Montserrat;letter-spacing:.09em}.wha-frame-brand small{display:block;color:#7da7bd;font-size:8px;font-weight:800;letter-spacing:.14em;margin-top:4px}
.wha-mini-shield{width:38px;height:38px;display:grid;place-items:center;clip-path:polygon(50% 0,91% 21%,86% 76%,50% 100%,14% 76%,9% 21%);background:linear-gradient(145deg,#173f61,#06bde9);color:#fff;font:900 15px Montserrat;box-shadow:0 0 28px rgba(0,200,255,.16)}
.wha-frame-label{color:#82cfe6;font-size:8px;font-weight:900;letter-spacing:.12em;text-align:right}
.wha-frame-stage{position:relative;z-index:1;min-height:420px;padding:52px 38px 34px;display:flex;flex-direction:column;justify-content:center}
.wha-grid-lines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(78,197,233,.08) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(78,197,233,.07) 50%,transparent 50.2%)}
.wha-emblem{position:absolute;right:-55px;top:20px;width:235px;height:235px;border:1px solid rgba(70,205,244,.12);border-radius:50%;display:grid;place-items:center;color:rgba(88,218,255,.055);font:900 116px Montserrat;transform:rotate(-10deg)}
.wha-emblem:before,.wha-emblem:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(70,205,244,.08)}
.wha-emblem:before{inset:24px}.wha-emblem:after{inset:52px}
.wha-cert-card{position:relative;z-index:2;display:grid;grid-template-columns:128px 1fr;gap:24px;align-items:center;padding:24px;border:1px solid rgba(115,220,252,.20);border-radius:24px;background:linear-gradient(135deg,rgba(13,48,72,.90),rgba(7,29,46,.94));box-shadow:0 22px 58px rgba(0,0,0,.20)}
.wha-cert-badge{width:128px;height:128px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#edf8fc);border:1px solid rgba(185,232,246,.65);box-shadow:0 18px 38px rgba(0,0,0,.16)}
.wha-cert-badge img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(8,32,48,.14))}
.wha-cert-copy small{color:#52d9ff;font-size:8px;font-weight:900;letter-spacing:.14em}.wha-cert-copy h3{color:#fff;font-size:27px;line-height:1.05;margin:7px 0 9px}.wha-cert-copy p{margin:0;color:#a9c5d4;font-size:12px;line-height:1.55}
.wha-capability-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.wha-capability-row span{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(129,212,239,.13);color:#cce7f3}
.wha-capability-row svg{width:17px;height:17px;fill:none;stroke:#52d9ff;stroke-width:1.7}.wha-capability-row b{font-size:9px;letter-spacing:.04em}
.wha-frame-footer{position:relative;z-index:2;padding:16px 22px;border-top:1px solid rgba(124,220,255,.13);background:rgba(4,18,30,.78)}
.wha-frame-footer span{display:block;color:#739db2;font-size:7px;font-weight:900;letter-spacing:.12em;text-align:center}

/* Site-wide WHA accents */
.value-strip{border-color:#d7e6ef;box-shadow:0 16px 44px rgba(6,39,61,.06)}
.value-strip svg{stroke:#008fbd}
.value-strip b{color:#12374f}
.section-heading h2{color:#08253a}
.plan-card{border-color:#d8e6ef;box-shadow:0 16px 44px rgba(6,39,61,.055)}
.plan-card:before{background:linear-gradient(90deg,transparent,#589dbe,transparent)}
.plan-card.featured{border-color:#77cce7;box-shadow:0 28px 76px rgba(6,109,154,.13)}
.plan-card.featured:before{background:linear-gradient(90deg,#0d5fff,#00c8ff,#8aeaff)}
.featured-label{background:#07253a}
.plan-icon{color:#008fbd;background:linear-gradient(180deg,#eafaff,#f7fcff)}
.builder-shell{border-color:#d6e5ee;box-shadow:0 20px 52px rgba(6,39,61,.06)}
.builder-plan-buttons button.active{border-color:#008fbd!important;background:#082b44!important;color:#fff!important}
.filter-pills button.active{background:#082b44!important;border-color:#082b44!important;color:#fff!important}
.cert-card{border-color:#d8e6ee;box-shadow:0 16px 42px rgba(6,39,61,.055)}
.cert-card:hover{border-color:#91cce0;box-shadow:0 25px 62px rgba(6,39,61,.09)}
.cert-card.selected{border-color:#37bfe9;box-shadow:0 26px 66px rgba(0,139,190,.12),inset 0 0 0 1px rgba(55,191,233,.20)}
.elearning-ribbon{background:linear-gradient(135deg,#08263d,#0a4568)!important;border-color:#0a567c!important}

/* ALGIZ is now visually contained as a secondary product section. */
.algiz-section{position:relative;padding-top:92px;padding-bottom:92px}
.algiz-section:before{content:"";position:absolute;z-index:-1;left:50%;top:34px;bottom:34px;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,#f6fbfe,#eef7fb);border-top:1px solid #dceaf1;border-bottom:1px solid #dceaf1}
.algiz-copy .eyebrow{color:#0b94bd}
.algiz-app-window{box-shadow:0 30px 74px rgba(7,43,66,.11)}

.final-cta{background:linear-gradient(135deg,#061522 0%,#0b2f4b 58%,#075276 100%)!important;box-shadow:0 30px 82px rgba(4,27,44,.22)!important}
.footer{border-top-color:#dbe8ef}

@media(max-width:1000px){.wha-product-frame{transform:none}.hero-visual:hover .wha-product-frame{transform:translateY(-2px)}}
@media(max-width:760px){
  .wha-frame-topbar{height:auto;min-height:70px;padding:15px 17px}.wha-frame-label{display:none}.wha-frame-stage{min-height:360px;padding:34px 20px 25px}.wha-cert-card{grid-template-columns:96px 1fr;gap:16px;padding:18px}.wha-cert-badge{width:96px;height:96px;border-radius:19px}.wha-cert-badge img{width:76px;height:76px}.wha-cert-copy h3{font-size:21px}.wha-capability-row{grid-template-columns:1fr 1fr 1fr;gap:7px}.wha-capability-row span{padding:10px 5px;gap:5px}.wha-capability-row b{font-size:8px}.wha-capability-row svg{width:14px;height:14px}
}
@media(max-width:480px){
  .wha-cert-card{grid-template-columns:1fr;text-align:left}.wha-cert-badge{width:92px;height:92px}.wha-emblem{right:-95px;top:4px}.wha-capability-row{grid-template-columns:1fr}.wha-capability-row span{justify-content:flex-start;padding-left:14px}.wha-frame-stage{padding-top:28px}
}

/* ===== WHA v1.9.2 — identity + hero rebuild + resilient catalog ===== */
.wha-hero-v2{grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr);gap:70px;min-height:700px;padding-top:96px;padding-bottom:92px}
.wha-hero-v2:before{left:-150px;top:70px;width:310px;height:310px;background:radial-gradient(circle,rgba(13,110,255,.07),transparent 72%)}
.wha-hero-v2 .hero-copy{padding-right:6px}
.wha-hero-v2 .hero-copy:after{content:"";display:block;width:74px;height:3px;margin-top:30px;border-radius:999px;background:linear-gradient(90deg,#083152 0%,#12bce8 55%,#6be5ff 100%)}
.wha-hero-v2 h1{max-width:760px;font-size:clamp(54px,5.35vw,78px);line-height:.96;letter-spacing:-.052em;color:#071d30}
.wha-hero-v2 h1 span{display:block;margin-top:7px;color:#31536c}
.wha-hero-v2 .hero-lead{max-width:675px;font-size:17px;line-height:1.74;color:#526f82}
.wha-hero-v2 .hero-trust{max-width:670px;border-top-color:#d9e6ef}
.wha-hero-v2 .hero-trust span{font-size:11px;color:#5b7488}
.wha-hero-v2 .hero-trust svg{stroke:#078fbe}
.wha-hero-v2 .hero-visual{display:flex;align-items:center;justify-content:flex-end}
.wha-hero-panel{position:relative;width:min(100%,580px);min-height:550px;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,#081b2d 0%,#09253d 48%,#0b3150 100%);border:1px solid rgba(127,229,255,.22);box-shadow:0 38px 100px rgba(4,28,47,.26);isolation:isolate}
.wha-hero-panel:before{content:"";position:absolute;inset:-30% 25% 42% -22%;background:radial-gradient(circle,rgba(36,118,255,.26),rgba(13,180,226,.08) 46%,transparent 72%);filter:blur(14px);z-index:-1}
.wha-hero-panel:after{content:"";position:absolute;inset:auto -12% -22% 26%;height:55%;background:radial-gradient(circle,rgba(1,197,244,.16),transparent 68%);filter:blur(16px);z-index:-1}
.wha-hero-circuit{position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(112,230,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(112,230,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(145deg,rgba(0,0,0,.92),transparent 80%)}
.wha-hero-circuit:after{content:"";position:absolute;left:38px;right:38px;top:94px;height:1px;background:linear-gradient(90deg,transparent,rgba(117,227,255,.42),transparent);box-shadow:0 126px rgba(117,227,255,.08),0 252px rgba(117,227,255,.06)}
.wha-hero-brandline{position:absolute;left:28px;right:28px;top:25px;display:flex;align-items:center;gap:14px;color:#d9f8ff;font:900 10px Montserrat;letter-spacing:.15em}
.wha-hero-brandline i{height:1px;flex:1;background:linear-gradient(90deg,rgba(113,231,255,.48),transparent)}
.wha-shield-stage{position:absolute;left:50%;top:47%;width:300px;height:356px;transform:translate(-50%,-50%);display:grid;place-items:center}
.wha-shield-stage:before,.wha-shield-stage:after{content:"";position:absolute;border:1px solid rgba(101,225,255,.13);border-radius:50%}
.wha-shield-stage:before{width:330px;height:330px}
.wha-shield-stage:after{width:390px;height:390px;border-style:dashed;opacity:.55}
.wha-wolf-shield{width:250px;height:auto;filter:drop-shadow(0 25px 42px rgba(0,0,0,.30));position:relative;z-index:2}
.wha-hero-seal{position:absolute;left:29px;bottom:66px;display:grid;gap:2px;color:#fff}
.wha-hero-seal span{font-size:9px;font-weight:900;letter-spacing:.18em;color:#70e6ff}
.wha-hero-seal strong{font:900 24px Montserrat;letter-spacing:-.035em}
.wha-hero-seal small{font-size:8px;font-weight:800;letter-spacing:.12em;color:#9bb9cc;margin-top:3px}
.wha-hero-footerline{position:absolute;left:28px;right:28px;bottom:24px;padding-top:15px;border-top:1px solid rgba(124,228,255,.13);display:flex;gap:16px;flex-wrap:wrap;color:#8fb0c4;font-size:8px;font-weight:850;letter-spacing:.12em}
.wha-hero-footerline span+span:before{content:"·";margin-right:16px;color:#2cc8ec}

/* WHA character across the public surface: crisp navy, cyan and angular accents. */
.section-heading .eyebrow,.centered-heading .eyebrow{color:#067fa9}
.section-heading h2{letter-spacing:-.045em}
.plan-card:before,.cert-card:before,.experience-card:before{content:"";position:absolute;left:0;top:0;width:44px;height:3px;background:linear-gradient(90deg,#0d3454,#13bfe9)}
.plan-card,.cert-card,.experience-card{position:relative}
.plan-icon{background:linear-gradient(145deg,#08253e,#0e446b)!important;border-color:#235d80!important;color:#75e5ff!important}
.plan-card.featured{border-color:#2fbbdf!important;box-shadow:0 28px 68px rgba(6,102,145,.13)!important}
.filter-pills button.active{background:linear-gradient(135deg,#082c49,#0f527d)!important;border-color:#0d476e!important;color:#fff!important}
.cert-category{color:#087fa9!important}
.cert-code{color:#395f77!important;background:#f0f8fc!important;border-color:#d2e7f0!important}
.elearning-ribbon{background:linear-gradient(135deg,#07283f,#0c496d)!important;border-color:#23688a!important;color:#e8fbff!important}
.elearning-ribbon small{color:#a8d4e3!important}
.elearning-icon{background:#69e0fb!important;color:#062138!important}
.final-cta{background:linear-gradient(135deg,#071d30,#0a3554 62%,#0c4567)!important}

/* Guaranteed visual fallback when a remote badge is unavailable. */
.badge-fallback{position:relative}
.badge-fallback-mark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:78px;height:88px;display:grid;place-items:center;clip-path:polygon(50% 0,91% 21%,86% 76%,50% 100%,14% 76%,9% 21%);background:linear-gradient(145deg,#0a2943,#0d4e75 58%,#12bde8);color:#fff;font:900 26px Montserrat;box-shadow:0 15px 32px rgba(9,48,74,.14);z-index:0}
.badge-fallback .cert-badge{position:relative;z-index:1}
.static-catalog-active .cert-card{opacity:1!important;transform:none!important}

@media(max-width:1000px){
  .wha-hero-v2{grid-template-columns:1fr;min-height:0;gap:48px}
  .wha-hero-v2 .hero-visual{justify-content:center}
  .wha-hero-panel{max-width:650px;width:100%}
}
@media(max-width:760px){
  .wha-hero-v2{padding-top:62px;padding-bottom:66px;gap:38px}
  .wha-hero-v2 h1{font-size:45px}
  .wha-hero-v2 h1 span{margin-top:5px}
  .wha-hero-panel{min-height:470px;border-radius:26px}
  .wha-shield-stage{width:260px;height:310px;top:45%}
  .wha-wolf-shield{width:205px}
  .wha-shield-stage:before{width:275px;height:275px}.wha-shield-stage:after{width:320px;height:320px}
  .wha-hero-seal{bottom:60px}.wha-hero-footerline{gap:9px}.wha-hero-footerline span+span:before{margin-right:9px}
}
@media(max-width:480px){
  .wha-hero-v2 h1{font-size:39px}
  .wha-hero-v2 .hero-trust{display:grid;gap:10px}
  .wha-hero-panel{min-height:430px}
  .wha-hero-brandline{left:20px;right:20px;top:20px}
  .wha-shield-stage{top:43%;transform:translate(-50%,-50%) scale(.88)}
  .wha-hero-seal{left:21px;bottom:64px}.wha-hero-seal strong{font-size:20px}
  .wha-hero-footerline{left:21px;right:21px;bottom:20px;font-size:7px}.wha-hero-footerline span:nth-child(n+4){display:none}
}

/* ========================================================================== */
/* WHA 1.9.4 — public-facing polish: professional hero + clean commercial UI  */
/* ========================================================================== */
.wha-hero-pro{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);
  gap:72px;
  align-items:center;
  min-height:720px;
  padding-top:92px;
  padding-bottom:92px;
}
.wha-hero-pro:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:760px;
  height:760px;
  right:-390px;
  top:-220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(23,179,231,.12),rgba(47,105,255,.045) 48%,transparent 72%);
}
.wha-hero-pro .hero-copy{position:relative;z-index:2;max-width:760px}
.wha-hero-pro .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#087aa5;
  font-size:11px;
  letter-spacing:.16em;
}
.wha-hero-pro .eyebrow:before{
  content:"";
  width:34px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#1e79ff,#10c7ed);
}
.wha-hero-pro h1{
  max-width:720px;
  margin:20px 0 22px;
  color:#071d30;
  font:900 clamp(58px,6.1vw,88px)/.9 Montserrat,system-ui,sans-serif;
  letter-spacing:-.062em;
}
.wha-hero-pro h1 span{
  color:#0c4f78;
  text-shadow:0 12px 34px rgba(9,83,126,.08);
}
.wha-hero-pro .hero-lead{
  max-width:680px;
  margin:0;
  color:#4e6a7e;
  font-size:17px;
  line-height:1.72;
}
.wha-hero-pro .hero-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.wha-hero-pro .hero-payment{
  display:flex;
  align-items:center;
  gap:9px;
  margin:21px 0 0;
  color:#6d8495;
  font-size:11px;
  font-weight:700;
}
.wha-hero-pro .hero-payment svg{width:16px;height:16px;fill:none;stroke:#078dbb;stroke-width:1.8}
.wha-visual-pro{position:relative;min-height:560px;display:grid;place-items:center}
.wha-visual-backdrop{
  position:absolute;
  width:86%;
  height:86%;
  right:0;
  top:7%;
  border-radius:44px;
  background:linear-gradient(145deg,#f8fcff 0%,#edf8ff 52%,#e8f2fb 100%);
  border:1px solid #dceaf3;
  box-shadow:0 36px 90px rgba(16,55,83,.11);
  transform:rotate(4deg);
}
.wha-visual-frame{
  position:relative;
  z-index:2;
  width:min(100%,550px);
  min-height:520px;
  overflow:hidden;
  border-radius:36px;
  background:
    radial-gradient(circle at 65% 34%,rgba(22,202,246,.19),transparent 34%),
    linear-gradient(145deg,#071a2b 0%,#08263f 46%,#0b3658 100%);
  border:1px solid rgba(92,218,250,.24);
  box-shadow:0 42px 110px rgba(5,32,54,.25);
  isolation:isolate;
}
.wha-visual-frame:before{
  content:"WHA";
  position:absolute;
  left:-22px;
  bottom:25px;
  z-index:-1;
  color:rgba(121,224,250,.045);
  font:900 150px/1 Montserrat;
  letter-spacing:-.08em;
}
.wha-visual-frame:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(124,226,251,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(124,226,251,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(135deg,#000,transparent 82%);
}
.wha-visual-wordmark{
  position:absolute;
  top:26px;
  left:30px;
  z-index:4;
  color:#e9faff;
  font:900 10px Montserrat;
  letter-spacing:.18em;
}
.wha-visual-ring{
  position:absolute;
  z-index:0;
  left:50%;
  top:47%;
  border-radius:50%;
  border:1px solid rgba(114,226,251,.18);
  transform:translate(-50%,-50%);
}
.wha-ring-a{width:390px;height:390px;border-left-color:#16c6ed;border-bottom-color:rgba(43,117,255,.5)}
.wha-ring-b{width:470px;height:470px;border-style:dashed;opacity:.45}
.wha-wolf-mark{
  position:absolute;
  z-index:3;
  left:50%;
  top:47%;
  width:min(78%,430px);
  max-height:410px;
  object-fit:contain;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 26px 36px rgba(0,0,0,.28)) drop-shadow(0 0 16px rgba(25,185,242,.18));
}
.wha-visual-caption{
  position:absolute;
  z-index:4;
  left:30px;
  right:30px;
  bottom:28px;
  padding-top:17px;
  border-top:1px solid rgba(121,225,250,.17);
}
.wha-visual-caption span{display:block;color:#63def7;font-size:8px;font-weight:900;letter-spacing:.18em;margin-bottom:4px}
.wha-visual-caption strong{display:block;color:#fff;font:800 17px Montserrat;letter-spacing:.01em}

.algiz-clean{align-items:center}
.algiz-clean .algiz-copy>p{max-width:650px}
.algiz-showcase{
  overflow:hidden;
  min-height:440px;
  border:1px solid #d8e6ef;
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 76px rgba(11,48,75,.1);
}
.algiz-showcase-bar{height:48px;display:flex;align-items:center;gap:7px;padding:0 18px;background:#0a2943;color:#dff7ff}
.algiz-showcase-bar span{width:8px;height:8px;border-radius:50%;background:#6bdcf4;opacity:.7}
.algiz-showcase-bar b{margin-left:auto;font:800 9px Montserrat;letter-spacing:.14em}
.algiz-showcase-body{display:grid;grid-template-columns:66px 1fr;min-height:390px}
.algiz-showcase-body aside{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 10px;background:#0d3555}
.algiz-showcase-body aside strong{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#1a8bd0,#67dcf7);color:#061b2c;font:900 16px Montserrat}
.algiz-showcase-body aside i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#8fb2c7}
.algiz-showcase-body aside i.active{background:rgba(96,221,248,.12);color:#79e4fb}
.algiz-showcase-body aside svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.algiz-showcase-main{padding:34px 32px;background:linear-gradient(180deg,#fff,#f8fbfe)}
.algiz-showcase-main>small{color:#0b8cb9;font-weight:900;letter-spacing:.12em}
.algiz-showcase-main h3{margin:7px 0 24px;color:#0b2941;font:800 27px Montserrat}
.algiz-lesson-card{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid #dce8ef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(12,48,74,.05)}
.algiz-lesson-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#0b3b60,#0b8dba);color:#fff}
.algiz-lesson-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.algiz-lesson-card b{display:block;color:#12324a;font-size:14px}.algiz-lesson-card p{margin:4px 0 0;color:#718797;font-size:12px;line-height:1.5}
.algiz-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.algiz-mini-grid div{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid #e0eaf1;border-radius:14px;background:#f9fcfe;color:#32536a;font-size:11px;font-weight:800}
.algiz-mini-grid svg{width:17px;height:17px;fill:none;stroke:#0b9bc8;stroke-width:1.8}

@media(max-width:1000px){
  .wha-hero-pro{grid-template-columns:1fr;gap:44px;min-height:0;padding-top:68px;padding-bottom:74px}
  .wha-hero-pro .hero-copy{max-width:820px}
  .wha-visual-pro{min-height:520px}
  .wha-visual-frame{width:min(100%,650px)}
}
@media(max-width:680px){
  .wha-hero-pro{gap:34px;padding-top:50px;padding-bottom:58px}
  .wha-hero-pro h1{font-size:clamp(48px,15vw,66px)}
  .wha-hero-pro .hero-lead{font-size:15px}
  .wha-hero-pro .hero-actions{display:grid;grid-template-columns:1fr}
  .wha-hero-pro .hero-actions .btn{width:100%}
  .wha-visual-pro{min-height:400px}
  .wha-visual-backdrop{width:92%;height:88%;right:1%}
  .wha-visual-frame{min-height:390px;border-radius:27px}
  .wha-ring-a{width:280px;height:280px}.wha-ring-b{width:340px;height:340px}
  .wha-wolf-mark{width:min(84%,320px);max-height:300px}
  .wha-visual-caption{left:22px;right:22px;bottom:20px}.wha-visual-caption strong{font-size:14px}
  .algiz-showcase-body{grid-template-columns:52px 1fr}.algiz-showcase-main{padding:24px 18px}.algiz-mini-grid{grid-template-columns:1fr}.algiz-showcase-body aside{padding-inline:8px}
}

/* ===== v1.9.5 corrections ===== */
.section{padding:60px 0}
.hero.section-shell{padding-top:78px;padding-bottom:54px}
.value-strip.section-shell{margin-top:8px;margin-bottom:4px}
.section-heading{margin-bottom:28px}
.plans-grid,.process-grid,.checkout-grid{margin-top:24px}
.catalog-section .section-heading{margin-bottom:22px}
.catalog-toolbar{margin-bottom:18px}
.cert-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cert-card{padding:18px;border-radius:22px}
.cert-badge-wrap{height:148px}
.cert-card h3{font-size:20px;line-height:1.2}
.cert-card p{font-size:13px;line-height:1.58}
.wha-hero-pro{grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.wha-hero-pro .hero-copy{max-width:690px}
.wha-hero-pro h1{font-size:clamp(54px,5.8vw,82px);line-height:.94;letter-spacing:-.04em;margin:16px 0 18px}
.wha-hero-pro .hero-lead{max-width:620px;font-size:17px;line-height:1.68}
.wha-hero-pro .hero-payment{margin-top:18px}
.wha-visual-pro{min-height:480px}
.wha-real-scene{width:min(100%,570px);background:linear-gradient(180deg,#fcfeff 0%,#f5fbff 100%);border:1px solid #d6e6f0;border-radius:30px;box-shadow:0 36px 90px rgba(6,26,44,.16);overflow:hidden;position:relative}
.wha-real-scene:before{content:"";position:absolute;inset:-20% -10% auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(25,190,255,.24),transparent 68%);filter:blur(12px);pointer-events:none}
.wha-scene-topbar{display:flex;align-items:center;gap:8px;padding:18px 22px;border-bottom:1px solid #e3edf4;background:linear-gradient(180deg,#ffffff,#f7fbff)}
.wha-scene-topbar span{width:10px;height:10px;border-radius:50%;background:#d0dde8}
.wha-scene-topbar span:nth-child(1){background:#103652}.wha-scene-topbar span:nth-child(2){background:#0ea3d5}.wha-scene-topbar span:nth-child(3){background:#79deff}
.wha-scene-topbar b{margin-left:auto;font:800 12px/1 Inter,sans-serif;letter-spacing:.14em;color:#44647a}
.wha-scene-body{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:24px}
.wha-scene-main{background:#fff;border:1px solid #dbe8f1;border-radius:24px;padding:24px;box-shadow:0 16px 38px rgba(9,34,56,.06)}
.wha-scene-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eff9fe;border:1px solid #d6ecf5;font:800 10px/1 Inter,sans-serif;letter-spacing:.12em;color:#0b7ea9;margin-bottom:14px}
.wha-scene-main h3{margin:0 0 18px;font:800 27px/1.08 Montserrat,sans-serif;color:#0b2237}
.wha-scene-video{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center;padding:16px;border-radius:20px;background:linear-gradient(135deg,#0c3352,#1176b0 54%,#31cdf3);color:#fff;box-shadow:0 16px 34px rgba(13,66,102,.18)}
.wha-scene-play{width:62px;height:62px;border-radius:20px;background:rgba(255,255,255,.16);position:relative;border:1px solid rgba(255,255,255,.18)}
.wha-scene-play:before{content:"";position:absolute;left:24px;top:19px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.wha-scene-video b{display:block;font:800 16px/1.1 Montserrat,sans-serif}.wha-scene-video p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#dff8ff}
.wha-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.wha-scene-grid div{padding:14px 15px;border-radius:18px;border:1px solid #e0ebf2;background:#f8fbfd}
.wha-scene-grid small{display:block;font:800 10px/1 Inter,sans-serif;letter-spacing:.1em;color:#0b87b4;margin-bottom:8px}
.wha-scene-grid strong{display:block;font:800 14px/1.25 Montserrat,sans-serif;color:#10283f}
.wha-scene-side{display:flex;align-items:stretch}
.wha-badge-stack{display:grid;gap:14px;width:100%}
.wha-badge-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:166px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#0e2f49,#174b71);color:#fff;box-shadow:0 20px 40px rgba(8,34,53,.14);position:relative;overflow:hidden}
.wha-badge-card:before{content:"";position:absolute;right:-35px;top:-35px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.13)}
.wha-badge-card.highlight{background:linear-gradient(180deg,#f8fdff,#eef8fd);color:#10283f;border:1px solid #d5e7f0;box-shadow:none}
.wha-badge-card small{font:800 10px/1 Inter,sans-serif;letter-spacing:.12em;color:#81ddff;margin-bottom:10px}.wha-badge-card.highlight small{color:#0f87b0}
.wha-badge-card strong{font:800 18px/1.16 Montserrat,sans-serif}
.wha-badge-card span{margin-top:8px;font-size:13px;line-height:1.55;color:#cfebf6}.wha-badge-card.highlight span{color:#5c7488}
.algiz-section{gap:30px}
.algiz-copy p{max-width:620px}
.algiz-showcase{min-height:0}
.process-grid article p,.experience-card p,.buyer-form p,.plan-card li,.plan-description{line-height:1.58}
.checkout-note strong{color:#0e2f49}
@media(max-width:1200px){.cert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wha-real-scene{max-width:740px}.wha-scene-body{grid-template-columns:1fr}.wha-scene-side{display:block}}
@media(max-width:640px){.section{padding:48px 0}.cert-grid{grid-template-columns:1fr}.wha-real-scene{border-radius:24px}.wha-scene-body{padding:18px}.wha-scene-main{padding:18px}.wha-scene-main h3{font-size:24px}.wha-scene-video{grid-template-columns:54px 1fr}.wha-scene-play{width:54px;height:54px}.wha-scene-play:before{left:20px;top:16px}.wha-scene-grid{grid-template-columns:1fr 1fr}.wha-badge-card{min-height:0}}

/* ===== v1.9.6 hero + official detail refinements ===== */
.wha-hero-pro{grid-template-columns:1.02fr .98fr;gap:58px;min-height:700px;padding-top:88px;padding-bottom:62px}
.wha-hero-pro .hero-copy{max-width:650px}
.wha-hero-pro h1{font-size:clamp(58px,6vw,88px);line-height:.92;letter-spacing:-.045em;margin:18px 0 16px}
.wha-hero-pro .hero-lead{font-size:17px;line-height:1.7;max-width:600px}
.wha-visual-pro{display:flex;justify-content:flex-end;align-items:center;min-height:560px}
.hero-studio{position:relative;width:min(100%,610px);display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:stretch}
.hero-studio:before{content:"";position:absolute;inset:auto 24px -22px 24px;height:44px;border-radius:999px;background:radial-gradient(circle,rgba(15,69,110,.22),transparent 68%);filter:blur(22px);z-index:0}
.hero-studio-panel,.hero-proof-card,.hero-float-card{position:relative;z-index:1}
.hero-studio-panel{background:linear-gradient(180deg,#fdfeff 0%,#f6fbff 100%);border:1px solid #d7e7f0;border-radius:30px;box-shadow:0 32px 90px rgba(7,29,48,.16);overflow:hidden}
.hero-panel-head{display:flex;flex-direction:column;gap:6px;padding:20px 24px 16px;border-bottom:1px solid #e2ecf3;background:linear-gradient(180deg,#ffffff,#f7fbff)}
.hero-panel-head span{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:#eff8fd;border:1px solid #dcecf5;font:800 10px/1 Inter,sans-serif;letter-spacing:.12em;color:#0c89b2}
.hero-panel-head b{font:800 20px/1.15 Montserrat,sans-serif;color:#0b2337}
.hero-feature-body{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;padding:22px}
.hero-badge-primary{margin:0;padding:22px;border-radius:24px;border:1px solid #d9e7f0;background:linear-gradient(160deg,#0a304c 0%,#14547e 60%,#1cbce3 130%);color:#fff;min-height:370px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}
.hero-badge-primary:before,.hero-badge-primary:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.hero-badge-primary:before{width:320px;height:320px;right:-130px;top:-120px}
.hero-badge-primary:after{width:220px;height:220px;left:-90px;bottom:-80px}
.hero-badge-primary img{width:min(100%,230px);height:230px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28));position:relative;z-index:1}
.hero-badge-primary figcaption{margin-top:20px;text-align:center;position:relative;z-index:1}
.hero-badge-primary strong{display:block;font:800 24px/1.08 Montserrat,sans-serif;letter-spacing:-.02em}
.hero-badge-primary small{display:block;margin-top:7px;font:800 11px/1 Inter,sans-serif;letter-spacing:.14em;color:#bdefff}
.hero-feature-side{display:grid;gap:16px}
.hero-feature-card{padding:20px;border-radius:24px;border:1px solid #dce8f0;background:#fff;box-shadow:0 14px 32px rgba(12,42,64,.06);display:flex;flex-direction:column;justify-content:space-between}
.hero-feature-card.course{background:linear-gradient(180deg,#ffffff,#f4faff)}
.hero-feature-card.voucher{background:linear-gradient(180deg,#f8fdff,#eef7fc)}
.hero-feature-card small{display:block;font:800 10px/1 Inter,sans-serif;letter-spacing:.12em;color:#0894bf;margin-bottom:10px}
.hero-feature-card h3{margin:0;font:800 18px/1.15 Montserrat,sans-serif;color:#0f2a3e}
.hero-feature-card p{margin:12px 0 0;font-size:13px;line-height:1.58;color:#5f788a}
.hero-card-meter{height:10px;border-radius:999px;background:#e9f2f7;margin-top:16px;overflow:hidden}.hero-card-meter span{display:block;width:74%;height:100%;background:linear-gradient(90deg,#0d3452,#0ea2d4,#7be5ff)}
.hero-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hero-chip-row span{display:inline-flex;padding:9px 11px;border-radius:999px;background:#fff;border:1px solid #d8e7f1;font:800 10px/1 Inter,sans-serif;letter-spacing:.08em;color:#14354d}
.hero-feature-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid #e2ecf3;background:#fbfdff}
.hero-feature-footer>div{padding:16px 18px;min-height:78px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #e2ecf3}.hero-feature-footer>div:last-child{border-right:0}
.hero-feature-footer small{display:block;font:800 10px/1 Inter,sans-serif;letter-spacing:.11em;color:#0990ba;margin-bottom:7px}
.hero-feature-footer b{font:800 14px/1.3 Montserrat,sans-serif;color:#10283f}
.hero-floating-stack{display:grid;gap:16px}
.hero-float-card,.hero-proof-card{padding:14px;border-radius:24px;border:1px solid #dae8f1;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 18px 46px rgba(12,42,64,.08)}
.hero-float-card{display:grid;justify-items:center;align-content:center;min-height:188px;text-align:center}
.hero-float-card img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(8,33,52,.12))}
.hero-float-card strong{display:block;margin-top:12px;font:800 14px/1.18 Montserrat,sans-serif;color:#10283f}
.hero-float-card small{display:block;margin-top:5px;font:800 10px/1 Inter,sans-serif;letter-spacing:.13em;color:#0b94bf}
.hero-proof-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:196px;background:linear-gradient(180deg,#0e304a,#15527c 72%,#167fb1);border-color:rgba(255,255,255,.08)}
.hero-proof-card small{display:block;font:800 10px/1 Inter,sans-serif;letter-spacing:.12em;color:#95eaff;margin-bottom:10px}
.hero-proof-card strong{font:800 18px/1.16 Montserrat,sans-serif;color:#fff}
.hero-proof-card p{margin:10px 0 0;font-size:13px;line-height:1.56;color:#dceffc}

.certiprof-dialog-body{padding:30px}
.certiprof-detail-hero{grid-template-columns:132px minmax(0,1fr) 250px;gap:24px;align-items:center;padding:0 0 28px;border-bottom:1px solid #e1ebf1}
.hero-source-link{text-decoration:none;padding:18px;border-radius:22px;background:linear-gradient(180deg,#f7fbff,#eef8fd);border:1px solid #d8e8f1;display:block;transition:.2s}
.hero-source-link:hover{border-color:#8bd7ee;background:#eefaff}
.hero-source-link small{display:block;font:800 10px/1 Inter,sans-serif;letter-spacing:.12em;color:#768e9f}
.hero-source-link strong{display:block;margin-top:8px;font:800 16px/1.28 Montserrat,sans-serif;color:#0c90ba}
.cert-top-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.cert-top-chips span{display:inline-flex;padding:9px 12px;border-radius:999px;background:#f4fbff;border:1px solid #dbeaf1;font:800 11px/1 Inter,sans-serif;color:#0d3a57}
.official-meta-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.official-meta-item{padding:14px 16px;border-radius:16px;background:#f9fcfe;border:1px solid #dce9f1}.official-meta-item small{display:block;font:800 10px/1 Inter,sans-serif;letter-spacing:.12em;color:#8096a5;margin-bottom:7px}.official-meta-item b{display:block;font:800 14px/1.35 Montserrat,sans-serif;color:#10283f}
.certiprof-layout{margin-top:18px;gap:20px}
.cert-detail-kicker{font-size:10px}
.dialog-desc{font-size:14px;line-height:1.8;color:#4f6c7f}
.dialog-bullets li{font-size:13px;line-height:1.6;padding:11px 0;border-bottom:1px dashed #dce7ee}.dialog-bullets li:last-child{border-bottom:0}
.dialog-syllabus{grid-template-columns:1fr 1fr;gap:12px}.dialog-syllabus li{padding:14px 14px;border-radius:16px}.dialog-syllabus li span{width:32px;height:32px;font-size:9px}.dialog-syllabus li b{font-size:12px;color:#28445a}
.dialog-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-details-grid>div{padding:14px 15px;border-radius:15px;background:#f8fbfd;border:1px solid #e0eaf0}.dialog-details-grid small{display:block;font:800 10px/1 Inter,sans-serif;letter-spacing:.11em;color:#879caa;margin-bottom:8px}.dialog-details-grid b{display:block;font:700 13px/1.45 Inter,sans-serif;color:#10324a}
.credential-benefit b{font-size:12px}.credential-benefit small{font-size:11px;line-height:1.45}
.official-source-premium{padding:18px 18px 20px}
.official-source-premium span{font-size:9px}.official-source-premium b{font-size:14px}.official-source-premium small{font-size:11px;line-height:1.55}

@media(max-width:1100px){
  .wha-hero-pro{grid-template-columns:1fr;gap:42px;min-height:0}
  .wha-visual-pro{justify-content:center;min-height:0}
  .hero-studio{width:min(100%,820px);grid-template-columns:1fr}
  .hero-floating-stack{grid-template-columns:1fr 1fr 1fr}
  .certiprof-detail-hero{grid-template-columns:120px 1fr;}
  .hero-source-link{grid-column:1/-1}
}
@media(max-width:760px){
  .hero-feature-body{grid-template-columns:1fr}
  .hero-feature-footer{grid-template-columns:1fr}
  .hero-feature-footer>div{border-right:0;border-bottom:1px solid #e2ecf3}.hero-feature-footer>div:last-child{border-bottom:0}
  .hero-floating-stack{grid-template-columns:1fr}
  .hero-badge-primary{min-height:310px}
  .official-meta-strip{grid-template-columns:1fr}
  .dialog-syllabus,.dialog-details-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .wha-hero-pro{padding-top:54px;padding-bottom:48px}
  .wha-hero-pro h1{font-size:clamp(44px,14vw,66px)}
  .hero-studio{gap:14px}
  .hero-panel-head{padding:17px 18px 14px}.hero-panel-head b{font-size:18px}
  .hero-feature-body{padding:16px}.hero-badge-primary img{width:min(100%,180px);height:180px}.hero-badge-primary strong{font-size:20px}
  .certiprof-dialog-body{padding:22px 18px}
  .certiprof-detail-hero{grid-template-columns:1fr;gap:18px}
}

/* ===== v1.9.7 hero aligned to WHA promo reference ===== */
.brand{gap:0}.brand-copy{padding-left:0}.brand-copy strong{font-size:12px;letter-spacing:.08em}.brand-copy small{margin-top:3px;font-size:8px;letter-spacing:.12em}
.wha-hero-pro{grid-template-columns:1.02fr .98fr;gap:62px;min-height:680px;padding-top:88px;padding-bottom:58px}
.wha-hero-pro .hero-copy{max-width:660px}
.wha-hero-pro .eyebrow{font-size:11px;letter-spacing:.13em}
.wha-hero-pro h1{font-size:clamp(56px,5.7vw,82px);line-height:.96;letter-spacing:-.045em;margin:18px 0 22px;color:#081f32}
.wha-hero-pro h1 span{display:block;color:#3f6178;margin-top:7px}
.wha-hero-pro .hero-lead{font-size:17px;line-height:1.72;color:#526f82;max-width:620px}
.wha-hero-pro .hero-actions{margin-top:30px}
.wha-hero-pro .hero-payment{margin-top:20px}
.wha-visual-pro{display:flex;justify-content:flex-end;align-items:center;min-height:520px}
.hero-product-stage{position:relative;width:min(100%,590px)}
.hero-product-glow{position:absolute;inset:8% 2% -8% 12%;background:radial-gradient(circle at 50% 50%,rgba(0,199,255,.22),rgba(31,104,182,.08) 47%,transparent 72%);filter:blur(28px);pointer-events:none}
.hero-product-window{position:relative;background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%);border:1px solid #d8e6ef;border-radius:30px;overflow:hidden;box-shadow:0 38px 90px rgba(8,31,50,.17)}
.hero-window-topbar{height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid #e2ecf3;background:linear-gradient(180deg,#fff,#f8fbfd)}
.hero-window-dots{display:flex;gap:6px}.hero-window-dots span{width:8px;height:8px;border-radius:50%;background:#cddae4}.hero-window-dots span:nth-child(1){background:#143850}.hero-window-dots span:nth-child(2){background:#0d9fcb}.hero-window-dots span:nth-child(3){background:#6fdbf6}
.hero-window-label{text-align:center;font:800 10px/1 Inter,sans-serif;letter-spacing:.14em;color:#597488}
.hero-window-status{display:flex;align-items:center;gap:7px;font:800 9px/1 Inter,sans-serif;letter-spacing:.1em;color:#0c8fb7}.hero-window-status i{width:8px;height:8px;border-radius:50%;background:#26c7e9;box-shadow:0 0 0 4px rgba(38,199,233,.12)}
.hero-window-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(170px,.6fr);gap:18px;padding:22px}
.hero-course-column{min-width:0}.hero-course-eyebrow{font:800 10px/1 Inter,sans-serif;letter-spacing:.13em;color:#0a98c2;margin-bottom:10px}.hero-course-column h3{margin:0;font:800 29px/1.05 Montserrat,sans-serif;color:#0b2337;letter-spacing:-.025em}.hero-course-column>p{margin:10px 0 18px;font-size:13px;line-height:1.55;color:#668093}
.hero-course-player{border:1px solid #d9e7f0;border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 16px 34px rgba(9,36,56,.07)}
.hero-player-visual{height:252px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 22%,rgba(24,205,245,.34),transparent 26%),linear-gradient(145deg,#061c2c 0%,#0d3857 48%,#126c95 100%)}
.hero-player-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.hero-player-lock{position:absolute;width:130px;height:130px;border-radius:36px;right:34px;top:42px;border:1px solid rgba(134,235,255,.36);background:linear-gradient(145deg,rgba(0,196,255,.18),rgba(255,255,255,.05));backdrop-filter:blur(7px);box-shadow:inset 0 0 36px rgba(54,219,255,.12),0 26px 40px rgba(0,0,0,.22);transform:rotate(-8deg)}
.hero-player-lock:before{content:"";position:absolute;width:44px;height:40px;border:7px solid #9eeeff;border-bottom:0;border-radius:26px 26px 0 0;left:36px;top:24px}.hero-player-lock:after{content:"";position:absolute;width:70px;height:58px;border-radius:15px;background:linear-gradient(180deg,#8eeaff,#1baed7);left:30px;top:58px;box-shadow:0 12px 25px rgba(0,0,0,.22)}
.hero-player-copy{position:absolute;left:24px;bottom:22px;max-width:250px;z-index:2}.hero-player-copy small{display:block;font:800 9px/1 Inter,sans-serif;letter-spacing:.13em;color:#8ceaff;margin-bottom:8px}.hero-player-copy strong{display:block;font:800 19px/1.16 Montserrat,sans-serif;color:#fff}
.hero-play-button{position:absolute;left:24px;top:24px;width:52px;height:52px;border-radius:17px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);display:grid;place-items:center;pointer-events:none}.hero-play-button span{margin-left:4px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.hero-player-meta{display:grid;grid-template-columns:1fr 1fr}.hero-player-meta>div{padding:14px 16px;border-right:1px solid #e3edf3}.hero-player-meta>div:last-child{border-right:0}.hero-player-meta small{display:block;font:800 9px/1 Inter,sans-serif;letter-spacing:.1em;color:#8298a7;margin-bottom:6px}.hero-player-meta b{font:800 12px/1.3 Montserrat,sans-serif;color:#13344c}
.hero-cert-column{display:grid;gap:12px;align-content:start}.hero-cert-card{padding:17px;border-radius:22px;border:1px solid #d8e6ef;background:linear-gradient(180deg,#f9fdff,#eef8fd);text-align:center}.hero-cert-kicker{display:block;font:800 8px/1 Inter,sans-serif;letter-spacing:.12em;color:#0b8fb8;margin-bottom:12px}.hero-cert-badge-shell{width:132px;height:132px;border-radius:24px;margin:0 auto;display:grid;place-items:center;background:#fff;border:1px solid #d7e5ed;box-shadow:0 14px 34px rgba(12,45,68,.08)}.hero-cert-badge-shell img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(13,46,69,.1))}.hero-cert-card>strong{display:block;margin-top:13px;font:900 13px/1 Montserrat,sans-serif;letter-spacing:.09em;color:#102e44}.hero-cert-card>small{display:block;margin-top:7px;font-size:10px;color:#718898}
.hero-cert-benefit{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:17px;background:#fff;border:1px solid #dce8ef}.hero-cert-benefit svg{width:22px;height:22px;fill:none;stroke:#0a9dc8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.hero-cert-benefit b{display:block;font:800 11px/1.2 Montserrat,sans-serif;color:#17384f}.hero-cert-benefit small{display:block;margin-top:4px;font-size:9px;color:#7b909f}
.hero-window-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;border-top:1px solid #e2ecf3;background:#fbfdff}.hero-window-footer>span{font:700 11px/1.3 Inter,sans-serif;color:#607b8e}.hero-window-footer a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font:800 11px/1 Inter,sans-serif;color:#078db8}.hero-window-footer svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:1050px){.wha-hero-pro{grid-template-columns:1fr;min-height:0}.wha-visual-pro{justify-content:center}.hero-product-stage{width:min(100%,760px)}}
@media(max-width:680px){.hero-window-body{grid-template-columns:1fr}.hero-cert-column{grid-template-columns:1fr 1fr}.hero-cert-card{grid-column:1/-1}.hero-window-topbar{grid-template-columns:auto 1fr}.hero-window-status{display:none}.hero-window-footer{align-items:flex-start;flex-direction:column}.hero-player-visual{height:230px}.hero-course-column h3{font-size:25px}}
@media(max-width:470px){.hero-cert-column{grid-template-columns:1fr}.hero-course-player{border-radius:18px}.hero-window-body{padding:16px}.hero-product-window{border-radius:24px}.hero-player-lock{right:16px;transform:scale(.82) rotate(-8deg);transform-origin:right top}.hero-player-copy{max-width:210px}.hero-player-copy strong{font-size:17px}}
/* Final reference alignment: preserve the commercial hierarchy seen on promo.wolfhackacademy.com.mx */
.wha-hero-pro h1{font-size:clamp(50px,4.85vw,70px);line-height:.98}

/* ===== v1.9.8 REALISTIC HERO ASSET ===== */
.wha-hero-pro{grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:54px;min-height:650px;padding-top:78px;padding-bottom:48px;align-items:center}
.wha-hero-pro .hero-copy{max-width:660px}
.wha-hero-pro h1{font-size:clamp(50px,4.85vw,70px);line-height:.98;letter-spacing:-.045em;margin:18px 0 20px;color:#081f32}
.wha-hero-pro h1 span{display:block;color:#3f6178;margin-top:6px}
.wha-hero-pro .hero-lead{font-size:17px;line-height:1.7;max-width:610px;color:#526f82}
.hero-visual-asset{min-height:545px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-asset-glow{position:absolute;width:84%;height:70%;left:9%;top:17%;border-radius:50%;background:radial-gradient(circle,rgba(0,190,255,.22) 0%,rgba(21,105,188,.09) 45%,transparent 72%);filter:blur(34px);z-index:-1;pointer-events:none}
.hero-certification-art{display:block;width:min(100%,590px);height:auto;max-height:600px;object-fit:contain;filter:drop-shadow(0 34px 32px rgba(4,31,51,.20));transform:translateY(4px);transition:transform .35s ease,filter .35s ease}
.hero-visual-asset:hover .hero-certification-art{transform:translateY(-3px) scale(1.008);filter:drop-shadow(0 40px 38px rgba(4,31,51,.24))}
@media(max-width:1050px){.wha-hero-pro{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:62px}.wha-hero-pro .hero-copy{max-width:780px}.hero-visual-asset{min-height:420px}.hero-certification-art{width:min(100%,520px);max-height:520px}}
@media(max-width:640px){.wha-hero-pro{padding-top:44px;padding-bottom:38px;gap:20px}.wha-hero-pro h1{font-size:clamp(42px,13vw,58px)}.hero-visual-asset{min-height:330px}.hero-certification-art{width:min(100%,390px);max-height:390px}.hero-asset-glow{width:92%;left:4%}}

/* =====================================================================
   WHA SALES POLISH 2.0 — PX1–PX7 + PX9–PX10 (ALGIZ section preserved)
   ===================================================================== */
:root{
  --wha-navy:#081f32;
  --wha-navy-2:#0d3452;
  --wha-blue:#126da0;
  --wha-cyan:#12bce8;
  --wha-cyan-2:#72e3ff;
  --wha-ice:#f3f9fc;
  --wha-line:#dce8ef;
  --wha-muted:#5e7789;
}

/* Typography + rhythm */
.section-shell{width:min(1320px,calc(100% - 48px));margin-inline:auto}
.section{padding:58px 0}
.section-heading{margin-bottom:30px}
.section-heading h2{font-size:clamp(36px,3.4vw,48px);line-height:1.04;letter-spacing:-.035em}
.section-heading p{font-size:16px;line-height:1.65}
.compact-heading{margin-bottom:28px}
.eyebrow{font-size:11px!important;line-height:1.2!important;letter-spacing:.13em!important}
.mini-label{font-size:11px!important;letter-spacing:.12em!important}
.btn{font-size:14px;font-weight:800}
.btn-large{font-size:15px}

/* Hero — single visual, strong hierarchy */
.wha-hero-pro{grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);gap:48px;min-height:640px;padding-top:70px;padding-bottom:44px;align-items:center}
.wha-hero-pro .hero-copy{max-width:700px}
.wha-hero-pro h1{font-size:clamp(56px,5.2vw,76px);line-height:.96;letter-spacing:-.048em;margin:17px 0 21px;color:var(--wha-navy)}
.wha-hero-pro h1 span{display:inline;color:#49687d;margin:0}
.wha-hero-pro .hero-lead{font-size:18px;line-height:1.68;max-width:630px;color:#506d81}
.wha-hero-pro .hero-actions{margin-top:28px}
.wha-hero-pro .hero-payment{font-size:12px;margin-top:18px;color:#6e8494}
.hero-visual-asset{min-height:520px}
.hero-certification-art{width:min(100%,610px);max-height:610px;filter:drop-shadow(0 34px 32px rgba(4,31,51,.18))}
.hero-asset-glow{width:88%;height:72%;left:7%;top:15%;background:radial-gradient(circle,rgba(0,192,255,.20),rgba(18,105,178,.08) 48%,transparent 72%);filter:blur(34px)}
.value-strip{margin-top:4px}
.value-strip>div{padding-block:20px}
.value-strip b{font-size:13px}.value-strip small{font-size:11px;line-height:1.45}

/* Package cards — visual distinction */
.sales-packages{padding-top:62px}
.premium-plans{align-items:stretch;gap:20px}
.premium-plan{padding:24px 24px 22px;border-radius:26px;overflow:hidden;position:relative}
.premium-plan.featured{border-color:#64cce8;box-shadow:0 24px 60px rgba(10,78,112,.12)}
.plan-credential-visual{height:142px;position:relative;display:grid;place-items:center;margin:-2px 0 16px;border-radius:22px;background:radial-gradient(circle at 50% 15%,rgba(34,199,237,.15),transparent 52%),linear-gradient(180deg,#f9fdff,#eef8fd);border:1px solid #dce9f1;overflow:hidden}
.plan-credential-visual:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(18,125,171,.10);border-radius:50%;top:-98px;right:-65px}
.credential-sheet{position:absolute;width:82px;height:102px;border-radius:16px;background:linear-gradient(155deg,#fff,#eaf4f9);border:1px solid #cfe0e9;box-shadow:0 14px 28px rgba(15,50,72,.12);display:grid;place-items:center;transform-origin:center;transition:.25s ease}
.credential-sheet svg{width:34px;height:34px;fill:none;stroke:#0d8fb9;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.plan-credential-visual.single .credential-sheet{transform:rotate(-3deg)}
.plan-credential-visual.triple .a{transform:translateX(-42px) rotate(-10deg)}
.plan-credential-visual.triple .b{transform:translateX(0) rotate(0deg);z-index:2}
.plan-credential-visual.triple .c{transform:translateX(42px) rotate(10deg)}
.plan-credential-visual.quint .a{transform:translateX(-58px) rotate(-14deg)}
.plan-credential-visual.quint .b{transform:translateX(-29px) rotate(-7deg);z-index:2}
.plan-credential-visual.quint .c{transform:translateX(0);z-index:3}
.plan-credential-visual.quint .d{transform:translateX(29px) rotate(7deg);z-index:2}
.plan-credential-visual.quint .e{transform:translateX(58px) rotate(14deg)}
.premium-plan:hover .credential-sheet{margin-top:-4px}
.premium-plan .plan-label{font-size:11px;letter-spacing:.12em}
.premium-plan h3{font-size:26px;line-height:1.08;margin-top:8px}
.premium-plan .plan-description{font-size:14px;line-height:1.58;min-height:66px}
.premium-plan .plan-pricing strong{font-size:56px;letter-spacing:-.045em}
.premium-plan li{font-size:13px;line-height:1.5}
.featured-label{font-size:10px;letter-spacing:.11em}

/* Commercial area cards */
.career-areas{padding-top:52px;padding-bottom:54px}
.career-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.career-card{position:relative;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:start;padding:20px;border:1px solid var(--wha-line);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbfd);text-decoration:none;box-shadow:0 10px 28px rgba(13,43,63,.04);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.career-card:hover{transform:translateY(-4px);border-color:#8ed8eb;box-shadow:0 18px 40px rgba(13,55,80,.10)}
.career-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eef9fd;border:1px solid #d6ebf3}
.career-icon svg{width:23px;height:23px;fill:none;stroke:#0b91ba;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.career-card small{display:block;font-size:10px;font-weight:850;letter-spacing:.11em;color:#0a91b9;margin-bottom:7px}
.career-card h3{font-size:17px;line-height:1.2;margin:0;color:#102b40}
.career-card p{font-size:12px;line-height:1.5;color:#6a8191;margin:8px 0 0}
.career-arrow{width:17px;height:17px;fill:none;stroke:#7890a0;stroke-width:1.8;transition:transform .2s ease,stroke .2s ease}
.career-card:hover .career-arrow{transform:translateX(3px);stroke:#0b91ba}

/* Catalog — 4-up premium cards */
.catalog-section{padding-top:56px}
.catalog-heading{margin-bottom:22px}
.builder-shell{border-radius:22px;padding:18px;gap:14px;box-shadow:0 12px 30px rgba(14,49,71,.04)}
.builder-field label{font-size:11px!important}
.builder-field select,.search-box input{font-size:14px}
.filter-pills button{font-size:11px;padding:9px 12px}
.cert-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cert-card-premium{padding:16px 16px 15px;border-radius:22px;min-height:470px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)}
.cert-card-premium:hover{transform:translateY(-4px);border-color:#8fd8ea;box-shadow:0 20px 44px rgba(11,53,79,.10)}
.cert-card-premium.selected{border-color:#0fa9d3;box-shadow:0 0 0 2px rgba(15,169,211,.08),0 18px 42px rgba(11,53,79,.10)}
.cert-card-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:26px}
.cert-category,.cert-level{font-size:10px!important;line-height:1.2;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#0b91b9}
.cert-level{color:#728896;background:#f3f8fa;border:1px solid #e0eaef;padding:6px 8px;border-radius:999px;text-align:right}
.cert-badge-wrap{height:158px;margin:8px 0 10px;border-radius:18px;background:radial-gradient(circle at 50% 28%,#fff 0%,#f6fbfe 62%,#edf6fa 100%);border:1px solid #e0eaf0}
.cert-badge{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 11px 14px rgba(11,43,64,.10))}
.premium-fallback{width:82px;height:82px;border-radius:24px;background:#eef8fc;border:1px solid #d7e7ef;place-items:center!important}
.premium-fallback svg{width:36px;height:36px;fill:none;stroke:#0d8fb9;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cert-card-copy{display:block}
.cert-card-copy h3{font-size:18px!important;line-height:1.18;margin:0 0 6px;color:#102b40;min-height:43px}
.cert-code{font-size:11px!important;letter-spacing:.08em;color:#0d91b8}
.cert-card-copy p{font-size:12.5px!important;line-height:1.55!important;color:#647d8e;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}
.compact-elearning{margin-top:12px!important;padding:9px 10px!important;border-radius:14px!important;gap:9px!important}
.compact-elearning .elearning-icon{width:30px!important;height:30px!important;border-radius:10px!important}
.compact-elearning b{font-size:10px!important;letter-spacing:.02em!important;text-transform:none!important}
.compact-elearning small{font-size:10px!important;margin-top:2px!important}
.cert-actions{margin-top:auto;padding-top:14px;grid-template-columns:1fr 1fr;gap:8px}
.cert-actions .btn{font-size:11px;padding:10px 10px;border-radius:12px;min-height:40px}
.cert-actions .detail-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.cert-actions .detail-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.selected-tag{font-size:9px!important;letter-spacing:.1em}
.selection-counter b{font-size:25px}.selection-counter span{font-size:11px}

/* Official CertiProf profile */
.details-dialog{width:min(1260px,calc(100% - 28px));max-width:1260px;border-radius:28px}
.certiprof-dialog-body{padding:30px}
.certiprof-detail-hero{grid-template-columns:132px minmax(0,1fr) 240px;gap:24px;padding:0 0 26px}
.dialog-badge-shell{width:120px;height:120px;border-radius:24px}.dialog-badge-shell img{width:96px;height:96px}
.cert-detail-area{font-size:10px!important;letter-spacing:.12em}
.cert-detail-heading h2{font-size:32px;line-height:1.05;margin:7px 0}
.cert-detail-heading p{font-size:12px!important}
.cert-top-chips span{font-size:11px!important;padding:8px 11px}
.hero-source-link{border-radius:18px;padding:16px}
.hero-source-link small{font-size:10px!important}.hero-source-link strong{font-size:14px}
.certiprof-layout{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:18px;margin-top:18px}
.cert-detail-section{padding:20px;border-radius:18px}
.cert-detail-kicker{font-size:10px!important;letter-spacing:.12em;margin-bottom:12px}
.dialog-desc{font-size:14px!important;line-height:1.75}
.official-objectives{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.official-objectives li{display:grid;grid-template-columns:23px 1fr;gap:9px;align-items:start;padding:0;border:0!important;font-size:13px;line-height:1.55;color:#506b7e}
.official-objectives li>span{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#eaf9fd;color:#0b97c0;font-size:10px;font-weight:900}
.dialog-syllabus{gap:9px}
.dialog-syllabus li{padding:11px 12px;border-radius:14px}.dialog-syllabus li b{font-size:11px!important;line-height:1.45}
.dialog-details-grid{grid-template-columns:1fr 1fr;gap:8px}.dialog-details-grid>div{padding:11px 12px;border-radius:13px}.dialog-details-grid small{font-size:9px!important}.dialog-details-grid b{font-size:11px!important;line-height:1.4}
.prep-course-panel{border-radius:18px;padding:17px}.prep-course-panel span{font-size:9px!important}.prep-course-panel h3{font-size:17px}.prep-course-panel p{font-size:12px;line-height:1.5}
.credential-benefit b{font-size:11px!important}.credential-benefit small{font-size:10px!important;line-height:1.45}
.official-source-premium span{font-size:9px!important}.official-source-premium b{font-size:13px!important}.official-source-premium small{font-size:10px!important;line-height:1.5}
.dialog-actions{margin-top:16px}

/* Experience timeline */
.include-section{padding-top:58px;padding-bottom:56px;background:linear-gradient(180deg,#fbfdff,#f6fafc)}
.experience-timeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px}
.experience-timeline:before{content:"";position:absolute;top:50px;left:9%;right:9%;height:2px;background:linear-gradient(90deg,#d7e7ef,#44c9e9,#d7e7ef);z-index:0}
.experience-step{position:relative;z-index:1;text-align:center;padding:10px 10px 0}
.step-number{position:absolute;right:18px;top:4px;font:900 11px/1 Montserrat,sans-serif;color:#a8bac6}
.experience-step .experience-icon{width:66px;height:66px;border-radius:21px;margin:0 auto 16px;background:#fff;border:1px solid #d6e7ef;box-shadow:0 12px 26px rgba(10,50,75,.07)}
.experience-step .experience-icon svg{width:28px;height:28px;fill:none;stroke:#0b93bd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.experience-step small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#0b94bd;margin-bottom:6px}
.experience-step h3{font-size:17px;line-height:1.18;margin:0;color:#102c42}
.experience-step p{font-size:12px;line-height:1.52;color:#687f90;margin:8px 0 0}

/* Purchase process */
.process-section{padding-top:56px;padding-bottom:56px}
.process-grid-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.process-grid-five article{position:relative;padding:19px 17px 18px;border-radius:22px;min-height:230px;background:#fff;border:1px solid var(--wha-line);box-shadow:0 10px 28px rgba(13,43,63,.04)}
.process-grid-five article:after{content:"";position:absolute;right:-14px;top:58px;width:14px;height:1px;background:#cfe0e9}
.process-grid-five article:last-child:after{display:none}
.process-index{position:absolute;right:16px;top:16px;font:900 11px/1 Montserrat,sans-serif;color:#a6bac7}
.process-grid-five .process-icon{width:52px;height:52px;border-radius:17px;margin-bottom:18px}
.process-grid-five h3{font-size:17px;line-height:1.2;margin:0 0 9px}
.process-grid-five p{font-size:12px;line-height:1.54;margin:0;color:#687f90}
.process-whatsapp{border-color:#a6e1c4!important;background:linear-gradient(180deg,#fbfffd,#f1fbf5)!important}
.process-whatsapp .process-icon{background:#eaf8f0!important;border-color:#bfe9d1!important}
.process-whatsapp .process-icon svg{stroke:#1e9a5f!important}
.process-wa-link{display:inline-block;margin-top:12px;font-size:11px;font-weight:850;color:#168a53;text-decoration:none}
.process-wa-link:hover{text-decoration:underline}

/* Checkout */
.checkout-section{padding-top:58px;padding-bottom:58px}
.checkout-premium{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:18px}
.order-summary,.buyer-form-premium{border-radius:24px}
.order-summary{padding:22px}
.summary-head{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.summary-head .summary-icon{margin:0;flex:0 0 auto}
.summary-head h3{margin:4px 0 0;font-size:21px}
.summary-count strong{font-size:28px}
.summary-count span{font-size:11px}
.selected-list{max-height:240px;overflow:auto}
.summary-total{padding-top:16px;margin-top:16px}.summary-total span{font-size:12px}.summary-total strong{font-size:28px}
.buyer-form-premium{padding:24px}
.checkout-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.checkout-form-head h3{font-size:23px;margin:5px 0 0}
.secure-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;background:#eef9fd;border:1px solid #d8ebf3;font-size:10px;font-weight:850;color:#0d8fb8;white-space:nowrap}.secure-chip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.field-grid label{font-size:11px!important}.field-grid input{font-size:14px}
.payment-title{margin:22px 0 12px}.payment-title h4{font-size:18px;margin:4px 0 0;color:#102c42}
.payment-method{border-radius:17px;padding:14px}.payment-method b{font-size:12px}.payment-method p{font-size:11px!important;line-height:1.45}
.payment-security{font-size:10px!important}
.checkout-actions{margin-top:16px}
.post-payment-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;margin-top:18px;padding:16px;border-radius:19px;background:linear-gradient(180deg,#f8fffb,#eefaf3);border:1px solid #cdebd9}
.post-payment-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e4f7ec;border:1px solid #bfe6d0}.post-payment-icon svg{width:25px;height:25px;fill:none;stroke:#168e56;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.post-payment-card small{display:block;font-size:9px;font-weight:900;letter-spacing:.11em;color:#168e56}.post-payment-card h4{font-size:15px;margin:4px 0;color:#143c2a}.post-payment-card p{font-size:11px!important;line-height:1.5;color:#638071;margin:0}.post-payment-card .btn{font-size:11px;white-space:nowrap}
.checkout-note{font-size:10px!important;line-height:1.45}

/* FAQ + final CTA */
.faq-section{padding-top:54px;padding-bottom:54px}.faq-list{max-width:980px;margin-inline:auto}.faq-list details{border-radius:17px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px;line-height:1.65}
.final-cta-premium{margin-top:14px;margin-bottom:54px;padding:42px 46px;border-radius:28px;background:radial-gradient(circle at 82% 12%,rgba(55,202,239,.22),transparent 25%),linear-gradient(135deg,#071e31,#0d3857 60%,#125b82);box-shadow:0 28px 70px rgba(7,31,51,.18)}
.final-cta-premium h2{font-size:clamp(34px,3.4vw,48px);line-height:1.04;letter-spacing:-.035em;max-width:760px}.final-cta-premium p{font-size:14px;line-height:1.6;max-width:670px}
.final-cta-premium .btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Microinteractions */
.btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn svg{transition:transform .18s ease}.btn:hover svg use[href="#i-arrow"]{transform:translateX(2px)}
.reveal-on-scroll{transform:translateY(14px);opacity:0;transition:opacity .45s ease,transform .45s ease}.reveal-on-scroll.is-visible{transform:none;opacity:1}
.cert-card-premium:before,.premium-plan:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(44,197,235,.09),transparent 36%);opacity:0;transition:opacity .2s;pointer-events:none}.cert-card-premium:hover:before,.premium-plan:hover:before{opacity:1}

/* Responsive */
@media(max-width:1180px){
  .career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .process-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid-five article:after{display:none}
}
@media(max-width:980px){
  .wha-hero-pro{grid-template-columns:1fr;gap:18px;min-height:0}.hero-visual-asset{min-height:400px}.hero-certification-art{max-height:500px}
  .experience-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.experience-timeline:before{display:none}.experience-step{padding:16px;border:1px solid var(--wha-line);border-radius:20px;background:#fff;text-align:left;display:grid;grid-template-columns:58px 1fr;gap:13px}.experience-step .experience-icon{margin:0;width:58px;height:58px}.experience-step .step-number{right:14px;top:13px}.experience-step>div{grid-column:2}
  .certiprof-detail-hero{grid-template-columns:110px 1fr}.certiprof-detail-hero .hero-source-link{grid-column:1/-1}.certiprof-layout{grid-template-columns:1fr}
  .checkout-premium{grid-template-columns:1fr}.order-summary{position:static}
  .post-payment-card{grid-template-columns:48px 1fr}.post-payment-card .btn{grid-column:1/-1;width:100%}
}
@media(max-width:760px){
  .section-shell{width:min(100% - 28px,1320px)}.section{padding:46px 0}.section-heading h2{font-size:34px}.section-heading p{font-size:14px}
  .cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cert-card-premium{min-height:450px}.cert-badge-wrap{height:145px}.cert-badge{width:118px;height:118px}
  .process-grid-five{grid-template-columns:1fr 1fr}
  .career-grid{grid-template-columns:1fr}
  .checkout-form-head{display:block}.secure-chip{margin-top:10px}
  .final-cta-premium{padding:32px 26px}.final-cta-actions{width:100%;display:grid}.final-cta-actions .btn{width:100%}
}
@media(max-width:520px){
  .wha-hero-pro{padding-top:42px;padding-bottom:34px}.wha-hero-pro h1{font-size:43px}.wha-hero-pro .hero-lead{font-size:15px}.hero-visual-asset{min-height:300px}.hero-certification-art{max-height:360px}
  .cert-grid{grid-template-columns:1fr}.cert-card-premium{min-height:0}.cert-card-copy h3{min-height:0}.cert-card-copy p{min-height:0}.cert-badge-wrap{height:160px}.cert-badge{width:132px;height:132px}
  .process-grid-five{grid-template-columns:1fr}
  .experience-timeline{grid-template-columns:1fr}.experience-step{grid-template-columns:55px 1fr}.experience-step .experience-icon{width:55px;height:55px}
  .certiprof-dialog-body{padding:20px 15px}.certiprof-detail-hero{grid-template-columns:1fr}.dialog-badge-shell{width:96px;height:96px}.dialog-badge-shell img{width:78px;height:78px}.cert-detail-heading h2{font-size:25px}.dialog-details-grid,.dialog-syllabus{grid-template-columns:1fr}
  .buyer-form-premium{padding:19px}.post-payment-card{grid-template-columns:1fr}.post-payment-icon{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}
html,body{overflow-x:hidden}
.wha-hero-pro,.final-cta-premium{overflow:hidden}
.premium-plan .featured-label{z-index:5;top:13px;right:13px;padding:8px 11px;font-size:9px;letter-spacing:.09em;max-width:210px;text-align:center}
.dialog-badge-fallback{width:78px;height:78px;border-radius:22px;background:#edf8fc;border:1px solid #d6e8f1;place-items:center}.dialog-badge-fallback svg{width:38px;height:38px;fill:none;stroke:#0d93bd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ===== v2.0.1 visual boost ===== */
body{
  background:
    radial-gradient(circle at 8% 10%, rgba(37,196,237,.10), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(10,118,181,.10), transparent 20%),
    linear-gradient(180deg,#f7fbfd 0%,#ffffff 18%,#ffffff 84%,#f7fbfd 100%);
}
body::before,
body::after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:-1;
  border-radius:50%;
  filter:blur(48px);
  opacity:.55;
}
body::before{
  width:240px;height:240px;left:-70px;top:140px;
  background:radial-gradient(circle, rgba(23,197,241,.28), transparent 68%);
}
body::after{
  width:280px;height:280px;right:-100px;top:380px;
  background:radial-gradient(circle, rgba(8,86,173,.18), transparent 70%);
}
.section-shell{position:relative}
.section-shell::before{
  content:"";
  position:absolute;
  inset:0 auto auto 50%;
  transform:translateX(-50%);
  width:min(1120px,94%);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(110,156,180,.22),transparent);
  pointer-events:none;
}
.hero.section-shell::before,.cta-final.section-shell::before{display:none}
.hero-copy .hero-payment{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(205,224,235,.9);
  box-shadow:0 10px 28px rgba(7,39,61,.06);
}
.hero-payment strong{color:#0d3451}
.hero-visual-asset::before,
.hero-visual-asset::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.hero-visual-asset::before{
  width:84%;height:84%;
  background:radial-gradient(circle, rgba(35,207,246,.24), transparent 60%);
  filter:blur(26px);
  z-index:0;
}
.hero-visual-asset::after{
  width:76%;height:76%;
  border:1px solid rgba(84,196,236,.24);
  box-shadow:0 0 0 22px rgba(84,196,236,.05),0 0 0 44px rgba(84,196,236,.025);
  z-index:0;
}
.hero-certification-art{
  width:min(100%,640px);
  max-height:660px;
  filter:drop-shadow(0 34px 34px rgba(4,31,51,.18)) drop-shadow(0 0 28px rgba(35,198,244,.18));
  animation:heroFloat 5.4s ease-in-out infinite;
}
.hero-visual-asset:hover .hero-certification-art{
  transform:translateY(-6px) scale(1.016);
  filter:drop-shadow(0 42px 40px rgba(4,31,51,.22)) drop-shadow(0 0 36px rgba(35,198,244,.22));
}
@keyframes heroFloat{
  0%,100%{transform:translateY(4px)}
  50%{transform:translateY(-4px)}
}
.plan-card,
.cert-card-premium,
.career-card,
.buyer-form,
.checkout-summary,
.process-grid-five article,
.experience-card{
  backdrop-filter:saturate(120%) blur(4px);
}
.plan-card{
  box-shadow:0 20px 44px rgba(8,43,66,.07), inset 0 1px 0 rgba(255,255,255,.75);
}
.plan-card:hover{box-shadow:0 28px 58px rgba(8,43,66,.12), 0 0 0 1px rgba(111,210,235,.18)}
.plan-credential-visual{
  height:156px;
  background:
    radial-gradient(circle at 50% 18%, rgba(34,199,237,.20), transparent 50%),
    linear-gradient(180deg,#fbfdff,#edf8fd);
}
.credential-sheet{
  width:88px;
  height:110px;
  border-radius:18px;
  box-shadow:0 18px 34px rgba(15,50,72,.14);
}
.credential-sheet svg{width:38px;height:38px;stroke:#0b95c0;filter:drop-shadow(0 2px 2px rgba(6,47,72,.08))}
.plan-card.featured .plan-credential-visual{box-shadow:inset 0 0 0 1px rgba(73,200,236,.18),0 14px 34px rgba(15,130,173,.08)}
.cert-card-premium{
  box-shadow:0 16px 38px rgba(11,53,79,.06), inset 0 1px 0 rgba(255,255,255,.9);
}
.cert-card-premium:hover{box-shadow:0 24px 56px rgba(11,53,79,.12), 0 0 0 1px rgba(117,216,238,.18)}
.cert-badge-wrap{
  height:170px;
  background:
    radial-gradient(circle at 50% 28%, #ffffff 0%, #f8fcfe 55%, #eef7fb 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.cert-badge-wrap:after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:16px;
  border:1px dashed rgba(30,145,189,.10);
  pointer-events:none;
}
.cert-badge{
  width:142px;
  height:142px;
  filter:drop-shadow(0 14px 18px rgba(11,43,64,.11)) drop-shadow(0 0 16px rgba(31,189,232,.08));
}
.dialog-badge-shell{
  width:136px;
  height:136px;
  box-shadow:0 20px 48px rgba(10,46,70,.10);
}
.dialog-badge-shell img{width:110px;height:110px}
.badge-fallback-mark.premium-fallback,
.dialog-badge-fallback{
  background:linear-gradient(180deg,#f7fcff,#edf7fb);
  box-shadow:0 10px 24px rgba(10,46,70,.08);
}
.cert-actions .btn svg,
.process-icon svg,
.experience-icon svg,
.career-icon svg,
.checkout-method svg,
.credential-sheet svg{
  filter:drop-shadow(0 1px 1px rgba(10,49,73,.08));
}
.experience-icon,
.process-icon,
.career-icon{
  box-shadow:0 12px 24px rgba(13,55,80,.08), inset 0 1px 0 rgba(255,255,255,.85);
}
.process-grid-five article,
.experience-card,
.career-card,
.checkout-summary,
.buyer-form{
  position:relative;
  overflow:hidden;
}
.process-grid-five article::after,
.experience-card::after,
.career-card::after,
.checkout-summary::after,
.buyer-form::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.55), transparent 36%);
  pointer-events:none;
}
.faq-list details,
.checkout-summary,
.buyer-form{
  box-shadow:0 14px 34px rgba(10,42,64,.06);
}
.btn-primary{
  box-shadow:0 16px 34px rgba(10,167,218,.22), inset 0 1px 0 rgba(255,255,255,.28);
}
.btn-primary:hover{box-shadow:0 22px 42px rgba(10,167,218,.30), inset 0 1px 0 rgba(255,255,255,.32)}
.btn-outline{
  background:linear-gradient(180deg,#ffffff,#f8fbfd);
}
.section-heading h2{
  text-wrap:balance;
}
.cert-card-topline span,
.plan-card .plan-badge,
.hero-eyebrow,
.section-kicker{
  box-shadow:0 6px 16px rgba(8,42,63,.05);
}
@media (max-width:1050px){
  .hero-certification-art{width:min(100%,560px);max-height:560px}
}
@media (max-width:640px){
  body::before{width:170px;height:170px;left:-60px;top:100px}
  body::after{width:200px;height:200px;right:-70px;top:320px}
  .hero-certification-art{width:min(100%,410px);max-height:410px}
  .cert-badge-wrap{height:164px}
  .cert-badge{width:138px;height:138px}
}
@media(prefers-reduced-motion:reduce){
  .hero-certification-art{animation:none!important}
}

/* ===== v2.0.2 official certification modal + WHA exam mode ===== */
.wha-exam-mode-panel{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:15px;
  align-items:start;
  padding:20px;
  border-radius:20px;
  background:linear-gradient(135deg,#0b2d49 0%,#0e5d86 58%,#11a9d3 125%);
  color:#fff;
  box-shadow:0 18px 40px rgba(8,45,70,.16);
  position:relative;
  overflow:hidden;
}
.wha-exam-mode-panel:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  border-radius:50%;
  right:-55px;top:-70px;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 0 0 22px rgba(255,255,255,.035);
}
.wha-exam-mode-icon{
  width:58px;height:58px;
  border-radius:17px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.wha-exam-mode-icon svg{width:29px;height:29px;fill:none;stroke:#8feaff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wha-exam-mode-panel span{display:block;font:800 9px/1 Inter,sans-serif;letter-spacing:.12em;color:#9feaff;margin-bottom:7px}
.wha-exam-mode-panel h3{margin:0;font:800 18px/1.15 Montserrat,sans-serif;color:#fff}
.wha-exam-mode-panel p{margin:9px 0 0;font-size:12px;line-height:1.58;color:#def7ff;position:relative;z-index:1}
.official-cert-profile .cert-detail-kicker{font-size:10px;letter-spacing:.115em}
.official-cert-profile .dialog-desc{font-size:14px;line-height:1.78}
.official-cert-profile .official-objectives li{padding:12px 0}
@media(max-width:640px){.wha-exam-mode-panel{grid-template-columns:48px 1fr;padding:17px}.wha-exam-mode-icon{width:48px;height:48px;border-radius:14px}.wha-exam-mode-panel h3{font-size:16px}}