/* Bitesize Education V5.5.5: only the Free Resources & Updates page */
.subscribe-hero{padding:76px 0 86px;background:linear-gradient(135deg,#0a3741,#0a7067 80%)}
.subscribe-hero h1{max-width:840px}.subscribe-hero p{max-width:780px}.subscribe-hero .btn{margin-top:25px}
.subscribe-content{background:linear-gradient(180deg,#f2faf6 0,#fff 450px);padding:66px 0 90px}
.subscribe-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.94fr);gap:60px;align-items:start}
.subscribe-kicker{font-size:.75rem;font-weight:900;letter-spacing:.15em;color:#0e8279;margin:0 0 15px}
.subscribe-intro h2{font-size:clamp(1.95rem,3vw,2.9rem);line-height:1.13;margin:0 0 15px;color:#102f37}
.subscribe-intro .lead{font-size:1.05rem;color:#526b6c;line-height:1.7}
.subscribe-timeline{margin:32px 0;display:grid;gap:14px}
.subscribe-stage{display:flex;gap:20px;background:#fff;border:1px solid #d2e9e1;border-radius:21px;padding:22px;box-shadow:0 7px 26px #12594a0b}
.subscribe-stage h3{margin:0 0 6px;color:#0b4548;font-size:1.17rem}.subscribe-stage p{margin:0;color:#426362;line-height:1.55;font-size:.95rem}
.subscribe-day{flex:0 0 66px;width:66px;height:66px;border-radius:17px;background:#e3f6ef;color:#0c726e;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.45rem;font-weight:950;line-height:1.04}.subscribe-day small{font-size:.66rem;margin-top:5px;letter-spacing:.09em}
.subscribe-note{padding:23px 26px;border-left:5px solid #f2c14e;background:#fffbef;border-radius:0 18px 18px 0;color:#3e5651}
.subscribe-note strong{color:#073a3d}.subscribe-note p{margin:8px 0 0;line-height:1.65;font-size:.95rem}
.subscribe-form-column{scroll-margin-top:110px;border:1px solid #c8e5dd;border-radius:28px;background:#fff;padding:30px;box-shadow:0 18px 55px #064c4930}
.subscribe-form-heading{text-align:center}.subscribe-badge{display:inline-block;padding:8px 15px;border-radius:99px;background:#dff6ef;color:#0c6864;letter-spacing:.09em;font-size:.72rem;font-weight:900}
.subscribe-form-heading h2{color:#0b4145;font-size:1.85rem;margin:17px 0 9px}.subscribe-form-heading p{color:#486566;font-size:.95rem;line-height:1.6;margin-bottom:20px}
.subscribe-form-frame{min-height:420px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
.subscribe-form-frame .sender-form-field{width:100%;min-height:400px}
.subscribe-fallback{text-align:center;color:#536f6e;margin:8px 0 0;font-size:.9rem}.subscribe-fallback a{color:#0b7772;text-decoration:underline}
.subscribe-reassurance{margin-top:22px;padding:19px 22px;border-radius:17px;background:#eef9f5;color:#355b56}.subscribe-reassurance strong{color:#084941}.subscribe-reassurance p{margin:8px 0;font-size:.88rem;line-height:1.65}.subscribe-reassurance a{font-weight:800;text-decoration:underline}
.subscribe-more{text-align:center;margin-top:70px;padding:33px;border-radius:24px;background:#eef8f4}.subscribe-more h2{margin:0 0 7px;color:#0f4146}.subscribe-more p{color:#51716d}.subscribe-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}
.subscribe-actions .btn-outline{color:#075a56;border-color:#1f8f7d}.subscribe-actions .btn-outline:hover{background:#dbf4eb}
@media(max-width:1050px){.subscribe-grid{grid-template-columns:minmax(0,1fr);gap:40px}.subscribe-form-column{max-width:650px;margin:auto;width:100%}}
@media(max-width:600px){.subscribe-hero{padding:55px 0 62px}.subscribe-content{padding:45px 0 65px}.subscribe-form-column{padding:16px;border-radius:20px}.subscribe-stage{padding:16px;gap:12px}.subscribe-day{flex-basis:55px;width:55px;height:55px}.subscribe-form-heading h2{font-size:1.6rem}.subscribe-more{margin-top:40px;padding:20px}}

/* V5.5.6 — Clockwork Library visual previews */
.subscribe-hero{padding:0;background:radial-gradient(circle at 79% 30%,#17645b 0%,transparent 37%),linear-gradient(130deg,#092f37 0%,#0d605a 100%)}
.clockwork-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:78px 0 86px;position:relative;z-index:1}
.clockwork-hero-copy{min-width:0}.clockwork-hero-copy .eyebrow{color:#f8ce62;letter-spacing:.13em}
.clockwork-hero-copy h1{font-size:clamp(2.8rem,4.6vw,4.6rem);line-height:1.06;max-width:670px;margin:15px 0 23px;color:#fff;letter-spacing:-.055em}
.clockwork-hero-copy h1 em{font-style:normal;color:#f8d46e}
.clockwork-hero-copy p{color:#d5f1e7;font-size:1.08rem;line-height:1.72;max-width:600px;margin:0}
.clockwork-hero-copy p strong{color:#fff}
.clockwork-hero-actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin:28px 0 22px}
.clockwork-hero-actions .btn{margin:0!important}
.clockwork-hero-secondary{color:#e4f7f3;border-bottom:1px solid #9ad9c8;font-size:.9rem;font-weight:800;white-space:nowrap;padding:7px 0}.clockwork-hero-secondary:hover{color:#fff}
.clockwork-hero-proof{display:flex;flex-wrap:wrap;gap:10px 17px;font-size:.78rem;color:#d3f1e6;font-weight:700;margin-top:25px}
.clockwork-hero-art{position:relative;min-width:0}.clockwork-hero-art img{display:block;width:100%;aspect-ratio:1/1;height:auto;max-height:515px;object-fit:cover;border:7px solid #b0ddba26;border-radius:30px;box-shadow:0 23px 55px #041e2f90}
.clockwork-art-stamp{position:absolute;right:-17px;bottom:23px;transform:rotate(4deg);background:#ffdc6b;border:3px solid #193d3c;border-radius:15px;color:#18383a;padding:12px 16px;box-shadow:0 12px 27px #001f2780;font-size:.76rem;font-weight:850;text-align:center;line-height:1.45;letter-spacing:.04em}
.clockwork-art-stamp strong{font-size:.9rem}
.clockwork-gallery{padding-top:75px;scroll-margin-top:105px}
.clockwork-gallery-header{text-align:center;max-width:760px;margin:0 auto 32px}
.clockwork-gallery-header h2{font-size:clamp(2rem,3.2vw,3rem);color:#0b4045;margin:15px 0 9px}
.clockwork-gallery-header p{font-size:1rem;color:#4f6e6d;line-height:1.7}
.clockwork-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.clockwork-gallery-card{background:#fff;border:1px solid #cee5df;border-radius:22px;overflow:hidden;box-shadow:0 11px 27px #184b4017;min-width:0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.clockwork-gallery-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #184b4030}
.clockwork-gallery-card>a{position:relative;display:block;background:linear-gradient(145deg,#e1f4ea,#f5f9f3);padding:13px 15px 32px}
.clockwork-gallery-card>a:focus-visible{outline:4px solid #edb72f;outline-offset:-5px}
.clockwork-gallery-image{height:265px;display:grid;place-items:center;overflow:hidden}
.clockwork-gallery-image img{display:block;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 10px #144b3b29)}
.clockwork-gallery-image-landscape{height:265px}
.clockwork-gallery-zoom{position:absolute;bottom:7px;right:12px;color:#115d56;font-size:.72rem;font-weight:850}
.clockwork-gallery-caption{padding:18px 21px 23px;flex:1;display:flex;flex-direction:column;gap:7px}
.clockwork-gallery-tag{font-size:.67rem;color:#08756a;font-weight:900;letter-spacing:.11em}
.clockwork-gallery-caption h3{font-size:1.24rem;line-height:1.26;margin:0;color:#173d42}
.clockwork-gallery-caption p{font-size:.88rem;line-height:1.6;margin:0;color:#567270}
.clockwork-gallery-note{text-align:center;color:#647d79;font-size:.83rem;max-width:780px;margin:18px auto 0;line-height:1.6}
.clockwork-final-cta{display:flex;position:relative;align-items:center;overflow:hidden;min-height:300px;margin:68px auto 0;border-radius:27px;background:radial-gradient(circle at 90% 30%,#237f6b 0%,transparent 50%),linear-gradient(120deg,#0b4149,#0b6862);padding:42px 42px 42px 48px;color:#fff}
.clockwork-final-copy{max-width:760px;position:relative;z-index:1;padding-right:250px}
.clockwork-small-label{color:#fbd66b;font-size:.75rem;font-weight:900;letter-spacing:.13em}
.clockwork-final-copy h2{font-size:clamp(2rem,3.2vw,2.8rem);color:#fff;margin:13px 0}
.clockwork-final-copy p{color:#e4f4ec;margin-bottom:22px;line-height:1.65}
.clockwork-final-character{position:absolute;right:30px;bottom:-63px;width:260px;max-height:330px;object-fit:contain;filter:drop-shadow(0 16px 18px #0005)}
@media(max-width:1050px){.clockwork-hero-grid{grid-template-columns:1fr 1fr;gap:30px}.clockwork-hero-copy h1{font-size:clamp(2.5rem,4vw,3.8rem)}.clockwork-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.clockwork-hero-grid{grid-template-columns:1fr;gap:28px;padding:54px 0 60px}.clockwork-hero-art{max-width:530px;justify-self:center}.clockwork-hero-copy h1{font-size:clamp(2.7rem,8vw,3.8rem)}.subscribe-grid .subscribe-form-column{order:-1}.clockwork-gallery{padding-top:52px}.clockwork-final-copy{padding-right:185px}.clockwork-final-character{width:200px;right:-15px}}
@media(max-width:560px){.clockwork-hero-grid{padding:45px 0 49px}.clockwork-hero-copy h1{font-size:2.65rem}.clockwork-art-stamp{right:6px;bottom:-12px;font-size:.64rem;padding:8px 11px}.clockwork-hero-actions{gap:9px}.clockwork-gallery-grid{grid-template-columns:1fr;gap:18px}.clockwork-gallery-image,.clockwork-gallery-image-landscape{height:275px}.clockwork-final-cta{padding:30px 23px 185px;min-height:410px;margin-top:42px}.clockwork-final-copy{padding-right:0}.clockwork-final-copy h2{font-size:2rem}.clockwork-final-character{right:4px;width:170px;bottom:-72px}.subscribe-grid .subscribe-form-column{order:-1}}
@media(prefers-reduced-motion:reduce){.clockwork-gallery-card{transition:none}.clockwork-gallery-card:hover{transform:none}}