html,body,#home{max-width:100vw;overflow-x:clip}.hero{min-height:100svh;padding:120px var(--gutter) 64px;background:radial-gradient(circle at 75% 48%, var(--accent-glow), transparent 45%), var(--bg-base);color:var(--text-main);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;display:grid;position:relative}.hero:before{content:"";opacity:.35;background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);pointer-events:none;background-size:60px 60px;position:absolute;inset:0}.hero-copy,.hero-visual{z-index:1;position:relative}.hero-copy{width:min(760px,100%)}.kicker{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:30px;font-size:13px;font-weight:700;display:flex}.kicker span{background:var(--accent);width:32px;height:2px}.hero h1{letter-spacing:-.075em;text-transform:uppercase;color:var(--text-main);margin:0;font-size:clamp(58px,7.2vw,116px);font-weight:800;line-height:.86}.hero h1 em{color:var(--accent);font-style:normal}@keyframes heroCursorBlink{0%,45%{opacity:1}50%,to{opacity:0}}.hero-full-cursor{color:var(--accent);vertical-align:baseline;margin-left:4px;font-size:.85em;animation:.8s infinite heroCursorBlink;display:inline-block}.hero-accent-text{color:var(--accent);font-style:normal}.hero-copy>p{max-width:540px;color:var(--text-muted);margin:28px 0 0;font-size:clamp(16.5px,1.4vw,20px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;min-height:48px;transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:13.5px;font-weight:700;display:inline-flex}.button span{transition:transform .3s var(--ease);font-size:16px}.button:hover{transform:translateY(-2px)}.button:hover span{transform:translate(3px,-3px)}.button.primary{background:var(--accent-btn,var(--accent));color:#0f172a;border-color:var(--accent-btn,var(--accent))}.button.primary:hover{background:var(--accent-bright);border-color:var(--accent-bright);color:#0f172a}.button.ghost{border:1px solid var(--border-strong);background:var(--bg-surface-raised);color:var(--text-main)}.button.ghost:hover{border-color:var(--accent);background:var(--bg-surface);color:var(--text-main)}.button.ghost.dark-border{border-color:var(--border-medium);background:var(--bg-surface-raised);color:var(--text-main)}.button.ghost.dark-border:hover{border-color:var(--accent);background:var(--bg-surface);color:var(--text-main)}.button.dark{background:var(--bg-surface-raised);border:1px solid var(--border-medium);color:var(--text-main)}.button.dark:hover{background:var(--bg-surface-alt);border-color:var(--border-strong)}.micro{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;gap:36px;margin-top:48px;font-size:13.5px;font-weight:600;display:flex}.micro span{position:relative}.micro span+span:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:-18px;transform:translateY(-50%)}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:32px;min-height:auto;padding-top:100px;padding-bottom:48px}.hero-copy{width:100%}.hero h1{font-size:clamp(36px,10vw,60px);line-height:.94}.hero-copy>p{margin-top:16px;font-size:15px;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}.hero-actions .button{text-align:center;justify-content:center;width:100%}.micro{flex-direction:column;gap:8px;margin-top:24px}.micro span+span:before{display:none}.hero-visual{width:100%;min-height:auto;margin-top:10px}.hero-3d-wrapper{aspect-ratio:1;width:100%;max-width:440px;margin:0 auto}.hero-scroll{display:none}}.hero-visual{justify-content:center;align-items:center;width:100%;min-height:min(620px,70svh);display:flex;position:relative}.hero-3d-wrapper{aspect-ratio:1;background:radial-gradient(circle,#ffffff0a,#0000 60%);border:1px solid #ffffff14;place-items:center;width:min(620px,100%);display:grid;position:relative;overflow:hidden}.hero-3d-scene{cursor:grab;width:100%;height:100%;position:relative}.hero-3d-scene:active{cursor:grabbing}.hero-3d-scene .engineering-scene{width:100%;height:100%}.hero-3d-wrapper .hud{z-index:10;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);pointer-events:none;font-size:11px;font-weight:700;position:absolute}.hero-3d-wrapper .hud button,.hero-3d-wrapper .hud a{pointer-events:auto}.hero-3d-wrapper .hud.top-left{top:18px;left:20px}.hero-3d-wrapper .hud.top-right{color:var(--accent);top:18px;right:20px}.hero-3d-wrapper .hud.bottom-left{color:var(--accent);bottom:22px;left:20px}.hero-3d-wrapper .mode-switch{z-index:6;position:absolute;bottom:18px;right:18px}.hero-scroll{right:var(--gutter);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;align-items:center;gap:10px;font-size:11.5px;font-weight:700;display:flex;position:absolute;bottom:32px}.hero-scroll span{color:var(--accent);font-size:14px}.object-stage{aspect-ratio:1;background:radial-gradient(circle,#ffffff0b,#0000 52%);place-items:center;width:min(620px,100%);display:grid;position:relative;overflow:hidden}.object-stage.mode-transitioning .cad-object{animation:engineering-mode-change .52s var(--ease)}.cad-object.mode-changing{will-change:transform}@keyframes engineering-mode-change{0%{opacity:.82;transform:scale(.985)}45%{opacity:1;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.object-stage.mode-transitioning .cad-object{animation:none}}.object-stage:before{content:"";aspect-ratio:1;border:1px solid var(--line-dark);pointer-events:none;border-radius:50%;width:min(78%,720px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff03}.grid{opacity:.5;background-image:linear-gradient(var(--line-dark) 1px, transparent 1px), linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 70%);mask-image:radial-gradient(circle,#000 10%,#0000 70%)}.cad-object{aspect-ratio:1;width:48%;transition:transform .9s var(--ease), opacity .5s var(--ease), filter .7s var(--ease);position:relative;transform:rotate(-16deg)rotateX(8deg)rotateY(-14deg)}.object-stage:hover .cad-object{transform:rotate(-10deg)rotateX(12deg)rotateY(-24deg)scale(1.04)}.core{transition:all .4s var(--ease);background:linear-gradient(135deg,#ffffff1f,#ffffff05);border:1px solid #ffffffb3;position:absolute;inset:22%;box-shadow:inset 0 0 35px #ffffff0a,0 30px 80px #00000080}.core-inset{transition:all .4s var(--ease);background:#00000040;border:1px dashed #ffffff73;position:absolute;inset:32%}.ring{transition:all .4s var(--ease);border:1px solid #ffffff61;border-radius:50%;position:absolute}.r1{border-style:solid;inset:4%}.r2{border-width:1.5px;border-color:#f5ba1399;inset:12%}.r3{border:1px dashed #ffffff40;inset:20%}.arm{width:68%;height:12%;transition:all .4s var(--ease);background:#ffffff0d;border:1px solid #ffffffb3;position:absolute;top:44%;left:16%}.a2{transform:rotate(90deg)}.bracket{width:44%;height:8%;transition:all .4s var(--ease);background:#f5ba1308;border:1px solid #f5ba1366;position:absolute;top:46%;left:28%}.br1{transform:rotate(45deg)}.br2{transform:rotate(-45deg)}.bolt{aspect-ratio:1;border:1.5px solid var(--accent);width:8%;transition:all .4s var(--ease);background:#111416;border-radius:50%;position:absolute;box-shadow:0 0 16px #f5ba1359}.bolt:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:30%}.b1{top:15%;left:46%}.b2{bottom:15%;left:46%}.b3{top:46%;left:15%}.b4{top:46%;right:15%}.center-hub{border:1.5px solid var(--accent);transition:all .4s var(--ease);background:#0d1012;border-radius:50%;position:absolute;inset:41%;box-shadow:0 0 20px #f5ba134d}.center-pin{background:var(--accent);box-shadow:0 0 12px var(--accent);transition:all .4s var(--ease);border-radius:50%;position:absolute;inset:46%}.wire .core{background:0 0;border-color:#f5ba13d9}.wire .core-inset{background:0 0;border-color:#f5ba1380}.wire .arm{background:0 0;border-color:#f5ba13b3}.solid .core{background:linear-gradient(145deg,#b2c5d8,#9bb0c6 55%,#7e97af);border-color:#1e293b;box-shadow:0 20px 50px #000000b3}.solid .core-inset{background:#8aa0b6;border-color:#1e293b}.solid .arm{background:linear-gradient(135deg,#a4b8cc,#7d96ae);border-color:#1e293b}.solid .bracket{background:#9bb0c640;border-color:#1e293b}.solid .ring{border-color:#1e293bd9}.render .core{background:linear-gradient(135deg,#facc15,#eab308 50%,#a16207);border-color:#fef08a;box-shadow:inset 0 0 35px #fef08a66,0 25px 70px #ca8a0466}.render .core-inset{background:linear-gradient(135deg,#ca8a04,#854d0e);border-color:#fde047;box-shadow:inset 0 0 20px #0009}.render .arm{background:linear-gradient(135deg,#eab308,#a16207);border-color:#fef08a;box-shadow:0 10px 30px #ca8a0459}.render .arm.a2{background:linear-gradient(135deg,#fde047,#ca8a04);border-color:#fef9c3;box-shadow:0 10px 30px #ca8a0459}.render .bracket{background:#facc1514;border-color:#facc1599}.render .ring.r1{border-color:#fde047;box-shadow:0 0 25px #facc1566}.render .ring.r2{border-color:#facc15;box-shadow:0 0 25px #eab30873}.render .ring.r3{border-color:#fef08a4d}.render .bolt{background:#1c1917;border-color:#facc15;box-shadow:0 0 16px #facc1580}.render .center-hub{background:#1c1917;border-color:#fef08a;box-shadow:0 0 20px #facc1580}.render .center-pin{background:#facc15;box-shadow:0 0 14px #facc15}.render .cad-object{filter:contrast(1.08)saturate(1.15)}.hud{z-index:2;color:#707575;font-family:var(--font-mono);letter-spacing:.12em;font-size:8px;position:absolute}.hud.top-left{top:12%;left:8%}.hud.top-right{top:12%;right:8%}.hud.bottom-left{color:var(--accent);bottom:12%;left:8%}.hud.bottom-right{bottom:12%;right:8%}.axis{color:#656a6a;font-family:var(--font-mono);align-items:center;gap:4px;font-size:8px;display:flex;position:absolute;bottom:22%;right:14%}.axis i{background:#656a6a;width:14px;height:1px;display:block}.measure{color:#6f7474;font-family:var(--font-mono);letter-spacing:.05em;font-size:8px;position:absolute}.measure:before,.measure:after{content:"";background:#5d6262;position:absolute}.m1{top:27%;left:18%}.m1:before{width:120px;height:1px;top:50%;left:70px}.m2{bottom:29%;right:18%;transform:rotate(90deg)}.m2:before{width:90px;height:1px;top:50%;left:65px}.mode-switch{border:1px solid var(--line-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0c0dbf;padding:3px;display:flex;position:absolute;bottom:5%;right:5%}.mode-switch button,.controls button{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);background:0 0;padding:10px 14px;font-size:12px;font-weight:700}.mode-switch button.active,.controls button.active{background:var(--accent);color:#fff}.statement{padding-bottom:var(--section-space)}.statement-grid{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin:var(--section-space) auto 0;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:end;gap:clamp(50px,10vw,180px);display:grid}.statement h2{letter-spacing:-.065em;max-width:1000px;color:var(--text-main);margin:0;font-size:clamp(42px,6.2vw,94px);font-weight:700;line-height:.94}.statement h2 span{color:var(--text-muted)}.statement-grid p{max-width:380px;color:var(--text-muted);margin:0;font-size:16px;line-height:1.7}.pillars{border-bottom:1px solid var(--border-medium);padding:clamp(48px,6vw,84px) 0 clamp(64px,8vw,100px)}.pillars-head{width:min(var(--container), calc(100% - (var(--gutter) * 2)));flex-direction:column;align-items:flex-start;gap:clamp(18px,2.2vw,28px);margin:0 auto 52px;display:flex}.pillars-head-left{width:100%}.pillars-head-left h2{letter-spacing:-.04em;color:var(--text-main);margin:0;font-size:clamp(34px,4.4vw,62px);font-weight:800;line-height:1.02}.pillars-head-left h2 span{letter-spacing:-.025em;color:var(--accent);white-space:nowrap;margin-top:8px;font-size:clamp(24px,3.6vw,50px);line-height:1.15;display:inline-block}@media (max-width:640px){.pillars-head-left h2 span{white-space:normal}}.pillars-head-right{width:100%;max-width:760px}.pillars-head-right p{color:var(--text-muted);margin:0;font-size:clamp(16px,1.35vw,18.5px);line-height:1.72}.pillars-head-actions{margin-top:18px}.pillar-grid{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin-top:0;border-left:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium);grid-template-columns:repeat(3,1fr);margin-inline:auto;display:grid}@media (max-width:900px){.pillar-grid{border-bottom:none;border-left:none;grid-template-columns:1fr;gap:16px}.pillar{border:1px solid var(--border-medium);border-radius:14px;gap:20px;min-height:auto;padding:24px 20px}}.pillar{border:0;border-top:1px solid var(--border-medium);border-right:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium);background:var(--bg-surface-raised);min-height:520px;color:var(--text-main);text-align:left;cursor:pointer;transition:background .45s var(--ease), transform .45s var(--ease);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:clamp(24px,2.5vw,34px);text-decoration:none;display:flex;position:relative;overflow:hidden}.pillar:before{content:"";opacity:0;transition:opacity .45s var(--ease);background:linear-gradient(135deg,#f5ba130e,#0000 42%);position:absolute;inset:0}.pillar:hover,.pillar.active{background:var(--bg-surface-alt)}.pillar:hover:before,.pillar.active:before{opacity:1}.pillar-card-header,.pillar-card-body,.pillar-card-footer,.pillar-orbit,.pillar-progress{z-index:1;position:relative}.pillar-card-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;display:flex}.pillar-number{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:13.5px;font-weight:700}.pillar-tag{color:var(--accent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:800}.pillar-arrow{color:var(--text-muted);transition:color .3s var(--ease), transform .3s var(--ease);font-size:20px;font-style:normal}.pillar:hover .pillar-arrow,.pillar.active .pillar-arrow{color:var(--accent);transform:translate(3px,-3px)}.pillar-card-body{flex-direction:column;flex-grow:1;justify-content:flex-start;width:100%;display:flex}.pillar-title{letter-spacing:-.035em;max-width:360px;color:var(--text-main);margin-bottom:12px;font-size:clamp(22px,2.2vw,28px);font-weight:700;line-height:1.12;display:block}.pillar-description{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.6}.pillar-orbit{aspect-ratio:1;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;width:min(235px,88%);margin:24px auto 14px;display:grid;position:relative}.pillar-orbit .orbit-line{border:1px solid var(--border-medium);transition:transform .7s var(--ease), border-color .45s var(--ease);border-radius:50%;position:absolute;inset:0;transform:rotate(25deg)scaleY(.45)}.pillar:hover .pillar-orbit .orbit-line{border-color:var(--accent-border,#f5ba1373);transform:rotate(34deg)scaleY(.48)}.pillar-orbit .orbit-line-inner{inset:16%;transform:rotate(-28deg)scaleY(.5)}.pillar:hover .pillar-orbit .orbit-line-inner{border-color:var(--accent-border,#f5ba1359);transform:rotate(-38deg)scaleY(.52)}.pillar-orbit .orbit-core{z-index:2;aspect-ratio:1;border:1px solid var(--accent);background:var(--bg-surface-raised);width:78px;color:var(--accent);font-family:var(--font-mono);box-shadow:0 0 0 10px var(--accent-subtle,#f5ba1309);transition:transform .5s var(--ease), box-shadow .5s var(--ease), background-color .3s var(--ease);border-radius:50%;place-items:center;font-size:26px;font-weight:700;display:grid;position:relative}.pillar:hover .pillar-orbit .orbit-core{box-shadow:0 0 0 16px var(--accent-subtle,#f5ba1312);background:var(--bg-surface-alt);transform:scale(1.08)}.pillar-orbit .orbit-node{z-index:3;aspect-ratio:1;background:var(--accent);width:7px;box-shadow:0 0 12px var(--accent-glow,#f5ba1380);transition:transform .5s var(--ease);border-radius:50%;position:absolute}.pillar-orbit .orbit-node-one{top:18%;left:28%}.pillar:hover .pillar-orbit .orbit-node-one{transform:translate(-2px,-2px)scale(1.15)}.pillar-orbit .orbit-node-two{bottom:23%;right:22%}.pillar:hover .pillar-orbit .orbit-node-two{transform:translate(2px,2px)scale(1.15)}.pillar-orbit .orbit-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.14em;pointer-events:none;transition:color .3s var(--ease);font-size:10.5px;position:absolute}.pillar:hover .pillar-orbit .orbit-label{color:var(--accent)}.pillar-orbit .orbit-label-top{top:4px}.pillar-orbit .orbit-label-bottom{font-weight:700;bottom:4px}.pillar-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding-top:16px;display:flex}.pillar-cta{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .25s var(--ease);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.pillar:hover .pillar-cta{transform:translate(4px)}.pillar-cta-arrow{transition:transform .25s var(--ease);display:inline-block}.pillar:hover .pillar-cta-arrow{transform:translate(2px,-2px)}.pillar-state{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;transition:color .3s var(--ease);font-size:11.5px;font-weight:700}.pillar-action{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;transition:color .3s var(--ease);font-size:11px;font-weight:600}.pillar:hover .pillar-state,.pillar.active .pillar-state,.pillar.active .pillar-action{color:var(--accent)}.card-border-beam,.pillar-border-beam{opacity:0;transition:opacity .3s var(--ease);pointer-events:none;z-index:10}.card-border-beam .border-beam-spinner,.pillar-border-beam .border-beam-spinner{animation-play-state:paused}.pillar:hover .pillar-border-beam,.pillar.active .pillar-border-beam,.pillar:hover .card-border-beam,.pillar.active .card-border-beam,.course-accordion-item:hover .card-border-beam,.course-accordion-item.is-expanded .card-border-beam,.service-accordion-item:hover .card-border-beam,.service-accordion-item.is-expanded .card-border-beam,.cad-render-glass-card:hover .card-border-beam,.hub-card:hover .card-border-beam,.why-card:hover .card-border-beam,.process-step:hover .card-border-beam,.enquiry-form:hover .card-border-beam,.enquiry-form:focus-within .card-border-beam,.contact-option-card:hover .card-border-beam,.why-community-strip:hover .card-border-beam,.why-metrics-bar:hover .card-border-beam,.sample-class-card:hover .card-border-beam,.sample-class-card.is-playing .card-border-beam,.shuffle-info-panel:hover .card-border-beam,.shuffle-card-item:hover .card-border-beam,.software-pill-card:hover .card-border-beam,.drawing-card:hover .card-border-beam,.hub-sample-card:hover .card-border-beam,.hub-banner-strip:hover .card-border-beam{opacity:1}.pillar:hover .pillar-border-beam .border-beam-spinner,.pillar.active .pillar-border-beam .border-beam-spinner,.pillar:hover .card-border-beam .border-beam-spinner,.pillar.active .card-border-beam .border-beam-spinner,.course-accordion-item:hover .card-border-beam .border-beam-spinner,.course-accordion-item.is-expanded .card-border-beam .border-beam-spinner,.service-accordion-item:hover .card-border-beam .border-beam-spinner,.service-accordion-item.is-expanded .card-border-beam .border-beam-spinner,.cad-render-glass-card:hover .card-border-beam .border-beam-spinner,.hub-card:hover .card-border-beam .border-beam-spinner,.why-card:hover .card-border-beam .border-beam-spinner,.process-step:hover .card-border-beam .border-beam-spinner,.enquiry-form:hover .card-border-beam .border-beam-spinner,.enquiry-form:focus-within .card-border-beam .border-beam-spinner,.contact-option-card:hover .card-border-beam .border-beam-spinner,.why-community-strip:hover .card-border-beam .border-beam-spinner,.why-metrics-bar:hover .card-border-beam .border-beam-spinner,.sample-class-card:hover .card-border-beam .border-beam-spinner,.sample-class-card.is-playing .card-border-beam .border-beam-spinner,.shuffle-info-panel:hover .card-border-beam .border-beam-spinner,.shuffle-card-item:hover .card-border-beam .border-beam-spinner,.software-pill-card:hover .card-border-beam .border-beam-spinner,.drawing-card:hover .card-border-beam .border-beam-spinner,.hub-sample-card:hover .card-border-beam .border-beam-spinner,.hub-banner-strip:hover .card-border-beam .border-beam-spinner{animation-play-state:running}.sample-class-card:hover,.cad-render-glass-card:hover,.hub-card:hover,.why-card:hover,.why-community-strip:hover,.why-metrics-bar:hover,.process-step:hover,.shuffle-info-panel:hover,.shuffle-card-item:hover,.software-pill-card:hover,.contact-option-card:hover,.pillar:hover,.pillar.active,.enquiry-form:hover,.enquiry-form:focus-within,.drawing-card:hover,.hub-sample-card:hover,.hub-banner-strip:hover{border-color:#25d36680!important;box-shadow:0 8px 30px #25d36624!important}.cad-render-glass-card,.hub-card,.course-accordion-item,.service-accordion-item,.process-step,.enquiry-form,.contact-option-card,.why-community-strip,.why-metrics-bar,.sample-class-card,.shuffle-info-panel,.software-pill-card,.drawing-card,.hub-sample-card,.hub-banner-strip{position:relative;overflow:hidden}.pillar-progress{display:none}.path-panel{width:min(var(--container), calc(100% - (var(--gutter) * 2)));border:1px solid var(--border-medium);background:var(--bg-surface);border-top:0;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:50px;min-height:360px;margin:0 auto;padding:clamp(34px,4.5vw,56px);display:grid}.path-copy{padding-left:0;position:relative}.path-kicker{align-items:center;gap:14px;margin-bottom:20px;display:flex}.path-kicker .path-index{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;font-size:13.5px;font-weight:700;position:static}.path-kicker .path-line{background:var(--accent);flex-shrink:0;width:28px;height:2px}.path-kicker .path-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700}.path-panel h3{letter-spacing:-.04em;max-width:760px;color:var(--text-main);margin:0;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.05}.path-panel p{max-width:600px;color:var(--text-muted);margin:18px 0 0;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.68}.text-link{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .25s var(--ease);margin-top:24px;font-size:14px;font-weight:700;display:inline-flex}.text-link:hover{transform:translate(4px)}.path-orbit{aspect-ratio:1;place-items:center;width:min(310px,100%);margin-inline:auto;display:grid;position:relative}.orbit-line{border:1px solid var(--border-medium);transition:transform .7s var(--ease), border-color .45s var(--ease);border-radius:50%;position:absolute;inset:0;transform:rotate(25deg)scaleY(.45)}.path-panel:hover .orbit-line{border-color:var(--accent-border,#f5ba1359);transform:rotate(32deg)scaleY(.45)}.orbit-line-inner{inset:16%;transform:rotate(-28deg)scaleY(.5)}.path-panel:hover .orbit-line-inner{transform:rotate(-36deg)scaleY(.5)}.orbit-core{z-index:2;aspect-ratio:1;border:1px solid var(--accent);background:var(--bg-surface-raised);width:108px;color:var(--accent);font-family:var(--font-mono);box-shadow:0 0 0 12px var(--accent-subtle,#f5ba1306);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:50%;place-items:center;font-size:30px;display:grid;position:relative}.path-panel:hover .orbit-core{box-shadow:0 0 0 20px var(--accent-subtle,#f5ba1309);transform:scale(1.06)}.orbit-node{z-index:3;aspect-ratio:1;background:var(--accent);width:7px;box-shadow:0 0 14px var(--accent-glow,#f5ba134d);border-radius:50%;position:absolute}.orbit-node-one{top:19%;left:30%}.orbit-node-two{bottom:24%;right:23%}.orbit-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:12px;position:absolute}.orbit-label-top{top:4%;left:50%;transform:translate(-50%)}.orbit-label-bottom{bottom:9%;right:3%}.courses{padding-bottom:var(--section-space)}.course-head{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:clamp(32px,5vw,64px);margin:0 auto 52px;padding-inline:0;display:grid}.course-head-left h2,.course-head h2{letter-spacing:-.045em;color:var(--text-main);margin:0;font-size:clamp(34px,4.5vw,64px);font-weight:800;line-height:.96}.course-head-left h2 span,.course-head h2 span{color:var(--text-muted)}.course-head-right p,.course-head p{max-width:520px;color:var(--text-muted);margin:0;padding-top:4px;font-size:clamp(15.5px,1.35vw,18px);line-height:1.68}.split-heading{padding-inline:max(var(--gutter), calc((100% - var(--container)) / 2));grid-template-columns:1fr .5fr;align-items:end;gap:clamp(32px,5vw,80px);margin-top:14px;margin-bottom:50px;display:grid}.split-heading h2,.service-head h2,.work-head h2,.play-head h2,.software-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4.5vw,68px);font-weight:800;line-height:.96}.split-heading h2 span,.service-head h2 span,.work-head h2 span,.play-head h2 span,.software-heading h2 span{color:#989a98}.split-heading p{max-width:440px;color:var(--text-muted);margin:0;font-size:clamp(16px,1.35vw,18px);line-height:1.7}.services{padding-bottom:var(--section-space)}.service-head{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:clamp(32px,5vw,64px);margin:0 auto 52px;padding-inline:0;display:grid}.service-head p{max-width:520px;color:var(--text-muted);margin:0;padding-top:4px;font-size:clamp(15.5px,1.35vw,18px);line-height:1.68}.service-list{width:min(var(--container), calc(100% - (var(--gutter) * 2)));border-top:1px solid var(--border-medium);margin-inline:auto}.service-row{border:0;border-bottom:1px solid var(--border-medium);width:100%;min-height:116px;color:var(--text-main);font:inherit;text-align:left;cursor:pointer;transition:background .35s var(--ease), padding .35s var(--ease);background:0 0;grid-template-columns:70px 1fr auto 40px;align-items:center;gap:20px;margin:0;padding:0 18px;display:grid;position:relative;overflow:hidden}.service-row:before{content:"";opacity:0;transition:opacity .35s var(--ease);background:linear-gradient(90deg,#f5ba130e,#0000 45%);position:absolute;inset:0}.service-row:hover,.service-row.active{background:var(--bg-surface-alt);padding-left:28px;padding-right:28px}.service-row:hover:before,.service-row.active:before{opacity:1}.service-number,.service-name,.service-row em,.service-row b{z-index:1;position:relative}.service-number{color:var(--accent);font-family:var(--font-mono);transition:color .3s var(--ease);font-size:13.5px;font-weight:700}.service-row.active .service-number{color:var(--accent)}.service-name{min-width:0}.service-kicker{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.service-row.active .service-kicker{color:var(--text-muted)}.service-row h3{letter-spacing:-.045em;color:var(--text-main);transition:transform .35s var(--ease);margin:0;font-size:clamp(22px,3vw,42px);font-weight:700}.service-row:hover h3,.service-row.active h3{transform:translate(2px)}.service-row em{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;transition:color .3s var(--ease);font-size:12px;font-style:normal;font-weight:600}.service-row.active em{color:var(--text-main)}.service-row b{color:var(--accent);transition:transform .3s var(--ease);font-size:16px}.service-row:hover b,.service-row.active b{transform:translate(3px,-3px)}.service-active-line{z-index:2;background:var(--accent);width:0;height:2px;transition:width .4s var(--ease);position:absolute;bottom:0;left:0}.service-row:hover .service-active-line,.service-row.active .service-active-line{width:100%}.capability-detail{width:min(var(--container), calc(100% - (var(--gutter) * 2)));border-bottom:1px solid var(--line-dark);grid-template-columns:100px minmax(0,1fr) 180px;align-items:center;gap:40px;min-height:300px;margin:0 auto;padding:48px 0;display:grid}.capability-index{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;align-self:start;padding-top:5px;font-size:9px}.capability-copy{max-width:760px}.capability-detail .kicker{margin-bottom:16px}.capability-detail h3{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,72px);line-height:.92}.capability-detail p{max-width:650px;color:var(--text-muted);margin:24px 0 0;font-size:16.5px;line-height:1.7}.capability-mark{aspect-ratio:1;border:1px solid var(--accent);width:150px;color:var(--accent);font-family:var(--font-mono);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-left:auto;display:flex}.capability-detail:hover .capability-mark{transform:rotate(4deg)scale(1.04);box-shadow:0 0 0 12px #f5ba1306}.capability-mark span{font-size:28px;line-height:1}.capability-mark i{background:var(--accent);width:24px;height:1px}.capability-mark small{letter-spacing:.12em;font-size:6px}.work{padding-bottom:var(--section-space)}.work-head{padding-inline:max(var(--gutter), calc((100% - var(--container)) / 2));justify-content:space-between;align-items:end;gap:50px;margin-top:14px;margin-bottom:50px;display:flex}.work-head p{max-width:440px;color:var(--text-muted);margin:0;font-size:clamp(16px,1.35vw,18.5px);line-height:1.7}.cad-render-title-group{max-width:680px}.work.cad-render-bg-section{padding-top:calc(var(--section-space) * .8);padding-bottom:calc(var(--section-space) * 1.1);background:#05080c;flex-direction:column;justify-content:center;min-height:720px;display:flex;position:relative;overflow:hidden}.cad-render-bg-layer{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.cad-render-bg-img{object-fit:cover;object-position:center;filter:brightness(.38)contrast(1.2);transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .6s;transform:scale(1.02)}.work.cad-render-bg-section:hover .cad-render-bg-img{filter:brightness(.42)contrast(1.25);transform:scale(1.04)}.cad-render-bg-overlay{background:linear-gradient(#05080cf0 0%,#05080ca6 30%,#05080cb3 70%,#05080cfa 100%);position:absolute;inset:0}.cad-render-bg-vignette{background:radial-gradient(circle,#05080c33 0%,#05080ce0 100%);position:absolute;inset:0}.cad-render-section-label{z-index:2;position:relative}.cad-render-content{z-index:2;width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin-inline:auto;position:relative}.cad-render-work-head{margin-top:20px!important;margin-bottom:44px!important;padding-inline:0!important}.cad-render-work-head h2{text-shadow:0 4px 28px #000000e6;color:#fff!important;letter-spacing:-.04em!important;font-size:clamp(38px,4.8vw,72px)!important;font-weight:800!important}.cad-render-work-head h2 span{text-shadow:0 0 25px rgba(var(--accent-rgb,245, 158, 11), .5);color:var(--accent)!important}.cad-render-work-head p{text-shadow:0 2px 12px #000000f2;color:#f1f5f9!important;max-width:520px!important;font-size:clamp(16px,1.3vw,18px)!important;line-height:1.7!important}.cad-render-pipeline-tag{border:1px solid rgba(var(--accent-rgb,245, 158, 11), .35);font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f18d9;border-radius:999px;align-items:center;gap:9px;margin-bottom:14px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0006}.cad-render-pipeline-tag .tag-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}.cad-render-glass-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.cad-render-glass-card{-webkit-backdrop-filter:blur(20px);transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);background:#080c14e0;border:1px solid #ffffff24;border-radius:14px;padding:26px 24px;box-shadow:0 20px 48px #0009}.cad-render-glass-card:hover{background:#0c121ef2;border-color:#25d36680;transform:translateY(-5px);box-shadow:0 24px 56px #000000b3,0 8px 30px #25d36624}.cad-render-stage-badge-row{margin-bottom:12px}.cad-render-stage-num{background:rgba(var(--accent-rgb,245, 158, 11), .18);border:1px solid rgba(var(--accent-rgb,245, 158, 11), .45);font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;border-radius:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.cad-render-stage-title{color:#fff;letter-spacing:-.015em;text-shadow:0 2px 8px #00000080;margin-top:0;margin-bottom:5px;font-size:17px;font-weight:700}.cad-render-stage-sub{font-family:var(--font-mono);color:#94a3b8;letter-spacing:.03em;margin-bottom:12px;font-size:11.5px;font-weight:500}.cad-render-stage-desc{color:#cbd5e1;margin:0;font-size:13.5px;line-height:1.6}[data-theme=light] .work.cad-render-bg-section{background:var(--bg-base)}[data-theme=light] .cad-render-bg-img{filter:brightness(1.18)contrast(1.06)saturate(1.15);opacity:.82}[data-theme=light] .work.cad-render-bg-section:hover .cad-render-bg-img{filter:brightness(1.24)contrast(1.1);transform:scale(1.04)}[data-theme=light] .cad-render-bg-overlay{background:linear-gradient(#e9edf2db 0%,#f4f6fa70 30%,#f4f6fa80 70%,#e9edf2f0 100%)}[data-theme=light] .cad-render-bg-vignette{background:radial-gradient(circle,#f4f6fa1a 0%,#dae1ebb8 100%)}[data-theme=light] .cad-render-work-head h2{color:var(--text-main)!important;text-shadow:0 2px 14px #0f172a1a!important}[data-theme=light] .cad-render-work-head h2 span{color:var(--accent)!important;text-shadow:none!important}[data-theme=light] .cad-render-work-head p{color:var(--text-muted)!important;text-shadow:none!important}[data-theme=light] .cad-render-pipeline-tag{border-color:var(--border-medium);color:var(--accent);background:#ffffffeb;box-shadow:0 4px 14px #0f172a14}[data-theme=light] .cad-render-glass-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-medium);background:#ffffffe0;box-shadow:0 16px 36px #0f172a14}[data-theme=light] .cad-render-glass-card:hover{background:#fffffffa;box-shadow:0 20px 48px #0f172a1f,0 8px 30px #25d36624}[data-theme=light] .cad-render-stage-num{color:var(--accent);background:#b453091f;border-color:#b4530959}[data-theme=light] .cad-render-stage-title{color:var(--text-main);text-shadow:none}[data-theme=light] .cad-render-stage-sub{color:var(--text-subtle)}[data-theme=light] .cad-render-stage-desc{color:var(--text-muted)}@media (max-width:900px){.work.cad-render-bg-section{min-height:auto;padding-top:60px;padding-bottom:60px}.cad-render-work-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px!important}.cad-render-work-head h2{font-size:clamp(32px,8vw,44px)!important}.cad-render-work-head p{max-width:100%!important;font-size:14.5px!important}.cad-render-work-head .work-head-actions{width:100%}.cad-render-work-head .work-head-actions .button{white-space:normal;text-align:center;justify-content:center;width:100%;padding:12px 16px;font-size:13px}.cad-render-glass-grid{grid-template-columns:1fr;gap:16px}.cad-render-glass-card{padding:20px 18px}}.cad-render-3d-console{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin-inline:auto;background:var(--bg-surface-raised);border:1px solid var(--border-medium);border-radius:14px;margin-top:36px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073}.cad-render-top-hud{border-bottom:1px solid var(--border-subtle);background:#0a0e14f2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;display:flex}.cad-render-viewport{background:radial-gradient(circle,#1a222e73 0%,#0a0e14fa 100%);width:100%;height:clamp(480px,58vh,640px);position:relative;overflow:hidden}.transform{width:min(var(--container), calc(100% - (var(--gutter) * 2)));border:1px solid var(--line-light);background:#111315;min-height:620px;margin-inline:auto;position:relative;overflow:hidden}.transform-canvas{--transform-split:50%;min-height:620px;position:relative}.transform-side{place-items:center;min-width:0;display:grid;position:absolute;inset-block:0;overflow:hidden}.transform-cad{width:var(--transform-split);clip-path:inset(0);background:#deddd7;border-right:1px solid #191b1b2e;left:0}.transform-final{width:calc(100% - var(--transform-split));background:#111315;right:0}.transform-side>span{z-index:3;font-family:var(--font-mono);letter-spacing:.1em;font-size:8px;position:absolute;top:24px;left:26px}.transform-cad>span{color:#777a78}.transform-final>span{color:var(--accent)}.transform-side .object-stage{width:90%;max-width:620px}.transform-divider{z-index:8;top:0;bottom:0;left:var(--transform-split);background:var(--accent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:3px;margin-left:-1px;position:absolute}.transform-divider.is-dragging{cursor:grabbing}.transform-divider:before,.transform-divider:after{content:"";background:var(--accent);width:1px;height:18px;position:absolute;left:50%;transform:translate(-50%)}.transform-divider:before{top:0}.transform-divider:after{bottom:0}.transform-divider span{border:1.5px solid var(--accent);background:var(--black);width:52px;height:52px;color:var(--accent);font-family:var(--font-mono);letter-spacing:.1em;transition:transform .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.transform-divider:hover span,.transform-divider.is-dragging span{background:var(--accent);color:var(--black);transform:translate(-50%,-50%)scale(1.18);box-shadow:0 0 24px #b4dc0059}.transform-label{z-index:9;min-width:100px;height:34px;color:var(--accent);font-family:var(--font-mono);letter-spacing:.1em;pointer-events:none;background:#0a0b0be6;border:1px solid #f5ba1373;place-items:center;padding:0 12px;font-size:12px;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.transform-slider{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b0be0;border:1px solid #ffffff24;align-items:center;gap:10px;width:min(220px,28vw);padding:9px 10px;display:flex;position:absolute;bottom:24px;right:24px}.transform-slider input{appearance:none;cursor:ew-resize;background:#555a5a;width:100%;height:2px;margin:0}.transform-slider input::-webkit-slider-thumb{appearance:none;border:1px solid var(--black);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);cursor:ew-resize;border-radius:50%}.transform-slider input::-moz-range-thumb{border:1px solid var(--black);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);cursor:ew-resize;border-radius:50%}.transform-slider-value{color:#d5d7d4;font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;flex:none;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transform-slider input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.playground{padding-bottom:var(--section-space)}.play-head{padding-inline:max(var(--gutter), calc((100% - var(--container)) / 2));margin-top:var(--section-space);grid-template-columns:1.1fr .5fr;align-items:end;gap:clamp(32px,5vw,80px);margin-bottom:70px;display:grid}.play-head p{max-width:440px;color:var(--text-muted);margin:0;font-size:clamp(16px,1.35vw,18.5px);line-height:1.7}.playground-console{width:min(var(--container), calc(100% - (var(--gutter) * 2)));border:1px solid var(--line-dark);background:#111415;margin-inline:auto;position:relative;overflow:hidden}.playground-console-head,.playground-console-meta{z-index:8;color:#666c6b;width:calc(100% - 44px);font-family:var(--font-mono);letter-spacing:.12em;pointer-events:none;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute}.playground-console-head{top:20px;left:22px}.playground-console-meta{bottom:20px;left:22px;right:22px}.playground-object{width:100%}.playground-object .engineering-scene{border:0;width:100%;height:min(680px,72svh);position:relative;overflow:hidden}.playground-object .engineering-scene canvas{display:block;width:100%!important;height:100%!important}.playground-controls{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c0dd6;border:1px solid #d8dedc26;align-items:stretch;gap:18px;padding:8px;display:flex;position:absolute;bottom:22px;left:22px}.playground-controls-label{border-right:1px solid #d8dedc1f;flex-direction:column;justify-content:center;gap:5px;min-width:128px;padding:7px 12px;display:flex}.playground-controls-label span{color:#5f6665;font-family:var(--font-mono);letter-spacing:.13em;font-size:6px}.playground-controls-label strong{color:var(--paper);font-family:var(--font-mono);letter-spacing:.1em;font-size:8px;font-weight:500}.playground-control-buttons{align-items:stretch;display:flex}.playground-control-buttons button{color:#727877;min-width:104px;font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);background:0 0;border:0;align-items:center;gap:9px;padding:9px 12px;font-size:12px;display:flex}.playground-control-buttons button span{color:#4f5554}.playground-control-buttons button b{font-weight:500}.playground-control-buttons button:hover{color:var(--paper)}.playground-control-buttons button.active{background:var(--accent);color:var(--black)}.playground-control-buttons button.active span{color:#0a0c0d8c}.playground-control-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;z-index:2;position:relative}.process{padding-bottom:var(--section-space)}.process>h2{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin:14px auto 50px}.process-grid{width:min(var(--container), calc(100% - (var(--gutter) * 2)));border-top:1px solid var(--border-medium);border-left:1px solid var(--border-medium);grid-template-columns:repeat(5,1fr);margin-inline:auto;display:grid;position:relative}.process-track{z-index:0;background:var(--border-medium);pointer-events:none;height:2px;position:absolute;top:-1px;left:0;right:0}.process-track-progress{background:var(--accent);height:100%;transition:width .5s var(--ease);display:block}.process-step{z-index:1;border:0;border-right:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium);background:var(--bg-surface-raised);min-height:340px;color:var(--text-main);text-align:left;cursor:pointer;transition:background .4s var(--ease), padding .4s var(--ease);flex-direction:column;align-items:flex-start;padding:34px 26px 30px;display:flex;position:relative}.process-step:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:3}.process-step:hover,.process-step.active{background:var(--bg-surface-alt);padding-top:42px}.process-step-marker{border:1px solid var(--border-medium);width:38px;height:38px;color:var(--text-muted);font-family:var(--font-mono);transition:border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.process-step.active .process-step-marker{border-color:var(--accent);background:var(--accent);color:#fff}.process-step-body{flex-direction:column;align-items:flex-start;width:100%;display:flex}.process-step-kicker{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;margin-top:48px;font-size:11.5px;font-weight:700}.process-step strong{letter-spacing:-.045em;color:var(--text-main);margin-top:12px;font-size:clamp(23px,2.2vw,32px);font-weight:700;line-height:.98}.process-step-description{max-width:210px;color:var(--text-muted);margin-top:18px;font-size:14.5px;line-height:1.6}.process-step-arrow{color:var(--text-muted);transition:color .3s var(--ease), transform .3s var(--ease);margin-top:auto;font-size:22px}.process-step:hover .process-step-arrow,.process-step.active .process-step-arrow{color:var(--accent);transform:translate(3px,-3px)}@media (max-width:900px){.process-grid{border-top:none;border-left:none;grid-template-columns:1fr;gap:14px}.process-track{display:none}.process-step{border:1px solid var(--border-medium);background:var(--bg-surface-raised);border-radius:12px;flex-direction:row;align-items:flex-start;gap:16px;min-height:auto;padding:22px 20px;display:flex}.process-step:hover,.process-step.active{background:var(--bg-surface-alt);border-color:var(--accent);padding:22px 20px}.process-step-marker{flex-shrink:0;width:36px;height:36px;margin-top:2px;font-size:13px;position:static}.process-step-body{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.process-step-kicker{margin-top:0;font-size:11px}.process-step strong{margin-top:4px;font-size:20px}.process-step-description{max-width:100%;margin-top:8px;font-size:14px;line-height:1.55}}.software{padding-bottom:var(--section-space)}.software-grid{padding-inline:max(var(--gutter), calc((100% - var(--container)) / 2));border-top:1px solid var(--border-medium);border-left:1px solid var(--border-medium);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:0;margin-top:90px;display:grid}.software-heading{border-right:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium);min-height:430px;padding:38px}.software-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.12em;font-size:12px;font-weight:700}.software-heading h2{letter-spacing:-.065em;color:var(--text-main);margin:44px 0 0;font-size:clamp(48px,6vw,88px);line-height:.88}.software-heading h2 span{color:var(--accent)}.software-heading p{max-width:520px;color:var(--text-muted);margin:32px 0 0;font-size:clamp(16px,1.35vw,18px);line-height:1.7}.software-list{border-bottom:1px solid var(--border-medium);flex-direction:column;display:flex}.software-item{border:0;border-bottom:1px solid var(--border-medium);min-height:78px;color:var(--text-main);text-align:left;cursor:pointer;transition:background .35s var(--ease), padding .35s var(--ease);background:0 0;grid-template-columns:42px 1fr 28px;align-items:center;gap:14px;padding:0 26px;display:grid;position:relative}.software-item:last-child{border-bottom:0}.software-item:before{content:"";background:var(--accent);transform-origin:50%;width:2px;transition:transform .35s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.software-item:hover,.software-item.active{background:var(--bg-surface-alt);padding-left:32px}.software-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:2}.software-item.active:before{transform:scaleY(1)}.software-number{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;font-size:12.5px;font-weight:700}.software-item.active .software-number{color:var(--accent)}.software-name{letter-spacing:-.02em;color:var(--text-main);font-size:17px;font-weight:600}.software-arrow{color:var(--text-muted);transition:color .25s var(--ease), transform .25s var(--ease);font-size:19px}.software-item:hover .software-arrow,.software-item.active .software-arrow{color:var(--accent);transform:translate(3px,-3px)}.software-active-cta{background:var(--bg-surface-raised);border:1px solid var(--border-medium);border-left:3px solid var(--accent);transition:all .25s var(--ease);border-radius:10px;flex-direction:column;gap:6px;margin-top:28px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #00000026}.software-active-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.software-active-title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.software-active-desc{color:var(--text-muted);margin:0 0 10px;font-size:13.5px;line-height:1.5}.software-cta-btn{align-self:flex-start;padding:10px 18px;font-size:13.5px}.software-stack{border-right:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium);background:var(--bg-surface-raised);grid-column:1/-1;grid-template-rows:auto 1fr;grid-template-columns:150px minmax(0,1fr) minmax(180px,.7fr);align-items:center;column-gap:32px;min-height:145px;padding:24px 38px;display:grid}.software-stack-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:12px}.software-stack-main{align-items:baseline;gap:18px;display:flex}.software-stack-main>span{color:var(--accent);font-family:var(--font-mono);font-size:9px}.software-stack-main strong{letter-spacing:-.04em;color:var(--text-main);font-size:clamp(24px,3vw,38px);font-weight:600}.software-stack-line{background:var(--border-medium);height:1px}.software-stack-line span{background:var(--accent);width:62%;height:100%;display:block}.software-stack-meta{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;grid-area:2/3;justify-content:space-between;gap:18px;font-size:12px;display:flex}.engineering-scene{width:100%;height:100%;position:absolute;inset:0}.engineering-scene canvas{display:block;width:100%!important;height:100%!important}.engineering-scene-loading{background:radial-gradient(circle,#ffffff06,#0000 48%);width:100%;height:100%;position:relative}.engineering-scene-loading:before,.engineering-scene-loading:after{content:"";border:1px solid var(--line-dark);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.engineering-scene-loading:before{aspect-ratio:1;width:42%}.engineering-scene-loading:after{aspect-ratio:1;border-color:#f5ba1340;width:28%}.hero-3d-top-bar{z-index:25;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.hero-model-switcher{flex-wrap:wrap;align-items:center;gap:6px;display:flex;pointer-events:auto!important}.hero-model-pill{all:unset;font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);background:var(--bg-surface-raised);border:1px solid var(--border-medium);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;padding:5px 9px;font-size:8px;font-weight:700;transition:all .2s;cursor:pointer!important;pointer-events:auto!important}.hero-model-pill:hover{color:var(--text-main);border-color:var(--border-strong);background:var(--bg-surface-alt)}.hero-model-pill.active{color:var(--accent-contrast);border-color:var(--accent);background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.hero-3d-actions{flex-shrink:0;align-items:center;gap:10px;display:flex;pointer-events:auto!important}.hero-drag-hint{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);pointer-events:none;white-space:nowrap;font-size:8px}.hud-spec-btn{all:unset;font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);background:var(--bg-surface-raised);border:1px solid var(--border-medium);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border-radius:4px;padding:5px 9px;font-size:8px;font-weight:700;transition:all .2s;cursor:pointer!important;pointer-events:auto!important}.hud-spec-btn:hover{color:var(--text-main);border-color:var(--border-strong)}.hud-spec-btn.active{color:var(--accent-contrast);border-color:var(--accent);background:var(--accent)}@media (max-width:640px){.hero-3d-top-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:6px;top:10px;left:10px;right:48px}.hero-model-switcher{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:4px;max-width:calc(100% - 90px);padding-bottom:2px;overflow-x:auto}.hero-model-switcher::-webkit-scrollbar{display:none}.hero-model-pill{white-space:nowrap;flex-shrink:0;padding:4px 7px;font-size:8px}.hero-3d-actions{flex-shrink:0;gap:4px}.hud-spec-btn{padding:4px 7px;font-size:8px}.hero-drag-hint{display:none}.cad-3d-zoom-hud{gap:3px;padding:3px;top:10px;right:8px}.cad-zoom-hud-btn{width:28px;height:28px}.cad-zoom-hud-btn svg{width:14px;height:14px}.mode-switch{gap:2px;padding:3px;bottom:10px;right:10px}.mode-switch button{padding:4px 8px;font-size:8.5px}.hud.bottom-left{max-width:calc(100% - 150px);bottom:10px;left:10px}}.cad-3d-tooltip{pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;animation:.4s cubic-bezier(.16,1,.3,1) backwards tooltip-pop;display:flex;transform:translate(0,0)}.cad-tooltip-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 5px var(--accent);border:1px solid #000;border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulse-dot}.cad-tooltip-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0a0c10f0;border:1px solid #f5ba1380;border-radius:3px;flex-direction:column;padding:2px 5px;display:flex;box-shadow:0 3px 10px #0009}.cad-tooltip-title{font-family:var(--font-mono);letter-spacing:.07em;color:#94a3b8;text-transform:uppercase;font-size:7.5px;font-weight:700;line-height:1.15}.cad-tooltip-spec{font-family:var(--font-mono);color:var(--accent);font-size:9px;font-weight:700;line-height:1.15}.cad-3d-zoom-hud{z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#0a0e16f0;border:1px solid #f5ba1373;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:56px;right:14px;box-shadow:0 6px 20px #0009}.cad-zoom-hud-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.cad-zoom-hud-btn svg{stroke:#fff;transition:stroke .18s}.cad-zoom-hud-btn:hover{border-color:var(--accent);background:#f5ba1340;transform:scale(1.08)}.cad-zoom-hud-btn:hover svg{stroke:#ffd034}.cad-zoom-hud-btn:active{transform:scale(.92)}.cad-zoom-hud-btn.reset-btn{border-top:1px solid #ffffff26;margin-top:3px;padding-top:2px}@keyframes tooltip-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.engineering-hub{border-bottom:1px solid var(--border-medium);padding:clamp(48px,6vw,84px) 0 clamp(64px,8vw,100px)}.hub-head{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:clamp(32px,5vw,64px);margin:0 auto 52px;display:grid}.scroll-reveal.hub-head{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin-inline:auto}.hub-head-left h2{letter-spacing:-.045em;color:var(--text-main);margin:0;font-size:clamp(34px,4.5vw,64px);font-weight:800;line-height:.96}.hub-head-left h2 span{color:var(--accent)}.hub-head-right p{color:var(--text-muted);margin:0;padding-top:4px;font-size:clamp(15.5px,1.35vw,18px);line-height:1.68}.hub-head-actions{margin-top:18px}.hub-grid{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin:0 auto;display:grid}@media (max-width:640px){.hub-grid{grid-template-columns:1fr;gap:16px}}.scroll-reveal.hub-grid{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin-inline:auto}.hub-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);min-height:280px;box-shadow:var(--card-shadow);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;flex-direction:column;justify-content:space-between;padding:clamp(24px,2.5vw,32px);display:flex}.hub-card:hover{border-color:#25d36680;transform:translateY(-4px);box-shadow:0 8px 30px #25d36624}.hub-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hub-card-num{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;font-size:13.5px;font-weight:700}.hub-card-tag{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:800}.hub-card-icon{font-size:22px;line-height:1}.hub-card-body{flex-grow:1}.hub-card-body h3{letter-spacing:-.03em;color:var(--text-main);margin:0 0 12px;font-size:clamp(20px,1.8vw,24px);font-weight:700;line-height:1.2}.hub-card-body p{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.65}.hub-card-footer{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:16px}.hub-card-link{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);text-transform:uppercase;transition:transform .25s var(--ease), color .25s var(--ease);align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.hub-card-link:hover{color:var(--accent-hover,var(--accent));transform:translate(3px)}.hub-card-arrow{transition:transform .25s var(--ease);font-size:16px}.hub-card-link:hover .hub-card-arrow{transform:translate(2px,-2px)}.hub-samples-container,.scroll-reveal.hub-samples-container{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin:0 auto 56px}.scroll-reveal.hub-banner-strip{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin:48px auto 0}.hub-samples-topbar{border-bottom:1px solid var(--border-medium);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding-bottom:20px;display:flex}.hub-samples-kicker{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.hub-pulse-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}.hub-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hub-filter-tab{background:var(--bg-surface-raised);border:1px solid var(--border-medium);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;transition:all .2s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.hub-filter-tab:hover{background:var(--bg-surface-alt);color:var(--text-main);border-color:var(--border-strong)}.hub-filter-tab.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:700}.hub-filter-tab .count{min-width:18px;height:18px;color:inherit;background:#0000001f;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;font-weight:800;display:inline-flex}.hub-samples-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (max-width:1024px){.hub-samples-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:640px){.hub-samples-grid{grid-template-columns:1fr;gap:16px}}.hub-sample-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);transition:transform .3s cubic-bezier(.16, 1, .3, 1), border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.hub-sample-card:hover{border-color:#25d36680;transform:translateY(-5px);box-shadow:0 8px 30px #25d36624}.hub-sample-thumb-wrap{aspect-ratio:16/10;background:var(--bg-surface-alt);width:100%;position:relative;overflow:hidden}.hub-sample-thumb-img{object-fit:contain;background:#fff;width:100%;height:100%;padding:8px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.hub-sample-card:hover .hub-sample-thumb-img{transform:scale(1.05)}.hub-sample-badge-top-left{background:var(--bg-overlay,#0f172ad9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-medium);color:var(--text-main,#fff);font-family:var(--font-mono);z-index:2;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.hub-sample-badge-top-right{color:#fff;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;z-index:2;background:#16a34a;border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:800;animation:2.8s ease-in-out infinite freeBadgePulse;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #16a34a59}@keyframes freeBadgePulse{0%,to{box-shadow:0 2px 8px #16a34a59}50%{box-shadow:0 0 14px #16a34ab3}}.hub-sample-content{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex}.hub-sample-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hub-sample-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800}.hub-sample-part-tag{font-family:var(--font-mono);color:var(--accent);background:var(--bg-surface-alt);border:1px solid var(--border-medium);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.hub-sample-actions{border-top:1px solid var(--border-medium);grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:14px;display:grid}.hub-btn-download{background:var(--accent);color:var(--accent-contrast);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px var(--accent-glow);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.hub-btn-download:hover{background:var(--text-main);color:var(--bg-base);box-shadow:0 6px 18px var(--card-shadow);transform:translateY(-2px)}.hub-btn-download .btn-icon{font-size:13px;transition:transform .2s}.hub-btn-download:hover .btn-icon{transform:translateY(2px)}.hub-btn-explore{background:var(--bg-surface-alt);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.hub-btn-explore .btn-icon{transition:transform .2s;display:inline-block}.hub-btn-explore:hover .btn-icon{transform:translate(3px)}.hub-banner-strip{width:min(var(--container), calc(100% - (var(--gutter) * 2)));background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;margin:48px auto 0;padding:28px 32px;position:relative;overflow:hidden}.hub-banner-strip:hover{border-color:#25d36680;box-shadow:0 8px 30px #25d36624}.hub-banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.hub-banner-text{max-width:680px}.hub-banner-text strong{color:var(--text-main);margin-bottom:6px;font-size:18px;font-weight:700;display:block}.hub-banner-text p{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.6}.hub-banner-action .button{white-space:nowrap}@media (max-width:900px){.hub-samples-topbar{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.hub-filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:6px;overflow-x:auto}.hub-filter-bar::-webkit-scrollbar{display:none}.hub-filter-tab{white-space:nowrap;flex-shrink:0}.hub-banner-strip{margin-top:32px;padding:22px 18px}.hub-banner-inner{flex-direction:column;align-items:flex-start;gap:16px}.hub-banner-text strong{font-size:16px}.hub-banner-text p{font-size:13.5px}.hub-banner-action{width:100%}.hub-banner-action .button{white-space:normal;text-align:center;justify-content:center;width:100%;padding:12px 16px;font-size:13px;line-height:1.35}}.beyond-textbooks{border-bottom:1px solid var(--border-medium);padding:clamp(48px,6vw,84px) 0 clamp(64px,8vw,100px)}.beyond-textbooks-head{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(32px,5vw,70px);margin:0 auto 56px;display:grid}.beyond-textbooks-head-left h2{letter-spacing:-.045em;color:var(--text-main);margin:12px 0 0;font-size:clamp(34px,4.5vw,60px);font-weight:800;line-height:.96}.beyond-textbooks-head-left h2 span{color:var(--accent)}.beyond-textbooks-head-right p{color:var(--text-muted);margin:0;font-size:clamp(16px,1.35vw,18.5px);line-height:1.68}.beyond-textbooks-actions{margin-top:18px}.beyond-textbooks-grid{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin:0 auto;display:grid}@media (max-width:640px){.beyond-textbooks-grid{grid-template-columns:1fr;gap:16px}}.beyond-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.beyond-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px #00000040}.beyond-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.beyond-card-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;font-size:14px;font-weight:800}.beyond-card-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);background:var(--bg-surface-alt);border:1px solid var(--border-medium);border-radius:4px;padding:3px 9px;font-size:12px;font-weight:700}.beyond-card-icon{font-size:24px;line-height:1}.beyond-card-body h3{letter-spacing:-.02em;color:var(--text-main);margin:0 0 10px;font-size:20px;font-weight:700}.beyond-card-body p{color:var(--text-muted);margin:0;font-size:15.5px;line-height:1.65}.beyond-card-footer{border-top:1px dashed var(--border-medium);align-items:center;gap:8px;margin-top:24px;padding-top:14px;display:flex}.beyond-bullet-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.beyond-footer-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:12.5px;font-weight:700}.why-choose-us{background:var(--bg-surface);border-bottom:1px solid var(--border-medium);padding:clamp(48px,6vw,80px) 0}.why-choose-head{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:clamp(32px,5vw,64px);margin:0 auto 52px;display:grid}.why-choose-head-left h2{letter-spacing:-.045em;color:var(--text-main);margin:0;font-size:clamp(34px,4.5vw,64px);font-weight:800;line-height:.96}.why-choose-head-left h2 span{color:var(--accent)}.why-choose-head-right p{color:var(--text-muted);margin:0;padding-top:4px;font-size:clamp(15.5px,1.35vw,18px);line-height:1.68}.why-choose-actions{margin-top:18px}.why-choose-grid{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 auto;display:grid}.why-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);height:100%;box-shadow:var(--card-shadow);transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);border-radius:12px;flex-direction:column;padding:22px 24px 20px;display:flex;position:relative;overflow:hidden}.why-card:hover{border-color:#25d36680;transform:translateY(-4px);box-shadow:0 8px 30px #25d36624}.why-card-topline{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.why-num{font-family:var(--font-mono);color:var(--accent);font-size:14px;font-weight:800}.why-category{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:11px;font-weight:700}.why-card-body{flex-direction:column;gap:8px;display:flex}.why-card-body h3{color:var(--text-main);margin:0;font-size:17.5px;font-weight:700;line-height:1.3}.why-card-body p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.why-card-accent-bar{background:var(--accent);transform-origin:0;height:2px;transition:transform .3s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.why-card:hover .why-card-accent-bar{transform:scaleX(1)}@media (max-width:1024px){.why-choose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.why-card{padding:20px}}@media (max-width:680px){.why-choose-grid{grid-template-columns:1fr;gap:16px}.why-card{padding:18px 16px}}.why-metrics-bar{width:min(var(--container), calc(100% - (var(--gutter) * 2)));background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin:48px auto 0;padding:32px;display:grid;position:relative;overflow:hidden}.why-metrics-bar:hover{border-color:#25d36680;box-shadow:0 8px 30px #25d36624}.why-metric-item{flex-direction:column;gap:4px;display:flex}.why-metric-item strong{font-family:var(--font-mono);color:var(--accent);font-size:clamp(32px,3.2vw,46px);font-weight:800;line-height:1}.why-metric-item .metric-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-main);margin-top:4px;font-size:13px;font-weight:700}.why-metric-item .metric-sub{color:var(--text-muted);font-size:14px}.why-community-strip{width:min(var(--container), calc(100% - (var(--gutter) * 2)));background:linear-gradient(135deg, #f5ba1314 0%, var(--bg-surface-raised) 60%);border:1px solid var(--border-strong);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:28px auto 0;padding:32px;display:flex;position:relative;overflow:hidden}.why-community-strip:hover{border-color:#25d36680;box-shadow:0 8px 30px #25d3661f}.community-kicker{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);margin-bottom:6px;font-size:12.5px;font-weight:800}.why-community-content h3{color:var(--text-main);letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(20px,2.2vw,28px);font-weight:800}.why-community-content p{color:var(--text-muted);max-width:620px;margin:0;font-size:15.5px;line-height:1.6}@media (max-width:768px){.why-metrics-bar{grid-template-columns:repeat(2,1fr);gap:20px 16px;margin-top:32px;padding:22px 18px}.why-community-strip{flex-direction:column;align-items:flex-start;gap:18px;margin-top:24px;padding:22px 18px}.why-community-actions{width:100%}.why-community-actions .button{text-align:center;white-space:normal;justify-content:center;width:100%;padding:12px 16px;font-size:13px;line-height:1.35}}@media (max-width:480px){.why-metrics-bar{grid-template-columns:1fr;gap:16px}}.cad-tutorials{padding:var(--section-space) 0;border-bottom:1px solid var(--border-medium)}.tutorials-head{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(32px,5vw,70px);margin:0 auto 56px;display:grid}.tutorials-head-left h2{letter-spacing:-.045em;color:var(--text-main);margin:12px 0 0;font-size:clamp(34px,4.5vw,60px);font-weight:800;line-height:.96}.tutorials-head-left h2 span{color:var(--accent)}.tutorials-head-right p{color:var(--text-muted);margin:0;font-size:clamp(16px,1.35vw,18.5px);line-height:1.68}.tutorials-head-actions{margin-top:18px}.tutorials-grid{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;margin:0 auto;display:grid}@media (max-width:640px){.tutorials-grid{grid-template-columns:1fr;gap:18px}}.tutorial-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.tutorial-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 14px 32px #00000040}.tutorial-media-frame{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.tutorial-iframe{border:0;width:100%;height:100%;display:block}.tutorial-thumbnail-wrap{width:100%;height:100%;position:relative}.tutorial-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease);display:block}.tutorial-card:hover .tutorial-thumbnail-img{transform:scale(1.05)}.tutorial-overlay{background:#0006;justify-content:center;align-items:center;transition:background .25s;display:flex;position:absolute;inset:0}.tutorial-card:hover .tutorial-overlay{background:#00000040}.tutorial-play-btn{background:var(--accent);width:54px;height:54px;color:var(--accent-contrast);cursor:pointer;transition:transform .25s var(--ease), background .25s var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #0006}.tutorial-play-btn:hover{background:var(--text-main);color:var(--bg-base);transform:scale(1.12)}.tutorial-duration-badge{font-family:var(--font-mono);color:#fff;letter-spacing:.06em;background:#000000bf;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.tutorial-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.tutorial-kicker-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tutorial-category{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:12.5px;font-weight:700}.tutorial-software-tag{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-surface-alt);border:1px solid var(--border-medium);border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}.tutorial-card-body h3{color:var(--text-main);margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.35}.tutorial-card-body p{color:var(--text-muted);flex:1;margin:0 0 18px;font-size:15px;line-height:1.6}.tutorial-card-footer{border-top:1px solid var(--border-medium);margin-top:auto;padding-top:14px}.tutorial-watch-link{font-family:var(--font-mono);color:var(--accent);transition:transform .2s var(--ease);align-items:center;gap:4px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.tutorial-watch-link:hover{transform:translate(4px)}.tutorials-cta-banner{width:min(var(--container), calc(100% - (var(--gutter) * 2)));background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:28px;margin:48px auto 0;padding:36px;display:flex}.tutorials-cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;display:flex}.tutorials-cta-badge{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);margin-bottom:8px;font-size:12.5px;font-weight:800;display:block}.tutorials-cta-text h3{color:var(--text-main);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(22px,2.5vw,32px);font-weight:800}.tutorials-cta-text p{color:var(--text-muted);max-width:600px;margin:0;font-size:15.5px;line-height:1.6}.tutorials-cta-buttons{flex-wrap:wrap;gap:14px;display:flex}.tutorials-channels-row{border-top:1px solid var(--border-medium);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.channels-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:12.5px;font-weight:700}.channels-badges-group{flex-wrap:wrap;gap:10px;display:flex}.channel-pill{background:var(--bg-surface-alt);border:1px solid var(--border-medium);font-family:var(--font-mono);color:var(--text-main);border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.channel-pill:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}@media (max-width:900px){.pillars-head,.course-head,.service-head,.hub-head,.beyond-textbooks-head,.why-choose-head,.tutorials-head{grid-template-columns:1fr;gap:20px}}.software-marquee-section{background:var(--bg-surface);border-bottom:1px solid var(--border-medium);padding:clamp(50px,6vw,80px) 0 clamp(40px,5vw,60px);overflow:hidden}.software-marquee-section .section-label{padding-top:0}.software-marquee-header{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin:0 auto 36px}.software-marquee-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.software-marquee-title-row h2{letter-spacing:-.035em;color:var(--text-main);margin:0;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.05}.software-marquee-title-row h2 span{color:var(--accent)}.software-marquee-title-row p{max-width:580px;color:var(--text-muted);margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.6}.software-marquee-container{width:100%;padding:10px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.software-marquee-container-secondary{margin-top:14px}.software-marquee-track{align-items:center;gap:20px;width:max-content;animation:45s linear infinite marquee-scroll;display:flex}.software-marquee-track.reverse{animation:48s linear infinite marquee-scroll-reverse}.software-marquee-container:hover .software-marquee-track{animation-play-state:paused}.software-pill-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);-webkit-user-select:none;user-select:none;border-radius:12px;flex-shrink:0;align-items:center;gap:16px;padding:14px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000026}.software-pill-card:hover{border-color:#25d36680;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #25d36629}.software-pill-logo-frame{background:#fff;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000040}.software-pill-logo-img{object-fit:contain;width:100%;height:100%;padding:4px;display:block}.software-pill-logo-img.fit-cover{object-fit:cover;padding:0}.software-logo-svg{border-radius:9px;width:100%;height:100%;display:block}.software-pill-info{white-space:nowrap;flex-direction:column;gap:3px;display:flex}.software-pill-name{color:var(--text-main);letter-spacing:-.01em;font-size:16px;font-weight:700}.software-pill-category{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:700}.software-pill-arrow{color:var(--text-muted);opacity:.35;margin-left:6px;font-size:16px;transition:all .2s}.software-pill-card:hover .software-pill-arrow{color:var(--accent);opacity:1;transform:translate(2px,-2px)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width:768px){.software-marquee-title-row{flex-direction:column;align-items:flex-start}.software-pill-card{gap:12px;padding:12px 18px}.software-pill-logo-frame{width:42px;height:42px}.software-pill-name{font-size:15px}}.shuffle-courses-showcase{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin:32px auto 0}.shuffle-layout-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,460px);align-items:center;gap:48px;margin-top:36px;display:grid}.shuffle-info-panel{background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);border-radius:18px;flex-direction:column;justify-content:space-between;padding:clamp(28px,3vw,42px);display:flex;position:relative;overflow:hidden}.shuffle-panel-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.shuffle-panel-bg-motion{width:100%;height:100%;position:absolute;inset:0}.shuffle-panel-bg-img{object-fit:cover;object-position:right 30%;opacity:.65;filter:saturate(1.3)contrast(1.2)brightness(1.15);transition:opacity .4s var(--ease)}.shuffle-panel-bg-overlay{background:linear-gradient(to right, var(--bg-surface-raised) 0%, #12161cf2 32%, #12161ca6 58%, #12161c26 85%, transparent 100%), linear-gradient(to bottom, #12161c4d 0%, transparent 35%, #12161c80 100%);position:absolute;inset:0}[data-theme=light] .shuffle-panel-bg-img{opacity:.45;filter:invert(.92)contrast(1.3)brightness(1.05);object-position:right 30%}[data-theme=light] .shuffle-panel-bg-overlay{background:linear-gradient(90deg,#fff 0%,#fffffff5 32%,#ffffffa6 58%,#ffffff1f 85%,#0000 100%),linear-gradient(#ffffff4d 0%,#0000 35%,#ffffff80 100%)}.shuffle-kicker-row,.shuffle-course-details,.shuffle-controls-row{z-index:2;position:relative}.shuffle-kicker-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.shuffle-counter{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;font-size:13px;font-weight:700}.shuffle-category-pill{font-family:var(--font-mono);background:var(--bg-surface-alt);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:9999px;padding:4px 12px;font-size:11.5px;font-weight:600}.shuffle-course-title{letter-spacing:-.035em;color:var(--text-main);margin:0 0 14px;font-size:clamp(26px,2.5vw,36px);font-weight:800;line-height:1.15}.shuffle-course-summary{color:var(--text-muted);margin:0 0 24px;font-size:15px;line-height:1.65}.shuffle-meta-row{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;padding:16px 0;display:grid}.shuffle-meta-item{flex-direction:column;gap:4px;display:flex}.shuffle-meta-item .meta-label{font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.06em;font-size:11px}.shuffle-meta-item .meta-value{color:var(--text-main);font-size:13.5px;font-weight:700}.shuffle-highlights-box{margin-bottom:24px}.shuffle-highlights-box .highlights-header{font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.08em;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.shuffle-highlights-box ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.shuffle-highlights-box li{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.shuffle-highlights-box .check-icon{color:var(--accent);flex-shrink:0;font-weight:800}.shuffle-tools-row{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.tool-badge{font-family:var(--font-mono);background:var(--bg-surface-alt);color:var(--text-main);border:1px solid var(--border-medium);border-radius:6px;padding:4px 10px;font-size:11.5px}.shuffle-controls-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.shuffle-btn-group{align-items:center;gap:8px;display:flex}.shuffle-nav-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;font-size:18px;font-weight:700;display:inline-flex}.shuffle-link-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.shuffle-explore-btn,.shuffle-all-btn{border-radius:8px;align-items:center;gap:6px;height:44px;display:inline-flex}.shuffle-deck-container{justify-content:center;align-items:center;padding:20px 0;display:flex}.shuffle-deck-wrapper{width:100%;max-width:460px;height:520px;position:relative}.shuffle-card-item{background:var(--bg-surface-raised);border:1px solid var(--border-medium);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:18px;width:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 16px 40px #00000047}.shuffle-card-item:active{cursor:grabbing}.shuffle-card-item.is-top-card{border-color:var(--border-medium);box-shadow:0 20px 48px #00000061}.shuffle-card-media{background:#000;width:100%;height:230px;position:relative;overflow:hidden}.shuffle-card-img{object-fit:cover;transition:transform .5s var(--ease)}.shuffle-card-item:hover .shuffle-card-img{transform:scale(1.04)}.shuffle-media-overlay{background:linear-gradient(#0000 40%,#0c0e12d9 100%);position:absolute;inset:0}.shuffle-card-hud{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.card-hud-number{font-family:var(--font-mono);color:var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e12bf;border:1px solid #ffffff26;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.card-hud-badge{font-family:var(--font-mono);letter-spacing:.05em;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e12bf;border:1px solid #ffffff26;border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:700}.shuffle-card-body{padding:22px}.shuffle-card-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.shuffle-card-title-row h4{color:var(--text-main);margin:0;font-size:21px;font-weight:800}.card-badge-projects{font-family:var(--font-mono);color:var(--accent);background:var(--accent-subtle,#f5ba131a);border:1px solid var(--accent-border,#f5ba1340);border-radius:4px;padding:2px 8px;font-size:11px}.shuffle-card-desc{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.shuffle-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:14px;font-size:12px;display:flex}.card-duration-tag{font-family:var(--font-mono);color:var(--text-subtle);font-weight:600}.card-hint-text{font-family:var(--font-mono);color:var(--accent);font-size:11px;font-weight:600}@media (max-width:991px){.shuffle-layout-grid{grid-template-columns:1fr;gap:32px}.shuffle-deck-container{width:100%;padding:14px 0;overflow:hidden}.shuffle-deck-wrapper{width:min(100%,360px);height:470px;margin:0 auto}}@media (max-width:768px){.shuffle-info-panel{border-radius:14px;padding:22px 18px}.shuffle-course-title{margin-bottom:10px;font-size:clamp(22px,5.5vw,28px)}.shuffle-course-summary{margin-bottom:16px;font-size:14px;line-height:1.55}.shuffle-meta-row{grid-template-columns:repeat(2,1fr);gap:12px 14px;margin-bottom:18px;padding:14px 0}.shuffle-highlights-box{margin-bottom:18px}.shuffle-tools-row{margin-bottom:20px}.shuffle-controls-row{flex-direction:column;align-items:stretch;gap:14px}.shuffle-btn-group{justify-content:space-between;width:100%;display:flex}.shuffle-nav-btn{flex:1;height:44px}.shuffle-link-group{flex-direction:column;gap:10px;width:100%}.shuffle-explore-btn,.shuffle-all-btn{text-align:center;justify-content:center;width:100%}.shuffle-deck-wrapper{width:min(100%,320px);height:430px}.shuffle-card-media{height:175px}.shuffle-card-body{padding:16px 14px}.shuffle-card-title-row h4{font-size:18px}.shuffle-card-desc{-webkit-line-clamp:2;line-clamp:2;margin-bottom:12px;font-size:13px}.shuffle-card-footer{padding-top:10px;font-size:11px}}.sample-classes{padding-bottom:var(--section-space);background:var(--bg-base);border-bottom:1px solid var(--border-medium);position:relative}.sample-classes-head{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:clamp(32px,5vw,64px);margin:0 auto 52px;padding-inline:0;display:grid}.sample-classes-head-left h2{letter-spacing:-.045em;color:var(--text-main);margin:0;font-size:clamp(34px,4.5vw,64px);font-weight:800;line-height:.96}.sample-classes-head-left h2 span{color:var(--text-muted)}.sample-classes-head-right p{color:var(--text-muted);max-width:520px;margin:0;padding-top:4px;font-size:clamp(15.5px,1.35vw,18px);line-height:1.68}.sample-classes-head-actions{margin-top:18px}.sample-classes-yt-channel-link{color:var(--text-main);font-family:var(--font-mono);transition:all .25s var(--ease);background:#ff333314;border:1px solid #ff333347;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex}.sample-classes-yt-channel-link:hover{color:#fff;background:#ff33332e;border-color:#f33;transform:translateY(-2px);box-shadow:0 4px 16px #ff333340}.sample-classes-yt-channel-link svg{color:#f33;flex-shrink:0}.sample-classes-yt-channel-link .ext-arrow{color:var(--text-muted);transition:transform .2s}.sample-classes-yt-channel-link:hover .ext-arrow{color:#f33;transform:translate(2px,-2px)}.sample-classes-grid{width:min(var(--container), calc(100% - (var(--gutter) * 2)));grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(20px,2.5vw,30px);margin:0 auto;display:grid}@media (max-width:860px){.sample-classes-head{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.sample-classes-head-left h2{font-size:clamp(28px,6.5vw,42px);line-height:1.05}.sample-classes-head-right p{max-width:100%;font-size:15px;line-height:1.6}.sample-classes-head-actions{width:100%;margin-top:14px}.sample-classes-yt-channel-link{text-align:center;box-sizing:border-box;justify-content:center;width:100%;max-width:100%;padding:11px 16px;font-size:12px;display:flex}}@media (max-width:1080px){.sample-classes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width:720px){.sample-classes-grid{grid-template-columns:1fr;gap:24px;max-width:100%}}.sample-class-card{background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sample-class-card:hover{border-color:#25d36680;transform:translateY(-5px);box-shadow:0 8px 30px #25d36624}.sample-class-card.is-playing{border-color:#25d36699;box-shadow:0 0 0 1px #25d36666,0 16px 40px #25d36626}.sample-class-media-frame{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.sample-class-iframe-wrap{width:100%;height:100%;position:relative}.sample-class-iframe{border:0;width:100%;height:100%;display:block}.sample-class-close-btn{z-index:10;color:#fff;font-family:var(--font-mono);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;border:1px solid #ffffff40;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex;position:absolute;top:12px;right:12px}.sample-class-close-btn:hover{background:#dc2626;border-color:#dc2626;transform:scale(1.04)}.sample-class-poster-wrap{cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden}.sample-class-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease);display:block}.sample-class-poster-wrap:hover .sample-class-thumbnail{transform:scale(1.05)}.sample-class-poster-scrim{background:linear-gradient(#0000008c 0%,#00000026 45%,#000c 100%);transition:background .3s;position:absolute;inset:0}.sample-class-poster-wrap:hover .sample-class-poster-scrim{background:linear-gradient(#0006 0%,#0000000d 45%,#000000b3 100%)}.sample-class-poster-header{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:16px;right:16px}.poster-pill-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);color:#fff;letter-spacing:.08em;background:#000000bf;border:1px solid #ffffff2e;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800}.poster-pill-live{color:#fff;font-family:var(--font-mono);letter-spacing:.08em;background:#ff3333e6;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #f336}.live-pulse-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.sample-class-play-trigger{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.play-button-circle{color:#fff;width:58px;height:58px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);background:#f33;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 22px #ff333380}.sample-class-poster-wrap:hover .play-button-circle{transform:scale(1.12);box-shadow:0 6px 30px #ff3333bf}.play-button-circle svg{margin-left:3px}.play-trigger-label{font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;background:#000000b3;border:1px solid #fff3;border-radius:9999px;padding:4px 12px;font-size:11.5px;font-weight:700;transition:transform .2s}.sample-class-poster-wrap:hover .play-trigger-label{transform:translateY(-2px)}.sample-class-poster-footer{z-index:2;position:absolute;bottom:12px;right:14px}.poster-duration{font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.04em;background:#000c;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.sample-class-body{flex-direction:column;flex:1;min-width:0;padding:clamp(18px,2vw,24px);display:flex}.sample-class-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sample-class-course-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:800}.sample-class-badge{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-surface-alt);border:1px solid var(--border-medium);border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:600}.sample-class-body h3{letter-spacing:-.01em;color:var(--text-main);min-height:48px;margin:0 0 8px;font-size:clamp(16px,1.25vw,18px);font-weight:750;line-height:1.36}.sample-class-desc{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:60px;margin:0 0 14px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.sample-class-takeaways{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:8px;margin-top:auto;margin-bottom:16px;padding:12px 14px}.takeaways-title{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:6px;font-size:10.5px;font-weight:800;display:flex}.takeaways-bullet{color:#f33}.takeaways-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.takeaways-list li{color:var(--text-main);align-items:flex-start;gap:6px;font-size:12px;line-height:1.45;display:flex}.takeaway-check{color:#10b981;flex-shrink:0;font-size:11.5px;font-weight:800;line-height:1.4}.sample-class-actions{border-top:1px solid var(--border-medium);flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.sample-action-btn{font-family:var(--font-mono);cursor:pointer;transition:all .25s var(--ease);border-radius:7px;align-items:center;gap:6px;padding:8px 14px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.play-inline-btn{background:var(--text-main);color:var(--bg-base);border:1px solid var(--text-main)}.play-inline-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000040}.play-inline-btn.active{color:#fff;background:#dc2626;border-color:#dc2626}.youtube-external-btn{color:var(--text-main);background:#ff333314;border:1px solid #ff33334d}.youtube-external-btn:hover{color:#fff;background:#ff33332e;border-color:#f33;transform:translateY(-2px);box-shadow:0 4px 14px #ff333340}.youtube-external-btn svg{color:#f33;flex-shrink:0}.btn-ext-arrow{color:var(--text-muted);transition:transform .2s}.youtube-external-btn:hover .btn-ext-arrow{color:#f33;transform:translate(2px,-2px)}.sample-classes-bottom-banner{width:min(var(--container), calc(100% - (var(--gutter) * 2)));background:var(--bg-surface-raised);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);border-radius:16px;margin:52px auto 0;padding:clamp(28px,3.5vw,40px)}.sample-banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;display:flex}.sample-banner-badge{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);margin-bottom:8px;font-size:11.5px;font-weight:800;display:block}.sample-banner-text h3{color:var(--text-main);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(20px,2.2vw,28px);font-weight:800}.sample-banner-text p{color:var(--text-muted);max-width:620px;margin:0;font-size:15px;line-height:1.6}.sample-banner-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@media (max-width:768px){.sample-classes-bottom-banner{margin-top:36px;padding:22px 18px}.sample-banner-inner{flex-direction:column;align-items:flex-start;gap:20px}.sample-banner-actions{flex-direction:column;width:100%}.sample-banner-actions .button{text-align:center;justify-content:center;width:100%}}