/* A scroll-snap service deck: every service remains directly reachable. */
.services-showcase{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 15%,#3b2059,transparent 55%),#150d26;padding-block:90px;overflow:hidden}
.services-showcase:before{content:"";position:absolute;z-index:-1;width:750px;height:750px;border:1px solid #b79add20;border-radius:50%;inset:-300px auto auto 60%;box-shadow:0 0 0 80px #b79add06,0 0 0 160px #b79add04;animation:service-orbit 24s ease-in-out infinite alternate;pointer-events:none}
@keyframes service-orbit{to{transform:translate(-90px,100px) scale(1.12)}}
.services-intro{max-width:850px}.services-intro h2{font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.06}.services-intro>p:last-child{max-width:600px;font-size:1.1rem;line-height:1.7;color:#c3afda}
.service-deck-controls{display:flex;align-items:center;justify-content:space-between;margin:35px 0 22px;color:#d5c0ee}.service-deck-controls p{font-size:.9rem;letter-spacing:.04em}.service-deck-controls>div{display:flex;gap:10px}.service-deck-controls button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #bda1e14d;background:#b197d00a;color:#f0e6ff;font-size:22px;cursor:pointer;transition:background .3s,transform .3s}.service-deck-controls button:hover{background:#8855ce;transform:translateY(-3px)}
.studio-cards.cinematic-cards{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:15px 5px 35px;perspective:1400px;grid-template-columns:none;overscroll-behavior-x:contain}.cinematic-cards::-webkit-scrollbar{display:none}
.cinematic-cards .studio-card{display:flex;flex:0 0 clamp(310px,39vw,500px);min-width:0;flex-direction:column;scroll-snap-align:center;border:1px solid #b194ce3d;background:linear-gradient(155deg,#38234c,#21152e);border-radius:26px;overflow:hidden;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease,border-color .4s,box-shadow .4s;box-shadow:0 14px 40px #08050d4d;isolation:isolate}
.cinematic-cards .studio-card:hover,.cinematic-cards .studio-card:focus-within{border-color:#b38ee5;box-shadow:0 20px 50px #08050d80}
.cinematic-cards .studio-visual{height:auto;aspect-ratio:1.55;display:block;overflow:hidden;position:relative}.cinematic-cards .studio-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);filter:none}.cinematic-cards .studio-card:hover img{transform:scale(1.055)}
.cinematic-cards .studio-no{display:none}.cinematic-cards .visual-arrow{width:42px;height:42px;bottom:18px;right:18px;backdrop-filter:blur(12px);background:#bc94ff22}
.cinematic-cards .studio-card-copy{padding:26px;display:flex;flex:1;flex-direction:column}.cinematic-cards .studio-tags{font-size:10px;letter-spacing:.12em;color:#bca0dd;min-height:25px}.cinematic-cards h3{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.2;margin:10px 0 16px;color:#f1e6ff}.cinematic-cards h3 a{color:inherit}.cinematic-cards .studio-promise{font-size:1rem;line-height:1.55;color:#c7b2d8;margin:0 0 26px}.cinematic-cards .studio-actions{margin-top:auto;padding-top:20px;border-top:1px solid #ac88c530;gap:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.cinematic-cards .studio-actions>a:first-child{font-size:.95rem;color:#ead9fd}.cinematic-cards .studio-actions button,.cinematic-cards .course-service-action{padding:11px 17px;border-radius:30px;background:#c59aef;color:#271135;font-size:.85rem;border:0;font-weight:600;cursor:pointer;transition:transform .3s,background .3s}.cinematic-cards .studio-actions button:hover{transform:translateY(-3px);background:#dbc0f7}
.application-knowledge{margin:45px 0 60px}.application-knowledge h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.25;margin:12px 0}.application-intro{font-size:1.05rem;color:#84679c}.application-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:25px}.application-card{border:1px solid #e0cef0;border-radius:19px;background:#ffffffcf;overflow:hidden;transition:transform .4s,box-shadow .4s}.application-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px #4a236214}.application-card img{display:block;width:100%;height:auto;aspect-ratio:360/235;object-fit:cover}.application-card>div{padding:19px 20px}.application-card h3{font-size:1.1rem;line-height:1.3;margin:0 0 10px}.application-card p{font-size:1rem;line-height:1.6;margin:0;color:#775c8c}.application-note{font-size:.83rem;color:#9477a8;margin-top:18px}.course-summary-card>img[src$=".svg"]{background:#171023}
:where(.service-deck-controls button,.cinematic-cards):focus-visible{outline:3px solid #c09be9;outline-offset:5px}
@media(max-width:650px){.services-showcase{padding-block:60px}.services-intro h2{font-size:2.6rem}.cinematic-cards .studio-card{flex-basis:87%;border-radius:21px}.cinematic-cards .studio-card-copy{padding:22px}.studio-cards.cinematic-cards{gap:16px}.service-deck-controls{margin-top:22px}.application-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.application-card>div{padding:13px}.application-card h3{font-size:.95rem}.application-card p{font-size:.9rem}.application-knowledge{margin-block:35px}}
@media(prefers-reduced-motion:reduce){.services-showcase:before{animation:none}.cinematic-cards .studio-card,.cinematic-cards img,.application-card{transition:none!important;transform:none!important}}

.course-app-previews{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.course-app-previews img{width:100px;height:auto;border:1px solid #e4d5ef;border-radius:9px}.course-row:has(.course-app-previews){padding-block:24px}@media(max-width:650px){.course-app-previews img{width:85px}}
.service-flow-cue{display:flex;align-items:center;gap:13px;color:#c9b5de;font-size:.95rem;margin:30px 0 14px}.service-flow-cue>span:first-child{font-size:1.7rem;animation:flow-cue 2.4s ease-in-out infinite alternate}@keyframes flow-cue{to{transform:translateX(9px)}}
.studio-cards.free-flow-cards{scroll-snap-type:none;cursor:grab;touch-action:pan-x pan-y}.free-flow-cards.is-dragging{cursor:grabbing;user-select:none}.free-flow-cards.is-dragging a{pointer-events:none}.free-flow-cards .studio-visual img{pointer-events:none;-webkit-user-drag:none;filter:saturate(.85)}.free-flow-cards .studio-card{transform:none;transition:border-color .35s,box-shadow .35s}.free-flow-cards .studio-card:hover{transform:translateY(-5px)}
.course-collection{display:grid;gap:18px;margin:28px 0 50px;padding:0}.course-collection:before,.stage:before,.stage-head,.stage-jump{display:none!important}.course-row{margin:0!important;border:1px solid #ded0ec!important;border-inline-start:1px solid #ded0ec!important;border-radius:17px;background:#ffffffd9!important}.course-row p{color:#8a6b9d!important}.course-row button{color:#7d3abd!important;background:#f0e7fa!important}.course-row:hover{box-shadow:0 10px 35px #45206110}
[data-level]{--level:#8143bc;--level-soft:#f1e9f9;--level-border:#dbc9eb}.course-main .button{background:#7c3aed;border-color:#7c3aed}.course-summary-card>div{background:linear-gradient(180deg,#f3edfa,white 60%)}
.application-card img{height:140px;aspect-ratio:auto;object-fit:contain;padding:28px 35px;background:#fff}.application-card img[src*="app-acc"],.application-card img[src*="app-etabs"],.application-card img[src*="app-safe"]{background:#2a1a3c}
.course-app-previews{gap:12px}.course-app-previews figure{margin:0;padding:11px 15px 9px;border:1px solid #e3d8ed;border-radius:12px;background:#fff;display:flex;align-items:center;gap:10px;min-width:122px}.course-app-previews figure img{width:40px;height:40px;object-fit:contain;padding:0;border:0;border-radius:0}.course-app-previews figcaption{font-size:.8rem;color:#65477e;font-weight:600}.course-app-previews figure:has(img[src*="app-acc"]),.course-app-previews figure:has(img[src*="app-etabs"]),.course-app-previews figure:has(img[src*="app-safe"]){background:#2a1a3c}.course-app-previews figure:has(img[src*="app-acc"]) figcaption,.course-app-previews figure:has(img[src*="app-etabs"]) figcaption,.course-app-previews figure:has(img[src*="app-safe"]) figcaption{color:#eee3fa}
@media(max-width:650px){.application-card img{height:112px;padding:22px}.course-app-previews figure{padding:9px 11px;min-width:110px}.course-app-previews figure img{width:32px;height:32px}.course-app-previews figcaption{font-size:.75rem}.course-collection{gap:14px}}
@media(prefers-reduced-motion:reduce){.service-flow-cue>span:first-child{animation:none}.free-flow-cards .studio-card:hover{transform:none}}

:root{--level:#8143bc;--level-soft:#f1e9f9;--level-border:#dbc9eb}

.path-switch.path-deck{display:flex;gap:18px;border:0;padding:8px 0 18px;margin:24px 0 10px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;align-items:stretch}.path-deck::-webkit-scrollbar{display:none}.path-switch.path-deck>button{flex:1;min-width:0;display:flex;align-items:center;gap:16px;text-align:start;padding:23px 22px;border:1px solid #dbc8ed;border-radius:20px;background:#fff9;color:#5c347e;transition:background .35s,transform .35s,box-shadow .35s}.path-deck>button:hover{transform:translateY(-4px);box-shadow:0 15px 30px #47245c14}.path-switch.path-deck>button[aria-selected=true]{background:linear-gradient(125deg,#7631cb,#52248b);border-color:#7631cb;color:white;box-shadow:0 12px 30px #7028b22b}.path-deck strong{font-size:1.16rem;display:block;line-height:1.25}.path-deck small{display:block;font-size:.8rem;line-height:1.5;font-weight:400;margin-top:9px;opacity:.75}.path-deck .path-symbol{display:grid;place-items:center;flex-shrink:0;width:42px;height:48px;border-radius:13px;background:#b688ea18;font-size:1.8rem}.path-deck>button>span:last-child{margin-inline-start:auto}.path-deck .course-badge{margin:0;font-size:.65rem}.badge-hot{background:#ffe3e7;color:#b82b48;border:1px solid #f8bcc9}.ai-path-header{margin-top:20px}.ai-path-header .course-badge{vertical-align:middle;letter-spacing:0}.design-subpaths{display:flex;gap:10px;margin:18px 0 25px;overflow:auto;scrollbar-width:none}.design-subpaths button{white-space:nowrap;border:1px solid #dcc9ed;border-radius:30px;background:#ffffffb8;color:#7b5198;padding:13px 24px;transition:background .3s,box-shadow .3s}.design-subpaths button[aria-selected=true]{background:#7431b5;border-color:#7431b5;color:#fff;box-shadow:0 6px 20px #6e339522}.course-summary-card>img[src*="app-inventor"]{object-fit:contain;background:#fff;padding:36px;height:230px}
@media(max-width:800px){.path-switch.path-deck{gap:12px;margin-top:20px;padding-bottom:18px}.path-switch.path-deck>button{flex:0 0 260px;padding:20px 18px}.path-deck strong{font-size:1.1rem}.path-deck small{font-size:.76rem}.design-subpaths button{padding:12px 20px}}

.application-card img[src*="app-enscape"]{background:#2a1a3c}.course-app-previews figure:has(img[src*="app-enscape"]){background:#2a1a3c}.course-app-previews figure:has(img[src*="app-enscape"]) figcaption{color:#eee3fa}

.application-gallery:has(>.application-card:only-child){grid-template-columns:minmax(0,360px)}