/* QSpiders concept landing page — responsive styles */
:root{--orange:#ff6b21;--orange-deep:#e9530e;--ink:#171717;--muted:#6f6c69;--paper:#f8f7f4;--cream:#f0ede6;--line:#dedbd5;--lilac:#dcd4fa;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ff9d6e;outline-offset:3px}.section-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.announcement{height:32px;background:var(--ink);color:#f8f7f4;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.announcement-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block}.announcement-arrow{color:var(--orange);margin-left:4px}.site-header{position:sticky;top:0;z-index:50;width:100%;height:82px;padding:0 max(32px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(248,247,244,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,23,23,.07);transition:height .25s,box-shadow .25s}.site-header.scrolled{height:68px;box-shadow:0 8px 30px #1717170b}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--orange);color:white;font-family:var(--display);font-weight:800;font-size:23px;border-radius:11px;transform:rotate(-4deg)}.brand-name{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.06em;line-height:1.05}.brand-period{color:var(--orange)}.brand-name small{display:block;font-family:var(--font);font-size:7px;letter-spacing:.18em;font-weight:700;margin-top:5px;color:#777}.desktop-nav{display:flex;gap:31px;align-items:center}.desktop-nav a{font-size:12px;color:#5e5b58;transition:color .2s}.desktop-nav a:hover{color:var(--orange-deep)}.header-cta{font-size:12px;font-weight:700;background:var(--ink);color:white;padding:13px 17px;border-radius:6px}.header-cta span,.button span{margin-left:14px;color:var(--orange)}.menu-toggle,.mobile-nav{display:none}.hero{min-height:635px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-top:42px;padding-bottom:67px;position:relative}.hero-copy{padding:20px 0 35px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;font-weight:700;color:#77716b;margin-bottom:24px}.eyebrow-line{width:23px;height:2px;background:var(--orange);display:inline-block}.hero h1,.section-heading h2,.enquiry h2,.learning h2,.final-cta h2{font-family:var(--display);font-size:clamp(39px,5.1vw,65px);line-height:1.08;letter-spacing:-.065em;margin:0;font-weight:700}.headline-accent{color:var(--orange)}.hero-description{max-width:440px;font-size:16px;color:#6c6863;line-height:1.8;margin:25px 0 28px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;padding:16px 19px;font-weight:700;font-size:12px;cursor:pointer;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:white}.button-primary:hover{background:var(--orange-deep)}.button-primary span{color:#fff}.text-link{font-size:12px;font-weight:700}.text-link span{color:var(--orange);margin-left:9px}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:45px}.proof-avatars{display:flex;align-items:center}.proof-avatars span,.proof-avatars b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;border:2px solid var(--paper);margin-right:-7px;background:#e5c7b6}.proof-avatars span:nth-child(2){background:#c9d4c2}.proof-avatars span:nth-child(3){background:#d8cafa}.proof-avatars b{background:var(--ink);color:white}.hero-proof p{font-size:10px;line-height:1.65;color:#85817b;margin:0}.hero-proof strong{color:var(--ink);font-size:11px}.hero-art{min-height:440px;position:relative;display:grid;place-items:center;isolation:isolate}.art-grid{position:absolute;inset:8% 3% 6%;background-image:linear-gradient(#e3dfd8 1px,transparent 1px),linear-gradient(90deg,#e3dfd8 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black 10%,transparent 72%);z-index:-2}.orbit{position:absolute;border:1px solid #e0d9cf;border-radius:50%;transform:rotate(-24deg);z-index:-1}.orbit-one{width:390px;height:270px}.orbit-two{width:310px;height:400px;transform:rotate(44deg)}.hero-card{width:min(370px,82%);background:#1d1c1b;color:#fff;border-radius:13px;padding:16px;box-shadow:0 30px 70px #27221c25;transform:rotate(-3deg);z-index:2}.card-top,.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.13em;color:#a9a39b}.card-top{padding:1px 3px 15px}.card-top .live-dot{margin-right:7px}.code-window{background:#282725;border:1px solid #3c3935;border-radius:8px;overflow:hidden}.code-head{height:33px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #3c3935;color:#8e8981;font-size:9px}.code-head i{width:6px;height:6px;border-radius:50%;background:#ff7650}.code-head i:nth-child(2){background:#e8c15b}.code-head i:nth-child(3){background:#84b78c}.code-head span{margin-left:8px}.code-lines{padding:18px 20px 22px;font-family:monospace;font-size:12px;line-height:1.9;color:#e8e3dc}.code-lines p{margin:0}.code-lines .indent{padding-left:18px}.code-purple{color:#d7a6ff}.code-orange{color:#ffb779}.code-green{color:#a6d6a1}.code-last{margin-top:10px!important}.cursor{color:var(--orange)}.card-footer{padding:15px 3px 0}.floating-label{position:absolute;background:#fff;border:1px solid #eee9e2;box-shadow:0 12px 35px #1717170c;border-radius:8px;z-index:4;display:flex;align-items:center;gap:10px;font-size:10px;padding:11px 13px}.label-top{top:12%;right:1%}.mini-icon{background:#fff0e8;color:var(--orange);border-radius:6px;padding:6px;font-size:15px}.label-bottom{bottom:12%;left:1%;padding:13px 16px}.sparkle{color:var(--orange);font-size:23px}.label-bottom strong,.label-bottom small{display:block}.label-bottom small{font-size:9px;color:#8c8781;margin-top:2px}.art-stamp{position:absolute;right:5%;bottom:7%;width:84px;height:84px;border:1px solid var(--orange);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--orange);font-size:11px;font-weight:800;line-height:1.1;letter-spacing:.06em;transform:rotate(12deg)}.art-stamp span{position:absolute;right:-7px;top:2px;background:var(--orange);color:white;border-radius:50%;padding:5px}.hero-bottom-note{position:absolute;bottom:15px;left:0;right:0;display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.13em;color:#8d8880}.scroll-line{height:1px;background:#d7d1c8;width:45px}.hero-bottom-note span:last-child{margin-left:auto}.legacy,.courses,.stories,.faq{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:19px}.section-heading h2,.enquiry h2,.learning h2,.final-cta h2{font-size:clamp(36px,4.5vw,54px)}.serif-accent{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.07em}.section-heading>p{max-width:360px;color:#77716b;font-size:13px;line-height:1.85;margin:0 0 5px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{position:relative;min-height:230px;border-radius:8px;padding:23px 21px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.stat-dark{background:#242321;color:white}.stat-orange{background:var(--orange);color:white}.stat-cream{background:#eeebe4}.stat-lilac{background:var(--lilac)}.stat-index{font-size:8px;letter-spacing:.12em;opacity:.7}.stat-number{font-family:var(--display);font-size:clamp(32px,3.2vw,47px);font-weight:700;letter-spacing:-.07em;line-height:1.1;margin-top:28px}.stat-card h3{font-size:11px;line-height:1.7;font-weight:500;margin:14px 0 0;max-width:200px}.stat-ornament{position:absolute;right:17px;bottom:14px;font-size:30px;opacity:.2}.source-note,.course-disclaimer{font-size:10px;color:#918b84;line-height:1.6}.source-note{margin-top:15px}.courses{background:#f0eee9;width:100%;padding-inline:max(32px,calc((100% - 1180px)/2))}.courses .section-heading{max-width:1180px;margin-inline:auto}.course-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course-card{position:relative;text-align:left;min-height:252px;background:#fbfaf8;border:1px solid #e4e0d9;border-radius:8px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.course-card:hover,.course-card:focus-visible{transform:translateY(-5px);border-color:#f3a17b;box-shadow:0 16px 35px #26221b0c}.course-number{position:absolute;right:20px;top:20px;color:#a8a29a;font-size:9px;letter-spacing:.1em}.course-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#fff0e7;color:var(--orange);font-weight:800;font-size:20px;margin-bottom:25px}.icon-java{background:#f7e5d9}.icon-python{background:#e4e8f9;color:#5368b5}.icon-data{background:#e1eddf;color:#50825c}.icon-cloud{background:#e3e9ed;color:#4d7084}.icon-spark{background:#eee8ff;color:#8265c2}.course-title{font-family:var(--display);font-size:18px;letter-spacing:-.04em;font-weight:700}.course-desc{font-size:11px;color:#79736c;line-height:1.8;margin-top:8px;max-width:280px}.course-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:22px;font-size:10px;font-weight:700}.course-bottom b{font-size:17px;color:var(--orange);font-weight:500}.course-card-cta{background:#272624;color:white;border-color:#272624}.course-card-cta .course-desc{color:#c1bcb5}.course-card-cta .course-number{color:#8c8781}.course-disclaimer{max-width:1180px;margin:17px auto 0}.journey-band{background:var(--orange);color:white;padding:57px 0}.journey-inner{display:flex;align-items:center;gap:28px}.journey-symbol{font-size:36px;width:64px;height:64px;display:grid;place-items:center;border:1px solid #ffffff65;border-radius:50%;flex-shrink:0}.eyebrow-light{color:#fff9;font-size:9px;margin-bottom:13px}.journey-inner h2{font-family:var(--display);font-size:clamp(25px,3.3vw,38px);line-height:1.15;letter-spacing:-.055em;margin:0}.button-light{background:white;color:var(--ink);margin-left:auto;white-space:nowrap}.button-light span{color:var(--orange)}.stories{padding-bottom:75px}.story-slider{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.story-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:295px}.story-secondary{grid-template-columns:1fr;grid-template-rows:1fr auto}.story-visual{position:relative;overflow:hidden;min-height:270px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.visual-one{background:#d9e2d1}.visual-two{background:#ded7f5;min-height:185px}.visual-one:before,.visual-two:before{content:"";position:absolute;width:220px;height:220px;border:1px solid #29272022;border-radius:50%;left:15%;top:14%}.visual-one:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #29272022;border-radius:50%;left:24%;top:23%}.visual-two:before{width:270px;height:270px;left:28%;top:-15%;border-color:#3d2d6325}.visual-two:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#3d2d6317 1px,transparent 1px);background-size:13px 13px}.visual-kicker,.visual-caption{position:relative;z-index:2;font-size:8px;letter-spacing:.12em;font-weight:700}.visual-caption{letter-spacing:0;font-weight:500}.visual-abstract{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-weight:800;font-size:45px;letter-spacing:-.08em}.visual-abstract span:nth-child(2){font-size:24px;color:var(--orange)}.visual-two .visual-kicker,.visual-two .visual-caption{z-index:3}.visual-big-type{position:relative;z-index:3;font-family:var(--display);font-size:clamp(30px,3vw,44px);font-weight:800;line-height:.91;letter-spacing:-.07em}.visual-big-type span{color:var(--orange);font-size:25px;margin-left:9px}.story-copy{padding:25px 21px;display:flex;flex-direction:column;align-items:flex-start}.story-tag{font-size:8px;letter-spacing:.12em;color:var(--orange);font-weight:700}.story-copy h3{font-family:var(--display);font-size:21px;line-height:1.25;letter-spacing:-.05em;margin:16px 0 10px}.story-copy p{font-size:11px;line-height:1.8;color:#79736c;margin:0}.story-credit{font-size:9px;color:#9b958d;margin-top:auto;padding-top:20px}.story-secondary .story-copy{padding:20px 22px}.story-secondary .story-copy h3{font-size:18px;margin-top:10px}.story-secondary .story-copy p{font-size:10px}.story-controls{display:flex;align-items:center;justify-content:space-between;margin-top:19px;color:#938d84;font-size:8px;letter-spacing:.13em}.story-controls div{display:flex;gap:6px}.story-controls button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:15px}.story-controls button:hover{background:var(--ink);color:white}.learning{padding-top:85px;padding-bottom:110px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.learning-visual{height:430px;position:relative;overflow:hidden;background:#e9e3d9;border-radius:9px;display:flex;align-items:center;justify-content:center}.learning-circle{position:absolute;border:1px solid #bcb2a4;border-radius:50%;width:380px;height:380px}.circle-two{width:270px;height:270px;border-color:#d3a48c}.learning-type{position:relative;font-family:var(--display);font-size:clamp(38px,4.2vw,59px);line-height:.97;letter-spacing:-.08em;font-weight:800;transform:rotate(-8deg)}.learning-type span{color:var(--orange)}.learning-label{position:absolute;bottom:24px;left:24px;font-size:8px;letter-spacing:.12em;line-height:1.6;color:#77716b}.learning-copy .eyebrow{margin-bottom:20px}.learning-list{margin-top:30px}.learning-list>div{display:flex;align-items:flex-start;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.learning-list>div>span{font-size:9px;color:var(--orange);padding-top:3px}.learning-list p{margin:0;display:flex;flex-direction:column;gap:4px;flex:1}.learning-list strong{font-size:13px}.learning-list small{font-size:11px;color:#827c75;line-height:1.6}.learning-list b{font-weight:400;color:var(--orange);font-size:18px}.enquiry{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding-top:85px;padding-bottom:95px;border-top:1px solid var(--line)}.enquiry-intro{position:relative;min-height:490px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}.enquiry-intro>p{max-width:380px;font-size:13px;color:#77716b;line-height:1.9;margin:22px 0}.enquiry-note{display:flex;align-items:center;gap:12px;margin-top:12px}.enquiry-note>span{color:var(--orange);font-size:27px}.enquiry-note p{font-size:10px;color:#8b857d;line-height:1.7}.enquiry-note strong{color:var(--ink);font-size:11px}.enquiry-decoration{position:absolute;right:2px;bottom:-75px;font-family:var(--display);font-weight:800;font-size:260px;line-height:1;color:#f0eae1;z-index:-1}.enquiry-decoration span{color:#f0c4aa}.form-panel{background:white;border:1px solid #e8e3dc;border-radius:10px;padding:29px 30px;box-shadow:0 25px 60px #30271b0a}.form-top{display:flex;align-items:center;justify-content:space-between}.form-label,.step-count{font-size:8px;letter-spacing:.12em;font-weight:700}.form-label{color:#807a73}.step-count{color:var(--orange)}.progress-track{height:3px;background:#eeeae4;margin:16px 0 27px;border-radius:5px;overflow:hidden}.progress-track span{display:block;height:100%;width:33.333%;background:var(--orange);transition:width .3s}.form-step{display:none;animation:stepIn .3s ease}.form-step.active{display:block}@keyframes stepIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.form-step h3{font-family:var(--display);font-size:25px;line-height:1.25;letter-spacing:-.05em;margin:0}.form-step>p{font-size:11px;color:#89837b;margin:7px 0 23px}.form-step label{display:block;font-size:10px;font-weight:700;margin:17px 0 7px}.form-step label span{color:var(--orange)}input:not([type=radio]),select{width:100%;border:1px solid #e3ded6;border-radius:5px;padding:13px 12px;background:#fdfcfb;color:var(--ink);font-size:11px;min-height:44px;outline:none;transition:border .2s,box-shadow .2s}input::placeholder{color:#b0aaa2}input:not([type=radio]):focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff6b2115}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row>div{min-width:0}.field-row label{min-height:16px}.stream-search{margin-bottom:8px}.hidden{display:none!important}.form-buttons{display:flex;gap:10px;margin-top:25px}.form-buttons .button{flex:1}.button-back{background:#f3f0eb;color:#56514c}.form-next{min-height:48px}.consent-note{font-size:9px;line-height:1.7;color:#a09a92;margin:15px 0 0}.form-error{font-size:10px;color:#bf321f;margin-top:12px;min-height:0}.form-error:not(:empty){padding:9px 10px;background:#fff1ee;border-radius:4px}.form-message{margin-top:13px;padding:12px;border-radius:5px;font-size:11px;line-height:1.7;background:#fff3e9;color:#88401c}.faq{border-top:1px solid var(--line)}.faq-list{max-width:850px;margin-left:auto}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-.025em;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;font-weight:400;color:var(--orange);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.8;color:#77716b;max-width:700px;margin:0;padding:0 30px 22px 0}.final-cta{border-top:1px solid var(--line);padding-top:65px;padding-bottom:75px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.final-cta .eyebrow{margin-bottom:17px}.final-cta .button{flex-shrink:0;z-index:2}.final-doodle{position:absolute;right:20%;top:-45px;color:#f2e4d8;font-size:180px;z-index:-1}.site-footer{border-top:1px solid var(--line);padding:25px max(32px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand .brand-mark{width:32px;height:32px;font-size:19px}.footer-brand .brand-name{font-size:17px}.site-footer>p{font-family:Georgia,serif;font-style:italic;color:#8d867d;font-size:14px}.site-footer>div{display:flex;gap:20px;align-items:center;font-size:9px;color:#928c84}.site-footer>div a{color:var(--ink);font-weight:700}.mobile-sticky-cta{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.stat-card:nth-child(2),.course-card:nth-child(2),.story-card:nth-child(2){transition-delay:.07s}.stat-card:nth-child(3),.course-card:nth-child(3){transition-delay:.13s}.stat-card:nth-child(4),.course-card:nth-child(4){transition-delay:.19s}
@media(min-width:1200px){.hero h1{font-size:65px}}
@media(max-width:900px){.section-wrap{width:calc(100% - 44px)}.site-header{padding-inline:22px}.desktop-nav{gap:15px}.desktop-nav a{font-size:10px}.header-cta{font-size:10px;padding:12px}.hero{gap:12px;min-height:580px}.hero h1{font-size:clamp(38px,5.5vw,55px)}.hero-art{min-height:390px}.orbit-one{width:320px;height:240px}.orbit-two{width:260px;height:340px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:210px}.courses{padding-inline:22px}.course-grid{grid-template-columns:repeat(2,1fr)}.learning{gap:40px}.learning-visual{height:370px}.enquiry{gap:35px}.form-panel{padding:24px}.story-card{grid-template-columns:1fr}.story-secondary{grid-template-rows:190px auto}.story-visual{min-height:220px}.story-secondary .story-visual{min-height:190px}.story-copy{min-height:220px}.story-secondary .story-copy{min-height:190px}}
@media(max-width:650px){html{scroll-padding-top:76px}.section-wrap{width:calc(100% - 36px)}.announcement{height:29px;font-size:8px}.site-header{height:68px;padding-inline:18px}.site-header.scrolled{height:62px}.brand-mark{width:34px;height:34px;font-size:21px}.brand-name{font-size:18px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:9px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;top:97px;left:0;right:0;z-index:49;background:var(--paper);padding:8px 22px 22px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #1717170b}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.mobile-nav a:last-child{color:var(--orange-deep);font-weight:700;border:0}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:47px;padding-bottom:60px;gap:5px}.hero-copy{padding:0}.eyebrow{font-size:9px;margin-bottom:18px}.hero h1{font-size:clamp(39px,10vw,54px)}.hero-description{font-size:14px;line-height:1.8;margin:20px 0 23px}.hero-actions{gap:18px}.button{padding:15px 15px;font-size:11px}.text-link{font-size:11px}.hero-proof{margin-top:29px}.hero-art{min-height:330px;margin-top:8px}.hero-card{width:min(340px,82%);padding:13px}.code-lines{font-size:10px;padding:14px 15px 17px}.orbit-one{width:280px;height:210px}.orbit-two{width:220px;height:300px}.label-top{top:8%;right:0}.label-bottom{bottom:6%;left:0}.art-stamp{width:68px;height:68px;font-size:9px;right:0;bottom:4%}.hero-bottom-note{bottom:10px;font-size:7px}.legacy,.courses,.stories,.faq{padding-top:70px;padding-bottom:70px}.section-heading{display:block;margin-bottom:29px}.section-heading h2,.enquiry h2,.learning h2,.final-cta h2{font-size:clamp(35px,9vw,46px)}.section-heading>p{font-size:12px;margin-top:17px;max-width:440px}.stats-grid{gap:8px}.stat-card{min-height:180px;padding:17px 14px}.stat-number{font-size:clamp(29px,8vw,38px);margin-top:19px}.stat-card h3{font-size:10px}.stat-index{font-size:7px}.stat-ornament{right:10px;bottom:8px;font-size:22px}.courses{padding-inline:18px}.course-grid{gap:8px}.course-card{min-height:235px;padding:16px}.course-number{right:12px;top:14px;font-size:8px}.course-icon{width:37px;height:37px;margin-bottom:20px}.course-title{font-size:15px;line-height:1.3}.course-desc{font-size:10px;line-height:1.7}.course-bottom{font-size:9px;padding-top:16px}.course-disclaimer{font-size:9px}.journey-band{padding:36px 0}.journey-inner{display:grid;grid-template-columns:45px 1fr;gap:16px}.journey-symbol{width:43px;height:43px;font-size:23px}.journey-inner h2{font-size:27px}.journey-inner .button{grid-column:2;justify-self:start;margin:0}.story-slider{grid-template-columns:1fr}.story-card{grid-template-columns:1fr 1fr;min-height:0}.story-secondary{grid-template-columns:1fr 1fr;grid-template-rows:auto}.story-visual{min-height:235px;padding:15px}.story-secondary .story-visual{min-height:220px}.story-copy,.story-secondary .story-copy{padding:18px 15px;min-height:235px}.story-copy h3,.story-secondary .story-copy h3{font-size:17px;margin:12px 0 8px}.story-copy p,.story-secondary .story-copy p{font-size:10px}.visual-abstract{font-size:31px}.visual-big-type{font-size:34px}.story-credit{font-size:8px}.learning{padding-top:60px;padding-bottom:70px;grid-template-columns:1fr;gap:30px}.learning-visual{height:290px}.learning-circle{width:300px;height:300px}.circle-two{width:220px;height:220px}.learning-type{font-size:48px}.learning-label{bottom:17px;left:17px}.learning-copy .eyebrow{margin-bottom:16px}.learning-list{margin-top:22px}.enquiry{padding-top:65px;padding-bottom:70px;grid-template-columns:1fr;gap:18px}.enquiry-intro{min-height:0;padding:0 0 18px}.enquiry-intro>p{font-size:12px;margin:16px 0}.enquiry-decoration{font-size:170px;right:0;bottom:-45px}.enquiry-note{margin-top:0}.form-panel{padding:21px 17px}.form-step h3{font-size:23px}.form-step>p{line-height:1.7}.field-row{grid-template-columns:1fr;gap:0}.field-row label{min-height:0}.form-buttons{margin-top:20px}.consent-note{font-size:8px}.faq-list summary{font-size:13px;padding:19px 0}.faq-list details p{font-size:11px}.final-cta{padding-top:50px;padding-bottom:65px;display:block}.final-cta .button{margin-top:23px}.final-doodle{right:2%;font-size:130px;top:-25px}.site-footer{padding:22px 18px 80px;flex-wrap:wrap}.site-footer>p{display:none}.site-footer>div{flex-direction:column;align-items:flex-end;gap:6px}.mobile-sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:45;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#f8f7f4ed;backdrop-filter:blur(15px);border-top:1px solid #e8e2d9}.mobile-sticky-cta a{display:flex;justify-content:center;align-items:center;background:var(--orange);color:white;border-radius:5px;padding:13px;font-size:12px;font-weight:700}.mobile-sticky-cta span{margin-left:10px}.reveal{transition-duration:.55s}}
@media(max-width:390px){.hero h1{font-size:37px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:166px}.stat-number{font-size:29px}.story-card,.story-secondary{grid-template-columns:1fr}.story-visual,.story-secondary .story-visual{min-height:190px}.story-copy,.story-secondary .story-copy{min-height:0}.story-credit{padding-top:15px}.brand-name{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Logo, playful code-card interaction and enhanced motion */
.brand-logo{display:block;width:clamp(170px,16vw,205px);height:58px;max-height:none;object-fit:contain;object-position:left center;flex:0 0 auto}
.footer-brand .brand-logo{width:165px;height:48px;max-height:none}
.hero-card{perspective:1100px;cursor:pointer;outline:none;transition:box-shadow .3s,transform .3s}
.hero-card:hover{box-shadow:0 36px 85px #27221c35;transform:rotate(-1.5deg) translateY(-4px)}
.hero-card:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.hero-card-inner{position:relative;display:grid;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.75,.2,1)}
.hero-card.is-flipped .hero-card-inner{transform:rotateY(180deg)}
.hero-card-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-width:0}
.hero-card-front{position:relative}
.hero-card-back{position:absolute;inset:0;transform:rotateY(180deg);display:flex;flex-direction:column}
.flip-hint{font-size:7px;letter-spacing:.1em;color:#ffb48e;animation:hintPulse 2.3s ease-in-out infinite}
.fun-output{background:linear-gradient(145deg,#302c29,#242321);border:1px solid #49413a;border-radius:8px;padding:21px 18px 17px;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:220px;overflow:hidden;position:relative}
.fun-output:after{content:"{}";position:absolute;right:-6px;bottom:-39px;font-family:monospace;font-size:125px;font-weight:700;color:#ffffff08;line-height:1}
.output-icon{font-size:26px;color:var(--orange);margin-bottom:8px;animation:outputSpark 3s ease-in-out infinite}
.output-label{font-size:7px;letter-spacing:.18em;color:#aaa198}
.fun-output h3{font-family:var(--display);font-size:25px;letter-spacing:-.055em;line-height:1.12;color:#fff;margin:12px 0 7px}
.fun-output p{font-size:11px;color:#d3c9bf;line-height:1.7;margin:0;max-width:250px}
.output-status{font-size:8px;color:#aaa198;margin-top:18px;line-height:1.6;position:relative;z-index:1}
.output-check{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#2d7b4b;color:#fff;margin-right:5px;font-size:9px}
.hero-card-back .card-footer{margin-top:auto}
.hero-card.is-flipped .hero-card-back .output-icon{animation:outputSpark .7s ease both}
@keyframes hintPulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes outputSpark{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(12deg) scale(1.12)}}
@keyframes floatDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.label-top{animation:floatDrift 4.5s ease-in-out infinite}
.label-bottom{animation:floatDrift 5.5s ease-in-out infinite;animation-delay:-1.5s}
.art-stamp{animation:floatDrift 5s ease-in-out infinite;animation-delay:-2s}
.course-icon{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.course-card:hover .course-icon{transform:rotate(-9deg) scale(1.1)}
.stat-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #17171712}
.button-primary{position:relative;overflow:hidden}
.button-primary:after{content:"";position:absolute;top:-80%;left:-35%;height:260%;width:22%;background:#ffffff35;transform:rotate(24deg) translateX(-220%);transition:transform .6s}
.button-primary:hover:after{transform:rotate(24deg) translateX(720%)}
@media(max-width:650px){.brand-logo{width:158px;height:48px;max-height:none}.footer-brand .brand-logo{width:145px;height:42px;max-height:none}.hero-card-back .fun-output{min-height:205px}.fun-output{padding:17px 14px}.fun-output h3{font-size:22px}.flip-hint{font-size:6px}}
@media(prefers-reduced-motion:reduce){.label-top,.label-bottom,.art-stamp,.flip-hint,.output-icon{animation:none!important}}

/* Navigation links, social buttons, and lightweight scroll / hover motion. */
.scroll-progress{position:fixed;z-index:100;inset:0 0 auto;height:3px;pointer-events:none;background:transparent}.scroll-progress span{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left center;box-shadow:0 0 12px #ff6b2180}
.header-actions{display:flex;align-items:center;gap:10px}.official-link{display:inline-flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #dedbd5;border-radius:6px;font-size:11px;font-weight:700;color:var(--ink);transition:background .22s,border-color .22s,transform .22s}.official-link:hover{background:#fff;border-color:#bbb4aa;transform:translateY(-2px)}.official-link span{color:var(--orange)}.header-cta{transition:transform .22s,background .22s}.header-cta:hover{transform:translateY(-2px);background:var(--orange-deep)}
.desktop-nav a{position:relative}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--orange);transition:right .25s}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{right:0}
.course-card,.stat-card{background-image:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.22),transparent 72%)}.course-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background-color .25s}.course-card:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 18px 40px #17171718}.course-card:active{transform:translateY(-2px) scale(.99)}
.footer-social{display:flex;align-items:center;gap:10px}.footer-social a{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #dedbd5;border-radius:999px;font-size:11px;font-weight:700;transition:transform .22s,background .22s,border-color .22s,color .22s}.footer-social a:hover{transform:translateY(-3px);background:var(--ink);border-color:var(--ink);color:#fff}.social-glyph{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f0ede6;font-size:10px;font-weight:800;color:var(--ink)}.social-arrow{color:var(--orange)}.footer-social a:hover .social-glyph{background:var(--orange);color:white}
@media(max-width:900px){.header-actions{gap:7px}.official-link{padding:10px;font-size:10px}.header-cta{padding:11px 10px}}
@media(max-width:650px){.header-actions{display:none}.footer-social{order:3;width:100%;justify-content:flex-start;padding-top:4px}.site-footer>div{margin-left:auto}.mobile-nav a[target="_blank"]{color:var(--ink);font-weight:700}}
@media(prefers-reduced-motion:reduce){.course-card:hover,.course-card:active,.official-link:hover,.header-cta:hover,.footer-social a:hover{transform:none}}

/* Form integration and two-step interaction. */
[hidden]{display:none!important}.bot-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.selected-course{font-size:12px;color:var(--orange-deep);padding:10px 0}.form-message.is-success{background:#edf7ee;color:#245b31}.form-step.active{animation:form-enter .32s ease both}button:disabled{cursor:default;opacity:.65}@keyframes form-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.form-step.active{animation:none}}

/* V3: keep official links clearly visible on every screen size. */
.site-footer{flex-wrap:wrap;gap:20px}.footer-social{flex-wrap:wrap;justify-content:center}.footer-social a{background:#fff;min-height:42px}.site-footer>div{margin-left:auto}
@media(max-width:650px){.header-actions{display:flex;margin-left:auto}.header-actions .header-cta{display:none}.header-actions .official-link{display:inline-flex;padding:8px 9px;font-size:10px;gap:5px;white-space:nowrap}.site-header{gap:10px}.site-header .brand-logo{width:145px}.menu-toggle{padding:7px}.footer-social{justify-content:flex-start;gap:8px}.footer-social a{font-size:10px;padding:9px 11px}.footer-social .social-arrow{display:none}.site-footer>div{width:100%;align-items:flex-start;margin:0}}
@media(max-width:390px){.site-header .brand-logo{width:124px}.site-header{padding-inline:14px;gap:7px}}