/* V5: conversion-first layout, documentary Canton Fair highlight, modular Academy and case-story references */
[hidden]{display:none!important}
/* Quiz directly after goal picker */
#quiz{scroll-margin-top:90px;background:linear-gradient(145deg,#edd6a6 0%,#f1e3c6 55%,#e8cea3 100%)}
#quiz .container{position:relative}
#quiz .section-title{font-size:clamp(2.4rem,5vw,4.4rem)}
#quiz .quiz-game-grid{align-items:center}
.quiz-early-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.quiz-early-actions a{display:inline-flex;border-radius:7px;border:1px solid #927b50;color:#2a463c;padding:10px 13px;font-size:.75rem;font-weight:780;background:#fff7e675}
.quiz-early-actions a:hover{background:#fffdf4}
/* eight-piece curriculum: connected "workshop building blocks" rather than 8 unrelated cards */
#academy .section-intro{max-width:780px}
.academy-workshop-head{padding:24px 28px;margin:30px 0 30px;border:1px solid #bbcab8;border-radius:17px;background:linear-gradient(100deg,#e2ebdd,#f8f2e4);display:grid;gap:10px;color:#1a3733}
.academy-workshop-head .workbench-title{font-size:clamp(1.4rem,2.6vw,2.1rem);letter-spacing:-.045em;line-height:1.2}
.academy-workshop-head .workbench-title strong{color:#8c6937}
.academy-workshop-head p{font-size:.82rem;color:#557065}
.workbench-flow{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:3px 0}
.workbench-flow span{background:#19453c;color:#f2e2bd;border-radius:50px;padding:9px 15px;font-size:.67rem;letter-spacing:.09em;font-weight:850}
.workbench-flow span:not(:last-child):after{content:'→';margin-left:12px;color:#e2be7f}
#academy .modules{gap:25px 14px;overflow:visible;margin-bottom:25px}
#academy .workshop-brick{--brick1:#e8e3d4;--brick2:#d7e3dc;position:relative;background:linear-gradient(165deg,var(--brick1),var(--brick2));border:1px solid #9bb4a9;border-bottom:5px solid #8da79b;border-radius:13px;min-height:250px;padding:39px 22px 18px;display:flex;flex-direction:column;box-shadow:0 11px 0 #d2dace,0 17px 22px #243c3120;transition:transform .2s,box-shadow .2s;isolation:isolate}
#academy .workshop-brick:before{content:'';position:absolute;width:24px;height:10px;left:15%;top:-10px;background:#d0dfd4;border:1px solid #9bb4a9;border-bottom:none;border-radius:6px 6px 0 0;box-shadow:calc(30px + 20%) 0 0 -1px #c6d8cb}
#academy .workshop-brick:after{content:'↳';font-size:22px;font-weight:850;color:#809d8c;position:absolute;right:-18px;top:43%;z-index:2}
#academy .workshop-brick:nth-child(4n):after{display:none}
#academy .workshop-brick:nth-child(4n+2){--brick1:#e8e2ca;--brick2:#eee8d4;border-color:#c7b89c;border-bottom-color:#bfae89}
#academy .workshop-brick:nth-child(4n+2):before{background:#eadfbd;border-color:#c7b89c}
#academy .workshop-brick:nth-child(4n+3){--brick1:#dce4e7;--brick2:#cddce1;border-color:#a5bbcb;border-bottom-color:#88a4b7}
#academy .workshop-brick:nth-child(4n+3):before{background:#d2dee3;border-color:#a5bbcb}
#academy .workshop-brick:nth-child(4n+4){--brick1:#deebd1;--brick2:#d0e0c7;border-color:#b6c4a4;border-bottom-color:#9eb38e}
#academy .workshop-brick:nth-child(4n+4):before{background:#d6e5ce;border-color:#b6c4a4}
#academy .workshop-brick:hover,#academy .workshop-brick:focus-within{transform:translateY(-3px);box-shadow:0 13px 0 #cad5cb,0 19px 24px #243c3133}
#academy .workshop-brick h3{margin:15px 0 10px;font-size:1.12rem}
#academy .workshop-brick .count{letter-spacing:.085em;color:#506a60;font-weight:900}
#academy .workshop-brick p{font-size:.76rem;line-height:1.64}
#academy .brick-toggle{display:inline-flex;align-self:flex-start;align-items:center;text-align:left;margin-top:auto;padding:12px 0 0;border:0;background:transparent;color:#31574d;font-weight:850;font-size:.7rem;border-bottom:1px solid #31574d}
#academy .workshop-brick .brick-detail{padding:10px 0;color:#26453c;font-weight:600}
#academy .workshop-brick.expanded{z-index:3;min-height:280px}
#academy .academy-path{background:#dbe9dc;border:1px solid #b9d0bd;border-radius:15px;padding:28px;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}
#academy .academy-path .academy-capstone{max-width:590px}
#academy .academy-path .academy-capstone h3{font-size:clamp(1.4rem,3vw,2rem);margin:7px 0}
#academy .academy-steps{display:flex;flex-wrap:wrap;gap:7px}
#academy .academy-steps span{background:#19473d;color:#faf1d9;border-radius:22px;padding:9px 12px;font-size:.67rem;font-weight:800}
/* Single truthful Canton Fair career spotlight */
.canton-highlight{margin-top:42px;border:1px solid #ac976677;border-radius:17px;overflow:hidden;display:grid;grid-template-columns:1fr 1.03fr;min-height:390px;background:linear-gradient(125deg,#0b222a,#1f4542);box-shadow:0 15px 40px #0003}
.canton-shot{position:relative;min-height:390px;background:#1c3b3d}
.canton-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 44%}
.canton-shot:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#081b1fc9)}
.canton-shot span{position:absolute;bottom:19px;left:18px;z-index:1;color:#fce7b8;font-size:.64rem;font-weight:850;letter-spacing:.12em;background:#061e1e9e;padding:8px 12px;border-radius:5px}
.canton-copy{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
.canton-copy h3{font-size:clamp(1.85rem,3.6vw,3.1rem);margin:16px 0;line-height:1.18}
.canton-copy h3 em{color:#e6c78e}
.canton-copy p{font-size:.88rem}
.canton-copy .canton-note{font-size:.66rem;margin-top:17px;color:#a9c1bb}
/* References as testimonial-inspired storytelling, never fabricated endorsement */
#references .section-intro{max-width:730px}
.proof-carousel{border:1px solid #ffffff32;border-radius:18px;overflow:hidden;background:#071d23;margin-top:27px;box-shadow:0 16px 50px #0002}
.proof-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;border-bottom:1px solid #ffffff25}
.proof-head h3{margin:10px 0 0;font-size:1.6rem}
.proof-navigation{display:flex;align-items:center;gap:10px;white-space:nowrap}
.proof-navigation button{width:43px;height:43px;border:1px solid #d1b98780;border-radius:50%;background:#243a37;color:#f3e2bb;font-size:20px}
.proof-navigation button:hover{background:#d9bd88;color:#17342c}
.proof-navigation span{font-size:.7rem;color:#ddc693;font-weight:800;letter-spacing:.08em}
.proof-slide{display:grid;grid-template-columns:.87fr 1.13fr;min-height:340px}
.proof-visual{padding:33px;display:flex;flex-direction:column;justify-content:space-between;background:#245047;position:relative;isolation:isolate;overflow:hidden}
.proof-visual::after{content:'✦';position:absolute;font-size:260px;color:#ffffff0b;right:-20px;top:10px;transform:rotate(8deg);z-index:-1}
.proof-visual span{font-size:.65rem;letter-spacing:.2em;color:#ffe5ad;font-weight:900}
.proof-visual strong{font-size:clamp(2.7rem,5vw,4.5rem);font-weight:850;line-height:1.02;letter-spacing:-.075em}
.proof-visual small{font-size:.78rem;color:#d9e7dc}
.proof-visual.visual-app{background:linear-gradient(140deg,#163a4f,#356877)}
.proof-visual.visual-quiz{background:linear-gradient(140deg,#b09356,#3c644d)}
.proof-visual.visual-merch{background:linear-gradient(140deg,#555774,#294f51)}
.proof-visual.visual-funnel{background:linear-gradient(140deg,#385348,#1e3530)}
.proof-story{padding:clamp(26px,4vw,50px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.proof-kicker{font-size:.66rem;letter-spacing:.15em;font-weight:850;color:#d6b879}
.proof-story h3{font-size:clamp(1.7rem,3vw,2.5rem)}
.proof-story p{font-size:.9rem;line-height:1.8;max-width:510px;color:#c3d1c9}
.proof-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.proof-facts span{border:1px solid #738d81a0;border-radius:22px;color:#cfe4d9;padding:8px 12px;font-size:.68rem;font-weight:750}
.proof-progress{height:4px;background:#304940}
.proof-progress>span{display:block;width:20%;height:100%;background:#e5c58c;transition:width .25s}
.proof-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 28px;color:#a6beb6;font-size:.72rem}
.proof-footer .button{min-height:40px;font-size:.72rem;padding:9px 13px}
#references .proof-line{margin-top:24px}
@media(max-width:1100px){#academy .modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}#academy .workshop-brick:nth-child(4n):after{display:block}#academy .workshop-brick:nth-child(even):after{display:none}.canton-highlight{min-height:340px}.canton-shot{min-height:340px}}
@media(max-width:700px){#quiz{padding-top:66px}.canton-highlight,.proof-slide{grid-template-columns:1fr}.canton-shot{min-height:310px}.canton-copy{padding:29px 24px}.proof-visual{min-height:230px}.proof-visual strong{font-size:2.8rem}.proof-story{padding:28px 24px}.proof-head{padding:20px;align-items:start}.proof-head h3{font-size:1.4rem}.proof-navigation{gap:6px}.proof-navigation button{width:37px;height:37px}.proof-footer{padding:18px 20px;flex-wrap:wrap}.academy-workshop-head{padding:20px}#academy .workshop-brick{min-height:225px;padding:31px 17px 17px}#academy .workshop-brick h3{font-size:.98rem}#academy .workshop-brick p{font-size:.7rem}#academy .workshop-brick:after{right:-16px}}
@media(max-width:390px){#academy .modules{grid-template-columns:1fr;gap:20px}#academy .workshop-brick:after{display:none!important}#academy .workshop-brick{min-height:200px}.proof-navigation span{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){#academy .workshop-brick,.proof-progress>span{transition:none}}