/* styles.css */
:root{--navy:#07132c;--blue:#29468f;--orange:#f36d2c;--paper:#f2efe8;--ink:#0a1020;--line:#ccd2dc;--muted:#687286;--mono:"Space Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.mono{font:700 10px var(--mono);letter-spacing:.16em;text-transform:uppercase}.nav{height:78px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border-bottom:2px solid var(--orange);position:sticky;top:0;z-index:40}.logo{display:flex;align-items:center;gap:10px}.logo img:first-child{width:39px;height:39px}.logo img:last-child{width:112px;max-height:34px}.nav nav{display:flex;gap:34px;font-size:13px;font-weight:600}.nav-cta{padding:11px 16px;border:1px solid #cbd1db;font-size:12px;font-weight:700}.nav-cta span{margin-left:20px}.hero{min-height:calc(100vh - 78px);padding:74px clamp(24px,6vw,96px) 0;color:#fff;background:#030509;position:relative;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;isolation:isolate}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.8}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 70% 40%,black,transparent 65%)}.hero-copy{padding-bottom:45px}.hero-copy>.mono{color:#f7925f}.hero h1{font-size:clamp(48px,5.4vw,82px);font-weight:500;line-height:.95;letter-spacing:-.065em;margin:24px 0 28px}.hero h1 em{font-style:normal;color:#a4c8ff}.hero-line{font-size:clamp(22px,2vw,31px);line-height:1.15;letter-spacing:-.03em}.hero-body{max-width:580px;color:#9ca7b9;line-height:1.65;font-size:16px}.actions{display:flex;gap:12px;margin-top:30px}.btn{padding:14px 18px;font-weight:700;font-size:13px}.btn.light{background:#fff;color:#05070b}.btn.ghost{border:1px solid #ffffff2b}.hero-lab{min-height:570px;position:relative;padding:62px 5% 32px;display:flex;flex-direction:column;justify-content:center}.hero-lab:before{content:"";position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 90deg,#174fb000,#276cca77,#f36d2c66,#174fb000);filter:blur(65px);animation:spin 16s linear infinite;z-index:-1}.lab-head{position:absolute;top:20px;left:5%;right:5%;padding-bottom:14px;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;font:10px var(--mono);color:#778298}.lab-head i{display:inline-block;width:6px;height:6px;background:#67f0a3;border-radius:50%;box-shadow:0 0 12px #67f0a3;margin-right:8px}.lab-head button{border:0;background:none;color:#a9b2c3;font:inherit;cursor:pointer}.prompt{width:85%;padding:22px 24px;background:#080b11e8;border:1px solid #ffffff20;box-shadow:0 30px 80px #000;z-index:2}.prompt small{font:9px var(--mono);color:#667189}.prompt p{display:inline;font-size:17px;line-height:1.5}.caret{display:inline-block;width:2px;height:18px;background:var(--orange);animation:blink .7s steps(1) infinite}.generation{width:85%;z-index:2;margin:16px 0}.gen-label{display:flex;justify-content:space-between;font:9px var(--mono);color:#8994a9}.progress{height:2px;background:#ffffff20;margin-top:10px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4f91f5,var(--orange));transition:width .4s}.product{width:92%;align-self:flex-end;background:#eee8dd;color:#0b1320;border:1px solid #ffffff33;box-shadow:0 40px 100px #000;opacity:.32;transform:perspective(900px) rotateY(-9deg) translateY(15px);transition:.7s}.product.ready{opacity:1;transform:perspective(900px) rotateY(-3deg)}.product-bar{padding:14px 18px;background:#0b1422;color:#fff;display:flex;justify-content:space-between;font-size:9px}.product-body{min-height:205px;padding:28px;display:grid;grid-template-columns:1fr .65fr;align-items:center;background:linear-gradient(135deg,#f3efe5,#c8bdab)}.product-body small{font:8px var(--mono);color:#8c5a36}.product-body h3{font-size:31px;line-height:.95;margin:10px 0 18px}.product-body button{background:#613720;color:#fff;border:0;padding:9px 13px}.cup{height:145px;display:grid;place-items:center;border-radius:60% 40% 55% 45%;background:radial-gradient(circle at 40% 35%,#f4d5a5,#8f4f2e 55%,#4a2619);box-shadow:inset 0 0 0 10px #ffffff40}.cup i{font-style:normal;font-size:50px}.live-pill{position:absolute;right:12px;bottom:10px;background:#d7f5e5;color:#17633e;padding:7px 10px;font:8px var(--mono)}.coordinate{position:absolute;color:#758096;font:8px var(--mono);letter-spacing:.12em}.c1{left:-18px;top:35%}.c2{right:-12px;top:28%}.c3{right:-5px;bottom:11%}.facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);width:100%;border-top:1px solid #ffffff1d}.facts div{padding:22px 24px 28px}.facts div+div{border-left:1px solid #ffffff1d}.facts b,.facts span{display:block}.facts b{font-size:17px}.facts span{font-size:11px;color:#7e899b;margin-top:5px}.marquee{overflow:hidden;background:#fff;border-bottom:1px solid #d9dde4;padding:18px 0;color:#8b94a4;font:700 11px var(--mono);white-space:nowrap}.marquee div{width:max-content;animation:marquee 25s linear infinite}.marquee span{color:var(--orange)}.section-intro{padding:110px clamp(24px,7vw,110px) 55px;display:grid;grid-template-columns:55px 1fr .55fr;gap:35px;align-items:end}.index{font:12px var(--mono);color:var(--orange)}h2{font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-.06em;margin:12px 0;font-weight:500}h2 em{font-style:normal;color:var(--orange)}.section-intro>p:last-child,.project-head>p,.fee-head>p{color:var(--muted);line-height:1.65}.flow{margin:0 clamp(24px,7vw,110px) 110px;min-height:540px;background:#06090f;color:#fff;display:grid;grid-template-columns:150px 1fr 330px;align-items:center;padding:44px;position:relative;overflow:hidden}.flow-nav{display:flex;flex-direction:column;gap:9px}.flow-nav button{border:1px solid #ffffff0f;background:#ffffff05;color:#667287;padding:14px;text-align:left;cursor:pointer}.flow-nav button b{font:9px var(--mono);margin-right:15px}.flow-nav button.active{color:#fff;border-color:var(--orange);background:linear-gradient(90deg,#2453aa44,#f36d2c22)}.flow-stage{height:420px;position:relative;display:grid;place-items:center}.rings i{position:absolute;left:50%;top:50%;border:1px solid #5b96e844;border-radius:50%;transform:translate(-50%,-50%) rotate(20deg)}.rings i:nth-child(1){width:78%;height:45%}.rings i:nth-child(2){width:54%;height:78%;transform:translate(-50%,-50%) rotate(70deg);border-color:#f36d2c44}.rings i:nth-child(3){width:90%;height:84%;border-style:dashed;animation:spin 22s linear infinite}.flow-core{width:220px;height:220px;padding:28px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;background:radial-gradient(circle at 65% 25%,#e2edf9,#336ca3 42%,#08111e 76%);box-shadow:0 0 70px #276ec966;z-index:2;transition:.5s}.flow-core small{font:8px var(--mono)}.flow-core strong{font-size:21px;line-height:1.1;margin:12px 0}.flow-core span{font-size:10px;color:#b8c5d7}.fragment{position:absolute;width:110px;height:70px;border:1px solid #ffffff25;background:#13233fbb;box-shadow:0 20px 50px #000}.fragment:before,.fragment:after{content:"";position:absolute;left:12px;right:12px;height:6px;background:#3f5f91;top:14px}.fragment:after{top:28px;right:35px;background:var(--orange)}.fa{left:2%;top:18%;transform:rotate(-8deg)}.fb{right:1%;top:12%;transform:rotate(8deg)}.fc{right:5%;bottom:9%;transform:rotate(-4deg)}.flow-copy{border-left:1px solid #ffffff1a;padding-left:30px}.flow-copy>span{font:10px var(--mono);color:var(--orange)}.flow-copy h3{font-size:34px;line-height:1.05;margin:30px 0 15px}.flow-copy p{color:#9ca8bc;line-height:1.65}.flow-copy button{width:100%;margin-top:34px;padding:15px 0;display:flex;justify-content:space-between;border:0;border-top:1px solid #ffffff1a;color:#fff;background:none;cursor:pointer}.page-map{padding:22px clamp(24px,7vw,110px);display:flex;gap:28px;align-items:center;background:#fff;border-block:1px solid #d7dce4;position:sticky;top:78px;z-index:20;font:10px var(--mono)}.page-map span{color:var(--orange)}.page-map a{color:#707a8c}.projects{background:#07132c;color:#fff;padding:110px clamp(24px,7vw,110px)}.project-head{display:grid;grid-template-columns:1fr .55fr;gap:70px;align-items:end}.project-head>p{color:#9aa8c2}.project-theatre{display:grid;grid-template-columns:280px 1fr;gap:50px;margin-top:60px}.project-tabs{display:flex;flex-direction:column}.project-tabs button{display:grid;grid-template-columns:35px 1fr;text-align:left;padding:20px 4px;color:#6e7d99;background:none;border:0;border-bottom:1px solid #ffffff17;cursor:pointer}.project-tabs b{grid-row:1/3;font:9px var(--mono)}.project-tabs span{font-size:20px;font-weight:600}.project-tabs small{margin-top:3px}.project-tabs button.active{color:#fff}.project-tabs button.active b{color:var(--orange)}.device{padding:10px;background:#111a2a;border:1px solid #ffffff22;box-shadow:0 45px 100px #0008}.device-top{height:35px;display:flex;align-items:center;gap:20px;font:8px var(--mono);color:#6f7c93}.device-top i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:13px 0 #f2b54a,26px 0 #61bd8a}.device-top span{margin-left:25px}.screen{min-height:430px;padding:55px;display:grid;grid-template-columns:1fr .8fr;align-items:center;background:linear-gradient(135deg,#f2ede2,#b8ad9b);color:#08111e;transition:.5s}.screen-copy small{font:9px var(--mono);color:#98613c}.screen-copy h3{font-size:58px;letter-spacing:-.06em;margin:16px 0}.screen-copy p{max-width:430px;line-height:1.6;color:#535c68}.screen-copy div{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.screen-copy div span{border:1px solid #75808c;padding:8px 10px;font-size:10px}.screen-art{height:300px;position:relative}.screen-art i{position:absolute;border-radius:48% 52% 37% 63%;background:linear-gradient(145deg,#29468f,#f36d2c);filter:drop-shadow(0 30px 30px #172f6350)}.screen-art i:nth-child(1){width:220px;height:220px;left:15%;top:10%;animation:morph 8s ease-in-out infinite}.screen-art i:nth-child(2){width:100px;height:100px;right:0;top:0;opacity:.55}.screen-art i:nth-child(3){width:75px;height:75px;left:0;bottom:0;opacity:.35}.outcomes{padding:110px clamp(24px,7vw,110px);display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.outcome-statement{position:sticky;top:155px;align-self:start}.outcome-statement h2{font-size:clamp(42px,4.4vw,64px)}.outcome-list article{padding:42px 0;border-top:1px solid #bec5d0;display:grid;grid-template-columns:55px 1fr .8fr;gap:25px}.outcome-list article>b{font:10px var(--mono);color:var(--orange)}.outcome-list h3{font-size:24px;margin:0}.outcome-list p{color:var(--muted);line-height:1.6;margin:0}.curriculum{padding:110px clamp(24px,7vw,110px);background:#05070b;color:#fff}.curriculum-title{display:grid;grid-template-columns:1fr .45fr;align-items:end}.curriculum-title .mono,.curriculum-title h2{grid-column:1}.curriculum-title>p:last-child{grid-column:2;grid-row:1/3;color:#8d98aa}.days{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-bottom:1px solid #ffffff20}.days button{text-align:left;padding:22px 8px;background:none;color:#657187;border:0;border-bottom:2px solid transparent;cursor:pointer}.days small,.days b{display:block}.days small{font:9px var(--mono)}.days b{font-size:18px;margin-top:7px}.days button.active{color:#fff;border-color:var(--orange)}.day-content{min-height:380px;padding:55px 0;display:grid;grid-template-columns:130px .8fr 1fr;gap:55px}.day-number{font:88px var(--mono);color:#ffffff0e}.day-content h3{font-size:39px;line-height:1.1;margin:15px 0}.day-content>div p:last-child{color:#9ca8ba;line-height:1.7}.day-content ol{margin:0;padding:0;list-style:none}.day-content li{display:grid;grid-template-columns:55px 1fr 35px;gap:16px;padding:22px 0;border-bottom:1px solid #ffffff18;color:#c3ccda}.day-content li span,.day-content li b{font:9px var(--mono);color:#7e8ba0}.toolkit{padding:110px clamp(24px,7vw,110px);background:#e9e5dc}.tool-copy{display:grid;grid-template-columns:1fr .6fr;align-items:end}.tool-copy .mono,.tool-copy h2{grid-column:1}.tool-copy>p:last-child{grid-column:2;grid-row:1/3;color:var(--muted);line-height:1.6}.tool-line{margin-top:75px;display:flex;align-items:center}.tool-line button{width:150px;height:150px;border-radius:50%;border:1px solid #aeb6c1;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.tool-line button b{font:8px var(--mono);color:var(--orange)}.tool-line button strong{font-size:20px;margin:8px 0}.tool-line button span{font-size:9px;color:#7b8492}.tool-line button.active{color:#fff;background:var(--navy);transform:scale(1.08);box-shadow:0 20px 50px #081a4930}.tool-line>i{flex:1;height:1px;background:#aeb6c1}.tool-note{margin:50px 0 0 50%;padding:25px 0 0;border-top:1px solid #aeb6c1;display:grid;grid-template-columns:140px 1fr}.tool-note span{font:9px var(--mono);color:var(--orange)}.tool-note p{margin:0;line-height:1.6}.uses{padding:110px clamp(24px,7vw,110px);background:#fff}.uses>div:first-child{display:flex;justify-content:space-between}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #cbd1da}.use-grid article{min-height:290px;padding:28px 22px;border-right:1px solid #cbd1da}.use-grid article:first-child{border-left:1px solid #cbd1da}.use-grid article>span{font-size:26px;color:var(--orange)}.use-grid h3{font-size:23px;margin-top:85px}.use-grid p{font-size:13px;line-height:1.6;color:var(--muted)}.prepare{padding:110px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.prepare-art{height:480px;background:#081020;display:grid;place-items:center;overflow:hidden;position:relative}.prepare-art:before{content:"";position:absolute;width:370px;height:370px;border-radius:50%;background:conic-gradient(#2768c9,var(--orange),#2768c9);filter:blur(22px);animation:spin 15s linear infinite}.keyboard{position:relative;display:grid;grid-template-columns:1fr 70px;gap:10px;transform:rotate(-8deg)}.keyboard span{min-width:160px;padding:30px 24px;background:#efede8;border:1px solid #9da5b0;box-shadow:0 10px 0 #8c929c;color:#101522;font:700 17px var(--mono)}.keyboard span:nth-child(even){min-width:auto;color:var(--orange)}.prepare ul{padding:0;list-style:none}.prepare li{padding:17px 0;border-bottom:1px solid #c5cad2}.prepare li:before{content:"✓";color:var(--orange);margin-right:13px}.fine{font-size:11px;color:var(--muted)}.fit{min-height:670px;padding:110px clamp(24px,7vw,110px);background:#0a1530;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;overflow:hidden}.fit-copy>p:last-child{color:#9eabc1;line-height:1.65;max-width:500px}.fit-wheel{height:500px;position:relative;border:1px solid #ffffff18;border-radius:50%;display:grid;place-items:center}.fit-wheel:before,.fit-wheel:after{content:"";position:absolute;border:1px dashed #ffffff18;border-radius:50%;inset:12%}.fit-wheel:after{inset:28%;border-color:#f36d2c55}.fit-wheel button{position:absolute;background:#0a1530;border:1px solid #ffffff2a;color:#aeb9cc;padding:13px 17px;cursor:pointer}.fit-wheel button:nth-child(1){top:1%;left:42%}.fit-wheel button:nth-child(2){right:-3%;top:42%}.fit-wheel button:nth-child(3){bottom:1%;left:38%}.fit-wheel button:nth-child(4){left:-6%;top:42%}.fit-wheel button.active{background:var(--orange);color:#fff;border-color:var(--orange)}.fit-wheel>div{width:170px;height:170px;border-radius:50%;background:#fff;color:#111827;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:25px;z-index:2}.fit-wheel strong{font-size:21px}.fit-wheel span{font-size:10px;color:#697386;margin-top:7px}.fees{padding:110px clamp(24px,7vw,110px);background:#eeece6}.fee-head{display:grid;grid-template-columns:1fr .55fr;align-items:end}.fee-table{margin-top:55px;border-top:1px solid #aeb6c1}.fee-row{display:grid;grid-template-columns:1.25fr .6fr 1fr;align-items:center;min-height:105px;border-bottom:1px solid #bec5ce;padding:18px 24px;position:relative}.fee-row.labels{min-height:auto;font:9px var(--mono);color:#747d8b;background:#e2dfd7}.fee-row span b,.fee-row span small{display:block}.fee-row span small{margin-top:5px;color:#7b8492}.fee-row strong{font-size:29px}.fee-row.featured{background:#fff}.fee-row.featured:before{content:"FUNDED FEE";position:absolute;left:-28px;top:42px;transform:rotate(-90deg);font:7px var(--mono);color:var(--blue)}.fee-row.orange strong{color:var(--orange)}.fee-meta{padding:22px 24px;display:flex;gap:35px;font-size:11px;color:#6b7483}.fee-meta a{margin-left:auto;color:var(--blue);font-weight:700}.faq{padding:110px clamp(24px,7vw,110px);display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;background:#fff}.accordions details{border-top:1px solid #cbd1da;padding:0}.accordions details:last-child{border-bottom:1px solid #cbd1da}.accordions summary{padding:25px 0;display:flex;justify-content:space-between;font-weight:600;cursor:pointer;list-style:none}.accordions summary span{font-size:20px;color:var(--orange)}.accordions p{max-width:700px;color:var(--muted);line-height:1.65;padding:0 40px 24px 0}.choice{text-align:center;padding:110px 24px;background:linear-gradient(135deg,#173a83,#07132c);color:#fff}.choice div{display:flex;justify-content:center;gap:10px;margin-top:45px}.choice a{min-width:245px;padding:18px;text-align:left;display:flex;justify-content:space-between;border:1px solid #ffffff25}.choice a:first-child{background:#fff;color:#07132c}.enquire{padding:110px clamp(24px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;background:#05070b;color:#fff}.enquire>div>p:last-child{color:#8995a8;max-width:430px;line-height:1.6}.enquire form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.enquire label{font:9px var(--mono);color:#8b96a9}.enquire input,.enquire textarea{width:100%;display:block;margin-top:9px;padding:14px 0;color:#fff;background:none;border:0;border-bottom:1px solid #ffffff2e;outline:none}.enquire label:nth-child(4){grid-column:1/-1}.enquire textarea{height:80px;resize:none}.enquire button{grid-column:1/-1;padding:17px 19px;display:flex;justify-content:space-between;background:var(--orange);color:#fff;border:0;font-weight:700}.enquire form small{grid-column:1/-1;color:#596377}footer{padding:65px clamp(24px,7vw,110px) 30px;background:#020307;color:#8f9aad;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:55px;font-size:12px}footer>div{display:flex;flex-direction:column;gap:10px}footer b{color:#fff;margin-bottom:8px}.foot-logo{filter:brightness(0) invert(1);align-self:flex-start}footer>small{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:25px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes morph{50%{border-radius:33% 67% 64% 36%;transform:rotate(25deg) scale(1.08)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-lab{min-height:540px}.facts{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:1fr}.flow-nav{flex-direction:row;overflow:auto}.flow-copy{border-left:0;border-top:1px solid #ffffff1a;padding:30px 0 0}.project-theatre,.outcomes,.prepare,.fit,.faq,.enquire{grid-template-columns:1fr}.outcome-statement{position:static}.tool-line button{width:115px;height:115px}.tool-note{margin-left:25%}}
@media(max-width:700px){.nav nav,.page-map{display:none}.nav{height:70px}.logo img:last-child{width:90px}.nav-cta{padding:9px}.hero{padding:55px 20px 0}.hero h1{font-size:45px}.hero-line{font-size:22px}.hero-lab{min-height:500px;padding-inline:0}.prompt,.generation{width:100%}.product{width:100%}.coordinate{display:none}.facts{grid-template-columns:1fr}.facts div+div{border-left:0;border-top:1px solid #ffffff1d}.section-intro,.project-head,.curriculum-title,.tool-copy,.fee-head{grid-template-columns:1fr;padding-inline:22px}.section-intro{padding-top:75px}.section-intro .index{display:none}.flow{margin:0 0 75px;padding:22px}.flow-stage{height:340px}.flow-core{width:180px;height:180px}.fragment{width:90px}.projects,.curriculum,.toolkit,.uses,.prepare,.fit,.fees,.faq,.enquire{padding:75px 22px}.project-theatre{grid-template-columns:1fr}.project-tabs{display:grid;grid-template-columns:1fr 1fr}.screen{grid-template-columns:1fr;padding:30px;min-height:600px}.screen-copy h3{font-size:42px}.outcomes{padding:75px 22px}.outcome-list article{grid-template-columns:35px 1fr}.outcome-list article p{grid-column:2}.curriculum-title>p:last-child,.tool-copy>p:last-child{grid-column:1;grid-row:auto}.day-content{grid-template-columns:1fr;gap:20px}.day-number{display:none}.days button{padding:15px 4px}.days b{font-size:13px}.tool-line{overflow:auto;padding:10px}.tool-line>i{min-width:25px}.tool-line button{min-width:110px}.tool-note{margin-left:0;grid-template-columns:1fr;gap:12px}.use-grid{grid-template-columns:1fr 1fr}.use-grid article:nth-child(3){border-left:1px solid #cbd1da}.prepare-art{height:370px}.keyboard span{min-width:120px;padding:22px 16px}.fit-wheel{height:370px}.fee-row{grid-template-columns:1fr .7fr}.fee-row>span:last-child,.fee-row.labels span:last-child{display:none}.fee-meta{flex-direction:column;gap:10px}.fee-meta a{margin-left:0}.choice div{flex-direction:column}.enquire form{grid-template-columns:1fr}.enquire label:nth-child(4),.enquire button,.enquire form small{grid-column:1}footer{grid-template-columns:1fr 1fr}.actions{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* experience.css */
section[id]{scroll-margin-top:145px}.hero{background:radial-gradient(ellipse at 85% 55%,#182d4d 0,transparent 52%),#06080d;gap:5vw;padding-top:65px}.hero-grid{opacity:.25}.hero h1{font-size:clamp(45px,4.8vw,74px);line-height:1.04}.hero h1 em{color:#fff}.hero-line{color:#f39b6a;font-size:24px}.hero-lab{padding:0;min-width:0;min-height:620px;justify-content:center}.hero-lab:before{display:none}.idea-picker{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.idea-picker>span{font-size:13px;color:#bbc2d0}.idea-picker>div{display:flex;gap:8px}.idea-picker button{padding:10px 14px;border:1px solid #ffffff25;background:transparent;color:#b5becc;border-radius:30px;cursor:pointer;font-size:12px}.idea-picker button.selected{background:#fff;color:#101927;border-color:#fff}.maker{border:1px solid #ffffff25;border-radius:12px;overflow:hidden;box-shadow:0 35px 95px #0008;background:#f6f0e7;transform:perspective(1200px) rotateY(-4deg);transition:transform .6s}.maker:hover{transform:perspective(1200px) rotateY(0)}.maker-toolbar{display:flex;align-items:center;justify-content:space-between;background:#181e29;color:#909db2;padding:12px 16px;font-size:10px}.maker-toolbar>span:first-child{color:#ff9b69;letter-spacing:3px}.maker-toolbar button{background:none;border:0;color:#d3dbe8;font-size:19px;cursor:pointer}.maker-status{display:flex;align-items:center;justify-content:space-between;padding:11px 17px;background:#fff;color:#566475;font-size:10px}.maker-status i{width:6px;height:6px;border-radius:50%;background:#309b70}.composer{margin:20px -10px 0 20px;padding:15px 18px;display:flex;gap:14px;align-items:center;border:1px solid #ffffff35;border-radius:12px;background:#171f2e;box-shadow:0 20px 40px #0005;position:relative}.composer>span{color:#f59d6b;font-size:24px}.composer p{font-size:13px;line-height:1.5;margin:0;color:#d8dfea}.composer button{flex-shrink:0;width:34px;height:34px;border:0;border-radius:50%;background:#f79560;font-size:23px;cursor:pointer}.demo-caption{color:#8591a4;font-size:10px;margin:15px 0 0 22px}.mini-app{color:#28352d;min-height:330px;overflow:hidden;background:#f6f0e7;font-size:12px}.mini-nav{padding:18px 22px;border-bottom:1px solid #33423220;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px}.mini-nav>b{font-size:18px;letter-spacing:-1px}.mini-nav>b span{font-weight:400}.mini-nav>span{color:#7a8279}.cafe-banner{display:grid;grid-template-columns:1fr .7fr;align-items:center;padding:25px 24px 15px}.cafe-banner small,.wellness-head small{font-size:7px;letter-spacing:1.5px}.cafe-banner h3{font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.02;margin:12px 0}.cafe-banner>div>span{font-size:10px;color:#7c8174}.coffee-object{position:relative;height:155px;display:grid;place-items:center}.saucer{position:absolute;width:139px;height:139px;background:linear-gradient(135deg,#eee3d2,#b3ac99);border:1px solid #aca695;border-radius:50%;box-shadow:15px 20px 22px #524b3329}.coffee-cup{width:100px;height:100px;background:linear-gradient(135deg,#ebdbc4,#fff5e5);border-radius:50%;padding:10px;position:relative;box-shadow:5px 8px 10px #38211444}.coffee-cup:after{content:'';position:absolute;right:-18px;top:39px;width:25px;height:17px;border:7px solid #e6d7c0;border-radius:10px;z-index:-1}.coffee-cup i{display:block;width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 70%,#ead8b7 0 3px,#a96a3c 4px 8px,#482c1f 9px 11px);border:4px solid #6b3e22;transform:rotate(-25deg)}.menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 20px}.menu-items button{background:#fff8;border:1px solid #cfcabb;border-radius:7px;padding:10px;display:flex;align-items:center;gap:8px;text-align:left;color:#334435;cursor:pointer;transition:.25s}.menu-items b{display:block;font-size:9px}.menu-items small{display:block;color:#8b8a79;font-size:8px;margin-top:5px}.menu-items em{margin-left:auto;font-style:normal}.menu-items button.added{background:#d2e1c8;transform:translateY(-4px)}.drink-swatch{display:block;width:24px;height:30px;border-radius:3px 3px 8px 8px;background:linear-gradient(#6d4931 20%,#cba579 21% 70%,#e4cfac 71%)}.swatch-1{background:linear-gradient(#ecd8ba 25%,#ba8c5e 26% 70%,#d1bc9e 71%)}.swatch-2{background:linear-gradient(#493021 20%,#865b3a 21% 80%,#cbb18b 81%)}.mini-feedback{padding:10px 22px 16px;font-size:9px;color:#6e7b6b;min-height:34px}.wellness{background:#eef1e8;color:#273e35}.wellness-head{padding:24px 26px 0}.wellness-head h3{font-size:36px;line-height:1.05;letter-spacing:-1.5px;margin:12px 0}.wellness-data{padding:18px 24px;display:flex;gap:24px;align-items:center}.activity-ring{--fill:25%;width:120px;height:120px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#52724e var(--fill),#d5ddca 0);position:relative}.activity-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#eef1e8}.water-count{position:relative;font-size:36px;text-align:center}.water-count span{display:block;font-size:9px;font-weight:400}.wellness-data h4{margin:0;font-size:15px}.wellness-data p{font-size:10px;color:#718174}.wellness-data button{background:#365743;border:0;color:white;padding:10px 15px;border-radius:20px;cursor:pointer}.care{background:#eff3fc;padding-bottom:12px}.care h3{font-size:30px;line-height:1.1;padding:0 24px;letter-spacing:-1px}.care-filters{display:flex;gap:5px;padding:0 20px}.care-filters button{font-size:9px;border:1px solid #bdc7dd;border-radius:20px;background:none;padding:8px;cursor:pointer}.care-filters button.selected{background:#2e4583;color:white}.care-profiles{padding:12px 20px}.care-profiles article{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #d8deeb}.care-profiles article[hidden]{display:none}.care-profiles article>span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#d6dfef;font-size:10px}.care-profiles small{display:block;font-size:9px;margin-top:3px}.care-profiles button{margin-left:auto;background:none;border:0;color:#2e4583;cursor:pointer}.game{background:#f6bc71;color:#472c21}.game>h3,.game>p{margin-left:24px}.game>h3{font-size:27px}.game-board{height:195px;position:relative;margin:15px 20px;background:#f9dbaa;border-radius:8px;overflow:hidden;background-image:radial-gradient(#a47b4530 1px,transparent 1px);background-size:17px 17px}.game-board>span{position:absolute;bottom:12px;left:12px;font:8px var(--mono);opacity:.5}.bean{position:absolute;left:40%;top:25%;width:44px;height:60px;border:0;background:#65412d;border-radius:50%;transform:rotate(30deg);box-shadow:4px 6px 0 #b18b5d;cursor:pointer;transition:left .2s,top .2s}.bean:after{content:'';position:absolute;left:20px;top:8px;width:5px;height:44px;border-radius:50%;background:#bc8c62;transform:rotate(-8deg)}
#heroProduct .mini-app{transition:filter .8s,opacity .8s}#heroProduct[data-phase="0"] .mini-app{filter:grayscale(1);opacity:.35}#heroProduct[data-phase="0"] .mini-app *{color:transparent!important;box-shadow:none!important}#heroProduct[data-phase="1"] .mini-app{filter:grayscale(1);opacity:.8}#heroProduct[data-phase="0"] .menu-items,#heroProduct[data-phase="1"] .menu-items{opacity:0;transform:translateY(10px)}.menu-items{transition:.6s}#heroProduct[data-phase="2"] .mini-app,#heroProduct[data-phase="3"] .mini-app{filter:none;opacity:1}.projects{background:#e6eaf0;color:#101e36}.project-head>p{color:#667389}.project-tabs button{border-color:#acb7c9;color:#8491a4}.project-tabs button.active{color:#193964}.screen{background:#f8f9fc;grid-template-columns:1fr;padding:24px;gap:25px}.screen-copy h3{font-size:28px;margin:8px 0}.screen-copy p{font-size:12px;margin:0}.screen-copy small{display:none}.screen-copy div{margin-top:13px}.screen-copy div span{font-size:8px;padding:5px 8px;border-color:#d2d8e3}.project-demo{border-radius:9px;overflow:hidden;box-shadow:0 12px 25px #172b4914}.device{background:#fff;border:1px solid #c1ccda;box-shadow:0 35px 65px #213d6620;border-radius:12px}.device-top{padding:0 10px}.project-theatre{grid-template-columns:230px 1fr;align-items:start}.project-demo .mini-app{min-height:365px}.project-demo .cafe-banner h3{font-size:43px}.project-demo .mini-nav{font-size:11px}.project-demo .menu-items b{font-size:11px}.project-demo .menu-items small{font-size:10px}.flow{grid-template-columns:130px 1fr 240px;gap:20px;background:#e6e1d7;color:#142033;overflow:visible}.flow-nav button{color:#6e7782;border-color:#aab3ba55}.flow-nav button.active{color:#193964;background:#ffffff77;border-color:#29468f}.flow-copy{border-color:#bdc2c8}.flow-copy p{color:#667181;font-size:14px}.flow-copy button{color:#183760;border-color:#b6bec8}.flow-copy h3{font-size:30px}.blueprint{position:relative;width:100%;height:400px;perspective:1000px}.brief-sheet{position:absolute;inset:35px 15%;padding:25px;background:#fffdf5;box-shadow:0 15px 40px #28382e22;transform:rotate(-4deg);transition:.8s}.brief-sheet>span{font:9px var(--mono);color:#a88057}.brief-sheet h4{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:20px 0}.brief-sheet p{font-size:10px;line-height:1.8;color:#757c79}.brief-sheet i{display:block;height:1px;background:#d2d5cd;margin:26px 0}.blueprint-app{position:absolute;inset:20px 0;transition:opacity .8s,transform .8s,filter .8s;transform:translateY(60px) rotateX(15deg) scale(.8);opacity:0;pointer-events:none;box-shadow:0 20px 45px #18344c22}.blueprint-app .mini-app{height:100%}.blueprint-app .cafe-banner h3{font-size:28px}.blueprint-app .mini-nav>span:nth-child(2){display:none}.data-chip,.publish-chip{position:absolute;bottom:0;right:-10px;background:#203e68;color:#fff;padding:12px 16px;font-size:10px;border-radius:6px;opacity:0;transform:translateY(20px);transition:.7s}.publish-chip{bottom:auto;top:0;background:#f28c4d;color:#16213a}.flow-stage[data-stage="1"] .blueprint-app{opacity:1;transform:none;filter:grayscale(1)}.flow-stage[data-stage="1"] .blueprint-app .mini-app{opacity:.4}.flow-stage[data-stage="2"] .blueprint-app,.flow-stage[data-stage="3"] .blueprint-app,.flow-stage[data-stage="4"] .blueprint-app{opacity:1;transform:none;pointer-events:auto}.flow-stage:not([data-stage="0"]) .brief-sheet{transform:translate(-35px,-20px) rotate(-10deg);opacity:.2}.flow-stage[data-stage="3"] .data-chip,.flow-stage[data-stage="4"] .data-chip,.flow-stage[data-stage="4"] .publish-chip{opacity:1;transform:none}.reveal{transition:opacity .7s,transform .7s}.reveal:not(.arrived){opacity:.3;transform:translateY(22px)}.enquire button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ec8649;outline-offset:4px}
@media(max-width:1100px){.flow{grid-template-columns:1fr 1fr}.flow-nav{grid-column:1/-1;flex-direction:row}.flow-stage{min-width:0}.flow-copy{padding-left:20px}.project-theatre{grid-template-columns:180px 1fr}.hero-lab{min-height:570px}.menu-items button{gap:5px;padding:7px}.drink-swatch{display:none}}
@media(max-width:700px){.hero{padding-top:32px}.hero h1{font-size:42px}.hero-lab{min-height:570px}.composer{margin-left:0;margin-right:0}.maker{transform:none}.cafe-banner{padding:20px 16px}.cafe-banner h3{font-size:28px}.coffee-object{transform:scale(.8);height:130px}.mini-nav{padding:15px}.mini-nav>span:nth-child(2){display:none}.menu-items{padding:10px 12px}.menu-items b{font-size:9px}.flow{grid-template-columns:1fr;overflow:hidden}.flow-nav{gap:4px}.flow-nav button{padding:10px 7px;font-size:10px}.flow-nav button b{display:none}.flow-copy{padding-left:0}.blueprint{height:350px}.blueprint-app{inset:10px 0}.blueprint-app .cafe-banner h3{font-size:25px}.project-theatre{grid-template-columns:1fr;gap:25px}.screen{padding:14px;min-height:0}.project-demo .cafe-banner h3{font-size:29px}.project-demo .menu-items b{font-size:9px}.project-demo .menu-items small{font-size:8px}.care-filters{padding-inline:12px}.care-filters button{font-size:8px}.wellness-data{padding:16px;gap:12px}.activity-ring{width:95px;height:95px}.wellness-data h4{font-size:12px}.wellness-data p{font-size:9px}.project-demo .mini-app{min-height:335px}.hero .facts{margin-top:20px}}
.fit-selector{height:auto;min-height:380px;border:0;border-radius:0;display:flex;flex-direction:column;align-items:stretch;gap:0}.fit-selector:before,.fit-selector:after{display:none}.fit-selector button:nth-child(n){position:static;text-align:left;border:0;border-bottom:1px solid #ffffff26;padding:22px 12px;background:transparent;color:#8798b7;font-size:22px;transition:padding .3s,color .3s}.fit-selector button:before{content:'↗';display:inline-block;margin-right:20px;color:#f29a65}.fit-selector button.active{padding-left:28px;color:#fff;background:linear-gradient(90deg,#28437660,transparent)}.fit-selector>div{width:auto;height:auto;border-radius:0;background:transparent;color:#e6ecf5;text-align:left;padding:25px 12px}.fit-selector>div strong{font-size:13px}.fit-selector>div span{color:#8798b7}.tool-line button{border-radius:12px;height:125px;background:#ffffff50}.tool-line button.active{transform:translateY(-8px)}.tool-line>i{background:linear-gradient(90deg,#8499b0,#bdc9d5);position:relative}.tool-line>i:after{content:'›';position:absolute;right:0;top:-10px;color:#7185a0}.prompt small{display:block;margin-bottom:12px}
#top{scroll-margin-top:78px}.mini-app button:disabled{cursor:default;opacity:.6}@media(max-width:700px){#top{scroll-margin-top:70px}section[id]{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){.reveal:not(.arrived){opacity:1;transform:none}}

/* brand-reset.css */
/* BELLS source: identity PDF, pages 10–12. Aeonik requires the licensed font asset. */
:root{--paper:#F5F6F9;--navy:#071A3D;--ink:#071A3D;--blue:#29408E;--orange:#F26B27;--muted:#637086}body{font-family:Aeonik,'DM Sans',sans-serif;background:#fff}h2{font-size:40px;line-height:1.2;letter-spacing:-.035em;font-weight:600}h3{font-size:24px;letter-spacing:-.02em}p{font-size:16px;line-height:1.65}.mono{font-family:inherit;font-weight:500;font-size:12px;letter-spacing:.06em}.nav{height:80px;padding-inline:max(24px,calc((100vw - 1200px)/2));box-shadow:none}.nav-cta{border-radius:6px;background:#29408E;color:#fff;border-color:#29408E}.hero{min-height:660px;background:#fff;color:#071A3D;padding:65px max(24px,calc((100vw - 1200px)/2)) 0;grid-template-columns:1fr 1fr;gap:55px;overflow:hidden}.hero-grid{display:none}.hero-copy{padding-bottom:30px}.hero h1{font-size:52px;line-height:1.12;letter-spacing:-.035em;font-weight:700;color:#29408E;margin:0 0 22px}.hero h1 em{color:#29408E}.hero-line{font-size:27px;line-height:1.2;color:#F26B27;font-family:Kalam,cursive;margin:0 0 18px}.hero-body{font-size:16px;line-height:1.65;color:#637086}.hero .btn.light{background:#29408E;color:#fff;border-radius:6px}.hero .btn.ghost{border:1px solid #c8cfde;color:#29408E;border-radius:6px}.actions{gap:10px;margin-top:25px}.hero-lab{min-height:480px;padding:0}.facts{border-color:#d9dfe9;color:#071A3D}.facts div{padding:22px 16px}.facts div+div{border-color:#d9dfe9}.facts b{font-size:18px;color:#29408E}.facts span{font-size:12px;color:#748095}.intro-visual{width:100%;height:455px;position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 80% 30%,#29408E,#071A3D);isolation:isolate}.intro-visual canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.7}.intro-window{position:absolute;inset:40px 26px 57px;border-radius:10px;background:#fff;box-shadow:0 18px 45px #03081455;overflow:hidden}.intro-window-top{display:flex;justify-content:space-between;background:#f5f6f9;color:#8390a5;padding:12px 14px;font-size:10px;border-bottom:1px solid #e4e7ef}.intro-window-top>span:first-child{color:#f26b27;letter-spacing:2px}.intro-prompt{padding:20px 20px 14px;border-bottom:1px solid #dde3ed;transition:.7s}.intro-prompt>span{font-size:10px;color:#29408E}.intro-prompt p{font-size:16px;color:#071a3d;margin:6px 0}.intro-result{max-height:0;opacity:0;overflow:hidden;transition:max-height 1s,opacity 1s}.intro-ready .intro-result{max-height:280px;opacity:1}.intro-ready .intro-prompt{padding-block:10px}.intro-ready .intro-prompt p{font-size:12px}.intro-result .mini-app{min-height:0}.intro-result .mini-nav{padding:10px 15px}.intro-result .cafe-banner{padding:14px 18px 0}.intro-result .cafe-banner h3{font-size:27px}.intro-result .coffee-object{height:90px;transform:scale(.65)}.intro-result .menu-items{padding:10px 15px}.intro-result .mini-feedback{padding:5px 15px;font-size:9px}.intro-note{font-size:9px;color:#7a879b;padding:10px 16px;border-top:1px solid #dde3ed;background:#fff}.intro-replay{position:absolute;bottom:17px;left:26px;color:#dce7fb;background:none;border:0;font-size:11px;cursor:pointer}.section-intro{padding:80px max(24px,calc((100vw - 1200px)/2)) 35px;grid-template-columns:1fr .65fr;gap:60px}.section-intro .index{display:none}.section-intro h2{font-size:36px}.experience{background:#f5f6f9}.flow{margin:0 auto 0;max-width:1200px;padding:30px;min-height:430px;border-radius:12px;grid-template-columns:120px 1fr 260px;gap:25px;background:#fff;border:1px solid #e1e5ed;overflow:hidden}.experience{padding-bottom:80px}.flow-copy h3{font-size:26px}.flow-stage{height:330px}.blueprint{height:320px}.blueprint-app .cafe-banner h3{font-size:25px}.page-map{position:static;padding:20px max(24px,calc((100vw - 1200px)/2));font-family:inherit;font-size:12px}.projects,.outcomes,.curriculum,.toolkit,.uses,.prepare,.fit,.fees,.faq,.enquire{padding:80px max(24px,calc((100vw - 1200px)/2))}.projects{background:#fff}.project-head h2{font-size:40px}.project-theatre{gap:45px;margin-top:40px}.outcomes{background:#f5f6f9;gap:60px}.outcome-statement{position:static}.outcome-statement .index{display:none}.outcome-statement h2{font-size:36px}.outcome-list article{padding:25px 0;grid-template-columns:30px 1fr;gap:16px}.outcome-list article h3{font-size:21px}.outcome-list article p{grid-column:2;font-size:14px}.curriculum{background:#071A3D}.day-content{padding:35px 0;min-height:300px;gap:35px;grid-template-columns:80px 1fr 1fr}.day-number{font-size:60px}.day-content h3{font-size:28px}.toolkit{background:#fff}.tool-line{margin-top:40px}.tool-note{margin-top:30px}.uses{background:#f5f6f9}.use-grid{margin-top:35px}.use-grid article{min-height:220px}.use-grid h3{font-size:21px;margin-top:45px}.prepare{gap:60px}.prepare-art{height:350px;border-radius:12px;background:#071A3D}.prepare-art:before{opacity:.35}.fit{min-height:0;background:#071A3D;gap:60px}.fit-selector{min-height:0}.fit-selector button:nth-child(n){font-size:19px;padding-block:17px}.fees{background:#f5f6f9}.fee-row strong{font-size:27px}.faq{gap:65px}.choice{background:#29408E;padding:80px 24px}.choice h2{font-size:40px}.enquire{background:#071A3D}.enquire h2{font-size:40px}footer{background:#030814}.marquee{animation:none}#top{scroll-margin-top:80px}section[id]{scroll-margin-top:90px}
.intro-window{display:flex;flex-direction:column}.intro-window-top,.intro-prompt,.intro-note{flex-shrink:0}.intro-result{min-height:0;flex:1}.intro-result .cafe-banner{padding:9px 15px 0}.intro-result .cafe-banner h3{font-size:24px;margin:8px 0}.intro-result .cafe-banner>div>span{font-size:9px}.intro-result .coffee-object{height:75px}.intro-result .mini-nav{padding:8px 15px}.intro-result .menu-items{padding:7px 12px}.intro-result .menu-items button{padding:6px}.intro-result .mini-feedback{font-size:8px;min-height:24px}.intro-result .drink-swatch{height:24px;width:19px}.intro-note{padding:8px 14px;font-size:8px}.intro-window-top{padding:9px 14px}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:42px}.intro-window{inset:30px 15px 57px}.flow{grid-template-columns:1fr;margin-inline:24px}.flow-nav{flex-direction:row}.section-intro{grid-template-columns:1fr}.outcomes,.prepare,.fit,.faq,.enquire{grid-template-columns:1fr}.day-content{grid-template-columns:1fr 1fr}.day-number{display:none}}
@media(max-width:700px){h2,.project-head h2,.choice h2,.enquire h2{font-size:30px}.nav{height:70px}.hero{grid-template-columns:1fr;padding-top:35px;gap:15px}.hero h1{font-size:36px}.hero-line{font-size:24px}.hero-lab{min-height:400px}.intro-visual{height:400px}.intro-window{inset:22px 16px 50px}.intro-result .cafe-banner h3{font-size:23px}.hero-copy{padding-bottom:15px}.actions{flex-direction:row;flex-wrap:wrap}.facts{grid-template-columns:1fr 1fr}.facts div+div{border-top:0;border-left:1px solid #d9dfe9}.facts div:nth-child(3){border-left:0}.facts div{padding:16px 8px}.facts b{font-size:15px}.facts span{font-size:10px}.section-intro{padding-top:55px;gap:10px}.section-intro h2{font-size:29px}.projects,.outcomes,.curriculum,.toolkit,.uses,.prepare,.fit,.fees,.faq,.enquire{padding-block:55px}.flow{padding:18px;margin-inline:16px;gap:12px}.flow-copy h3{font-size:24px}.experience{padding-bottom:55px}.project-theatre{grid-template-columns:1fr}.day-content{grid-template-columns:1fr}.tool-line{overflow:auto}.fit-selector button:nth-child(n){font-size:17px}.choice div{margin-top:25px}.choice{padding-block:55px}.prepare-art{height:280px}}

/* intro-refinement.css */
.intro-visual{height:505px}.hero-lab{min-height:520px}.intro-window{inset:28px 23px 54px}.intro-window-top{gap:10px}.intro-window-top>span:nth-child(2){margin-left:auto}.intro-restart{background:none;border:0;color:#7a8ba8;font-size:16px;cursor:pointer;padding:0 3px}.intro-prompt{display:flex;gap:12px;align-items:center;padding:17px 17px 14px;min-height:72px}.intro-prompt .prompt-spark{font-size:25px;color:#F26B27}.intro-prompt>div>span{font-size:9px;color:#7b8eaa}.intro-prompt p{font-size:13px!important;min-height:20px;margin:4px 0 0}.intro-prompt p:after{content:'';display:inline-block;height:13px;width:2px;background:#F26B27;margin-left:4px;animation:introCaret .6s steps(1) infinite}.intro-ready .intro-prompt p:after{display:none}.intro-build-status{display:flex;align-items:center;gap:8px;padding:9px 16px;font-size:9px;color:#8494ac;background:#f7f9fc;border-block:1px solid #e8edf5;flex-shrink:0}.intro-step{margin-left:auto;font-size:8px;white-space:nowrap}.build-indicator{width:5px;height:5px;background:#F26B27;border-radius:50%}.intro-ready .build-indicator{background:#438363}.intro-result{max-height:none;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s;position:relative}.intro-ready .intro-result{opacity:1;max-height:none;transform:none}.intro-building:not(.intro-ready) .intro-result{opacity:.25;filter:grayscale(1);transform:none;pointer-events:none}.intro-result .cafe-banner h3{font-size:26px}.intro-result .cafe-banner{padding:12px 16px 0}.intro-result .mini-nav{padding:10px 16px}.intro-result .mini-feedback{font-size:9px;min-height:25px;padding:5px 14px;display:flex;justify-content:space-between}.intro-result .menu-items{padding:9px 13px}.intro-result .mini-app{height:100%;transition:background .55s,color .55s}.intro-refine{padding:12px 14px;border-top:1px solid #e1e6ee;background:#fff;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .5s}.intro-ready .intro-refine{opacity:1;pointer-events:auto}.intro-refine>span{font-size:9px;color:#8492a7;display:block;margin-bottom:7px}.intro-refine>div{display:flex;gap:6px}.intro-refine button{border:1px solid #d6dfea;background:#f6f8fc;color:#29408e;border-radius:5px;padding:7px 9px;font-size:9px;cursor:pointer}.intro-refine button.selected{border-color:#29408e;background:#eaf0ff}.intro-note{font-size:8px;padding:7px 14px}.intro-bottom{position:absolute;bottom:19px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between}.intro-bottom .intro-replay{position:static;padding:0;font-size:10px}.intro-progress{display:flex;gap:5px}.intro-progress i{width:17px;height:3px;border-radius:5px;background:#ffffff30;transition:.4s}.intro-progress i.active{background:#f29b63}.intro-night .mini-app{background:#10233b;color:#eef2f9}.intro-night .mini-nav{border-color:#ffffff18}.intro-night .mini-nav>span,.intro-night .cafe-banner small,.intro-night .cafe-banner>div>span,.intro-night .mini-feedback{color:#a5b6c9}.intro-night .menu-items button{background:#1d3452;color:#e5edf7;border-color:#405571}.intro-night .menu-items small{color:#afbed1}.intro-night .coffee-object{filter:drop-shadow(0 6px 12px #0004)}.booking-demo{display:flex;gap:6px;align-items:center;margin:0 13px 5px;padding:9px 0 0;border-top:1px solid #99999930;animation:bookingAppear .4s ease}.booking-demo>span{font-size:9px;margin-right:auto}.booking-demo button{border:1px solid #aebcaa;background:transparent;border-radius:4px;color:inherit;font-size:8px;padding:6px;cursor:pointer}.booking-demo button.selected{background:#29408e;color:#fff;border-color:#29408e}.booking-demo .reserve-demo{background:#29408e;color:#fff;border-color:#29408e}.intro-booking .cafe-banner{padding-top:4px}.intro-booking .cafe-banner h3{font-size:21px}.intro-booking .coffee-object{height:55px;transform:scale(.52)}.intro-booking .mini-nav{padding-block:7px}.intro-booking .menu-items{padding-block:6px}.drink-added{animation:drinkAdded .35s ease}.intro-ready .intro-result .cafe-banner,.intro-ready .intro-result .menu-items{animation:bookingAppear .55s ease}.intro-result .coffee-cup i{background:radial-gradient(ellipse at 50% 47%,#edcda2 0 8%,transparent 9%),repeating-radial-gradient(ellipse at 50% 65%,#edcda2 0 2px,#ae7345 3px 8px);border:5px solid #89542c}
@keyframes introCaret{50%{opacity:0}}@keyframes drinkAdded{50%{transform:translateY(-3px);background:#d5e4cb}}@keyframes bookingAppear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:700px){.intro-visual{height:505px}.hero-lab{min-height:515px}.intro-window{inset:20px 13px 50px}.intro-prompt{padding:14px 12px;min-height:64px}.intro-build-status{font-size:8px;padding-inline:12px}.intro-result .cafe-banner h3{font-size:23px}.intro-result .coffee-object{transform:scale(.5)}.intro-result .cafe-banner{grid-template-columns:1fr 85px}.intro-refine{padding:10px 12px}.intro-refine button{padding:7px;font-size:8px}.intro-bottom{left:17px;right:17px}.booking-demo{gap:4px}.booking-demo button{font-size:7px}.intro-booking .cafe-banner h3{font-size:20px}}
.intro-visual{height:545px}.hero-lab{min-height:555px}.intro-ready .intro-prompt{min-height:55px;padding-block:10px}.intro-ready .intro-prompt p{line-height:1.4}.intro-booking .intro-result .cafe-banner h3{margin:5px 0}.intro-booking .intro-result .cafe-banner{padding-top:4px}.intro-result .mini-app{height:auto;min-height:100%}.intro-result .coffee-object{flex-shrink:0}
@media(max-width:700px){.intro-visual{height:545px}.hero-lab{min-height:555px}.intro-ready .intro-prompt{min-height:55px}.intro-booking .menu-items button{padding:5px}.intro-booking .mini-nav{padding-block:6px}}
@media(prefers-reduced-motion:reduce){.intro-result,.intro-refine,.intro-progress i{transition:none}.intro-prompt p:after{display:none}}

/* page-polish.css */
.tools-summary{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 0;background:#fff;border-top:1px solid #e2e6ee;color:#8a94a5}.tools-summary>span{font-size:12px;max-width:185px;line-height:1.5}.tools-summary>div{display:flex;justify-content:space-between;flex:1;max-width:820px;gap:25px}.tools-summary a{font-size:19px;font-weight:600;letter-spacing:-.5px;color:#63718a;transition:color .25s,transform .25s}.tools-summary a:hover{color:#29408e;transform:translateY(-2px)}.fee-head{display:flex;align-items:center;justify-content:space-between;gap:40px}.fee-head h2{font-size:36px;margin:0 0 12px}.fee-head p{color:#6b7990;font-size:14px;max-width:670px;margin:0}.fee-advisor{padding:13px 17px;border-radius:6px;background:#29408e;color:#fff;font-weight:600;font-size:12px;white-space:nowrap}.fee-comparison-wrap{margin-top:35px;background:#fff;border:1px solid #dce2ed;border-radius:12px;overflow:auto;box-shadow:0 12px 35px #29408e06}.fee-comparison{border-collapse:separate;border-spacing:0;width:100%;min-width:890px;text-align:left;color:#071a3d}.fee-comparison caption{text-align:left;padding:17px 22px;font-size:12px;color:#7a89a0;background:#fff;border-bottom:1px solid #e4e9f1}.fee-comparison th,.fee-comparison td{padding:20px 18px;font-size:14px;border-bottom:1px solid #e4e9f1;vertical-align:top;width:20%}.fee-comparison th:first-child{width:18%}.fee-comparison thead th{font-size:12px;line-height:1.5;background:#edf2fa;color:#29408e;font-weight:600;min-width:174px;padding-block:22px}.fee-comparison small{display:block;font-size:10px;color:#8190a4;margin-top:7px;line-height:1.5;font-weight:400}.fee-comparison tbody th{font-weight:500;font-size:13px}.fee-comparison td{font-variant-numeric:tabular-nums}.fee-comparison .fee-total th,.fee-comparison .fee-total td{background:#071a3d;color:#fff;border:0;font-size:22px;font-weight:600;padding-block:25px}.fee-comparison .fee-total th{font-size:14px}.fee-comparison .fee-total small{color:#aebed5}.fee-comparison .fee-total td:nth-child(4){color:#ffa064}.fee-meta{padding:20px 0 0;gap:30px;color:#74839a;font-size:11px}.fee-meta b{font-weight:500;color:#29408e;margin-right:5px}.fee-eligibility{margin:18px 0 0;color:#7b899e;font-size:12px}.fee-mobile-hint{display:none}.outcome-list article{position:relative;transition:border-color .5s}.outcome-list article:before{content:'';position:absolute;left:0;top:-1px;width:0;height:2px;background:#f26b27;transition:width 1s}.outcome-list article.reading:before{width:100%}.outcome-list article.reading h3{color:#29408e}.application-example{position:relative;transition:background .35s,transform .35s}.application-example:hover,.application-example:focus-visible{background:#fff;transform:translateY(-5px)}.application-label{display:block!important;font-size:10px!important;color:#29408e!important;margin-top:25px;padding-top:13px;border-top:1px solid #d9e0ec;opacity:.65;transition:opacity .3s}.application-example:hover .application-label,.application-example:focus-visible .application-label{opacity:1}.use-grid article{min-height:285px}.use-grid h3{margin-top:35px}.days button{transition:color .25s,background .25s}.days button:hover{background:#ffffff05}.day-enter{animation:dayEntrance .4s ease}.btn,.nav-cta,.fee-advisor{transition:transform .2s,box-shadow .2s}.btn:hover,.nav-cta:hover,.fee-advisor:hover{transform:translateY(-2px);box-shadow:0 7px 20px #29408e20}.accordions summary span{transition:transform .25s}.accordions details[open] summary span{transform:rotate(45deg)}@keyframes dayEntrance{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1250px){.tools-summary{margin-inline:24px}}
@media(max-width:700px){.tools-summary{display:block;padding:22px 0}.tools-summary>span{display:block;max-width:none;font-size:11px;margin-bottom:18px}.tools-summary>div{gap:15px;flex-wrap:wrap;justify-content:flex-start}.tools-summary a{font-size:16px}.fee-head{display:block}.fee-head h2{font-size:30px}.fee-advisor{display:inline-flex;margin-top:20px}.fee-comparison-wrap{margin-top:25px}.fee-comparison th:first-child{position:sticky;left:0;z-index:2;background:#fff;min-width:140px;box-shadow:4px 0 7px #13274507}.fee-comparison thead th:first-child{background:#edf2fa;z-index:3}.fee-comparison .fee-total th:first-child{background:#071a3d}.fee-mobile-hint{display:block;font-size:11px;color:#29408e;margin:10px 0}.fee-meta{flex-direction:column;gap:8px}.fee-comparison th,.fee-comparison td{padding:17px 14px}.use-grid article{padding-inline:15px}.application-label{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.day-enter{animation:none}.outcome-list article:before,.application-example,.tools-summary a{transition:none}}

/* hero-focus.css */
.hero-lab{min-height:490px}.possibility-scene{height:490px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding:25px 10px 15px;border-bottom:1px solid #e4e9f2}.possibility-aura{position:absolute;inset:15% -8% 8%;border-radius:50%;background:radial-gradient(ellipse at 25% 70%,#bfd4ff77,transparent 60%),radial-gradient(ellipse at 80% 25%,#ffd9b344,transparent 55%);filter:blur(22px);z-index:-1;animation:possibilityBreathe 9s ease-in-out infinite}.idea-origin{position:absolute;top:12px;left:50%;transform:translateX(-50%);text-align:center;width:270px}.origin-spark{display:block;font-size:42px;color:#f26b27;line-height:1}.idea-origin p{font-family:Kalam,cursive;font-size:30px;line-height:1.2;color:#29408e;margin:10px 0 3px}.idea-origin>span:last-child{font-size:11px;color:#8290a5}.idea-paths{position:absolute;top:95px;left:0;width:100%;height:255px;z-index:-1;overflow:visible}.idea-paths path{stroke:#a6b8d7;stroke-width:1;stroke-dasharray:5 5;animation:pathTravel 25s linear infinite}.idea-paths path:nth-child(2){stroke:#f26b27;stroke-dasharray:0;opacity:.4}.idea-paths circle{fill:#f26b27}.possibility-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;padding-top:170px}.possibility-product{border:0;background:none;padding:0;cursor:pointer;color:#29408e;text-align:center;min-width:0;transition:transform .5s,opacity .5s}.possibility-product:not(.selected){opacity:.6;transform:translateY(9px)}.possibility-product:hover,.possibility-product:focus-visible{opacity:1;transform:translateY(-5px)}.possibility-product strong{display:block;font-size:14px;margin-top:17px}.possibility-product small{display:block;color:#8a95a6;font-size:9px;line-height:1.4;margin-top:5px}.product-object{height:155px;display:block;position:relative;background:#fff;border:1px solid #d6e0ee;border-radius:9px;box-shadow:0 15px 35px #29408e15;overflow:hidden;transition:box-shadow .5s,transform .5s}.selected .product-object{box-shadow:0 20px 45px #29408e24;border-color:#a8bad9}.web-object{transform:perspective(500px) rotateY(9deg);background:#fffaf2;height:150px;text-align:left;padding:20px 14px}.object-nav{display:block;height:3px;width:70%;background:#b5c3d5;margin-bottom:16px}.object-title{display:block;font-size:21px;line-height:1;color:#243c31;font-family:Georgia,serif}.object-action{display:block;width:35%;height:7px;border-radius:4px;background:#f29b6b;margin-top:13px}.object-tiles{display:flex;gap:5px;position:absolute;bottom:10px;left:12px;right:12px}.object-tiles i{height:23px;flex:1;background:#e9e0d0;border-radius:3px}.mobile-object{width:100px;height:193px;margin:auto;border:5px solid #193255;border-radius:19px;background:#edf3eb;text-align:left;padding:21px 8px 10px;transform:rotate(-5deg);box-shadow:12px 20px 30px #10234324}.phone-notch{position:absolute;top:4px;left:35%;width:30%;height:4px;background:#193255;border-radius:5px}.phone-greeting{font-size:12px;font-weight:600;color:#38513d;line-height:1.2}.phone-ring{display:block;width:48px;height:48px;border:7px solid #cbdac7;border-top-color:#56775b;border-right-color:#56775b;border-radius:50%;margin:13px auto}.phone-bars{display:flex;gap:4px;align-items:end;height:28px}.phone-bars i{flex:1;height:60%;background:#acc2a4;border-radius:3px}.phone-bars i:nth-child(2){height:95%;background:#6f976b}.phone-bars i:nth-child(3){height:75%}.play-object{height:145px;background:#071a3d;transform:perspective(500px) rotateY(-9deg);border-color:#1e3b69}.play-score{position:absolute;top:15px;left:14px;font:8px var(--mono);color:#a5b9d6}.play-orb{position:absolute;top:40px;left:35%;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffd9b3,#f26b27 65%);box-shadow:0 0 25px #f26b2750;animation:playFloat 4s ease-in-out infinite}.play-track{position:absolute;bottom:35px;left:14px;right:14px;height:1px;background:#4d7cff77}.play-dots{position:absolute;bottom:16px;left:14px;font-size:7px;letter-spacing:5px;color:#6a89b6}.possibility-caption{margin-top:30px;padding-top:18px;display:flex;flex-direction:column;gap:12px;text-align:center}.possibility-caption>span{font-size:11px;line-height:1.5;color:#74839b;min-height:32px}.possibility-caption>a{font-size:11px;font-weight:600;color:#29408e}.possibility-caption b{color:#f26b27;margin-left:8px}.hands-on-stage{max-width:1200px;margin:auto;display:grid;place-items:center;padding:15px 0 30px}.hands-on-stage>.intro-visual{max-width:740px;height:595px}.hands-on-stage .intro-window{inset:35px 35px 55px}.hands-on-stage .intro-result .cafe-banner h3{font-size:34px}.hands-on-stage .intro-result .coffee-object{height:125px;transform:scale(.85)}.hands-on-stage .intro-result .cafe-banner{grid-template-columns:1fr .6fr;padding:14px 24px 0}.hands-on-stage .intro-result .menu-items{padding:13px 20px}.hands-on-stage .intro-result .menu-items b{font-size:11px}.hands-on-stage .intro-result .menu-items small{font-size:10px}.hands-on-stage .intro-result .mini-nav{padding:15px 24px}.hands-on-stage .intro-result .mini-feedback{padding:10px 20px;font-size:10px}.hands-on-stage .intro-refine{padding:14px 20px}.hands-on-stage .intro-refine button{font-size:11px;padding:9px 13px}.hands-on-stage .intro-booking .cafe-banner h3{font-size:28px}.hands-on-stage .intro-booking .coffee-object{height:80px;transform:scale(.65)}.hands-on-stage .intro-booking .menu-items{padding-block:8px}.hands-on-stage .intro-note{font-size:10px}.hands-on-stage .intro-prompt p{font-size:16px!important}.hands-on-stage .intro-build-status{font-size:11px}.hands-on-stage .intro-step{font-size:10px}.toolkit{position:relative;overflow:hidden;isolation:isolate}.toolkit:before{content:'';position:absolute;width:600px;height:300px;right:-250px;top:40px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#bfd4ff44,transparent 65%);transform:rotate(-30deg)}.curriculum{background:radial-gradient(ellipse at 95% 0,#29408e60,transparent 50%),#071a3d}.choice{background:radial-gradient(ellipse at 90% 100%,#f26b2730,transparent 65%),#29408e}
@keyframes possibilityBreathe{50%{transform:translateY(-10px) scale(1.04)}}@keyframes pathTravel{to{stroke-dashoffset:-200}}@keyframes playFloat{50%{transform:translateY(-8px)}}
@media(max-width:1000px){.possibility-products{gap:8px}.object-title{font-size:17px}.web-object{padding-inline:10px}.mobile-object{width:88px}.possibility-product small{font-size:8px}}
@media(max-width:700px){.hero-lab{min-height:455px}.possibility-scene{height:455px;padding-inline:0}.idea-origin{top:0}.idea-origin p{font-size:28px}.possibility-products{padding-top:140px;gap:10px}.product-object{height:130px}.mobile-object{height:170px;width:88px}.phone-ring{width:40px;height:40px;margin:9px auto}.phone-bars{height:20px}.web-object{height:125px}.play-object{height:125px}.possibility-product strong{font-size:12px}.possibility-product small{font-size:8px}.possibility-caption{margin-top:22px}.hands-on-stage{padding:0 16px 20px}.hands-on-stage>.intro-visual{height:550px}.hands-on-stage .intro-window{inset:20px 12px 50px}.hands-on-stage .intro-result .cafe-banner{padding:10px 14px 0;grid-template-columns:1fr 80px}.hands-on-stage .intro-result .cafe-banner h3{font-size:26px}.hands-on-stage .intro-result .coffee-object{height:80px;transform:scale(.5)}.hands-on-stage .intro-result .menu-items{padding:8px 12px}.hands-on-stage .intro-result .menu-items b{font-size:9px}.hands-on-stage .intro-result .menu-items small{font-size:8px}.hands-on-stage .intro-result .mini-nav{padding:10px 14px}.hands-on-stage .intro-refine{padding:10px 12px}.hands-on-stage .intro-refine button{font-size:8px;padding:7px}.hands-on-stage .intro-prompt p{font-size:12px!important}.hands-on-stage .intro-build-status{font-size:8px}.hands-on-stage .intro-booking .cafe-banner h3{font-size:20px}.hands-on-stage .intro-booking .coffee-object{height:55px;transform:scale(.45)}.hands-on-stage .intro-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.possibility-aura,.idea-paths path,.play-orb{animation:none}.possibility-product,.product-object{transition:none}}

/* learning-journey.css */
.hero,.projects,.outcomes,.curriculum,.toolkit,.uses,.prepare,.fit,.fees,.faq,.enquire,.section-intro{padding-inline:max(24px,calc((100vw - 1120px)/2))}.nav,.page-map{padding-inline:max(24px,calc((100vw - 1120px)/2))}.tools-summary{max-width:1120px}.hero{gap:42px}.hero h1{font-size:48px}.curriculum-title{display:flex;align-items:center;justify-content:space-between;gap:40px}.curriculum-title h2{margin-top:0}.curriculum-title p{color:#9badc8;font-size:14px;margin-bottom:0}.curriculum-duration{font-size:14px;color:#e3ebf8;text-align:right;white-space:nowrap}.curriculum-duration small{display:block;color:#8fa3c1;font-size:11px;margin-top:7px}.learning-journey{margin-top:38px;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #ffffff1c;border-radius:12px;overflow:hidden;background:#ffffff04}.module-selector{padding:18px;background:#ffffff04;border-right:1px solid #ffffff15}.module-selector button{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:21px 15px;border:1px solid transparent;border-bottom-color:#ffffff12;border-radius:6px;background:transparent;color:#8a9fbf;cursor:pointer;transition:.3s}.module-selector button>span{font-size:12px;color:#718aa9}.module-selector b{font-size:16px;font-weight:500}.module-selector small{display:block;font-size:10px;color:#6e88ab;margin-top:5px}.module-selector em{margin-left:auto;font-style:normal;color:#f29b6b;opacity:0}.module-selector button.active{color:#fff;border-color:#5874a566;background:#29408e4d}.module-selector button.active em{opacity:1}.module-selector button.active>span{color:#f6a06a}.module-detail{padding:32px}.module-detail-title{display:flex;gap:18px;align-items:center;margin-bottom:20px}.module-detail-title>span{font-size:35px;font-weight:600;color:#f39159}.module-detail-title h3{font-size:27px;color:#fff;margin:0}.learning-proof article{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:21px 0;border-top:1px solid #ffffff16}.learning-proof small{color:#eab08b;font-size:11px;padding-top:4px}.learning-proof p{font-size:14px;line-height:1.6;color:#b3c2d9;margin:0}.module-transition{margin-top:15px;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20}.module-transition>span{font-size:11px;line-height:1.6;color:#778fae}.module-transition button{background:none;border:0;color:#d7e5fa;font-size:11px;cursor:pointer;white-space:nowrap}.module-arrive{animation:moduleArrive .35s ease}.project-theatre{grid-template-columns:1fr 1.4fr;gap:30px;align-items:stretch}.project-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:8px;border-bottom:1px solid #d8e1ee;gap:15px}.project-tabs button{border:0;border-bottom:2px solid transparent;padding:14px 4px;grid-template-columns:25px 1fr}.project-tabs button.active{border-bottom-color:#f26b27}.project-tabs span{font-size:17px}.project-tabs small{font-size:10px}.project-brief{padding:25px 12px 25px 0;align-self:center}.project-brief-label{font-size:11px;color:#f26b27}.project-brief h3{font-size:30px;color:#29408e;line-height:1.2;margin:15px 0}.project-brief>p{font-size:14px;color:#7a879b;line-height:1.7}.project-brief>div{border-top:1px solid #dce3ed;padding-top:20px;margin-top:25px}.project-brief>div small{font-size:11px;color:#29408e}.project-brief>div p{font-size:13px;color:#7b8aa1;line-height:1.7}.project-brief>button{margin-top:20px;display:flex;justify-content:space-between;gap:30px;padding:13px 16px;background:#29408e;color:#fff;border:0;border-radius:6px;font-size:12px;cursor:pointer}.project-guided-note{display:block;font-size:10px;margin-top:14px;color:#a1aaba}.device{position:relative;min-height:440px;overflow:hidden}.device .screen-copy{display:none}.device .screen{padding:12px;min-height:0}.device-top{padding-inline:15px;height:38px}.project-build-overlay{position:absolute;inset:38px 10px 10px;background:#f5f7fc;display:flex;flex-direction:column;justify-content:center;padding:30px 35px;border-radius:7px;transition:opacity .45s,transform .45s}.project-build-spark{font-size:36px;color:#f26b27}.project-build-overlay h4{font-size:25px;font-weight:500;color:#29408e;margin:20px 0 10px}.project-build-overlay>p{font-size:13px;color:#7c8da6;max-width:330px}.project-build-lines{display:flex;flex-direction:column;gap:12px;margin-top:25px;color:#bdc8d8;font-size:11px}.project-build-lines span:before{content:'○';margin-right:12px}.device[data-build="building"] .project-build-lines span{animation:buildLine .5s forwards}.device[data-build="building"] .project-build-lines span:nth-child(2){animation-delay:.4s}.device[data-build="building"] .project-build-lines span:nth-child(3){animation-delay:.9s}.device[data-build="ready"] .project-build-overlay{opacity:0;pointer-events:none;transform:translateY(-6px)}.device:not([data-build="ready"]) .project-demo{visibility:hidden}.device[data-build="ready"] .project-demo{animation:moduleArrive .4s ease}.project-demo .mini-app{min-height:360px}.hands-on-stage{max-width:1120px}.section-intro{gap:40px}.section-intro h2{font-size:36px}.prepare{grid-template-columns:1fr 1fr}.prepare-art{height:320px}.fit h2,.fees h2,.faq h2,.toolkit h2,.uses h2{font-size:36px}.outcomes h2{font-size:36px}.use-grid{margin-top:30px}.choice h2{font-size:36px}
@keyframes moduleArrive{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes buildLine{to{color:#29408e;transform:translateX(3px)}}
@media(max-width:1000px){.hero h1{font-size:40px}.project-tabs span{font-size:15px}.prepare{grid-template-columns:1fr}.module-detail{padding:25px}.learning-proof article{grid-template-columns:65px 1fr;gap:12px}}
@media(max-width:700px){.hero h1{font-size:36px}.learning-journey{grid-template-columns:1fr}.module-selector{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border-right:0;border-bottom:1px solid #ffffff15}.module-selector button{padding:13px 9px;gap:9px}.module-selector b{font-size:12px}.module-selector small{font-size:9px}.module-selector em{display:none}.curriculum-title{align-items:start;flex-direction:column;gap:12px}.curriculum-duration{text-align:left;font-size:12px}.module-detail{padding:23px}.module-detail-title h3{font-size:24px}.module-transition{flex-direction:column;align-items:start}.project-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:0}.project-theatre{grid-template-columns:1fr;gap:15px}.project-brief{padding:20px 0}.project-brief h3{font-size:26px}.device{min-height:390px}.project-build-overlay{padding:25px}.fit h2,.fees h2,.faq h2,.toolkit h2,.uses h2,.outcomes h2,.section-intro h2,.choice h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.module-arrive,.device[data-build="building"] .project-build-lines span,.device[data-build="ready"] .project-demo{animation:none}.project-build-overlay,.module-selector button{transition:none}}

/* composition-refinement.css */
.hero{padding-bottom:35px}.project-head{margin-bottom:35px}.project-theatre{grid-template-columns:.85fr 1.25fr}.project-brief h3{font-size:29px}.cafe-project{min-height:610px}.cafe-project .screen{padding:0}.cafe-project .intro-visual{width:100%;height:575px;border-radius:0;background:#f5f7fc}.cafe-project #introFlow{opacity:.16}.cafe-project .intro-window{inset:18px 18px 53px}.cafe-project .intro-bottom{bottom:14px;left:24px;right:24px}.cafe-project .intro-result .cafe-banner h3{font-size:29px}.cafe-project .intro-result .coffee-object{height:100px;transform:scale(.7)}.cafe-project .intro-result .cafe-banner{padding:12px 18px 0;grid-template-columns:1fr 100px}.cafe-project .intro-result .mini-nav{padding:12px 18px}.cafe-project .intro-result .menu-items{padding:12px}.cafe-project .intro-result .menu-items b{font-size:10px}.cafe-project .intro-result .menu-items small{font-size:9px}.cafe-project .intro-result .mini-feedback{padding:8px 12px;font-size:10px}.cafe-project .intro-refine{padding:12px}.cafe-project .intro-refine button{font-size:10px}.cafe-project .intro-prompt p{font-size:15px!important}.cafe-project .intro-booking .coffee-object{height:65px;transform:scale(.5)}.cafe-project .intro-booking .cafe-banner h3{font-size:24px}.cafe-project .intro-note{font-size:9px}.cafe-project:not([data-build="ready"]) .intro-visual{visibility:hidden}.cafe-project .project-build-overlay{z-index:5}.project-demo[hidden]{display:none!important}
.possibility-scene{height:510px;border:0;padding:20px 0 0}.idea-origin{top:0;width:100%;padding:16px 20px;border:1px solid #dce4ef;border-radius:12px;background:#ffffffb8;box-shadow:0 12px 40px #29408e09;min-height:118px;text-align:left}.origin-spark{position:absolute;right:18px;top:16px;font-size:27px}.idea-origin small{font-size:10px;color:#8190a9}.idea-origin p{font-family:var(--sans, 'DM Sans'),sans-serif;font-size:20px;line-height:1.35;margin:13px 25px 0 0;color:#29408e;min-height:30px}.idea-origin p:after{content:'|';color:#f26b27;animation:hookCaret .8s steps(2) infinite}.possibility-products{padding-top:160px;position:relative;gap:18px}.possibility-product{transition:opacity .6s,transform .65s;opacity:.5}.possibility-product.selected{opacity:1;transform:translateY(-6px)}.possibility-product strong{font-size:12px}.possibility-product small{display:none}.product-object{transition:filter .6s,transform .65s,box-shadow .6s}.idea-paths{top:105px;height:210px}.idea-paths path{stroke-width:1.6}.possibility-scene[data-phase="0"] .product-object{filter:grayscale(1);opacity:.15;transform:translateY(15px) scale(.9)}.possibility-scene[data-phase="1"] .product-object{filter:grayscale(1);opacity:.65}.possibility-scene[data-phase="1"] .product-object *{color:transparent;background:#dce4ee;border-color:#dce4ee;box-shadow:none}.possibility-scene[data-phase="2"] .selected .product-object{box-shadow:0 0 0 3px #f26b271c,0 20px 50px #29408e20}.possibility-scene[data-phase="3"] .selected .product-object{box-shadow:0 22px 55px #29408e25}.hook-sequence{margin-top:26px;border-top:1px solid #dbe3ef;padding-top:18px}.hook-step-label{display:flex;align-items:center;justify-content:space-between;color:#29408e;font-size:12px}.hook-step-label button{border:1px solid #d5dfef;background:#fff;border-radius:50%;height:29px;width:29px;color:#29408e;cursor:pointer}.hook-stages{display:flex;gap:8px;margin-top:15px}.hook-stages span{flex:1;border-top:2px solid #e5eaf2;padding-top:9px;font-size:10px;color:#9ba8bc;transition:.4s}.hook-stages span.done{border-color:#f26b27;color:#29408e}.hook-sequence>small{display:block;color:#8996a9;font-size:9px;margin-top:13px}.possibility-scene[data-phase="3"] .idea-origin p:after{display:none}@keyframes hookCaret{50%{opacity:0}}
#fees{padding:78px 0 84px;background:#f4f7fb;overflow:hidden}.fees-section{width:min(1040px,calc(100% - 42px));margin:auto}.fees-section .section-heading{margin-bottom:30px}.fees-section h2{font-size:46px!important;color:#0a3475;margin:0 0 13px;line-height:1.1}.fees-section .section-heading p{font-size:13px;color:#66778b;line-height:1.6;max-width:650px}.fee-table-wrap{overflow:hidden;border:1px solid #d7e0eb;border-radius:24px;background:#fff;box-shadow:0 28px 70px #002f6d21}.fee-comparison-table{width:100%;min-width:890px;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#213b61}.fee-comparison-table th,.fee-comparison-table td{padding:17px 14px;border-right:1px solid #e1e7ef;border-bottom:1px solid #e1e7ef;text-align:center;font-size:11px;line-height:1.4}.fee-comparison-table tr>*:last-child{border-right:0}.fee-comparison-table tbody tr:last-child>*{border-bottom:0}.fee-comparison-table thead th{height:132px;padding:19px 13px;color:#fff;background:#0b3a75;vertical-align:middle}.fee-comparison-table thead th:first-child{width:32%;padding:21px 20px;vertical-align:top;text-align:left;background:linear-gradient(135deg,#082f68,#17498b)}.fee-comparison-table thead th:not(:first-child){width:17%}.fee-comparison-table thead b,.fee-comparison-table thead small{display:block}.fee-comparison-table thead b{font-size:10px;line-height:1.4}.fee-comparison-table thead small{margin-top:8px;color:#aec0dc;font-size:9px;line-height:1.45}.fee-comparison-table .fee-course-head b{max-width:310px;color:#fff;font-size:15px;line-height:1.16;text-wrap:balance}.fee-comparison-table .fee-course-head small{margin-top:8px;color:#d4dfef;font-size:10px;line-height:1.35}.fee-comparison-table .fee-course-head small:last-child{margin-top:3px;color:#fff;font-weight:700}.fee-comparison-table tbody th{text-align:left;color:#0a3974;background:#f8fafc;font-weight:700}.fee-comparison-table tbody td{color:#405675;background:#fff}.fee-comparison-table tbody tr:nth-child(even):not(.payable) td{background:#fbfcfe}.fee-comparison-table tbody .net th,.fee-comparison-table tbody .net td{color:#0a3974;background:#edf3fb;font-weight:800}.fee-comparison-table tbody .payable th,.fee-comparison-table tbody .payable td{padding-block:20px;color:#fff;background:linear-gradient(110deg,#082f68,#164f95);font-size:12px;font-weight:800}.fee-comparison-table tbody .payable td:nth-child(n+4){background:linear-gradient(110deg,#164f95,#cf5b2b)}.fee-below{padding:20px 3px;display:flex;justify-content:space-between;align-items:center;gap:20px}.fee-below p{font-size:12px;color:#405675}.fee-below .button{background:#29408e;color:#fff;padding:14px 22px;border-radius:7px;font-size:12px;font-weight:600;min-width:255px;text-align:center}.terms{border-top:1px solid #d9e1ed;padding-top:20px}.terms h3{font-size:18px;color:#29408e;margin:0 0 9px}.terms p{font-size:12px;line-height:1.7;color:#6d7d94;max-width:850px}.fees-scroll-hint{display:none}
@media(max-width:700px){.project-theatre{grid-template-columns:1fr}.cafe-project{min-height:580px}.cafe-project .intro-visual{height:540px}.cafe-project .intro-window{inset:12px 8px 48px}.cafe-project .intro-prompt p{font-size:12px!important}.cafe-project .intro-result .cafe-banner h3{font-size:24px}.cafe-project .intro-result .coffee-object{height:75px;transform:scale(.5)}.cafe-project .intro-result .cafe-banner{grid-template-columns:1fr 75px;padding-inline:12px}.cafe-project .intro-refine button{font-size:9px;padding:8px}.cafe-project .intro-build-status{font-size:9px}.idea-origin p{font-size:17px}.possibility-scene{height:465px}.possibility-products{gap:10px}.fee-table-wrap{overflow-x:auto;border-radius:17px}.fees-section{width:calc(100% - 24px)}.fee-below{flex-direction:column;align-items:start}.fee-below .button{width:100%;min-width:0}.fees-scroll-hint{display:block;font-size:10px;color:#647993;margin-top:12px}.fees-section h2{font-size:36px!important}}
.cafe-project .intro-bottom{color:#29408e}.cafe-project .intro-replay{color:#29408e}.cafe-project .intro-progress i{background:#c9d2e4}.cafe-project .intro-progress i.active{background:#f26b27}
@media(prefers-reduced-motion:reduce){.idea-origin p:after{animation:none}.product-object,.possibility-product,.hook-stages span{transition:none}}

/* figma-alignment.css */
/* Source frames: Nav 7:116; introduction 91:344; dark scene 8:137.
   Aeonik is retained first in the stack; licensed font files are not supplied. */
:root{--content-width:1120px;--section-gutter:max(24px,calc((100vw - var(--content-width))/2));--figma-blue:#002f6d;--figma-orange:#f26b27}
[hidden]{display:none!important}
.device[data-build="ready"] .project-build-overlay{visibility:hidden}
.nav{height:75px;padding:0 var(--section-gutter);border-bottom:1px solid #eef0f5;gap:37px;background:#fff}
.nav .logo{margin-right:auto;flex-shrink:0;gap:0}
.school-logo{display:block;position:relative;width:131px;height:44px;flex-shrink:0}
.logo .school-logo img{position:absolute;width:auto;height:auto;max-height:none;max-width:none}
.school-symbol{left:0;top:0}.school-name{left:46.69px;top:6.79px}.school-of{left:46.4px;top:32.2px}.school-ai{left:89.7px;top:28.75px}
.nav nav{gap:30px;font-size:14px;font-weight:500;color:#f26b27}
.nav-cta{border-radius:20px;padding:9px 22px;font-size:12px;font-weight:500;border:.5px solid #2c3c8f;background:linear-gradient(107deg,#002f6d 7%,#2c3c8f 60%,#f26b27 95%);white-space:nowrap}.nav-cta span{margin-left:9px}
.hero{min-height:0;padding:80px var(--section-gutter) 0;grid-template-columns:553px 453px;justify-content:space-between;gap:45px 35px;background:#fff;align-items:center}
.hero canvas,.hero-grid{display:none}.hero-copy{padding:0;max-width:553px}
.hero h1{font-size:58px!important;line-height:1.027;letter-spacing:-1.16px;margin:0 0 16px;font-weight:700;background:linear-gradient(90deg,#002f6d,#005bd3);color:transparent;background-clip:text}
.hero-line{font-family:Kalam,cursive;font-weight:400;font-size:36px!important;line-height:1.15;letter-spacing:-1px;color:#f26b27;margin:0 0 15px}
.hero-body{color:#002f6d;font-size:16px;line-height:1.5;max-width:450px;margin:0}
.hero .actions{margin-top:25px;gap:16px;align-items:center}
.hero .btn.light,.hook-intro .btn{border:1px solid #002f6d0d;border-radius:50px;background:linear-gradient(98deg,#002f6d 15%,#f26b27 127%);box-shadow:0 0 2.5px #f26b2740;padding:16px 28px;min-width:200px;text-align:center;color:#fff;font-size:14px;font-weight:400}
.hero .btn.ghost{border:0;background:none;color:#002f6d;padding:14px 0;font-size:14px;font-weight:500}
.figma-course-art{width:453px;height:428px;position:relative;overflow:hidden;border-radius:20px;background:#071a3d}
.figma-course-art>img{height:100%;width:141.72%;max-width:none;position:absolute;left:-20.68%;top:0;object-fit:cover}
.hero .facts{margin-top:8px;padding:0 0 30px;border-top:1px solid #002f6d15;gap:0}.hero .facts div{padding:23px 20px}.hero .facts div:first-child{padding-left:0}.hero .facts b{font-size:18px;color:#002f6d}.hero .facts span{font-size:12px;color:#687995}.hero .facts div+div{border-left:0}
.figma-build-hook{position:relative;isolation:isolate;background:linear-gradient(180deg,#161932 8%,#24140d);overflow:hidden;padding:85px var(--section-gutter);color:#fff}
.hook-brand-grid{position:absolute;left:50%;top:40px;transform:translateX(-50%);width:1265px;height:702px;z-index:-2;opacity:.55}.hook-brand-grid img{display:block}
.hook-brand-glow{position:absolute;left:50%;top:248px;transform:translateX(-50%);width:1441px;height:592px;z-index:-1;opacity:.6}.hook-brand-glow img{display:block}
.hook-layout{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:80px}.hook-intro h2{font-size:48px;line-height:1.06;letter-spacing:-1px;color:#eaf2ff;margin:0 0 24px}.hook-intro h2 em{font-family:Kalam,cursive;font-size:45px;color:#f26b27;font-weight:400;font-style:normal;display:block;margin-top:12px}.hook-intro p{color:#b8c4d8;font-size:16px;line-height:1.65;max-width:390px}.hook-intro .btn{display:inline-block;margin-top:20px;min-width:240px}.hook-intro .btn span{margin-left:12px}
.figma-build-hook .hero-lab{min-height:0;padding:0}.figma-build-hook .hero-lab:before{display:none}.figma-build-hook .possibility-scene{height:480px;padding:0;border:0}.figma-build-hook .possibility-aura{display:none}.figma-build-hook .idea-origin{background:#ffffff08;border-color:#ffffff22;box-shadow:none;border-radius:16px}.figma-build-hook .idea-origin p{color:#f3f5ff;font-size:19px}.figma-build-hook .idea-origin small{color:#a9bbd6}.figma-build-hook .idea-paths path{stroke:#87a9e855}.figma-build-hook .possibility-product strong{color:#d9e5ff}.figma-build-hook .hook-sequence{border-color:#ffffff18}.figma-build-hook .hook-step-label{color:#d9e5ff}.figma-build-hook .hook-step-label button{background:#ffffff0b;border-color:#ffffff26;color:#fff}.figma-build-hook .hook-stages span{color:#8190ab;border-color:#ffffff20}.figma-build-hook .hook-stages span.done{color:#fff;border-color:#f26b27}.figma-build-hook .hook-sequence>small{color:#9aaac4}
.projects,.outcomes,.curriculum,.toolkit,.prepare,.fit,.faq,.enquire{padding-inline:var(--section-gutter);padding-block:85px}
.project-head{padding-inline:0;gap:70px}.project-head h2,.outcome-statement h2,.curriculum-title h2,.tool-copy h2,.prepare h2,.fit h2,.faq h2,.enquire h2{font-size:40px;line-height:1.13;letter-spacing:-.9px;margin-top:0}.projects .project-head h2,.outcome-statement h2,.tool-copy h2,.prepare h2,.faq h2{color:#002f6d}.project-head>p{font-size:15px;max-width:440px}.project-theatre{margin-top:35px;gap:45px}.project-tabs{border-radius:20px}.device{border-radius:20px;overflow:hidden}.outcomes{background:#f5f7fb}.outcome-statement h2 em{color:#f26b27;font-family:Kalam,cursive;font-size:34px;font-style:normal}.outcome-list article h3{color:#002f6d}.curriculum,.fit,.enquire{background:linear-gradient(160deg,#161932 10%,#071a3d 65%,#24140d)}.prepare-art{border-radius:20px}.choice{background:linear-gradient(120deg,#002f6d,#29408e 65%,#f26b2740);padding-block:75px}.choice a,.enquire button{border-radius:30px}.fees-section{width:min(1120px,calc(100% - 48px))}.accordions summary{font-size:17px;color:#002f6d}.faq{gap:80px}footer{padding-inline:var(--section-gutter);background:#f1f5ff;color:#687995;gap:40px}footer b{color:#002f6d}.foot-logo{filter:none}footer>small{border-color:#002f6d20}
@media(max-width:1199px){.hero{grid-template-columns:1.1fr .9fr;gap:35px}.hero h1{font-size:clamp(38px,4.6vw,58px)!important}.figma-course-art{width:100%;height:auto;aspect-ratio:453/428}.hook-layout{gap:40px}.hook-intro h2{font-size:40px}.hook-intro h2 em{font-size:36px}}
@media(max-width:800px){.nav nav{gap:15px;font-size:12px}.nav{gap:18px}.hero{padding-top:45px;gap:25px}.hero-line{font-size:28px!important}.hero .actions{flex-wrap:wrap}.hero-body{font-size:14px}.hook-layout{grid-template-columns:1fr;gap:35px}.hook-intro{max-width:600px;text-align:center;margin:auto}.hook-intro p{max-width:530px}.figma-build-hook .hero-lab{width:min(500px,100%);margin:auto}.figma-build-hook{padding-block:60px}}
@media(max-width:600px){:root{--section-gutter:22px}.nav{height:70px}.nav nav{display:none}.nav-cta{padding:10px 15px}.hero{grid-template-columns:1fr;padding-top:38px;gap:30px}.hero h1{font-size:43px!important;letter-spacing:-1px}.hero-line{font-size:30px!important}.hero-body{font-size:15px}.hero .actions{gap:17px}.hero .btn.light{min-width:165px;padding:14px 24px}.figma-course-art{max-width:453px;margin:auto;max-height:350px}.hero .facts{grid-template-columns:1fr 1fr;margin-top:0;padding-bottom:15px}.hero .facts div{padding:16px 6px!important}.hero .facts b{font-size:16px}.hero .facts span{font-size:11px}.hero .facts div:nth-child(n+3){border-top:1px solid #002f6d12}.hook-intro h2{font-size:34px}.hook-intro h2 em{font-size:31px}.hook-intro p{font-size:15px}.figma-build-hook .possibility-scene{height:460px}.figma-build-hook .idea-origin p{font-size:17px}.projects,.outcomes,.curriculum,.toolkit,.prepare,.fit,.faq,.enquire{padding-block:60px}.project-head{gap:12px}.project-head h2,.outcome-statement h2,.curriculum-title h2,.tool-copy h2,.prepare h2,.fit h2,.faq h2,.enquire h2{font-size:31px}.project-head>p{font-size:14px}.project-theatre{gap:25px}.fees-section{width:calc(100% - 30px)}.faq{gap:24px}footer{grid-template-columns:1fr 1fr;gap:30px}}

/* vibe-hero-studio.css */
.nav .logo{gap:3px}.logo img.vibe-logo-mark{width:46px;height:46px;max-height:none}.logo img.vibe-logo-word{width:92px;height:auto;max-height:none}.nav{border-bottom:2px solid #f26b27}.foot-logo{gap:5px!important}
.vibe-studio{isolation:isolate;height:470px;overflow:visible;background:#071a3d;border-radius:24px;box-shadow:0 24px 60px #002f6d15}
.vibe-studio>img{border-radius:24px;clip-path:inset(0 14.72% 0 14.59% round 20px);filter:brightness(.68);height:100%;object-fit:cover}
.studio-top{position:absolute;left:22px;right:22px;top:20px;color:#fff;display:flex;flex-direction:column;gap:6px}.studio-top>span{font-size:9px;letter-spacing:1.1px}.studio-top small{font-size:10px;color:#c9d8f0}
.studio-prompt{position:absolute;bottom:26px;left:-22px;right:26px;background:#fff;border:1px solid #e4eaf3;box-shadow:0 18px 60px #06152e40;border-radius:17px;padding:21px 23px;transition:opacity .3s,transform .5s}.studio-prompt>span{font-size:11px;color:#7a8da9}.studio-prompt p{font-size:18px;line-height:1.3;margin:10px 0 17px;color:#002f6d}.studio-prompt button{border:0;border-radius:30px;background:linear-gradient(100deg,#002f6d,#29408e 70%,#f26b27 145%);color:#fff;padding:12px 19px;font-size:12px;cursor:pointer}.studio-prompt b{margin-left:15px;font-size:16px}
.studio-output{position:absolute;inset:92px -18px 20px 26px;background:#f7f1e7;border:1px solid #fff;border-radius:17px;box-shadow:0 25px 65px #0005;overflow:hidden;animation:studioReveal .55s ease both;color:#24382f}.studio-output-top{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #26372c20;font-size:11px}.studio-output-top button{border:0;background:none;color:inherit;cursor:pointer;font-size:17px}.studio-booking{padding:18px 22px 8px}.studio-step{font-size:8px;letter-spacing:1px;color:#77877b}.studio-booking h3{font-family:Georgia,serif;font-weight:400;font-size:31px;line-height:1.04;margin:12px 0 18px}.studio-guests,.studio-times{display:flex;gap:8px;margin-bottom:10px}.studio-guests button,.studio-times button{border:1px solid #c6c9be;background:transparent;color:inherit;border-radius:8px;padding:9px 12px;font-size:11px;cursor:pointer}.studio-guests button[aria-pressed=true],.studio-times button[aria-pressed=true]{background:#293c30;color:#fff;border-color:#293c30}.studio-booking #studioReserve{border:0;padding:12px 17px;border-radius:9px;background:#293c30;color:#fff;font-size:12px;cursor:pointer;width:100%}.studio-booking #studioReceipt{font-size:10px;line-height:1.4;margin:10px 0;min-height:28px;color:inherit}.studio-state{font-size:9px;color:#6f8076;padding:9px 20px;border-top:1px solid #293c3015;background:#ffffff60}#studioRefine{width:100%;text-align:left;padding:12px 20px;border:0;background:#fff;color:#29408e;font-size:10px;cursor:pointer}#studioRefine span{float:right;color:#f26b27}
.studio-skeleton{padding:28px 23px;height:256px}.studio-skeleton i{display:block;border-radius:7px;background:linear-gradient(90deg,#dadfd7,#edf0e8,#dadfd7);background-size:200% 100%;animation:studioShimmer 1.2s linear infinite;height:20px;margin-bottom:15px}.studio-skeleton>i:first-child{height:42px;width:75%}.studio-skeleton>i:nth-child(2){width:55%}.studio-skeleton>div{display:flex;gap:10px}.studio-skeleton>div i{flex:1;height:50px}.vibe-studio:not([data-studio=idle]) .studio-prompt{opacity:0;pointer-events:none;transform:translateY(15px)}.studio-midnight .studio-output{background:#071a3d;color:#e3eeff;transition:background .5s,color .5s}.studio-midnight .studio-step,.studio-midnight .studio-state{color:#bdcce1}.studio-midnight .studio-guests button,.studio-midnight .studio-times button{border-color:#617493}.studio-midnight .studio-guests button[aria-pressed=true],.studio-midnight .studio-times button[aria-pressed=true],.studio-midnight #studioReserve{background:#f26b27;border-color:#f26b27}.studio-midnight .studio-state{background:#ffffff0a}.studio-midnight .studio-output-top{border-color:#ffffff22}
@keyframes studioReveal{from{opacity:0;transform:translateY(22px) scale(.95)}to{opacity:1;transform:none}}@keyframes studioShimmer{to{background-position:-200% 0}}
@media(max-width:600px){.vibe-studio{height:470px;aspect-ratio:auto;max-height:none;width:100%;margin-block:5px 12px}.studio-prompt{left:12px;right:12px;bottom:18px;padding:19px}.studio-prompt p{font-size:17px}.studio-output{inset:85px 10px 15px}.studio-booking{padding:18px 18px 8px}.studio-booking h3{font-size:29px}.studio-top{left:18px;right:18px}.studio-top>span{font-size:8px}.studio-guests button,.studio-times button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.studio-output,.studio-skeleton i{animation:none}.studio-prompt{transition:none}}
.vibe-studio:not([data-studio=idle]){height:550px;max-height:none}

/* modern-vibe.css */
/* BELLS palette and Figma-derived composition, with original Vibe interactions. */
.toolkit .tool-line button>span:last-child{font-size:11px;color:#5c7293}
.sandbox-section .sandbox-menu button>b{font-size:11px}
.sandbox-section .sandbox-menu button>b small{font-size:10px}
.sandbox-section .sandbox-feedback{opacity:1;color:#52654f}
.sandbox-section .sandbox-dark .sandbox-feedback{color:#c3d2e9}
.sandbox-section .sandbox-trace span{font-size:9px}
.vibe-portal .portal-footer>span{font-size:11px}
.project-brief>p,.project-brief>div p{color:#617696}
.tool-attribution{color:#667c9b}
.sandbox-app-nav>b{max-width:78%;overflow-wrap:anywhere}
.sandbox-presets button:disabled{opacity:.55;cursor:progress}
@media(max-width:400px){.hero .hero-copy h1{font-size:clamp(32px,10.4vw,41px)!important}.nav{gap:12px}.nav .logo img.vibe-logo-mark{width:40px;height:40px}.nav .logo img.vibe-logo-word{width:82px}.nav-cta{padding:10px 12px;font-size:11px}footer>div:first-child{grid-column:1/-1}}
:root{--vibe-ink:#002f6d;--vibe-blue:#29408e;--vibe-accent:#f26b27;--vibe-line:#dce4f0;--vibe-radius:22px}
body{background:#fff;color:var(--vibe-ink)}button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f26b27;outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7bb5ff;outline-offset:3px}
.hero{padding-top:60px;gap:36px 55px;grid-template-columns:1.08fr .92fr}.hero h1{font-size:54px!important;letter-spacing:-1.6px;line-height:1.04}.hero-body{font-size:16px;line-height:1.6}.hero-line{font-size:35px!important}.hero .facts{padding-bottom:25px;margin-top:10px}.hero .facts div+div{border-left:1px solid #dce4f0}.hero .facts div{padding-block:17px}.hero .facts b{font-size:17px}
.vibe-portal{height:470px;width:100%;aspect-ratio:auto;overflow:hidden;border-radius:26px;isolation:isolate;background:#071a3d;box-shadow:0 25px 65px #002f6d20;perspective:1000px;transition:transform .4s}.vibe-portal>img{height:100%;width:141.72%;left:-20.68%;filter:brightness(.42) saturate(.8)}.vibe-portal:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071a3d 0%,transparent 65%);z-index:-1}.portal-orbit{position:absolute;width:380px;height:380px;border:1px solid #ffffff18;border-radius:50%;top:20px;left:calc(50% - 190px);transform:rotateX(50deg);box-shadow:0 0 50px #4b72d125,inset 0 0 50px #4b72d110}.portal-stack{position:absolute;inset:25px 32px 90px;perspective:950px;transform-style:preserve-3d}.portal-layer{position:absolute;border-radius:14px;border:1px solid #ffffff45;box-shadow:0 16px 40px #0005;transform-style:preserve-3d}.portal-layer>span{font-size:8px;letter-spacing:1px;display:block}.layer-data{left:32%;top:15px;width:62%;height:165px;padding:18px;background:#29408e95;transform:rotateY(-16deg) rotateX(9deg) rotateZ(7deg);color:#ccd9ff;animation:portalData 7s ease-in-out infinite}.layer-data i{display:block;height:15px;border:1px solid #ffffff35;border-radius:4px;margin-top:15px;width:85%}.layer-interface{left:6%;top:93px;width:82%;height:207px;padding:18px 20px;background:#f6f0e5;color:#293c30;transform:rotateY(-12deg) rotateX(6deg) rotateZ(-5deg);animation:portalInterface 7s ease-in-out infinite}.layer-interface b{font-size:17px;display:block;margin-top:14px}.layer-interface p{font-family:Georgia,serif;font-size:25px;line-height:1;margin:15px 0}.layer-interface>div{display:flex;gap:8px}.layer-interface>div i{flex:1;height:25px;background:#e0d5c1;border-radius:5px}.layer-brief{left:0;bottom:0;width:80%;padding:17px 19px;background:#fff;color:#002f6d;transform:translateZ(45px) rotateZ(2deg);animation:portalBrief 7s ease-in-out infinite}.layer-brief>span{color:#8090a7}.layer-brief p{font-size:15px;line-height:1.4;margin:10px 0}.portal-meter{height:2px;background:#e5eaf3}.portal-meter i{display:block;height:100%;background:#f26b27;animation:portalProgress 7s ease-in-out infinite}.portal-footer{position:absolute;bottom:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b3c6e8}.portal-footer>span{font-size:10px;max-width:150px}.portal-footer>a{font-size:12px;background:#fff;color:#002f6d;padding:11px 17px;border-radius:30px}.portal-footer b{margin-left:10px;color:#f26b27}
.sandbox-section{padding-block:72px 85px;background:radial-gradient(ellipse at 10% 30%,#29408e60,transparent 55%),linear-gradient(140deg,#101b3c,#10152c 70%,#24140d);overflow:hidden}.sandbox-section .hook-layout{display:block}.sandbox-section .hook-intro{text-align:center;max-width:700px;margin:0 auto 35px}.sandbox-section .hook-intro h2{font-size:42px;line-height:1.12;margin-bottom:16px}.sandbox-section .hook-intro h2 em{font-size:38px;margin-top:7px}.sandbox-section .hook-intro p{max-width:600px;margin:auto;color:#b6c7e1;font-size:15px}.sandbox-section .hook-brand-grid{opacity:.2}.sandbox-section .hook-brand-glow{opacity:.25}.vibe-sandbox{position:relative;max-width:1120px;margin:auto;border:1px solid #a3b7e348;border-radius:24px;background:#f6f8fc;box-shadow:0 35px 100px #0005;overflow:hidden;color:#002f6d}.sandbox-toolbar{display:flex;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid #dce4f0;background:#fff}.sandbox-toolbar>span{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.sandbox-toolbar i{height:7px;width:7px;display:block;border-radius:50%;background:#f26b27}.sandbox-toolbar small{font-size:10px;color:#70829d;margin-left:auto}.sandbox-toolbar button{border:0;background:#edf2fa;color:#29408e;border-radius:20px;font-size:11px;padding:8px 12px;cursor:pointer}.sandbox-body{display:grid;grid-template-columns:.8fr 1.2fr;min-height:520px}.sandbox-direction{padding:28px;border-right:1px solid #dce4f0;background:#fff}.sandbox-label{font-size:9px;letter-spacing:1.2px;color:#f26b27}.sandbox-direction h3{font-size:24px;line-height:1.2;margin:10px 0 23px;color:#002f6d}.sandbox-direction>label{display:block;font-size:11px;color:#6c7f9c;margin-bottom:9px}.sandbox-direction textarea{resize:vertical;width:100%;min-height:100px;max-height:180px;border:1px solid #c9d6e9;background:#f8faff;border-radius:12px;padding:14px;color:#002f6d;font-size:14px;line-height:1.5}.sandbox-direction>#sandboxRun{margin-top:10px;width:100%;padding:14px 17px;border:0;border-radius:25px;background:linear-gradient(100deg,#002f6d,#29408e 70%,#b25a40 130%);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}#sandboxRun:disabled{opacity:.55;cursor:progress}.sandbox-presets{margin-top:23px;display:flex;flex-direction:column;gap:7px}.sandbox-presets>span{font-size:10px;color:#70829d;margin-bottom:3px}.sandbox-presets button{padding:10px 12px;border:1px solid #dce4f0;border-radius:9px;background:#fff;color:#29408e;font-size:11px;text-align:left;cursor:pointer;transition:background .2s,border .2s}.sandbox-presets button:hover{background:#edf3ff;border-color:#9aaed2}.sandbox-help{margin-top:16px;font-size:10px;color:#8090a7}.sandbox-help summary{cursor:pointer}.sandbox-help p{font-size:10px;line-height:1.6;color:#6f819e}.sandbox-trace{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;border-top:1px solid #e2e8f2;padding-top:16px}.sandbox-trace span{font-size:8px;color:#9ca9bb;flex:1;min-width:70px;line-height:1.6;border-top:2px solid #dce4f0;padding-top:7px;transition:.25s}.sandbox-trace span.done{color:#29408e;border-color:#f26b27}.sandbox-preview{padding:24px;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 50%,#e6ecfa,transparent 70%),#f5f7fc}.sandbox-browser{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid #d8e1ef;border-bottom:0;border-radius:12px 12px 0 0;font-size:9px;color:#8494ad}.sandbox-browser>span:first-child{color:#f26b27;letter-spacing:2px}.sandbox-browser small{font-size:9px}.sandbox-canvas{flex:1;background:#f7f1e7;border:1px solid #d8e1ef;border-radius:0 0 12px 12px;overflow:hidden;min-height:362px;color:#293c30}.sandbox-empty{height:100%;min-height:362px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;color:#29408e;padding:25px}.sandbox-empty h3{font-size:23px;line-height:1.2;margin:24px 0 10px}.sandbox-empty p{font-size:12px;color:#8292ab;max-width:260px}.empty-layers{height:75px;width:120px;position:relative;perspective:500px}.empty-layers i{position:absolute;width:100px;height:60px;border-radius:8px;background:#29408e0c;border:1px solid #b9c8e0;transform:rotateX(50deg) rotateZ(-25deg);left:10px;top:0}.empty-layers i:nth-child(2){top:15px;background:#f26b2715}.empty-layers i:nth-child(3){top:30px;background:#fff}.sandbox-status{font-size:11px;line-height:1.6;padding:13px 3px 0;min-height:43px;color:#617696}.sandbox-app{padding:0 0 12px}.sandbox-app-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #293c3020}.sandbox-app-nav>b{font-size:22px;letter-spacing:-1px}.sandbox-app-nav>span{font-size:10px;color:inherit}.sandbox-app-hero{display:grid;grid-template-columns:1fr 115px;gap:10px;padding:24px 20px 12px;align-items:center}.sandbox-app-hero small{font-size:8px;letter-spacing:1.4px}.sandbox-app-hero h3{font-family:Georgia,serif;font-weight:400;font-size:33px;line-height:1.02;letter-spacing:-1px;margin:12px 0 10px;color:inherit}.sandbox-app-hero p{font-size:11px;line-height:1.4;color:inherit;opacity:.6}.sandbox-cup{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#f7e9d1 45%,#cec5b2 47%,#ece4d6 64%);box-shadow:8px 15px 25px #293c3025;position:relative;transform:rotate(-12deg)}.sandbox-cup i{position:absolute;inset:25%;border-radius:50%;background:repeating-radial-gradient(ellipse at 60% 65%,#ad7544 0 4px,#f3d9b2 5px 9px,#70482d 10px 12px);border:3px solid #f2e6d2;box-shadow:2px 3px 8px #293c3040}.sandbox-menu{padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sandbox-menu button{display:flex;align-items:center;gap:7px;padding:10px 9px;background:#ffffff70;border:1px solid #c5c7b9;border-radius:9px;color:inherit;cursor:pointer;text-align:left;min-width:0;transition:transform .2s}.sandbox-menu button:hover{transform:translateY(-3px)}.sandbox-menu button>b{font-size:9px;font-weight:600;flex:1}.sandbox-menu button>b small{display:block;font-size:8px;margin-top:4px;opacity:.6;font-weight:400}.sandbox-menu button>span:last-child{font-size:12px}.sandbox-drink{display:block;flex-shrink:0;width:16px;height:25px;border-radius:3px 3px 7px 7px;background:linear-gradient(#70513b 15%,#c59a67 16% 70%,#dfcba5 71%)}.drink-1{background:linear-gradient(#e5cfaa 15%,#b88858 16% 70%,#d9caaa 71%)}.drink-2{background:linear-gradient(#65503d 15%,#8b6041 16% 70%,#dfcba5 71%)}.sandbox-cart{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.sandbox-cart button{font-size:9px;border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer}.sandbox-reservation{margin:0 16px;padding:14px 0 8px;border-top:1px solid #293c3020;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.sandbox-reservation label{font-size:9px;display:block}.sandbox-reservation select{display:block;width:100%;padding:8px;background:#fff;border:1px solid #c5c7b9;border-radius:6px;color:#293c30;margin-top:5px;font-size:11px}.sandbox-reservation button{border:0;border-radius:7px;background:#293c30;color:#fff;padding:10px 13px;font-size:11px;cursor:pointer}.sandbox-feedback{margin:4px 18px 0;font-size:10px;line-height:1.6;color:inherit;opacity:.7;min-height:25px}.sandbox-dark{background:#071a3d;color:#e4eeff;transition:background .5s,color .5s}.sandbox-dark .sandbox-menu button{background:#ffffff08;border-color:#7b8ea5}.sandbox-dark .sandbox-app-nav,.sandbox-dark .sandbox-reservation{border-color:#ffffff26}.sandbox-dark .sandbox-reservation button{background:#f26b27}.sandbox-dark .sandbox-cup{box-shadow:8px 15px 25px #0005}.sandbox-result-enter{animation:resultEnter .45s ease}.sandbox-section[data-generating=true] .sandbox-canvas{opacity:.6;filter:blur(1px);transition:opacity .2s}
.projects{background:#fff;padding-block:78px}.project-head{align-items:center;margin:0}.project-head h2{font-size:38px}.project-tabs{gap:12px;padding:8px;border:1px solid #dce4f0;border-radius:18px;background:#f7f9fc;margin-bottom:0}.project-tabs button{border:0!important;border-radius:12px;padding:15px 13px;gap:10px;transition:background .3s,box-shadow .3s,transform .3s}.project-tabs button.active{background:#fff;box-shadow:0 5px 20px #29408e12;transform:translateY(-2px);color:#002f6d}.project-tabs span{font-size:16px}.project-tabs small{font-size:10px}.project-theatre{gap:26px 45px;grid-template-columns:.85fr 1.15fr}.project-brief h3{font-size:28px}.project-brief>button{border-radius:30px;padding:14px 22px}.device{border:1px solid #c9d6e8;box-shadow:0 20px 55px #29408e0d;border-radius:20px;background:#fff;min-height:480px}.device-top{font-family:inherit;font-size:9px;background:#fafbfe;border-bottom:1px solid #dce4f0}.project-build-overlay{justify-content:center;text-align:left;padding:25px 28px;background:radial-gradient(ellipse at 70% 10%,#e7ecfa,transparent 65%),#f7f9fd;inset:38px 0 0;border-radius:0}.project-build-spark{display:none}.project-build-overlay h4{margin:22px 0 8px;font-size:23px}.project-build-overlay>p{font-size:12px;margin:0}.project-build-lines{margin-top:20px;gap:10px}.project-cover{height:180px;position:relative;perspective:750px;display:grid;place-items:center}.cover-browser{width:80%;height:155px;background:#fff;border:1px solid #bacce6;border-radius:12px;box-shadow:12px 18px 0 #dce4f160,0 22px 45px #29408e20;padding:15px;transform:rotateX(9deg) rotateY(-12deg) rotateZ(-4deg)}.cover-browser>span{display:block;font-size:7px;color:#f26b27;letter-spacing:3px;border-bottom:1px solid #e5ebf4;padding-bottom:10px}.cover-browser>i{display:block;margin-top:13px;width:60%;height:25px;background:linear-gradient(90deg,#29408e20,#f26b2720);border-radius:5px}.cover-browser>div{display:flex;gap:8px;margin-top:14px}.cover-browser>div i{height:38px;flex:1;background:#edf2fa;border-radius:5px}.cover-caption{position:absolute;right:5px;bottom:-3px;font-size:9px;padding:10px 15px;border-radius:20px;background:#29408e;color:#fff;box-shadow:0 8px 20px #29408e25}.cafe-project{min-height:565px}.cafe-project .intro-visual{height:525px}.cafe-project .intro-window{inset:15px 15px 40px}.cafe-project .intro-bottom{bottom:11px}.cafe-project .intro-result .cafe-banner h3{font-size:27px}.cafe-project .intro-result .coffee-object{height:85px;transform:scale(.65)}.cafe-project .intro-refine{padding:10px}.cafe-project .intro-booking .cafe-banner h3{font-size:22px}
.outcomes{background:#f5f7fb;grid-template-columns:.85fr 1.15fr;gap:75px;padding-block:75px}.outcome-list article{padding:23px 0;grid-template-columns:28px 1fr}.outcome-list article:before{display:none}.outcome-list article>b{color:#f26b27;font-family:inherit;font-size:12px}.outcome-list article h3{font-size:19px}.outcome-list article p{font-size:13px;line-height:1.6}.outcome-proof{height:240px;position:relative;margin-top:35px;perspective:800px}.proof-sheet{position:absolute;top:0;left:15px;width:72%;border:1px solid #c7d5e9;padding:23px;border-radius:14px;background:#fff;box-shadow:12px 12px 0 #29408e08,24px 24px 0 #29408e04,0 20px 40px #29408e10;transform:rotateY(12deg) rotateZ(-5deg)}.proof-sheet>span{font-size:8px;letter-spacing:1px;color:#8595ae}.proof-sheet>b{display:block;font-size:13px;color:#29408e;border-top:1px solid #edf1f7;padding:12px 0;margin-top:8px;font-weight:500}.proof-sheet>b:before{content:'✓';color:#f26b27;margin-right:12px}.proof-seal{position:absolute;bottom:0;right:5px;width:98px;height:98px;border-radius:50%;background:#29408e;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:25px;box-shadow:0 12px 30px #29408e30}.proof-seal small{font-size:9px;text-align:center;line-height:1.4;margin-top:5px}
.curriculum{background:radial-gradient(ellipse at 100% 0,#29408e88,transparent 50%),#071a3d;padding-block:78px}.learning-journey{border-radius:22px;box-shadow:0 25px 60px #0002;grid-template-columns:.75fr 1.25fr;background:#fff;overflow:hidden}.module-selector{background:#0f2348;padding:20px;border:0}.module-selector button{padding:22px 14px;border-radius:12px}.module-selector button.active{background:#29408e;border-color:#5472b1}.module-selector button b{font-size:16px}.module-selector button small{color:#afbfda}.module-detail{background:#fff;color:#002f6d;padding:35px}.module-detail-title>span{color:#f26b27;font-size:31px}.module-detail-title h3{color:#002f6d;font-size:27px}.learning-proof article{border-color:#e2e8f2;padding:23px 0;grid-template-columns:75px 1fr;gap:20px}.learning-proof small{color:#29408e;font-size:11px}.learning-proof p{color:#6b7e99;font-size:14px;line-height:1.6}.module-transition{border-color:#e2e8f2;margin-top:8px}.module-transition>span{color:#7587a2}.module-transition button{color:#29408e;background:#edf2fa;padding:11px 15px;border-radius:20px}.curriculum-duration{border:1px solid #ffffff20;border-radius:16px;padding:17px 23px;background:#ffffff04}
.toolkit{background:#fff;padding-block:78px}.tool-line{display:grid!important;grid-template-columns:repeat(5,1fr);gap:18px;overflow:visible!important;padding:18px 0!important;margin-top:30px}.tool-line>i{display:none}.tool-line button{width:100%;height:175px;min-width:0!important;border:1px solid #dce4f0;border-radius:18px;background:#fff;color:#002f6d;box-shadow:0 12px 28px #29408e08;position:relative;overflow:visible;transition:transform .3s,box-shadow .3s,border-color .3s}.tool-line button:not(:last-of-type):after{content:'→';position:absolute;right:-17px;top:50%;color:#abbdd7;font-size:13px}.tool-line button.active{background:#f5f8ff;color:#002f6d;transform:translateY(-7px);border-color:#9cb3dc;box-shadow:0 20px 35px #29408e15}.tool-line button>b{position:absolute;top:14px;left:14px;color:#a1afc4;font:9px inherit}.tool-line button strong{font-size:18px;margin:12px 0 5px}.tool-line button>span:last-child{font-size:10px;color:#7c8daa}.tool-identity{display:grid;place-items:center;width:58px;height:58px;padding:10px;border-radius:14px;background:#fff;border:1px solid #e7edf6}.tool-identity img{width:34px;height:34px;object-fit:contain;max-width:100%;display:block}.tool-note{margin:23px 0 0;padding:20px 24px;border:1px solid #e2e8f2;background:#f8faff;border-radius:16px;grid-template-columns:145px 1fr;min-height:84px;align-items:center}.tool-note span{font-family:inherit;font-size:11px;color:#f26b27}.tool-note p{font-size:14px;color:#667c9b;line-height:1.6}.tool-attribution{font-size:10px;color:#8b9bb2;margin:16px 0 0}
.prepare{background:#f6f8fc;padding-block:75px;grid-template-columns:.95fr 1.05fr;gap:75px}.prepare-art{height:330px;background:radial-gradient(ellipse at 90% 20%,#d7e3ff,#edf2fb 60%);border:1px solid #e0e7f2;border-radius:24px}.prepare-art:before{display:none}.workspace-scene{position:relative;width:330px;height:260px;perspective:850px}.workspace-back{position:absolute;inset:10px 40px 40px 10px;background:#29408e;color:#c6d5f4;border-radius:15px;padding:20px;transform:rotateY(13deg) rotateZ(-9deg);box-shadow:0 20px 40px #29408e25}.workspace-back span{font-size:9px;letter-spacing:1px}.workspace-back i{display:block;height:15px;width:80%;border-radius:5px;background:#ffffff18;margin-top:20px}.workspace-front{position:absolute;inset:45px 0 0 45px;background:#fff;border:1px solid #dce4f0;border-radius:15px;padding:22px;transform:rotateY(-7deg) rotateZ(3deg);box-shadow:0 25px 40px #29408e18}.workspace-front>span{font-size:17px;font-weight:600;color:#002f6d}.workspace-front>b{font-size:12px;font-weight:400;display:block;margin-top:20px;color:#607897}.workspace-front>small{display:block;font-size:9px;color:#95a4ba;margin-top:20px}.workspace-key{position:absolute;bottom:-15px;left:15px;background:#f26b27;color:#fff;width:65px;height:65px;border-radius:17px;display:grid;place-items:center;font-size:30px;transform:rotate(-12deg);box-shadow:0 8px 0 #bd4816,0 17px 25px #f26b2730}.prepare li{font-size:14px;padding:14px 0;border-color:#dce4f0}.prepare .fine{font-size:11px;line-height:1.5}
.fit{padding-block:75px;background:linear-gradient(125deg,#071a3d,#182953);gap:70px}.fit-selector{border:1px solid #ffffff1c;border-radius:22px;padding:10px 24px;background:#ffffff03}.fit-selector button:nth-child(n){font-size:18px;padding:19px 4px;border-bottom-color:#ffffff15}.fit-selector button.active{padding-left:15px;background:linear-gradient(90deg,#29408e70,transparent)}.fit-selector>div{padding:22px 5px}.fit-selector>div strong{font-size:15px}.fit-selector>div span{font-size:11px;margin-top:7px}.fit-copy>p:last-child{font-size:15px;color:#afbfdb}.fit-copy h2{font-size:38px}
#fees{background:#f6f8fc;padding-block:75px}.fees-section h2{font-size:38px!important}.fee-table-wrap{box-shadow:0 20px 55px #29408e10}.fee-comparison-table th,.fee-comparison-table td{font-size:12px}.fee-comparison-table thead b{font-size:11px}.fee-below .button{border-radius:30px;background:linear-gradient(100deg,#002f6d,#29408e 70%,#b65b41 140%)}
.faq{padding-block:75px;grid-template-columns:.65fr 1.35fr;gap:85px}.accordions details{border-color:#dce4f0}.accordions summary{display:flex;align-items:center;justify-content:flex-start;gap:17px;font-size:16px;padding:23px 0}.faq-number{font-size:10px;color:#9aa9bf;font-weight:400}.accordions summary>span{margin-left:auto;font-size:19px}.accordions p{padding:0 25px 23px 34px;font-size:14px;line-height:1.7;max-width:600px;color:#6c7e99;margin:0}.choice{padding:65px var(--section-gutter);background:radial-gradient(ellipse at 100% 100%,#f26b2730,transparent 60%),linear-gradient(110deg,#002f6d,#29408e)}.choice h2{font-size:36px;line-height:1.2}.choice a{border-radius:16px;min-width:0;flex:1;max-width:330px;padding:20px 24px;font-size:13px}.choice div{margin-top:30px}.enquire{padding-block:70px;background:#071a3d;gap:65px;grid-template-columns:.85fr 1.15fr}.enquire h2{font-size:36px}.enquire form{border:1px solid #ffffff18;border-radius:22px;padding:30px;background:#ffffff03;gap:25px}.enquire label{font-family:inherit;font-size:11px;color:#adbed9}.enquire input,.enquire textarea{font-size:14px;padding:12px 0;border-color:#ffffff30}.enquire form small{font-size:11px;line-height:1.6;color:#a4b6d1}.enquire form button:disabled{background:#ffffff10;color:#a4b6d1;cursor:not-allowed}footer{padding-block:50px 25px;font-size:11px;gap:40px;background:#f3f6fc}footer p{font-size:13px;line-height:1.6}.perspective-surface{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease}
.section-arrived{animation:sectionArrive .65s ease both}
@keyframes portalData{0%,100%{opacity:.55;transform:rotateY(-16deg) rotateX(9deg) rotateZ(7deg) translateY(-5px)}45%,80%{opacity:1;transform:rotateY(-12deg) rotateX(6deg) rotateZ(7deg) translateY(5px)}}@keyframes portalInterface{0%,100%{transform:rotateY(-12deg) rotateX(6deg) rotateZ(-5deg) translateY(5px)}50%{transform:rotateY(-6deg) rotateX(3deg) rotateZ(-3deg) translateY(-6px)}}@keyframes portalBrief{0%,100%{transform:translateZ(45px) rotateZ(2deg) translateY(0)}50%{transform:translateZ(55px) rotateZ(0) translateY(-8px)}}@keyframes portalProgress{0%,100%{width:10%}65%,90%{width:100%}}@keyframes sectionArrive{from{opacity:.5;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes resultEnter{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero h1{font-size:43px!important}.hero-line{font-size:30px!important}.hero{gap:35px}.portal-stack{inset-inline:20px}.layer-interface{width:88%;left:0}.layer-brief{width:95%}.sandbox-body{grid-template-columns:.85fr 1.15fr}.sandbox-direction{padding:22px}.sandbox-preview{padding:18px}.sandbox-menu{grid-template-columns:1fr}.sandbox-menu button{padding:8px 10px}.sandbox-app-hero{grid-template-columns:1fr 75px;padding:18px 15px 8px}.sandbox-cup{width:72px;height:72px}.sandbox-app-hero h3{font-size:28px}.project-theatre{grid-template-columns:1fr 1.25fr}.project-tabs span{font-size:14px}.outcomes{gap:40px}.prepare{gap:40px}.tool-line{gap:12px}.tool-line button{height:155px}.tool-line button strong{font-size:16px}.tool-line button:not(:last-of-type):after{right:-12px}.workspace-scene{transform:scale(.85)}.faq{gap:40px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:35px;gap:25px}.hero h1{font-size:41px!important}.hero-line{font-size:29px!important}.hero .facts{grid-template-columns:1fr 1fr}.hero .facts div{padding:16px 10px!important}.hero .facts div:first-child,.hero .facts div:nth-child(3){padding-left:0!important}.hero .facts div:nth-child(3){border-left:0}.vibe-portal{height:405px;max-height:none;max-width:453px;margin:0 auto}.portal-stack{inset:18px 25px 78px}.layer-data{height:135px;top:0}.layer-interface{top:65px;height:190px;left:5%;width:80%}.layer-brief{width:80%;padding:15px}.layer-interface p{font-size:23px}.portal-footer{left:20px;right:20px}.portal-footer>span{font-size:9px}.portal-footer>a{font-size:11px}.sandbox-section{padding-block:55px}.sandbox-section .hook-intro h2{font-size:32px}.sandbox-section .hook-intro h2 em{font-size:29px}.sandbox-section .hook-intro p{font-size:14px}.sandbox-toolbar{padding:13px 14px;gap:9px;flex-wrap:wrap}.sandbox-toolbar>span{font-size:11px}.sandbox-toolbar small{order:3;width:100%;font-size:9px;margin:0}.sandbox-toolbar button{margin-left:auto;font-size:10px}.sandbox-body{grid-template-columns:1fr}.sandbox-direction{padding:20px;border-right:0;border-bottom:1px solid #dce4f0}.sandbox-direction h3{font-size:23px;margin-bottom:17px}.sandbox-direction textarea{min-height:80px}.sandbox-presets{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sandbox-presets>span{grid-column:1/-1}.sandbox-presets button{font-size:10px;padding:10px}.sandbox-presets button:last-child{grid-column:1/-1}.sandbox-help{margin-top:13px}.sandbox-trace{margin-top:16px}.sandbox-preview{padding:15px}.sandbox-menu{grid-template-columns:1fr}.sandbox-app-hero h3{font-size:28px}.sandbox-app-hero{padding:20px 15px 8px;grid-template-columns:1fr 70px}.sandbox-app-nav{padding:14px 16px}.sandbox-app-nav>b{font-size:21px}.sandbox-menu button{padding:11px 12px}.sandbox-menu button>b{font-size:11px}.sandbox-menu button>b small{font-size:10px}.sandbox-drink{width:20px;height:27px}.sandbox-reservation{grid-template-columns:1fr 1fr}.sandbox-reservation button{grid-column:1/-1}.sandbox-feedback{font-size:10px}.sandbox-empty{min-height:280px}.sandbox-canvas{min-height:280px}.sandbox-status{font-size:10px}.projects,.outcomes,.curriculum,.toolkit,.prepare,.fit,.faq,.enquire{padding-block:55px}.project-head{display:block}.project-head h2,.outcome-statement h2,.curriculum-title h2,.tool-copy h2,.prepare h2,.fit-copy h2,.faq h2,.enquire h2{font-size:30px}.project-head>p{font-size:13px;margin-top:18px}.project-theatre{grid-template-columns:1fr;gap:20px;margin-top:25px}.project-tabs{grid-template-columns:1fr 1fr;gap:7px;padding:7px}.project-tabs button{padding:12px 8px;gap:7px;grid-template-columns:20px 1fr}.project-tabs span{font-size:13px}.project-tabs small{font-size:9px}.project-brief{padding:7px 0 15px}.project-brief h3{font-size:25px}.project-brief>p{font-size:13px}.device{min-height:450px}.project-cover{height:145px}.cover-browser{height:125px;width:83%;padding:12px}.cover-browser>i{height:20px}.cover-browser>div i{height:28px}.project-build-overlay{padding:22px}.project-build-overlay h4{font-size:22px}.cafe-project{min-height:570px}.cafe-project .intro-visual{height:530px}.cafe-project .intro-window{inset:12px 8px 38px}.cafe-project .intro-result .cafe-banner h3{font-size:23px}.cafe-project .intro-result .coffee-object{height:65px;transform:scale(.5)}.cafe-project .intro-booking .cafe-banner h3{font-size:21px}.cafe-project .intro-refine button{font-size:9px;padding:8px}.outcomes{grid-template-columns:1fr;gap:30px}.outcome-proof{height:210px;max-width:330px;margin:25px auto 10px}.proof-sheet{padding:18px;width:70%}.proof-sheet>b{font-size:11px;padding:9px 0}.proof-seal{width:85px;height:85px}.outcome-list article h3{font-size:17px}.outcome-list article p{font-size:12px}.learning-journey{grid-template-columns:1fr;margin-top:25px}.module-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.module-selector button{padding:14px 8px;gap:8px}.module-selector button b{font-size:12px}.module-detail{padding:23px}.module-detail-title h3{font-size:23px}.learning-proof article{grid-template-columns:65px 1fr;gap:12px;padding:20px 0}.learning-proof p{font-size:13px}.curriculum-duration{padding:12px 18px}.module-transition{align-items:flex-start}.tool-copy{display:block}.tool-copy>p:last-child{font-size:14px}.tool-line{grid-template-columns:repeat(2,1fr);gap:12px}.tool-line button{height:155px}.tool-line button:last-of-type{grid-column:1/-1;max-width:calc(50% - 6px);justify-self:center;width:100%}.tool-line button:not(:last-of-type):after{display:none}.tool-line button.active{transform:translateY(-3px)}.tool-note{grid-template-columns:1fr;gap:10px;padding:17px;min-height:0;margin-top:12px}.tool-note p{font-size:13px}.tool-attribution{font-size:9px}.prepare{grid-template-columns:1fr;gap:30px}.prepare-art{height:285px}.workspace-scene{transform:scale(.8)}.fit{grid-template-columns:1fr;gap:25px}.fit-selector{padding:7px 18px}.fit-selector button:nth-child(n){font-size:16px;padding:18px 4px}.fit-selector button:before{margin-right:12px}.fit-selector>div span{font-size:10px}#fees{padding-block:55px}.fees-section h2{font-size:32px!important}.faq{grid-template-columns:1fr;gap:23px}.accordions summary{font-size:14px;gap:12px;padding:20px 0}.accordions p{padding-left:26px;padding-right:10px;font-size:13px}.choice{padding-block:55px}.choice h2{font-size:29px}.choice div{flex-direction:column;gap:10px}.choice a{max-width:none;font-size:12px;padding:17px 20px}.enquire{grid-template-columns:1fr;gap:26px}.enquire form{padding:22px}.enquire>div>p:last-child{font-size:14px}.enquire form small{font-size:10px}footer{gap:30px;padding-block:40px 25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.perspective-surface{transform:none}.sandbox-result-enter,.section-arrived{animation:none}.sandbox-section[data-generating=true] .sandbox-canvas{filter:none}}

/* preview-refinement.css */
:root{--reading-muted:#526987}
.sandbox-section,.toolkit{overflow:clip}
.project-brief{align-self:start;padding-top:24px}
html{scroll-padding-top:100px}
:where(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #f26b27;outline-offset:4px}
.portal-pause{position:absolute;z-index:8;right:18px;top:16px;border:1px solid #ffffff45;background:#071a3ddd;color:#fff;padding:10px 13px;border-radius:20px;font-size:11px;cursor:pointer;min-height:40px}
.motion-paused *,.motion-paused:before,.motion-paused:after{animation-play-state:paused!important}
.sandbox-input-hint{font-size:10px;line-height:1.6;color:#526987;margin:8px 0 14px}
.sandbox-section[data-generating=true] .sandbox-canvas{filter:none!important;opacity:.75}
.sandbox-direction label,.sandbox-label{color:#526987}
.order-workspace{padding:28px;background:#f5f7fb;min-height:460px;color:#002f6d}
.order-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #d8e1ed;padding-bottom:18px}
.order-heading>b{font-size:23px;letter-spacing:-1px}.order-heading>span{font-size:10px;color:#526987}
.order-workspace h3{font-size:30px;line-height:1.1;margin:25px 0 10px;letter-spacing:-1px}.order-explanation{font-size:12px;color:#526987;line-height:1.6}
.order-progress{display:flex;padding:0;margin:22px 0;list-style:none;gap:8px}.order-progress li{flex:1;font-size:10px;padding:10px 4px;border-top:3px solid #cbd5e5;color:#526987}.order-progress li.active{border-color:#f26b27;color:#002f6d}
.sample-order{border:1px solid #d6e0ee;border-radius:14px;padding:20px;background:#fff;position:relative}.sample-order small{font-size:8px;letter-spacing:1px;color:#526987;display:block}.sample-order div>b{display:block;font-size:16px;margin-top:6px}.sample-order p,.order-total{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.5}.sample-order p:first-of-type{margin-top:23px}.order-badge{display:block;width:max-content;background:#edf2fa;border-radius:20px;padding:6px 10px;font-size:10px;margin-top:12px}.order-total{border-top:1px solid #dce4ef;margin-top:15px;padding-top:12px;align-items:center}.order-total>b{font-size:18px!important;margin:0!important}
.order-advance{margin-top:18px;background:#29408e;color:#fff;border:0;border-radius:24px;padding:13px 20px;font-size:12px;cursor:pointer;min-height:44px}.order-feedback{font-size:11px;color:#526987;line-height:1.7;min-height:38px;margin:12px 0 0}
.preview-contact{grid-column:2;color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:4px}.tool-attribution,.accordions p,.learning-proof p,.outcome-list article p{color:var(--reading-muted)}
.sandbox-menu button,.sandbox-presets button,.module-transition button,.care-filters button,[data-water],.sandbox-cart button{min-height:44px}
.faq summary{min-height:60px}.project-demo{overflow:visible}.device[data-build=brief] .project-demo,.device[data-build=building] .project-demo{visibility:hidden}.device[data-build=ready] .project-demo{visibility:visible}
@media(max-width:700px){html{scroll-padding-top:85px}.order-workspace{padding:20px;min-height:460px}.order-workspace h3{font-size:27px}.order-heading>span{font-size:9px}.preview-contact{grid-column:1}.portal-pause{top:12px;right:12px;font-size:10px}.sample-order{padding:16px}.sandbox-input-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.portal-pause{display:none}.section-arrived,.arrived,.reveal{opacity:1!important;transform:none!important;translate:none!important}}

/* unified-experience.css */
.unified-experience{position:relative;padding-bottom:78px}
.unified-anchor{position:absolute;top:0;left:0;scroll-margin-top:90px}
.unified-experience .hook-intro{margin-bottom:32px}
.unified-experience>.project-tabs{position:relative;z-index:2;margin:0 0 24px;background:#ffffff0b;border-color:#ffffff26;grid-template-columns:repeat(4,1fr)}
.unified-experience>.project-tabs button{color:#d4dff3;min-height:80px;background:transparent;text-align:left}
.unified-experience>.project-tabs button b{color:#f3a474}
.unified-experience>.project-tabs button.active{background:#fff;color:#002f6d;box-shadow:0 8px 22px #0002}
.unified-experience>.project-tabs button small{color:#b7c6de}
.unified-experience>.project-tabs button.active small{color:#526987}
.unified-experience>.project-theatre{position:relative;z-index:2;background:#fff;border-radius:22px;padding:30px;gap:32px;margin-top:0;grid-template-columns:.85fr 1.15fr;color:#002f6d}
.unified-experience .project-brief{padding:10px 0}
.unified-experience .project-brief h3{color:#002f6d}
.unified-experience .project-brief>p,.unified-experience .project-brief>div p{color:#526987}
.unified-experience .project-guided-note{color:#526987}
.unified-experience>.vibe-sandbox[hidden],.unified-experience>.project-theatre[hidden]{display:none!important}
@media(max-width:700px){.unified-experience{padding-bottom:55px}.unified-experience>.project-tabs{grid-template-columns:1fr 1fr;padding:7px;gap:8px}.unified-experience>.project-tabs button{min-height:72px;padding:12px 9px}.unified-experience>.project-theatre{padding:20px;grid-template-columns:1fr;gap:20px}.unified-experience .hook-intro{margin-bottom:25px}.unified-experience .project-brief{padding:0}}

/* process-journey.css */
.process-journey{align-items:start;position:relative;gap:75px;padding-block:85px;background:#f5f7fb}
.process-journey .outcome-statement{position:sticky;top:115px;align-self:start;animation:none!important;opacity:1!important;translate:none!important}
.process-journey .outcome-statement h2{font-size:38px}
.journey-visual{margin-top:35px;background:#fff;border:1px solid #d5e0ef;border-radius:20px;box-shadow:0 22px 50px #29408e0c;overflow:hidden;color:#002f6d}
.journey-topline{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e7edf5;gap:10px}.journey-topline>span{font-size:11px;color:#29408e;font-weight:600;letter-spacing:1px}.journey-topline>small{font-size:9px;color:#526987}
.journey-scene{height:285px;position:relative;perspective:1000px;background:radial-gradient(ellipse at 90% 15%,#e8eefb,transparent 65%),#f9fbff}
.journey-plane{position:absolute;inset:22px 25px;opacity:0;visibility:hidden;transform:translateX(28px) rotateY(-9deg) scale(.96);transition:opacity .5s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .5s;pointer-events:none}
.journey-visual[data-stage="0"] .journey-brief,.journey-visual[data-stage="1"] .journey-interface,.journey-visual[data-stage="2"] .journey-connected,.journey-visual[data-stage="3"] .journey-published{opacity:1;visibility:visible;transform:translateX(0) rotateY(0) scale(1)}
.journey-brief{background:#fff;border:1px solid #d3deef;border-radius:12px;padding:20px;box-shadow:8px 8px 0 #29408e08}.journey-brief>small,.journey-published>small{font-size:8px;letter-spacing:1.3px;color:#526987}.journey-brief h3{font-size:24px;line-height:1.15;margin:12px 0 18px;letter-spacing:-.6px}.journey-brief>div{display:flex;gap:15px;align-items:center;padding:9px 0;border-top:1px solid #edf1f7}.journey-brief>div span{font-size:8px;color:#f26b27;min-width:30px}.journey-brief>div b{font-size:11px;font-weight:500}
.journey-interface{border:1px solid #cbd8ec;background:#fff;border-radius:12px;overflow:hidden;box-shadow:8px 10px 0 #29408e08}.journey-browser{display:flex;justify-content:space-between;padding:12px;font-size:7px;letter-spacing:2px;color:#f26b27;border-bottom:1px solid #e5ecf6}.journey-browser span{color:#526987;letter-spacing:0;font-size:8px}.journey-layout{padding:18px;display:grid;grid-template-columns:1.3fr .7fr;gap:15px}.journey-layout small{font-size:7px;color:#526987;letter-spacing:1px}.journey-layout h3{font-size:22px;line-height:1.1;margin:10px 0 14px}.journey-layout i{display:block;height:5px;background:#e1e8f3;width:85%;margin-top:7px;border-radius:3px}.journey-layout i+i{width:60%}.journey-layout b{display:inline-block;padding:8px 10px;margin-top:14px;border-radius:16px;font-size:9px;color:#fff;background:#29408e}.journey-layout aside{display:flex;flex-direction:column;gap:8px;padding-top:12px}.journey-layout aside span{flex:1;border-radius:8px;background:linear-gradient(120deg,#29408e15,#f26b2715);border:1px solid #e0e7f3}.journey-refine{border-top:1px solid #edf1f7;font-size:8px;color:#526987;padding:10px 14px}
.journey-node{position:absolute;width:100px;border:1px solid #ccd9ed;border-radius:12px;background:#fff;padding:12px;text-align:center;z-index:2;box-shadow:0 10px 20px #29408e0a}.journey-node span{display:block;font-size:20px;color:#f26b27;margin-bottom:7px}.journey-node b{display:block;font-size:10px;font-weight:500}.node-interface{left:0;top:70px}.node-data{right:0;top:0}.node-auth{right:0;top:84px}.node-flow{right:0;top:168px}.journey-link{position:absolute;height:2px;background:#c9d7eb;transform-origin:left center;left:95px;right:90px;top:110px}.link-one{transform:rotate(-30deg)}.link-three{transform:rotate(30deg)}.journey-link:after{content:'';position:absolute;inset:0;background:#f26b27;transform-origin:left;transform:scaleX(0)}.journey-visual[data-stage="2"] .journey-link:after{animation:connectJourney .8s ease forwards}.journey-visual[data-stage="2"] .link-two:after{animation-delay:.15s}.journey-visual[data-stage="2"] .link-three:after{animation-delay:.3s}.journey-connect-caption{position:absolute;bottom:-9px;left:0;right:0;text-align:center;font-size:9px;color:#526987}
.journey-published{text-align:center;inset:17px 20px}.journey-release-mark{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#29408e;color:#fff;font-size:21px;margin:0 auto 12px;box-shadow:0 0 0 7px #29408e0c}.journey-published h3{font-size:24px;line-height:1.2;margin:12px 0 16px}.journey-published>div:last-of-type{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.journey-published>div span{font-size:9px;background:#fff;border:1px solid #d9e4f1;border-radius:20px;padding:8px 10px}.journey-published p{font-size:8px;color:#526987;margin:15px 0 0}
.journey-bottom{padding:17px 20px;border-top:1px solid #e1e8f3}.journey-bottom>span{font-size:11px;line-height:1.5;display:block;min-height:33px;color:#526987}.journey-mini-track{display:flex;gap:7px;margin-top:10px}.journey-mini-track i{height:3px;flex:1;border-radius:2px;background:#d8e2f0;transition:background .4s}.journey-visual[data-stage="0"] .journey-mini-track i:first-child,.journey-visual[data-stage="1"] .journey-mini-track i:nth-child(-n+2),.journey-visual[data-stage="2"] .journey-mini-track i:nth-child(-n+3),.journey-visual[data-stage="3"] .journey-mini-track i{background:#f26b27}
.journey-stops{position:relative;padding-left:0;animation:none!important;opacity:1!important;translate:none!important}.journey-stops:before,.journey-stops:after{content:'';position:absolute;left:19px;top:42px;bottom:80px;width:2px;background:#d5dfed;z-index:0}.journey-stops:after{background:#f26b27;transform:scaleY(var(--journey-progress,0));transform-origin:top;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.journey-stops article{min-height:165px;display:grid;grid-template-columns:40px 1fr;column-gap:24px;padding:25px 0!important;border:0!important;position:relative;background:transparent!important;box-shadow:none!important;opacity:1!important;transform:none!important}.journey-stops article:before{display:none!important}.journey-step{position:relative;z-index:1;grid-row:1/3;width:40px;height:40px;border:1px solid #bccde6;border-radius:50%;background:#f5f7fb;color:#526987;font-size:11px;cursor:pointer;transition:background .35s,color .35s,box-shadow .35s}.journey-stops article h3{margin:4px 0 10px;font-size:19px;color:#29408e}.journey-stops article p{grid-column:2;margin:0;font-size:13px;line-height:1.7;color:#526987}.journey-active .journey-step{color:#fff;background:#29408e;border-color:#29408e;box-shadow:0 0 0 6px #29408e0c}.journey-complete .journey-step{color:#f26b27;border-color:#f26b27;background:#fff}.journey-stops .journey-active h3{color:#002f6d}
@keyframes connectJourney{to{transform:scaleX(1)}}
@media(max-width:1000px){.process-journey{gap:35px}.journey-plane{inset-inline:18px}.journey-node{width:86px}.journey-link{left:82px;right:77px}.journey-brief{padding:17px}.journey-brief>div b{font-size:10px}}
@media(max-width:700px){.process-journey{grid-template-columns:1fr;gap:32px;padding-block:55px}.process-journey .outcome-statement{position:static}.process-journey .outcome-statement h2{font-size:30px}.journey-visual{max-width:400px;margin:25px auto 0}.journey-scene{height:290px}.journey-stops article{min-height:145px;column-gap:18px;padding:20px 0!important}.journey-stops article h3{font-size:17px}.journey-stops article p{font-size:12px}.journey-stops:before,.journey-stops:after{top:40px;bottom:65px}.journey-topline{padding:16px}.journey-bottom{padding:15px 16px}}
@media(prefers-reduced-motion:reduce){.journey-plane,.journey-stops:after,.journey-step,.journey-mini-track i{transition:none!important}.journey-link:after{animation:none!important}.journey-visual[data-stage="2"] .journey-link:after{transform:scaleX(1)}}
@media(max-width:700px) and (min-height:700px){.process-journey .outcome-statement{display:contents}.process-journey .outcome-statement h2{margin:0}.process-journey .journey-visual{position:sticky;top:82px;z-index:3;align-self:start;width:100%;margin:0 auto;box-shadow:0 15px 30px #29408e16}}
@media(max-width:700px) and (min-height:700px){.journey-step{scroll-margin-top:520px;scroll-margin-bottom:80px}}

/* curriculum-motion.css */
.motion-ready{opacity:1!important;animation:none!important;translate:none!important}
.curriculum-studio{background:radial-gradient(ellipse at 90% 0,#29408e80,transparent 55%),#071a3d;padding-block:70px;position:relative}
.curriculum-stage{width:100%;align-self:start}.curriculum-studio .curriculum-title{align-items:center;margin-bottom:25px;gap:25px}.curriculum-studio .curriculum-title h2{font-size:36px;margin:0 0 14px}.curriculum-studio .curriculum-title p{font-size:14px;line-height:1.6;color:#c2cee3}.curriculum-studio .curriculum-duration{border-radius:16px;background:#ffffff06;padding:17px 21px;font-size:13px;line-height:1.6;color:#fff}.curriculum-duration small{color:#c2cee3;font-size:11px}
.curriculum-studio .learning-journey{display:flex;flex-direction:column;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;margin-top:0;gap:18px}
.curriculum-scroll-note{font-size:11px;color:#c2cee3;line-height:1.5;margin:0}
.curriculum-studio .module-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:transparent;padding:0 0 12px;position:relative}
.curriculum-studio .module-selector button{min-width:0;display:grid;grid-template-columns:28px 1fr;gap:8px;padding:16px 12px;background:#ffffff05;border:1px solid #ffffff20;border-radius:12px;min-height:88px;position:relative;color:#fff;transition:background .35s,border-color .35s,transform .35s}
.curriculum-studio .module-selector button>span{font-size:12px;color:#b6c7e7}.curriculum-studio .module-selector button b{font-size:13px;line-height:1.3;color:#d2ddef}.curriculum-studio .module-selector button small{display:block;font-size:10px;color:#b6c7e7;margin-top:7px}.curriculum-studio .module-selector button em{display:none}.curriculum-studio .module-selector button.active{background:#fff;border-color:#fff;transform:translateY(-3px);box-shadow:0 12px 25px #0002}.curriculum-studio .module-selector button.active b{color:#002f6d}.curriculum-studio .module-selector button.active>span{color:#f26b27}.curriculum-studio .module-selector button.active small{color:#526987}
.curriculum-rail-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff20;border-radius:2px;overflow:hidden}.curriculum-rail-progress:after{content:'';position:absolute;inset:0;background:#f26b27;transform:scaleX(var(--rail-progress,.25));transform-origin:left;transition:transform .6s ease}
.curriculum-studio .module-detail{border-radius:20px;padding:25px 30px;background:#fff;min-width:0;box-shadow:0 24px 60px #0002}.curriculum-studio .module-detail-title{display:flex;align-items:center;gap:17px;padding-bottom:18px;border-bottom:1px solid #e1e8f2}.curriculum-studio .module-detail-title>span{font-size:28px;font-weight:500;color:#f26b27}.curriculum-studio .module-detail-title h3{font-size:27px;margin:0;color:#002f6d}
.curriculum-studio .learning-proof{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto;gap:0 35px;margin-top:20px}.curriculum-studio .learning-proof article{display:block;padding:15px 0;border:0;min-width:0}.curriculum-studio .learning-proof article small{font-size:11px;display:block;color:#29408e;font-weight:600;margin-bottom:10px}.curriculum-studio .learning-proof article p{font-size:13px;line-height:1.7;margin:0;color:#526987}.curriculum-studio .learning-proof article:first-child{border-bottom:1px solid #e5ebf4;padding-top:6px}
.curriculum-studio .learning-proof .module-output{grid-column:2;grid-row:1/3;background:#f4f7fc;border:1px solid #e1e8f2;border-radius:14px;padding:18px}.curriculum-studio .module-transition{margin-top:20px;padding-top:16px;gap:15px}.curriculum-studio .module-transition>span{font-size:11px;line-height:1.6;color:#526987}.curriculum-studio .module-transition button{background:#29408e;color:#fff;font-size:11px;border-radius:24px;min-width:105px}
.module-output-visual{height:112px;position:relative;margin-bottom:15px;perspective:800px}.module-output-visual>div{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s,transform .5s;transform:translateY(8px)}.curriculum-stage[data-module="0"] .output-brief,.curriculum-stage[data-module="1"] .output-map,.curriculum-stage[data-module="2"] .output-build,.curriculum-stage[data-module="3"] .output-release{opacity:1;visibility:visible;transform:translateY(0)}
.output-brief{border:1px solid #ccd9ec;border-radius:9px;background:#fff;padding:14px;box-shadow:5px 5px 0 #29408e08}.output-brief>span,.output-build>span{display:block;font-size:7px;letter-spacing:1px;color:#526987}.output-brief>b{display:block;font-size:11px;color:#002f6d;margin-top:8px}.output-brief i{display:block;width:80%;height:4px;background:#dce5f3;margin-top:7px;border-radius:3px}.output-brief i:nth-last-child(2){width:60%}.output-brief i:last-child{width:40%;background:#f26b2750}
.output-map{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.output-map>b{border:1px solid #c6d5eb;background:#fff;border-radius:8px;padding:7px 15px;font-size:9px;font-weight:500}.output-map>div{display:flex;gap:20px;position:relative}.output-map>div:before{content:'';position:absolute;left:25px;right:25px;top:-6px;border-top:1px solid #f26b27}.output-map i{font-style:normal;font-size:9px;padding:8px 13px;border-radius:8px;background:#29408e;color:#fff}
.output-build{border:1px solid #cbd8ec;padding:14px;border-radius:9px;background:#fff}.output-build>div{display:flex;gap:8px;margin:12px 0}.output-build i{flex:1;height:22px;background:#e7edf9;border-radius:5px}.output-build i:first-child{background:#f26b2725}.output-build>b{display:block;font-size:10px;font-weight:500;color:#29408e}
.output-release{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #ccd9ec;border-radius:9px;padding:13px}.output-release>b{font-size:10px;color:#29408e;font-weight:500}.output-release>span{font-size:7px;color:#f26b27;letter-spacing:.8px}
@media(min-width:1000px) and (min-height:760px){.curriculum-studio.curriculum-scrollable{min-height:calc(100vh + 600px)}.curriculum-scrollable .curriculum-stage{position:sticky;top:100px}}
@media(max-width:999px){.curriculum-studio .curriculum-title h2{font-size:32px}.curriculum-studio .module-selector{grid-template-columns:repeat(2,1fr)}.curriculum-studio .module-selector button b{font-size:14px}}
@media(max-width:700px){.curriculum-studio{padding-block:55px}.curriculum-studio .curriculum-title{display:block}.curriculum-studio .curriculum-title h2{font-size:30px}.curriculum-studio .curriculum-duration{display:inline-block;margin-top:18px}.curriculum-studio .module-selector button{padding:14px 10px;grid-template-columns:24px 1fr;min-height:90px}.curriculum-studio .module-selector button b{font-size:12px}.curriculum-studio .module-detail{padding:22px 20px}.curriculum-studio .module-detail-title h3{font-size:23px}.curriculum-studio .module-detail-title>span{font-size:25px}.curriculum-studio .learning-proof{display:flex;flex-direction:column;margin-top:12px;gap:5px}.curriculum-studio .learning-proof .module-output{margin-top:10px;padding:16px}.module-output-visual{height:115px;max-width:300px}.curriculum-studio .module-transition{flex-wrap:wrap}.curriculum-studio .module-transition button{margin-left:auto}.curriculum-scroll-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.curriculum-rail-progress:after,.module-output-visual>div,.curriculum-studio .module-selector button{transition:none!important}.curriculum-studio.curriculum-scrollable{min-height:0!important}.curriculum-scrollable .curriculum-stage{position:static!important}}

/* tool-workspace.css */
.tool-workspace{background:#fff;overflow:clip}.tool-workspace .tool-copy{margin-bottom:35px}.tool-workspace-stage{display:grid;grid-template-columns:280px minmax(0,1fr);gap:38px;align-items:center}
.tool-workspace .tool-line{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;background:none;border:0;position:relative}.tool-workspace .tool-line>i{display:none}.tool-workspace .tool-line button{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:15px;align-items:center;text-align:left;min-height:83px;width:100%;padding:14px 20px;border:1px solid transparent;border-radius:14px;background:transparent;box-shadow:none;transform:none;position:relative;transition:background .3s,border-color .3s,transform .3s}.tool-workspace .tool-line button>b{display:none}.tool-workspace .tool-line button .tool-icon{grid-row:1/3;margin:0;width:44px;height:44px;background:#fff;border:1px solid #e1e8f2;border-radius:12px;display:grid;place-items:center}.tool-workspace .tool-line button img{width:27px;height:27px;object-fit:contain}.tool-workspace .tool-line button strong{font-size:18px;line-height:1.4;margin:0;color:#002f6d}.tool-workspace .tool-line button>span:last-child{font-size:11px;line-height:1.5;margin:0;color:#526987}.tool-workspace .tool-line button.active{background:#f1f5fd;border-color:#cbd8f0;transform:translateX(5px)}.tool-workspace .tool-line button.active:after{content:'↗';position:absolute;right:13px;top:17px;color:#f26b27;font-size:15px}
.tool-build-view{border:1px solid #d8e2f3;border-radius:22px;overflow:hidden;background:#f5f7fc;box-shadow:0 25px 55px #002f6d0c;min-width:0}.tool-view-top{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid #dce5f2;background:#fff}.tool-view-top>span{display:flex;gap:5px}.tool-view-top i{width:5px;height:5px;border-radius:50%;background:#f26b27}.tool-view-top small{font-size:10px;color:#647a99}.tool-view-canvas{height:340px;position:relative;perspective:1200px;background:radial-gradient(ellipse at 75% 45%,#e4ebff,transparent 65%),linear-gradient(#fff0,#ebf0fa);overflow:hidden}.tool-view-canvas:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#29408e06 1px,transparent 1px),linear-gradient(90deg,#29408e06 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000)}
.tool-browser{position:absolute;top:35px;left:9%;width:70%;background:white;border:1px solid #d5dfef;border-radius:12px;box-shadow:15px 20px 0 #29408e08,0 25px 35px #002f6d12;transform:rotateY(-8deg) rotateX(4deg);transition:transform .7s,box-shadow .7s}.mini-nav{padding:14px 18px;display:flex;justify-content:space-between;border-bottom:1px solid #e5ebf6;align-items:center}.mini-nav b{font-size:14px;color:#002f6d}.mini-nav span{font-size:7px;color:#647a99}.mini-site{padding:23px 22px 18px}.mini-site>small{font-size:7px;letter-spacing:1px;color:#f26b27}.mini-site h3{font-size:25px;line-height:1.12;color:#002f6d;margin:10px 0}.mini-site>i{display:block;background:#e1e8f4;height:4px;width:62%;border-radius:4px;margin:12px 0}.mini-site>button{pointer-events:none;padding:7px 10px;border:0;border-radius:5px;color:white;background:#29408e;font-size:8px}.mini-cards{display:flex;gap:9px;margin-top:20px}.mini-cards i{height:34px;flex:1;background:#f0f4fc;border-radius:5px}.mini-cards i:first-child{background:#f26b2720}
.tool-floating{position:absolute;right:5%;top:105px;width:230px;min-height:145px;background:#fff;border:1px solid #d2dff3;border-radius:12px;padding:18px;box-shadow:0 18px 36px #002f6d1a;opacity:0;visibility:hidden;transform:translateY(18px) rotateY(-8deg);transition:opacity .45s,transform .65s,visibility .45s}.tool-floating>span{display:block;font-size:8px;letter-spacing:1px;color:#f26b27;margin-bottom:17px}.tool-floating code{font-size:12px;line-height:1.9;color:#29408e}.tool-floating em{font-style:normal;color:#002f6d}.tool-design>div{display:flex;gap:6px;margin-bottom:16px}.tool-design i{height:35px;flex:1;border:1px solid #cedcf2;border-radius:5px;background:#edf2fc}.tool-design i:nth-child(2){background:#f26b2720}.tool-design>b,.tool-version>b{font-size:12px;color:#29408e;display:block;margin-top:10px;font-weight:500}.tool-data>div{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:8px;color:#526987}.tool-data i{font-style:normal;border-top:1px solid #e1e8f4;padding-top:7px}.tool-live>b{color:#002f6d;font-size:17px}.tool-live p{font-size:11px;color:#526987}.tool-signal{position:absolute;bottom:18px;left:9%;display:flex;align-items:center;gap:8px;font-size:10px;color:#526987}.tool-signal i{height:6px;width:6px;border-radius:50%;background:#f26b27;box-shadow:0 0 0 4px #f26b2714}
.tool-workspace-stage[data-tool="0"] .tool-code,.tool-workspace-stage[data-tool="1"] .tool-design,.tool-workspace-stage[data-tool="2"] .tool-data,.tool-workspace-stage[data-tool="3"] .tool-version,.tool-workspace-stage[data-tool="4"] .tool-live{opacity:1;visibility:visible;transform:translateY(0) rotateY(0)}.tool-workspace-stage[data-tool="1"] .tool-browser{transform:rotateY(0) rotateX(0)}.tool-workspace-stage[data-tool="2"] .tool-browser{transform:rotateY(-5deg) translateX(-8px)}.tool-workspace-stage[data-tool="4"] .tool-browser{transform:rotateY(0) translateY(-5px);box-shadow:0 20px 35px #29408e18}.tool-workspace .tool-note{display:block;margin:0;padding:20px 26px;border:0;border-top:1px solid #d8e2f3;border-radius:0;background:#fff;min-height:100px}.tool-workspace .tool-note>span{font-size:9px;display:block;margin-bottom:8px;color:#f26b27}.tool-workspace .tool-note p{font-size:13px;line-height:1.6;margin:0;color:#526987}.tool-workspace .tool-disclaimer{margin-top:23px}
.workspace-arrived .tool-browser{animation:tool-workspace-enter .8s cubic-bezier(.22,1,.36,1) both}@keyframes tool-workspace-enter{from{opacity:.4;translate:0 22px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.tool-workspace-stage{grid-template-columns:210px minmax(0,1fr);gap:22px}.tool-workspace .tool-line button{padding:12px 10px;column-gap:10px}.tool-floating{width:190px;right:4%}.mini-site h3{font-size:22px}}
@media(max-width:650px){.tool-workspace-stage{display:flex;flex-direction:column;gap:20px;align-items:stretch}.tool-workspace .tool-line{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tool-workspace .tool-line button{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;padding:12px 5px;min-height:110px;border-color:#e1e8f2}.tool-workspace .tool-line button strong{font-size:13px}.tool-workspace .tool-line button>span:last-child{font-size:9px}.tool-workspace .tool-line button.active{transform:translateY(-2px)}.tool-workspace .tool-line button.active:after{display:none}.tool-view-top{padding:0 12px}.tool-view-top small{font-size:8px}.tool-view-canvas{height:310px}.tool-browser{left:6%;width:83%;top:25px}.mini-site h3{font-size:22px}.mini-nav span{font-size:6px}.tool-floating{top:145px;right:6%;width:190px;min-height:125px;padding:14px}.tool-floating>span{margin-bottom:10px}.tool-floating code{font-size:10px}.tool-signal{bottom:12px;left:6%;font-size:8px}.tool-workspace .tool-note{padding:18px}.tool-workspace .tool-copy{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.tool-workspace-stage *{animation:none!important;transition:none!important}.tool-browser,.tool-floating{transform:none!important}}
.tool-workspace .tool-line{display:flex!important;padding:0!important;grid-template-columns:none}.tool-workspace .tool-line button{height:auto}.tool-workspace .tool-line button:last-of-type{max-width:none;grid-column:auto}.tool-workspace .tool-line button:not(.active):after{display:none}.tool-workspace .tool-line button .tool-icon{padding:7px}
@media(max-width:650px){.tool-workspace .tool-line{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-workspace .tool-line button:last-of-type{max-width:none;width:100%}.tool-workspace .tool-line button:after{display:none!important}}

/* preparation-clarity.css */
.prepare.prepare-clear{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;background:#f5f7fc;align-items:start;padding-block:75px}.prepare-clear .prepare-heading h2{color:#002f6d;font-size:40px;line-height:1.12;margin:0 0 20px}.prepare-clear .prepare-heading>p{font-size:15px;line-height:1.7;color:#526987;margin:0}.prepare-optional{display:flex;gap:13px;max-width:360px;border-top:1px solid #d5e0f1;margin-top:35px;padding-top:22px}.prepare-optional>span{font-size:25px;color:#f26b27}.prepare-optional p{font-size:13px;line-height:1.65;color:#526987;margin:0}.prepare-optional b{display:block;font-weight:600;color:#002f6d;margin-bottom:5px}.prepare-essentials article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #d5e0f1}.prepare-essentials article:first-child{padding-top:0}.prepare-essentials article:last-child{border-bottom:0;padding-bottom:0}.prepare-symbol{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;font-size:23px;color:#29408e;background:#fff;border:1px solid #dce5f3;border-radius:12px}.prepare-essentials small{font-size:9px;letter-spacing:.9px;color:#f26b27;display:block;margin:0 0 7px}.prepare-essentials h3{font-size:21px;line-height:1.3;color:#002f6d;margin:0 0 8px}.prepare-essentials p{font-size:14px;line-height:1.65;color:#526987;margin:0}
@media(max-width:800px){.prepare.prepare-clear{gap:40px}.prepare-clear .prepare-heading h2{font-size:34px}.prepare-essentials h3{font-size:19px}}
@media(max-width:600px){.prepare.prepare-clear{grid-template-columns:1fr;gap:30px;padding-block:50px}.prepare-clear .prepare-heading h2{font-size:30px}.prepare-clear .prepare-heading h2 br{display:none}.prepare-clear .prepare-heading>p{font-size:14px}.prepare-optional{margin-top:20px;padding-top:16px;max-width:none}.prepare-essentials article{gap:15px;padding:20px 0}.prepare-essentials h3{font-size:19px}.prepare-essentials p{font-size:13px}}
.prepare-heading h2 br:before{content:' '}
.prepare.prepare-clear{scroll-margin-top:95px}

/* closing-section.css */
.choice.closing-clear{background:radial-gradient(ellipse at 90% 0,#29408e80,transparent 60%),#071a3d;text-align:center;padding-block:65px;scroll-margin-top:85px}.closing-clear h2{font-size:38px;line-height:1.2;color:#fff;margin:0 auto 18px;max-width:620px}.closing-clear .closing-intro{font-size:14px;color:#c7d4eb;margin:0 0 26px}.choice.closing-clear .closing-goals{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto;max-width:900px}.closing-goals button{background:#ffffff06;border:1px solid #ffffff38;border-radius:28px;color:#d6e1f3;padding:12px 18px;font-size:13px;line-height:1.4;transition:background .25s,border-color .25s,color .25s}.closing-goals button:before{display:none}.closing-goals button.active{background:#fff;color:#002f6d;border-color:#fff}.choice.closing-clear .closing-response{display:block;margin:22px auto 30px;max-width:680px;min-height:52px}.closing-response p{font-size:14px;line-height:1.7;color:#c7d4eb;margin:0}.closing-response [hidden]{display:none!important}.choice.closing-clear .closing-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin:0;flex-wrap:wrap}.choice.closing-clear .closing-actions a{background:none;border:0;border-radius:0;color:#d6e1f3;max-width:none;width:auto;padding:10px 0;font-size:13px;display:flex;gap:14px;text-decoration:none}.choice.closing-clear .closing-actions a:first-child{background:#f26b27;color:#fff;padding:16px 24px;border-radius:28px}.choice.closing-clear .closing-actions a:hover{color:#fff}.closing-goals button:focus-visible,.closing-actions a:focus-visible{outline:2px solid #f26b27;outline-offset:4px}
@media(max-width:650px){.choice.closing-clear{padding-block:50px}.closing-clear h2{font-size:29px}.closing-clear .closing-intro{font-size:13px;line-height:1.6}.choice.closing-clear .closing-goals{display:grid;grid-template-columns:1fr 1fr;gap:8px}.closing-goals button{font-size:12px;padding:12px 9px;border-radius:12px}.choice.closing-clear .closing-response{min-height:90px;margin:20px 0}.closing-response p{font-size:13px}.choice.closing-clear .closing-actions{flex-direction:row;gap:14px 20px}.choice.closing-clear .closing-actions a{font-size:11px;gap:8px}.choice.closing-clear .closing-actions a:first-child{width:100%;justify-content:center;font-size:13px}.closing-clear h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.closing-goals button{transition:none}}
.choice.closing-clear .closing-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin:0 auto!important;gap:16px}
.choice.closing-clear .closing-actions a{width:100%!important;min-width:0;max-width:none!important;min-height:56px;padding:16px 22px!important;border:1px solid #ffffff40!important;border-radius:28px!important;background:#ffffff06!important;justify-content:space-between;align-items:center;font-size:14px!important;box-sizing:border-box;color:#fff}
.choice.closing-clear .closing-actions a:first-child{background:#f26b27!important;border-color:#f26b27!important}
.choice.closing-clear .closing-actions a:hover{background:#ffffff12!important;border-color:#ffffff70!important}
.choice.closing-clear .closing-actions a:first-child:hover{background:#e95d1b!important}
@media(max-width:700px){.choice.closing-clear .closing-actions{grid-template-columns:1fr;max-width:440px;gap:12px}.choice.closing-clear .closing-actions a{font-size:14px!important;min-height:52px}}

/* admissions-ui.css */
.enquire.admissions-section{background:#f5f7fc;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;padding-block:75px}.admissions-section>div h2{color:#002f6d;font-size:40px;line-height:1.15;margin-bottom:22px}.admissions-section>div>p{color:#526987!important;font-size:15px;line-height:1.7}.admission-options{display:flex;flex-direction:column;gap:12px;margin-top:30px;max-width:350px}.admission-options button{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:white;border:1px solid #d2def0;border-radius:12px;color:#002f6d;font-size:14px}.admission-options button:first-child{background:#29408e;color:#fff;border-color:#29408e}.admission-options button span{color:#f26b27}.admission-email{display:inline-block;color:#29408e;font-size:12px;margin-top:24px;text-decoration:none}
.admissions-section .admission-form,.admission-dialog .admission-form{display:block;background:#fff;border:1px solid #dce5f2;border-radius:20px;padding:30px;box-shadow:0 15px 45px #002f6d08}.admission-form h3{font-size:24px;color:#002f6d;margin:0 0 8px}.admission-form-intro{color:#526987;font-size:13px;margin:0 0 24px}.admission-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admission-form .admission-field-grid label{display:block;color:#002f6d;font-size:12px}.admission-form .admission-wide{grid-column:1/-1}.admission-form input:not([type=checkbox]),.admission-form textarea{display:block;width:100%;border:1px solid #ccd9eb;border-radius:8px;background:#fafcff;color:#002f6d;padding:12px;margin-top:8px;font-size:14px;min-width:0;box-sizing:border-box}.admission-form textarea{resize:vertical}.admission-form input::placeholder,.admission-form textarea::placeholder{color:#7789a4}.admission-form input:focus,.admission-form textarea:focus{outline:2px solid #29408e40;border-color:#29408e}.admission-form .admission-consent{display:flex;align-items:flex-start;gap:10px;margin-top:20px;color:#526987;font-size:11px;line-height:1.6}.admission-consent input{width:16px;height:16px;flex:0 0 16px;accent-color:#29408e;margin-top:2px}.admission-form .admission-submit{display:block;width:100%;margin-top:18px;background:#f26b27;color:#fff;border:0;border-radius:9px;padding:14px;font-size:14px}.admission-preview-note{font-size:10px!important;line-height:1.6;color:#647a99!important;margin:15px 0 0}.admission-feedback{font-size:12px;color:#29408e;line-height:1.6;margin:12px 0 0}.admission-feedback:empty{display:none}
.admission-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:0;border-radius:20px;padding:30px;color:#002f6d;box-sizing:border-box;box-shadow:0 25px 100px #0004}.admission-dialog::backdrop{background:#071a3db3;backdrop-filter:blur(4px)}.admission-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:27px;color:#526987;padding:4px 8px}.admission-tabs{display:flex;gap:8px;margin:10px 30px 24px 0}.admission-tabs[hidden]{display:none}.admission-tabs button{border:1px solid #d4dff0;border-radius:20px;padding:9px 16px;background:#f5f7fc;color:#29408e;font-size:12px}.admission-tabs button.active{background:#29408e;border-color:#29408e;color:#fff}.admission-dialog h2{font-size:27px;margin:15px 0 10px;line-height:1.2}.admission-dialog>p{font-size:13px;line-height:1.6;color:#526987}.admission-dialog .admission-form{border:0;box-shadow:none;padding:15px 0 0;border-radius:0}.admission-seat-note{font-size:10px!important;margin-top:18px}.hero-resource-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}.hero-resource-actions button{border:0;background:none;padding:0;color:#29408e;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:4px}
@media(max-width:750px){.enquire.admissions-section{grid-template-columns:1fr;gap:30px;padding-block:50px}.admissions-section>div h2{font-size:30px}.admission-options{max-width:none}.admissions-section .admission-form{padding:22px}.admission-field-grid{grid-template-columns:1fr;gap:16px}.admission-form h3{font-size:22px}.admission-dialog{padding:24px 20px}.admission-dialog h2{font-size:24px}.hero-resource-actions{gap:16px}}
@media(prefers-reduced-motion:no-preference){.admission-dialog[open]{animation:admission-open .22s ease-out}@keyframes admission-open{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
.enquire.admissions-section.admissions-buttons-only{display:block;text-align:center}.admissions-buttons-only>div{max-width:850px;margin:auto}.admissions-buttons-only .admission-options{flex-direction:row;max-width:none;justify-content:center}.admissions-buttons-only .admission-options button{flex:1;gap:20px}.admissions-buttons-only .admission-email{margin-top:22px}.brochure-ready-link{display:inline-block;color:#29408e;font-weight:600;margin-top:10px;text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.admissions-buttons-only .admission-options{flex-direction:column}}
.hero .actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px!important}
.hero .actions a{display:inline-flex!important;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:14px 24px!important;border-radius:12px!important;box-sizing:border-box;font-size:14px!important;font-weight:600;text-decoration:none!important}
.hero .actions a[href="#curriculum"]{border:1px solid #bccce3!important;background:#fff!important;color:#002f6d!important}
.hero .hero-resource-actions{gap:12px;margin-top:12px}
.hero .hero-resource-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #bccce3;border-radius:12px;background:#f5f8fd;color:#002f6d;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.hero .hero-resource-actions button:hover,.hero .actions a[href="#curriculum"]:hover{background:#eaf0fa!important;border-color:#29408e!important}
.hero .hero-resource-actions button:focus-visible,.hero .actions a:focus-visible{outline:3px solid #ff6a21;outline-offset:3px}
.enquire.admissions-section .admission-form{min-width:0;color:#002f6d}
@media(max-width:500px){.hero .actions a,.hero .hero-resource-actions button{flex:1 1 140px;padding-inline:14px!important}.hero .hero-resource-actions{width:100%}}

/* admissions-reference.css */
.admission-dialog{width:min(730px,calc(100vw - 28px));padding:8px;background:#08152e;border:1px solid #223c60;border-radius:32px;max-height:calc(100dvh - 28px)}
.admission-dialog .admission-tabs{margin:0 0 8px;padding:5px 55px 5px 5px;gap:6px;min-height:65px}
.admission-dialog .admission-tabs button{flex:1;border:0;background:transparent;color:#bdc9dc;border-radius:18px;font-size:14px;font-weight:700;padding:16px}
.admission-dialog .admission-tabs button.active{background:#fff;color:#003574}
.admission-dialog .admission-close{z-index:2;top:15px;right:15px;border:1px solid #d4dfed;background:#fff;border-radius:50%;width:43px;height:43px;padding:0;color:#003574;box-shadow:0 8px 22px #0002}
.admission-panel{background:#fff;border-radius:26px;padding:36px;color:#003574}
.admission-panel .admission-eyebrow{color:#ff6724;font-size:11px;letter-spacing:.11em;font-weight:800;text-transform:uppercase;margin:2px 0 10px}
.admission-panel h2{font-size:28px;line-height:1.18;max-width:500px;letter-spacing:-.5px;margin:0 0 28px;padding-bottom:28px;border-bottom:1px solid #dde6f3}
.admission-schedule{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #c6d5ed;border-radius:9px;padding:15px 18px;color:#003574;background:#f4f7fc;font-size:15px;font-weight:600;margin-bottom:24px;cursor:pointer}
.admission-schedule[hidden]{display:none}
.admission-panel .admission-form{padding:0}
.admission-panel .admission-field-grid{gap:22px 18px}
.admission-panel .admission-field-grid label{font-size:12px;font-weight:600;color:#476184}
.admission-panel input:not([type=checkbox]){min-height:58px;border-radius:14px;padding:16px 18px;background:#fbfcfe}
.admission-phone{display:flex;align-items:center;border:1px solid #ccd9eb;border-radius:14px;background:#fbfcfe;margin-top:8px;min-height:58px}
.admission-phone>span{padding:0 16px;color:#234878;font-size:14px;border-right:1px solid #d6e1ef}
.admission-panel .admission-phone input{border:0;margin:0;min-width:0;flex:1;background:transparent;outline-offset:-3px}
.admission-panel .admission-consent{border-top:1px solid #e0e8f3;padding-top:22px;margin-top:26px;font-size:12px;font-weight:400}
.admission-consent a{color:#003574;font-weight:600;text-decoration:underline}
.admissions-section .admission-field-grid{gap:22px 18px}
.admissions-section .admission-field-grid label{font-size:12px;font-weight:600;color:#476184}
.admissions-section .admission-form input:not([type=checkbox]){min-height:58px;border-radius:14px;padding:16px 18px;background:#fbfcfe}
.admissions-section .admission-phone input{border:0;margin:0;min-width:0;flex:1;background:transparent!important;outline-offset:-3px}
.admissions-section .admission-consent{border-top:1px solid #e0e8f3;padding-top:22px;margin-top:26px;font-size:12px;font-weight:400}
.admissions-section .admission-submit{min-height:60px;border-radius:16px;background:#12467f;font-weight:700;text-align:left;padding:18px 22px;box-shadow:0 14px 25px #00357425}
.admission-panel .admission-submit{min-height:60px;border-radius:16px;background:#12467f;font-weight:700;text-align:left;padding:18px 22px;box-shadow:0 14px 25px #00357425}
.admission-dialog[data-mode=brochure] .admission-submit{background:linear-gradient(105deg,#002f6d,#29408e 60%,#a05e4a)}
.admission-panel .admission-preview-note{margin-top:16px}
.admission-panel .admission-seat-note{margin:25px 0 0;font-size:10px}
@media(max-width:550px){.admission-panel{padding:26px 20px;border-radius:23px}.admission-panel h2{font-size:24px;padding-bottom:20px;margin-bottom:20px}.admission-dialog .admission-tabs button{font-size:12px;padding:14px 8px}.admission-panel .admission-field-grid{grid-template-columns:1fr;gap:18px}.admission-dialog{border-radius:27px}}

/* connected-workflow.css */
.connected-workflow .tool-view-top b{font-size:12px;color:#003574}.connected-canvas{padding:28px;background:linear-gradient(140deg,#f8faff,#eef3fc)}
.workflow-route{display:grid;grid-template-columns:1fr 18px 1.2fr 18px 1fr 18px 1fr;align-items:center;gap:5px}.workflow-route>span{padding:15px 8px;text-align:center;border:1px solid #d4dff0;border-radius:12px;background:#fff;transition:.3s}.workflow-route b{display:block;color:#003574;font-size:13px}.workflow-route small{display:block;font-size:9px;color:#647a99;margin-top:5px}.workflow-route>i{font-style:normal;color:#f26b27;text-align:center}
.workflow-loop{margin:12px 0 24px;padding:9px;border-bottom:1px dashed #c5d3e8;color:#536c91;font-size:10px;text-align:center}
.connected-result{display:grid;grid-template-columns:minmax(0,1.5fr) 58px minmax(0,1fr);align-items:center}.cafe-workflow-app{border:1px solid #ded9cf;border-radius:15px;background:#f5f0e7;box-shadow:0 18px 30px #002f6d10;overflow:hidden}.cafe-workflow-nav{padding:16px 18px;display:flex;justify-content:space-between;border-bottom:1px solid #ded9cf;gap:10px;color:#35443a}.cafe-workflow-nav b{font-size:19px}.cafe-workflow-nav span{font-size:8px;align-self:center}.cafe-workflow-body{padding:22px 18px}.cafe-workflow-body>small{font-size:8px;letter-spacing:1px;color:#5c685d}.cafe-workflow-body h3{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.15;color:#35443a;margin:12px 0 20px}.booking-example{display:flex;flex-wrap:wrap;gap:6px;font-size:9px}.booking-example>*{padding:9px;background:#fff;border:1px solid #d9d3c7;border-radius:7px;color:#35443a}.booking-example b{background:#35443a;color:#fff}.cafe-workflow-body p{font-size:10px;line-height:1.6;color:#64715f;margin:15px 0 0;min-height:32px}
.workflow-data-link{text-align:center;color:#29408e}.workflow-data-link>span{display:block;font-size:25px}.workflow-data-link small{font-size:8px;display:block;line-height:1.4;padding:4px}.workflow-database{background:#fff;border:1px solid #d4dff0;border-radius:12px;padding:17px;color:#003574;transition:.3s}.workflow-database>b{display:block;font-size:16px}.workflow-database>small{font-size:9px;color:#647a99;display:block;margin-top:5px}.workflow-database>div{border-block:1px solid #e0e7f1;margin:17px 0 10px;padding:10px 0;display:flex;flex-direction:column;gap:7px;font-size:10px}.workflow-database p{font-size:10px;color:#647a99;line-height:1.6;margin:0}
.connected-workflow .is-selected{border-color:#f26b27;background:#fffaf6;box-shadow:0 8px 20px #f26b2714;transform:translateY(-3px)}.workflow-contribution{border-top:1px solid #d4dff0;margin-top:26px;padding-top:20px;min-height:123px}.workflow-contribution small{display:block;color:#e95c20;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.workflow-contribution>b{display:block;font-size:18px;color:#003574}.workflow-contribution p{font-size:12px;color:#536c91;line-height:1.7;margin:10px 0 0}
@media(max-width:900px){.connected-canvas{padding:20px}.connected-result{grid-template-columns:1fr}.workflow-data-link{display:flex;justify-content:center;align-items:center;margin:10px 0}.workflow-data-link>span{transform:rotate(90deg)}.workflow-data-link small{font-size:10px}.workflow-database>div{flex-direction:row;justify-content:space-between}.workflow-route{gap:2px}.workflow-route small{font-size:8px}}
@media(max-width:650px){.connected-workflow .tool-view-top{gap:10px}.connected-workflow .tool-view-top b{font-size:10px}.connected-canvas{padding:16px}.workflow-route{grid-template-columns:1fr 12px 1fr}.workflow-route>span{padding:12px 5px}.workflow-route>i:nth-of-type(2){display:none}.workflow-route>span:nth-of-type(3){grid-column:1}.workflow-route b{font-size:12px}.workflow-loop{font-size:9px;line-height:1.6}.workflow-contribution{min-height:165px}}
@media(prefers-reduced-motion:reduce){.connected-workflow *{transition:none!important}.connected-workflow .is-selected{transform:none}}

/* typography-system.css */
/* Brand-book scale: course information stays readable; mini-app artwork is scoped separately. */
:root{--course-body:16px;--course-caption:13px}
.hero h1{font-size:clamp(40px,4vw,60px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
main section h2{font-size:38px!important;line-height:1.2!important;letter-spacing:-.025em!important}
main section h3{font-size:24px;line-height:1.3}
.hero-body,.hook-intro>p,.idea-origin>p,.project-head>p,.project-description p,.outcome-list article p,.curriculum-title>p,.tool-copy>p,.prepare>div>p,.faq details p,.closing-section>p,.admissions-section>div>p{font-size:16px!important;line-height:1.65!important}
.workflow-contribution p,.tool-workspace .tool-note p,.curriculum-stage p,.curriculum-content p,.curriculum-detail p{font-size:16px!important;line-height:1.65!important;color:#465d7d}
.workflow-contribution>b{font-size:22px;line-height:1.3}
.workflow-contribution small,.tool-view-top small,.tool-disclaimer,.fine{font-size:12px!important;line-height:1.6!important}
.workflow-route b{font-size:15px}.workflow-route small{font-size:12px;line-height:1.4}.workflow-loop{font-size:13px;line-height:1.6}.workflow-data-link small{font-size:12px;line-height:1.5}.workflow-database>small,.workflow-database p,.workflow-database>div{font-size:13px;line-height:1.6}
.tool-workspace .tool-line button>span:last-child{font-size:13px!important;line-height:1.5!important}.tool-workspace .tool-line button strong{font-size:20px!important}
.fees-section .section-heading p{font-size:16px!important;line-height:1.65;max-width:800px}
.fees-section .section-heading h2{font-size:38px!important;line-height:1.2!important}
.fee-categories .fee-category-title{font-size:24px!important;line-height:1.3}
.fee-categories .fee-comparison-table th,.fee-categories .fee-comparison-table td{font-size:14px!important;line-height:1.5;padding:18px 16px}
.fee-categories .fee-comparison-table thead b{font-size:14px!important;line-height:1.4}.fee-categories .fee-comparison-table thead small{font-size:12px!important;line-height:1.5;color:#d6e1f2!important}
.fee-categories .fee-comparison-table .fee-course-head strong{font-size:20px}.fee-categories .fee-comparison-table thead th{height:auto;min-height:172px}
.fee-categories .fee-comparison-table .payable td{font-size:20px!important;line-height:1.4}.fee-categories .fee-comparison-table .payable small{font-size:12px!important;line-height:1.5}
.fee-categories .category-terms h3{font-size:22px!important}.fee-categories .category-terms ol,.fee-categories .category-terms p,.fee-categories .application-fee,.fee-below p{font-size:14px!important;line-height:1.7!important;color:#465d7d}
.admission-form .admission-field-grid label,.admission-form .admission-consent{font-size:14px!important;line-height:1.6!important}.admission-form input:not([type=checkbox]),.admission-form textarea{font-size:16px!important}.admission-preview-note,.admission-seat-note,.admission-panel .admission-seat-note{font-size:13px!important;line-height:1.6!important;color:#465d7d!important}.admission-form-intro,.admission-feedback,.admission-email{font-size:14px!important;line-height:1.6!important}.admission-form .admission-submit{font-size:16px!important}
.admission-panel h2{font-size:28px!important;line-height:1.2!important}.admission-panel .admission-eyebrow{font-size:12px}
@media(max-width:750px){main section h2{font-size:30px!important;line-height:1.22!important}.hero h1{font-size:40px!important}.workflow-route{grid-template-columns:1fr 14px 1fr}.workflow-route>i:nth-of-type(2){display:none}.workflow-route>span:nth-of-type(3){grid-column:1}.workflow-contribution{min-height:0}.connected-result{grid-template-columns:1fr}.workflow-data-link{display:flex;align-items:center;justify-content:center;margin:12px 0}.workflow-data-link>span{transform:rotate(90deg)}.tool-workspace .tool-line button strong{font-size:15px!important}.tool-workspace .tool-line button>span:last-child{font-size:12px!important}.tool-view-top{height:auto;min-height:48px;flex-wrap:wrap;gap:8px;padding:12px}.admission-panel h2{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){.hero h1{animation:none!important}}
@media(max-width:750px){.fees-section .section-heading h2{font-size:30px!important}}

/* journey-connectors.css */
.journey-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.journey-connectors path{fill:none;stroke:#f26b27;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.journey-visual[data-stage="2"] .journey-connectors path{animation:journey-edge-connect .7s ease-out var(--connector-delay) forwards}
@keyframes journey-edge-connect{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.journey-visual[data-stage="2"] .journey-connectors path{animation:none;stroke-dashoffset:0}}

/* workflow-presentation.css */
.connected-workflow .tool-workspace-stage{display:flex;flex-direction:column;gap:28px;align-items:stretch}
.connected-workflow .tool-line{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0!important}
.connected-workflow .tool-line button{min-height:90px;padding:16px 12px!important;grid-template-columns:40px 1fr;column-gap:12px;background:#fff;border:1px solid #e0e7f1;border-radius:14px;transform:none!important}
.connected-workflow .tool-line button.active{background:#f5f7fc;border-color:#29408e;box-shadow:inset 0 -3px #f26b27}
.connected-workflow .tool-line button.active:after{display:none!important}
.connected-workflow .tool-line button strong{font-size:18px!important}
.connected-workflow .tool-line button>span:last-child{font-size:12px!important}
.connected-workflow .tool-build-view{border:0;border-radius:24px;background:#f5f7fc;box-shadow:none}
.connected-workflow .tool-view-top{background:transparent;border-bottom:1px solid #dce4f1;padding:20px 30px;height:auto}
.connected-workflow .tool-view-top b{font-size:16px}
.connected-workflow .connected-canvas{padding:32px;background:transparent;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.9fr);gap:24px 40px;align-items:center}
.connected-workflow .workflow-route{display:none}
.connected-workflow .connected-result{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1.6fr) 70px minmax(0,1fr);gap:8px}
.connected-workflow .workflow-contribution{grid-column:2;grid-row:1;border:0;border-left:2px solid #f26b27;padding:12px 0 12px 25px;margin:0;min-height:0}
.connected-workflow .workflow-contribution>b{font-size:26px;line-height:1.2}
.connected-workflow .workflow-loop{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid #dce4f1;padding:20px 0 0;margin:0;text-align:left;color:#465d7d;font-size:14px}
.connected-workflow .cafe-workflow-app{box-shadow:0 20px 35px #071a3d0d}
.connected-workflow .workflow-data-link small{font-size:11px}
.connected-workflow .workflow-database{padding:18px;box-shadow:0 12px 25px #071a3d06}
.connected-workflow .cafe-workflow-body h3{font-size:30px;line-height:1.15}
@media(max-width:1100px){.connected-workflow .connected-canvas{grid-template-columns:1fr}.connected-workflow .workflow-contribution{grid-column:1;grid-row:2}.connected-workflow .workflow-loop{grid-row:3}.connected-workflow .tool-line button{grid-template-columns:1fr;justify-items:center;text-align:center;gap:7px}.connected-workflow .tool-line button .tool-icon{grid-row:auto}.connected-workflow .connected-result{grid-template-columns:minmax(0,1.6fr) 70px minmax(0,1fr)}}
@media(max-width:650px){.connected-workflow .tool-line{grid-template-columns:repeat(3,minmax(0,1fr))!important}.connected-workflow .tool-line button strong{font-size:15px!important}.connected-workflow .tool-line button{padding:12px 6px!important}.connected-workflow .connected-canvas{padding:20px;gap:24px}.connected-workflow .connected-result{grid-template-columns:1fr}.connected-workflow .workflow-data-link{margin:7px 0;gap:10px}.connected-workflow .workflow-data-link small{font-size:12px}.connected-workflow .workflow-database>div{flex-direction:row;justify-content:space-between}.connected-workflow .tool-view-top{padding:18px 20px;gap:8px}.connected-workflow .workflow-contribution>b{font-size:23px}.connected-workflow .workflow-loop{line-height:1.7}}

/* tool-scenes.css */
.connected-workflow .connected-result{display:block;min-width:0}
.tool-specific-scene{min-height:330px;background:#fff;border:1px solid #d7e2f1;border-radius:18px;padding:25px;box-shadow:0 16px 35px #071a3d08;color:#071a3d}
.scene-instruction{border-left:3px solid #f26b27;padding-left:15px}.scene-instruction small,.scene-code>small,.scene-booking>small{font-size:12px;color:#526987}.scene-instruction p{font-size:17px;line-height:1.5;margin:7px 0 0;color:#003574}
.scene-transfer{display:block;font-size:12px;color:#647a99;margin:17px 0;text-align:center}
.scene-prototype{background:#f5f0e7;border:1px solid #ded9cf;border-radius:12px;padding:20px;color:#35443a}.scene-prototype>b{font-size:20px}.scene-prototype h3{font:400 30px/1.12 Georgia,serif;margin:15px 0}.scene-prototype>div{display:flex;gap:10px;font-size:12px}.scene-prototype>div span{padding:8px 13px;border-radius:6px;background:#fff}.scene-prototype>div span:last-child{background:#35443a;color:#fff}
.scene-code{background:#071a3d;border-radius:12px;padding:20px;margin:22px 0;color:#fff}.scene-code>small{color:#bbcbe5}.scene-code code{display:grid;gap:11px;margin-top:16px;font-size:13px;line-height:1.6;color:#addec8}
.scene-result{display:flex;align-items:flex-start;gap:14px;margin-top:20px}.scene-result>span{display:grid;place-items:center;flex:0 0 32px;height:32px;background:#eef3fb;border-radius:50%;color:#29408e;font-size:19px}.scene-result b{font-size:16px;color:#003574;line-height:1.4}.scene-result p{font-size:14px;line-height:1.6;color:#526987;margin:5px 0 0}
.scene-repository{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e0e7f1}.scene-repository b{font-size:18px;color:#003574}.scene-repository small{font-size:12px;color:#647a99}.scene-commits{list-style:none;padding:0;margin:22px 0}.scene-commits li{display:flex;align-items:center;gap:18px;position:relative;padding:10px 0}.scene-commits li:not(:last-child):before{content:'';width:2px;background:#cedcf0;position:absolute;left:6px;top:27px;bottom:-11px}.scene-commits i{width:14px;height:14px;border-radius:50%;background:#29408e;z-index:1}.scene-commits b{font-size:16px;display:block;color:#003574}.scene-commits small{font-size:12px;display:block;margin-top:5px;color:#647a99}
.scene-deploy-steps{display:grid;gap:16px;padding:23px 0;font-size:15px;color:#29408e}.scene-live{border:1px solid #cadfd6;background:#f6fbf8;padding:18px;border-radius:12px}.scene-live b{font-size:17px;color:#003574}.scene-live p{font-size:14px;line-height:1.6;color:#526987;margin:10px 0 0}.scene-live-dot{display:inline-block;width:8px;height:8px;background:#3b8b67;border-radius:50%;margin-right:8px}.scene-disclosure{display:block;margin-top:16px;font-size:12px;color:#647a99}
.scene-booking{display:flex;flex-direction:column;gap:13px;padding:5px 0 23px}.scene-booking b{font-size:25px;color:#003574}.scene-booking>span{font-size:13px;color:#526987}.scene-data-table{border:1px solid #d8e2ef;border-radius:10px;overflow:hidden}.scene-data-table>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px;font-size:14px}.scene-data-table>div:first-child{background:#eef3fb;color:#003574}.scene-data-table>div:last-child{background:#f8fcfa;color:#345d4a}
@media(prefers-reduced-motion:no-preference){.tool-specific-scene{animation:tool-scene-enter .32s ease-out}@keyframes tool-scene-enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:650px){.tool-specific-scene{padding:20px;min-height:0}.scene-repository{flex-wrap:wrap}.scene-code code{font-size:12px}}

/* tool-learning.css */
.connected-workflow .workflow-contribution{align-self:center}
.connected-workflow .workflow-contribution>small{font-size:13px;text-transform:none;letter-spacing:0;color:#e75c21;font-weight:700}
.connected-workflow .workflow-contribution .tool-definition{font-size:16px!important;line-height:1.65;margin:10px 0 24px;color:#003574}
.connected-workflow .workflow-contribution h3{font-size:21px;line-height:1.3;color:#003574;margin:0 0 14px}
.connected-workflow .workflow-contribution ul{padding-left:19px;margin:0;color:#465d7d;font-size:15px;line-height:1.65}
.connected-workflow .workflow-contribution li+li{margin-top:10px}
.connected-workflow .workflow-contribution li::marker{color:#f26b27}

/* faq-cards.css */
.faq.faq-cards{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.75fr);gap:24px;align-items:start;background:radial-gradient(ellipse at 0 15%,#edf2fa 0,transparent 48%),#fff}
.faq-cards .faq-intro-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#071a3d,#183b76);color:#fff;border-radius:26px;padding:32px;min-height:290px;box-shadow:0 20px 45px #071a3d18}
.faq-cards .faq-intro-card h2{color:#fff!important;margin:0 0 22px;font-size:36px!important;line-height:1.1!important;position:relative;z-index:1}
.faq-cards .faq-intro-card>p{font-size:16px;line-height:1.6;color:#c5d4ea;position:relative;z-index:1;max-width:270px}
.faq-cards .faq-intro-card>small{display:inline-block;margin-top:27px;padding:9px 13px;border:1px solid #ffffff25;border-radius:20px;font-size:11px;color:#ffd4b5;letter-spacing:.05em;text-transform:uppercase}
.faq-watermark{position:absolute;right:-8px;bottom:-35px;font-size:180px;font-weight:700;color:#ffffff08;line-height:1;pointer-events:none}
.faq.faq-cards .faq-intro-card{position:sticky;top:105px;align-self:start;background:radial-gradient(ellipse at 100% 0,#f26b2726,transparent 55%),linear-gradient(135deg,#071a3d,#183b76)}
.faq-intro-card:before{content:none}
.faq-cards .faq-intro-card .faq-watermark{animation:none!important;transform:none!important;opacity:1;color:#ffffff08}
@media(max-width:750px){.faq.faq-cards .faq-intro-card{position:relative;top:auto}}
.faq-cards .accordions{display:grid;gap:16px;min-width:0}
.faq-cards .accordions details{border:1px solid #d6e2f1!important;border-radius:18px;background:#fff;padding:0!important;box-shadow:0 12px 28px #071a3d05;overflow:hidden}
.faq-cards .accordions details[open]{border-color:#aebfe8!important;box-shadow:0 18px 35px #071a3d0b}
.faq-cards .accordions summary{display:grid!important;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:18px;padding:18px 20px!important;font-size:18px;line-height:1.4;list-style:none;cursor:pointer;color:#003574}
.faq-cards summary::-webkit-details-marker{display:none}.faq-cards summary:before,.faq-cards summary:after{display:none!important}
.faq-cards .faq-number{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d4e1f2;background:#f7f9fd;border-radius:50%;font-size:11px;color:#526987;transform:none!important}
.faq-cards details[open] .faq-number{color:#fff;border:0;background:linear-gradient(135deg,#29408e,#f26b27);box-shadow:0 0 0 5px #f26b2710}
.faq-cards .faq-toggle{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #d4e1f2;color:#f26b27;transform:none!important}.faq-toggle:before{content:'+';font-size:21px}.faq-cards details[open] .faq-toggle{background:#f26b27;border-color:#f26b27;color:#fff}.faq-cards details[open] .faq-toggle:before{content:'−'}
.faq-cards .accordions details p{margin:0!important;padding:0 74px 24px!important;font-size:16px!important;line-height:1.65!important;color:#526987}
.faq-cards summary:focus-visible{outline:3px solid #f26b27;outline-offset:-4px;border-radius:16px}
.faq-cards .accordions details{transition:border-color .25s,box-shadow .25s}
@media(prefers-reduced-motion:no-preference){.faq-arrived .faq-intro-card{animation:faq-enter .6s ease-out both}.faq-arrived .accordions details{animation:faq-enter .55s ease-out both}.faq-arrived .accordions details:nth-child(2){animation-delay:.06s}.faq-arrived .accordions details:nth-child(3){animation-delay:.12s}.faq-arrived .accordions details:nth-child(4){animation-delay:.18s}.faq-arrived .accordions details:nth-child(5){animation-delay:.24s}@keyframes faq-enter{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}}
@media(max-width:750px){.faq.faq-cards{grid-template-columns:1fr;gap:24px}.faq-cards .faq-intro-card{min-height:0;padding:26px}.faq-cards .faq-intro-card h2{font-size:30px!important}.faq-cards .faq-intro-card>small{margin-top:10px}.faq-cards .accordions summary{grid-template-columns:30px minmax(0,1fr) 30px;gap:12px;padding:18px 14px!important;font-size:16px}.faq-cards .faq-number,.faq-cards .faq-toggle{width:30px;height:30px}.faq-cards .accordions details p{padding:0 20px 22px 56px!important}}

/* premium-composition.css */
/* Refine the approved composition, not the course structure. */
:root{--premium-shadow:0 24px 60px -24px #071a3d32;--premium-edge:#dce5f2}
.hero{position:relative;background:radial-gradient(ellipse at 77% 35%,#eaf0fc 0,transparent 43%),radial-gradient(ellipse at 12% 80%,#fff5ee 0,transparent 36%),#fff;}
.hero h1{letter-spacing:-1.9px!important;line-height:1.06!important;max-width:560px}
.hero-body{max-width:470px;line-height:1.7!important}
.hero .actions{gap:12px}
.hero .actions :is(a,button){border-radius:28px!important;min-height:48px;box-shadow:0 5px 16px -10px #071a3d55;transition:box-shadow .25s,background .25s;white-space:nowrap}
.hero .actions a:hover{box-shadow:0 10px 24px -12px #071a3d66}
.vibe-portal{border:1px solid #cad6ea;box-shadow:0 32px 65px -22px #071a3d60!important;background:radial-gradient(ellipse at 80% 0,#29408e,#071a3d 65%)!important;transform:none!important}
.vibe-portal>img{opacity:1;filter:brightness(.42) saturate(.8)!important}
.portal-stack{transform-style:flat!important;perspective:none!important;inset:28px 28px 90px}
.portal-layer{transform-style:flat!important;animation:none!important;transition:opacity .65s,transform .8s cubic-bezier(.22,1,.36,1);box-shadow:0 16px 32px #0003;backface-visibility:hidden}
.layer-data{top:12px;left:35%;width:60%;transform:rotate(5deg);background:#29408ed9;border-color:#7890c866;opacity:.8}
.layer-interface{top:96px;left:4%;width:85%;height:205px;transform:rotate(-4deg);border-color:#f6f0e5}
.layer-brief{width:88%;left:0;bottom:0;transform:rotate(1deg);z-index:3}
.portal-meter i{animation:none!important;width:100%;transition:width .8s}
.vibe-portal[data-premium-phase="brief"] .layer-data{opacity:.45}
.vibe-portal[data-premium-phase="brief"] .layer-interface{opacity:.8}
.vibe-portal[data-premium-phase="interface"] .layer-data{opacity:.6}
.vibe-portal[data-premium-phase="brief"] .portal-meter i{width:12%}
.vibe-portal[data-premium-phase="interface"] .portal-meter i{width:60%}
.portal-replay{position:absolute;right:18px;top:17px;z-index:5;border:1px solid #ffffff45;background:#071a3d;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:18px}
.portal-footer{bottom:20px}.portal-footer>span{line-height:1.5!important;max-width:170px}
.sandbox-section{background:radial-gradient(ellipse at 5% 10%,#29408e66,transparent 55%),radial-gradient(ellipse at 98% 85%,#f26b271c,transparent 40%),#071a3d!important}
.unified-experience .hook-intro{max-width:760px;margin-bottom:42px!important}
.unified-experience>.project-tabs{border-radius:18px;padding:8px;box-shadow:inset 0 1px #ffffff18;background:#ffffff06}
.unified-experience>.project-tabs button{border-radius:12px;transition:background .3s,box-shadow .3s}
.vibe-sandbox{border-color:#859bce66;box-shadow:0 30px 70px -20px #0007!important}
.sandbox-preview{background:radial-gradient(ellipse at 65% 30%,#e3ebff,transparent 65%),#f4f7fd!important}
.sandbox-canvas{box-shadow:0 18px 30px -20px #071a3d44}
.process-journey{background:radial-gradient(ellipse at 10% 60%,#eaf0fc,transparent 55%),#f5f7fb!important}
.journey-visual{box-shadow:var(--premium-shadow)!important;border-color:var(--premium-edge)}
.curriculum-studio{background:radial-gradient(ellipse at 95% 0,#29408e90,transparent 60%),radial-gradient(ellipse at 10% 100%,#f26b2715,transparent 45%),#071a3d!important}
.curriculum-studio .module-detail{border:1px solid #e1e8f2;box-shadow:0 30px 60px -25px #0006}
.curriculum-studio .module-output{background:linear-gradient(145deg,#f7f9fe,#eef3fd)!important}
.toolkit{background:radial-gradient(ellipse at 95% 25%,#eef3fe,transparent 45%),#fff!important}
.connected-workflow .tool-line button{box-shadow:0 8px 24px -17px #071a3d30;transition:background .25s,border-color .25s,box-shadow .25s}
.connected-workflow .tool-line button.active{background:#fff!important;border-color:#a1b4df!important;box-shadow:inset 0 -3px #f26b27,0 14px 30px -18px #29408e60!important}
.connected-workflow .tool-build-view{border:1px solid #dce5f2!important;background:linear-gradient(135deg,#f8faff,#f0f4fd)!important;box-shadow:var(--premium-shadow)!important}
.tool-specific-scene{box-shadow:0 20px 45px -25px #071a3d50!important}
.workflow-contribution{border-left-color:#f26b2760!important}
.prepare.prepare-clear{background:#fff!important}
.prepare-essentials{padding:28px 32px;border:1px solid #dce5f2;border-radius:24px;box-shadow:var(--premium-shadow);background:linear-gradient(130deg,#fff,#f6f8fd)}
.prepare-symbol{box-shadow:0 8px 20px -12px #29408e55}
.closing-clear{background:radial-gradient(ellipse at 50% 0,#29408e90,transparent 75%),#071a3d!important}
.enquire.admissions-section{background:radial-gradient(ellipse at 0 50%,#e9f0fd,transparent 55%),#f7f9fd!important}
.premium-enter{animation:premium-enter .7s cubic-bezier(.22,1,.36,1) both!important;animation-delay:var(--premium-delay,0ms)!important}
@keyframes premium-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@media(max-width:700px){
 .hero{padding-top:35px!important}.hero h1{letter-spacing:-1.2px!important;line-height:1.08!important}
 .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero .actions :is(a,button){width:100%!important;min-width:0!important;padding:13px 9px!important;font-size:12px!important;justify-content:center;text-align:center;gap:5px}
 .vibe-portal{height:405px!important;border-radius:22px}.portal-stack{inset:25px 20px 85px}.layer-interface{top:75px;height:185px}.layer-data{height:130px;left:32%;width:65%}.layer-brief{width:94%;padding:16px}.layer-interface p{font-size:25px}
 .portal-footer{left:18px;right:18px}.portal-footer>span{font-size:11px!important;max-width:145px}.portal-footer>a{padding:11px 12px;font-size:12px}
 .unified-experience .hook-intro{margin-bottom:28px!important}.unified-experience>.project-tabs{padding:6px;gap:6px}
 .prepare-essentials{padding:24px 20px;border-radius:20px}.connected-workflow .tool-build-view{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.premium-enter{animation:none!important}.portal-layer,.portal-meter i{transition:none!important}}
/* One consistent two-row action group, including the resource buttons. */
.layer-brief p{padding-right:66px;min-height:24px}
.vibe-portal[data-hook-reveal="none"] .layer-interface,.vibe-portal[data-hook-reveal="none"] .layer-data,.vibe-portal[data-hook-reveal="interface"] .layer-data{opacity:0!important;visibility:hidden;pointer-events:none}
.vibe-portal[data-hook-reveal="interface"] .layer-interface{visibility:visible;animation:hook-card-pop .65s cubic-bezier(.22,1,.36,1) both,hero-interface-depth 8s ease-in-out infinite!important}
.vibe-portal[data-hook-reveal="data"] .layer-data{visibility:visible;animation:hook-card-pop .65s cubic-bezier(.22,1,.36,1) both,hero-data-depth 8s ease-in-out infinite!important}
@keyframes hook-card-pop{from{opacity:0;translate:0 24px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@media(prefers-reduced-motion:reduce){.vibe-portal[data-hook-reveal] .portal-layer{animation:none!important}}
.layer-brief .portal-enter{position:absolute;right:19px;bottom:26px;padding:8px 10px;border:1px solid #d5deed;border-radius:7px;background:#f4f7fc;color:#29408e;font-size:11px;letter-spacing:0;box-shadow:0 3px 0 #d5deed;transition:transform .15s,background .15s,color .15s,box-shadow .15s}
.hook-enter-pressed .portal-enter{transform:translateY(3px);box-shadow:0 0 0 #d5deed;background:#29408e;color:#fff}
.hook-typing .layer-brief p:after{content:'';display:inline-block;width:2px;height:1em;background:#f26b27;margin-left:3px;vertical-align:-2px;animation:hook-caret .6s steps(1) infinite}
@keyframes hook-caret{50%{opacity:0}}
@media(max-width:700px){.layer-brief .portal-enter{right:13px;bottom:24px;font-size:10px;padding:7px}.layer-brief p{padding-right:58px}}
.layer-interface .portal-booking{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;opacity:0;translate:0 8px;transition:opacity .6s,translate .6s}
.portal-booking span{font-size:11px;color:inherit;letter-spacing:0}
.portal-booking b{font:600 11px Aeonik,sans-serif;background:#344638;color:#fff;border-radius:7px;padding:9px;margin:0}
.layer-data .portal-record{font-size:14px;color:#fff;margin-top:17px;opacity:0;transition:opacity .6s}
.portal-record small,.portal-record b{display:block;margin-top:9px;font-size:11px;font-weight:400;color:#d2dcf6}
.vibe-portal[data-hook-step="booking"] .portal-booking,.vibe-portal[data-hook-step="refine"] .portal-booking{opacity:1;translate:0 0}
.vibe-portal[data-hook-step="booking"] .portal-record,.vibe-portal[data-hook-step="refine"] .portal-record{opacity:1}
.vibe-portal[data-hook-step="refine"] .layer-interface{background:#102749;color:#fff;border-color:#45618a;transition:background 1s,color 1s}
.vibe-portal[data-hook-step="refine"] .layer-interface>span{color:#b5c7e5}
.vibe-portal[data-hook-step="refine"] .portal-booking b{background:#fff;color:#102749}
.layer-interface>div:not(.portal-booking){transition:opacity .5s}
.vibe-portal:not([data-hook-step="build"]) .layer-interface>div:not(.portal-booking){display:none}
.vibe-portal:not([data-hook-step="build"]) .layer-interface p{font-size:25px;line-height:1.05;margin:10px 0}
.vibe-portal:not([data-hook-step="build"]) .layer-interface{padding-top:14px}
.vibe-portal:not([data-hook-step="build"]) .layer-interface>b{margin-top:8px}
.vibe-portal:not([data-hook-step="build"]) .layer-interface .portal-booking{margin-top:6px}
.curriculum-scroll-hint{color:#b9c9e4!important}
@media(max-width:700px){.vibe-portal:not([data-hook-step="build"]) .layer-interface p{font-size:21px;margin:8px 0}.vibe-portal:not([data-hook-step="build"]) .layer-interface b{margin-top:7px}}
@media(max-width:700px){.vibe-portal:not([data-hook-step="build"]) .layer-interface{padding:12px 16px}.vibe-portal:not([data-hook-step="build"]) .layer-interface p{font-size:18px;margin:5px 0}.vibe-portal:not([data-hook-step="build"]) .layer-interface .portal-booking{margin-top:3px}.vibe-portal:not([data-hook-step="build"]) .portal-booking b{margin-top:0;padding:5px;font-size:9px}.portal-booking span{font-size:9px}}
@media(max-width:700px){.layer-interface .portal-booking{margin-top:10px}.portal-booking span{font-size:10px}.portal-booking b{padding:7px;font-size:10px}.layer-data .portal-record{font-size:12px;margin-top:10px}.portal-record small,.portal-record b{font-size:10px;margin-top:7px}}
.hero .actions,.hero .hero-resource-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;max-width:480px;gap:12px!important}
.hero .hero-resource-actions{margin-top:12px}
.hero .actions a,.hero .hero-resource-actions button{width:100%;min-width:0;min-height:54px;height:54px;padding:12px 15px!important;border-radius:28px!important;font-size:14px!important;font-weight:500;white-space:nowrap;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:none;gap:8px}
.hero .hero-resource-actions button{background:#fff;border-color:#bccce3}
@media(max-width:500px){.hero .actions,.hero .hero-resource-actions{gap:10px!important}.hero .actions a,.hero .hero-resource-actions button{font-size:12px!important;padding:12px 8px!important;min-height:48px;height:48px}}
/* Independent 3D surfaces prevent intersecting planes while retaining depth. */
@media(prefers-reduced-motion:no-preference){
 .portal-stack{perspective:1100px!important;transform-style:flat!important}
 .portal-layer{transform-origin:center;will-change:transform}
 .layer-data{animation:hero-data-depth 8s ease-in-out infinite!important}
 .layer-interface{animation:hero-interface-depth 8s ease-in-out infinite!important}
 .layer-brief{animation:hero-brief-depth 8s ease-in-out infinite!important}
 @keyframes hero-data-depth{0%,100%{transform:rotateX(3deg) rotateY(-7deg) rotateZ(5deg) translateY(0)}50%{transform:rotateX(-2deg) rotateY(3deg) rotateZ(4deg) translateY(-7px)}}
 @keyframes hero-interface-depth{0%,100%{transform:rotateX(2deg) rotateY(-5deg) rotateZ(-4deg) translateY(0)}50%{transform:rotateX(-2deg) rotateY(4deg) rotateZ(-3deg) translateY(-9px)}}
 @keyframes hero-brief-depth{0%,100%{transform:rotateX(1deg) rotateY(3deg) rotateZ(1deg) translateY(0)}50%{transform:rotateX(-2deg) rotateY(-3deg) rotateZ(0deg) translateY(-5px)}}
 .vibe-portal[data-premium-phase="brief"] .portal-layer{animation-play-state:paused!important}
 .faq-arrived .faq-intro-card,.faq-arrived .accordions details{animation:none!important}
 .faq-cards .faq-motion-in{animation:faq-depth-in .65s cubic-bezier(.22,1,.36,1) both!important}
 @keyframes faq-depth-in{from{opacity:0;transform:perspective(1000px) rotateX(5deg) translateY(24px)}to{opacity:1;transform:perspective(1000px) rotateX(0deg) translateY(0)}}
 .faq-cards .faq-toggle{transition:background .25s,color .25s,border-color .25s}
}

/* fees-categories.css */
.fee-categories .fee-category + .fee-category{margin-top:64px}
.fee-categories .fee-category-title{color:#0a3475;font-size:24px;margin:0 0 18px;letter-spacing:.02em}
.fee-categories .fee-course-head strong{display:block;font-size:18px;margin-bottom:13px;color:#fff}
.fee-categories .fee-course-head b{font-size:13px}
.fee-categories .fee-course-head small:last-child{font-weight:400;font-size:10px;color:#c4d2e8;margin-top:9px}
.fee-categories .fee-comparison-table thead th{height:172px}
.fee-categories .fee-comparison-table .payable small{display:block;font-size:10px;font-weight:500;margin-top:7px;color:#e1e9f5}
.fee-categories .application-fee{padding:18px 22px;display:flex;flex-wrap:wrap;gap:8px 12px;background:#fffaf6;color:#435b7d;font-size:12px;line-height:1.6}
.fee-categories .application-fee b{color:#e95c20}
.fee-categories .category-terms{padding:24px 28px;border:1px solid #d8e2f0;border-left:3px solid #ff6a21;border-radius:14px;background:#fff}
.fee-categories .category-terms h3{font-size:18px;color:#0a3475;margin-bottom:14px}
.fee-categories .category-terms ol{margin:0;padding-left:20px;color:#536c91;font-size:13px;line-height:1.7}
.fee-categories .category-terms li+li{margin-top:6px}
.fee-categories .category-terms p{margin-top:14px;font-size:12px;max-width:none}
@media(max-width:950px){.fee-categories .fee-table-wrap{overflow-x:auto}}
@media(max-width:700px){.fee-categories .category-terms{padding:20px 18px}.fee-categories .fee-category + .fee-category{margin-top:42px}}

/* footer-reference.css */
footer.corporate-footer{display:block!important;background:#f1f5fd!important;color:#526987;padding:64px var(--section-gutter) 24px!important;animation:none!important}
.corporate-footer .footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1120px;margin:0 auto}
.corporate-footer .footer-columns>div{display:block!important;min-width:0}
.corporate-footer .foot-logo{display:flex!important;width:208px;max-width:100%;height:68px;margin:0 0 26px!important;gap:4px!important;align-items:center}
.corporate-footer .foot-logo img:first-child{width:66px!important;height:66px!important;max-height:none!important}.corporate-footer .foot-logo img:last-child{width:138px!important;height:auto!important;max-height:none!important}
.corporate-footer p,.corporate-footer a,.corporate-footer button{font:400 14px/1.5 Aeonik,'DM Sans',sans-serif!important;color:#526987;letter-spacing:0;}
.corporate-footer p{margin:0 0 20px}.corporate-footer strong{font-weight:600;color:#385579}
.corporate-footer h3{font-size:14px!important;line-height:1.4;margin:0 0 20px!important;padding-bottom:9px;border-bottom:2px solid #003574;letter-spacing:.4px;color:#003574;font-weight:700}
.corporate-footer h4{font-size:13px!important;font-weight:600;color:#f26b27;margin:34px 0 5px!important}
.corporate-footer nav{display:flex;flex-direction:column;gap:8px}.corporate-footer a{text-decoration:none}.corporate-footer a:hover{text-decoration:underline;color:#003574}
.corporate-footer .footer-schedule{border:0;padding:0;background:none;text-align:left;cursor:pointer}
.corporate-footer .footer-address-title{margin-top:76px!important}
.corporate-footer .footer-socials{display:flex;gap:10px;margin-top:23px}.corporate-footer .footer-socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d0dbea;border-radius:50%;background:white;color:#003574}
.corporate-footer .footer-bottom{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d1dced;padding-top:23px;margin:40px auto 0;max-width:1120px}
.corporate-footer .footer-bottom small,.corporate-footer .footer-bottom a{font-size:12px!important;line-height:1.4;color:#7389a6}
@media(max-width:900px){.corporate-footer .footer-columns{grid-template-columns:1fr 1fr;gap:40px 28px}.corporate-footer .footer-address-title{margin-top:35px!important}}
@media(max-width:550px){footer.corporate-footer{padding:44px 24px 24px!important}.corporate-footer .footer-columns{grid-template-columns:1fr;gap:34px}.corporate-footer .footer-bottom{margin-top:32px}.corporate-footer h4{margin-top:24px!important}}

/* purposeful-motion.css */
.tool-demo-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #dce5f2}
.tool-demo-controls button{border:1px solid #bfcee6;border-radius:24px;background:#fff;color:#003574;padding:11px 16px;font:500 13px Aeonik,'DM Sans',sans-serif;cursor:pointer;display:flex;gap:20px;align-items:center}
.tool-demo-controls button:disabled{opacity:.65;cursor:progress}.tool-demo-controls>span{font-size:12px;color:#526987;line-height:1.5;flex:1;min-width:150px}
@media(prefers-reduced-motion:no-preference){
 .instruction-changed{animation:instruction-highlight 1s ease-out}
 @keyframes instruction-highlight{0%,35%{box-shadow:0 0 0 3px #f26b2755}100%{box-shadow:0 0 0 0 #f26b2700}}
 .change-theme{animation:theme-reveal .6s ease-out}
 @keyframes theme-reveal{from{opacity:.55}to{opacity:1}}
 .module-output-visual>div{transform-origin:50% 70%}
 .journey-stops:after{transform:scaleY(var(--scroll-journey,var(--journey-progress,0)))!important;transition:transform .15s linear!important}
}
@media(max-width:700px){.tool-demo-controls{gap:12px}.tool-demo-controls>span{flex-basis:100%}}

/* tool-demo.css */
.scene-tool-header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #dce5f2;margin-bottom:18px}
.scene-tool-header img{width:36px;height:36px;object-fit:contain;padding:5px;border:1px solid #dce5f2;border-radius:10px;background:#fff}
.scene-tool-header b{display:block;font-size:20px;color:#002f6d}.scene-tool-header small{display:block;font-size:11px;color:#647a99;margin-top:4px;line-height:1.5}
.scene-workflow-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0 0 22px;counter-reset:step}
.scene-workflow-progress li{counter-increment:step;font-size:11px;line-height:1.5;padding:10px;border:1px solid #dce5f2;border-radius:8px;background:#f6f8fc;color:#647a99}
.scene-workflow-progress li:before{content:counter(step) ' / ';color:#f26b27}.scene-workflow-progress .step-done{border-color:#a2b5dc;color:#002f6d;background:#edf3fd}
.tool-specific-scene .demo-pending{visibility:hidden;opacity:0;pointer-events:none}
.deploy-scene:not([data-demo-step="3"]) .scene-live,.version-scene:not([data-demo-step="3"]) .scene-result{visibility:hidden}
.tool-specific-scene .tool-demo-controls{border-top:1px solid #dce5f2;padding-top:16px;margin-top:22px;gap:14px}
@media(max-width:650px){.scene-workflow-progress{gap:5px}.scene-workflow-progress li{padding:8px 6px;font-size:10px}.scene-tool-header small{font-size:10px}}

/* curriculum-finish.css */
.curriculum-studio .module-detail{padding:30px 32px;border-radius:24px}
.curriculum-studio .module-detail-title{padding-bottom:22px;margin-bottom:0}
.curriculum-studio .learning-proof{grid-template-columns:1fr .9fr;grid-template-rows:min-content 1fr;gap:16px 28px;margin-top:24px;align-items:start}
.curriculum-studio .learning-proof article:not(.module-output){position:relative;padding:22px 24px 22px 66px;border:1px solid #dce5f2;border-radius:14px;background:#f8faff;min-height:140px}
.curriculum-studio .learning-proof article:first-child{padding-top:22px;border-bottom:1px solid #dce5f2}
.curriculum-studio .learning-proof article:nth-child(2){background:#fff9f5;border-color:#f2dfd3}
.curriculum-studio .learning-proof article:not(.module-output):before{content:'◎';position:absolute;left:20px;top:21px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e9effb;color:#29408e;font-size:22px}
.curriculum-studio .learning-proof article:nth-child(2):before{content:'↗';background:#ffeadc;color:#ef6825}
.curriculum-studio .learning-proof article:not(.module-output) small{font-size:16px;font-weight:600;color:#002f6d;margin:2px 0 10px}
.curriculum-studio .learning-proof article:nth-child(2) small{color:#a84416}
.curriculum-studio .learning-proof article small{font-size:13px;margin-bottom:10px}
.curriculum-studio .learning-proof .module-output{padding:20px;background:#f4f7fc!important;border-color:#dce5f2}
.curriculum-studio .module-output-visual{height:235px;margin-bottom:20px}
.module-output-visual>div{padding:20px!important;background:#fff;border:1px solid #d4dfef;border-radius:12px;box-shadow:0 8px 20px -16px #071a3d66;display:block}
.module-output-visual>div>span{font-size:10px;letter-spacing:.07em;color:#647a99;display:block;margin-bottom:12px}
.module-output-visual>div>b{font-size:17px;color:#002f6d;display:block;margin:0 0 16px;line-height:1.4}
.output-brief dl{margin:0}.output-brief dl>div{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:10px 0;border-top:1px solid #e5ebf4}
.output-brief dt{font-size:12px;color:#f26b27}.output-brief dd{margin:0;font-size:13px;line-height:1.5;color:#465d7d}
.module-output-visual .curriculum-example-flow{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0}
.curriculum-example-flow>span{padding:9px 12px;border-radius:7px;background:#edf3fd;color:#29408e;font-size:13px;text-align:center}
.module-output-visual .curriculum-example-flow>i{padding:0;background:none;color:#f26b27;font-style:normal;font-size:16px;text-align:center}
.output-map>div:before{display:none}
.module-output-visual .output-build small{display:block;font-size:11px;line-height:1.5;margin-top:12px;color:#647a99}
.output-release ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:13px;color:#465d7d}
.curriculum-studio .module-transition{padding-top:20px;margin-top:26px}.curriculum-studio .module-transition button{min-height:46px;font-size:13px;padding:12px 20px}
@media(max-width:700px){.curriculum-studio .module-detail{padding:24px 20px}.curriculum-studio .learning-proof{gap:0;margin-top:16px}.curriculum-studio .learning-proof .module-output{width:100%;padding:16px}.curriculum-studio .module-output-visual{max-width:none;height:235px}.module-output-visual>div{padding:16px!important}.curriculum-studio .module-transition{margin-top:20px}}
@media(max-width:700px){.curriculum-studio .learning-proof{gap:14px}.curriculum-studio .learning-proof article:not(.module-output){padding:19px 18px 19px 58px;min-height:0}.curriculum-studio .learning-proof article:not(.module-output):before{left:16px;top:18px;width:28px;height:28px}.curriculum-studio .learning-proof .module-output{margin-top:0}}
/* Let the active example determine its height instead of overflowing a fixed frame. */
.curriculum-studio .module-output-visual{height:auto;max-width:none;margin-bottom:16px;display:grid}
.module-output-visual>div{position:relative;inset:auto;grid-area:1/1;display:none;height:auto;min-height:0;transform:none!important}
.curriculum-stage[data-module="0"] .output-brief,.curriculum-stage[data-module="1"] .output-map,.curriculum-stage[data-module="2"] .output-build,.curriculum-stage[data-module="3"] .output-release{display:block}
.module-output-visual .output-map>b{padding:0;border:0;background:none}
.curriculum-studio .module-detail{padding:24px 28px}
.curriculum-studio .module-detail-title{padding-bottom:16px}
.curriculum-studio .learning-proof{margin-top:18px;gap:12px 24px}
.curriculum-studio .learning-proof article:not(.module-output){min-height:0;padding:18px 20px 18px 60px}
.curriculum-studio .learning-proof article:not(.module-output):before{left:18px;top:18px}
.curriculum-studio .learning-proof .module-output{padding:16px}
.module-output-visual>div{padding:16px!important}
.module-output-visual>div>b{margin-bottom:12px;font-size:16px}
.output-brief dl>div{padding:7px 0}
.curriculum-example-flow>span{padding:7px 10px}
.output-release ul{gap:9px}
.curriculum-studio .module-transition{margin-top:18px;padding-top:16px}
.curriculum-studio .curriculum-title{margin-bottom:16px}
.curriculum-studio .curriculum-title h2{margin-bottom:10px}
.curriculum-studio .module-selector button{min-height:76px}
@media(max-width:700px){.curriculum-studio .module-detail{padding:22px 18px}.curriculum-studio .learning-proof article:not(.module-output){padding:18px 16px 18px 58px}.curriculum-studio .learning-proof{gap:12px}.curriculum-studio .module-output-visual{height:auto}.curriculum-studio .learning-proof .module-output{padding:14px}}
@media(min-width:1000px){
 .curriculum-studio .curriculum-title h2{font-size:32px!important;line-height:1.15!important}
 .curriculum-studio .curriculum-title p{margin:8px 0 0}
 .curriculum-studio .learning-proof article p{font-size:14px!important;line-height:1.6!important}
 .curriculum-studio .learning-proof article:not(.module-output) small{margin-bottom:7px}
 .curriculum-studio .module-detail-title h3{font-size:24px}
 .curriculum-studio .module-detail-title{padding-bottom:12px}
 .curriculum-studio .learning-proof{margin-top:14px}
 .module-output-visual>div{padding:12px!important}
 .module-output-visual>div>span{margin-bottom:8px;font-size:9px}
 .module-output-visual>div>b{font-size:15px;margin-bottom:10px}
 .module-output-visual .curriculum-example-flow{gap:2px}
 .curriculum-example-flow>span{padding:5px 8px;font-size:12px}
 .output-release ul{font-size:12px;gap:7px}
 .curriculum-studio .module-transition{margin-top:12px;padding-top:12px}
}

/* connected-backgrounds.css */
/* Shared contour language, with quiet reading surfaces. */
.course-flow-texture canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.course-flow-texture.shader-ready svg{display:none}
.course-flow-texture.shader-ready:after{background:#071a3d80}
.closing-clear .course-flow-texture.shader-ready:after{background:#071a3d99}
.unified-experience,.curriculum-studio,.closing-clear,.process-journey,.toolkit{position:relative;isolation:isolate}
.course-flow-texture{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;contain:paint}
.unified-experience>.course-flow-texture,.curriculum-studio>.course-flow-texture,.choice.closing-clear>.course-flow-texture{position:absolute;inset:0;display:block;margin:0;padding:0;max-width:none;width:auto;height:auto;transform:none}
.course-flow-texture svg{width:120%;height:120%;position:absolute;left:-10%;top:-10%;opacity:.65}
.course-flow-texture path{fill:none;stroke:#5477d0;stroke-width:40;filter:blur(9px)}
.course-flow-texture path:nth-child(2n){stroke:#29408e;stroke-width:40}.course-flow-texture path:nth-child(3n){stroke:#f26b27;stroke-width:8;filter:blur(5px);opacity:.4}
.course-flow-texture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071a3d55,#071a3d22 50%,#071a3d55)}
.curriculum-studio .course-flow-texture svg{transform:rotate(180deg);opacity:.55}
.closing-clear .course-flow-texture svg{opacity:.4}
.unified-experience>*:not(.course-flow-texture),.curriculum-studio>*:not(.course-flow-texture),.closing-clear>*:not(.course-flow-texture){z-index:1}
.unified-experience>.hook-layout,.unified-experience>.hook-intro,.unified-experience>.project-tabs,.unified-experience>.vibe-sandbox,.curriculum-stage,.closing-clear>*:not(.course-flow-texture){position:relative;z-index:1}
.course-contours{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.course-contours:before,.course-contours:after{content:'';position:absolute;width:900px;height:900px;left:-640px;top:-350px;border:1px solid #29408e09;border-radius:44%;box-shadow:0 0 0 35px #29408e03,0 0 0 75px #29408e02,0 0 0 120px #29408e02;transform:rotate(20deg)}
.course-contours:after{left:auto;right:-730px;top:auto;bottom:-420px;width:1050px;height:1050px;transform:rotate(-30deg)}
@media(prefers-reduced-motion:no-preference){.background-in-view .course-flow-texture svg{animation:course-liquid-drift 18s ease-in-out infinite alternate}.curriculum-studio.background-in-view .course-flow-texture svg{animation-name:course-liquid-return}@keyframes course-liquid-drift{from{transform:translate(-1%,-2%) rotate(-3deg) scale(1)}to{transform:translate(3%,2%) rotate(4deg) scale(1.08)}}@keyframes course-liquid-return{from{transform:rotate(180deg) translate(-2%,0) scale(1)}to{transform:rotate(184deg) translate(2%,3%) scale(1.07)}}}
@media(max-width:700px){.course-flow-texture svg{opacity:.5}.course-contours:before{left:-750px}.course-contours:after{right:-900px}}

/* ui-finish.css */
/* Final reading and control refinements; preserve the approved composition. */
.curriculum-studio .curriculum-stage .curriculum-scroll-note{color:#c2cee3!important;font-size:13px!important}
.curriculum-studio .module-selector button{background:#10274999;border-color:#ffffff35}
.curriculum-studio .module-selector button.active{background:#fff}
.curriculum-duration{background:#102749b3!important}
.workflow-loop,.tool-attribution{line-height:1.65}
.closing-clear .closing-actions a{background:#071a3d66!important}
.closing-clear .closing-actions a:first-child{background:#f26b27!important}
main :is(a,button,input,textarea,summary):focus-visible,footer :is(a,button):focus-visible{outline:3px solid #f26b27;outline-offset:4px}
.admission-form input:not([type=checkbox]){min-height:52px}
.admission-form input::placeholder{color:#70829c;opacity:1}
.admission-form .admission-consent{align-items:flex-start}
.category-terms li+li{margin-top:7px}
@media(max-width:750px){
 .tool-workspace .tool-line{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
 .tool-workspace .tool-line button{grid-column:span 2!important;min-height:126px!important;height:auto!important}
 .tool-workspace .tool-line button:nth-of-type(4),.tool-workspace .tool-line button:nth-of-type(5){grid-column:span 3!important}
 .tool-workspace .tool-line button:last-of-type{max-width:none!important}
 .tool-workspace .tool-line button>span:last-child{font-size:11px!important}
 .tool-workspace .tool-view-top{gap:8px;padding:14px 18px}
 .curriculum-studio .module-detail-title{gap:12px}
 .curriculum-studio .module-detail-title h3{font-size:22px}
 .fee-below{gap:16px}
 .closing-clear .closing-actions a{min-height:54px!important}
}

/* advisor-actions.css */
.advisor-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border:1px solid #b9cbe0;border-radius:24px;background:#fff;color:#003574;font-size:14px;font-weight:500;text-decoration:none;box-sizing:border-box}
.advisor-whatsapp:hover{background:#edf5f1;border-color:#6b9b85}
.nav-application-actions{display:flex;align-items:center;gap:10px}
.nav-application-actions .advisor-whatsapp{font-size:13px;min-height:40px;padding:9px 16px;white-space:nowrap}
.admission-options .advisor-whatsapp{justify-content:space-between;border-radius:9px;margin-top:0}
.popup-advisor{margin:0 0 22px;border-radius:9px;background:#edf5f1;border-color:#c4dcd0;color:#245440}
@media(max-width:750px){.nav-application-actions{gap:6px}.nav-application-actions .advisor-whatsapp{font-size:11px;padding:8px 9px;min-height:36px}.nav-application-actions .nav-cta{font-size:11px;padding:9px 12px;min-width:0}.nav .logo{max-width:110px}.nav .logo img{max-width:100%;height:auto}.nav{gap:8px;padding-inline:16px}}

/* home-navigation.css */
.nav nav a:focus-visible{outline:2px solid #29408e;outline-offset:3px}

/* Audit-led legibility corrections, keeping the same hierarchy and layout. */
.project-tabs button.active>b,.module-selector>button.active>span,.application-fee>b{color:#b7460c}
.sandbox-toolbar>small,.sandbox-presets>span,.sandbox-help>summary,.sandbox-trace>span,.sandbox-browser>small,#sandboxVersion,.sandbox-empty>p,.journey-brief>div>span,.output-brief>span,.output-brief dt,.fees-scroll-hint,.footer-bottom small,.footer-bottom a{color:#486384}
.corporate-footer h4{color:#b7460c}
.closing-actions>a:first-child{background:#b94609;color:#fff}