.professional-page{--pro-cyan:#7bd8ff;--pro-line:rgba(255,255,255,.18)}
.professional-page .dark{background:#07103c}
.pro-hero{min-height:calc(100vh - 72px);padding:92px 0 80px;background-image:linear-gradient(120deg,#07103c 0%,#0b1650 62%,#15287c 100%)}
.pro-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.pro-hero h1{font-size:clamp(44px,4.5vw,68px)}
.pro-hero h1 span{color:var(--pro-cyan)}
.product-canvas{min-height:560px;border:1px solid rgba(255,255,255,.22);background:#f6f7fb;color:#111;box-shadow:0 35px 90px rgba(0,0,0,.32)}
.canvas-toolbar{height:42px;padding:0 14px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #dfe2ea;font-size:10px;color:#667}
.canvas-toolbar i{width:7px;height:7px;border-radius:50%;background:#b5bac9}
.canvas-toolbar span{margin-left:10px}
.canvas-body{height:518px;display:grid;grid-template-columns:110px 1fr 170px}
.layer-panel,.code-panel{padding:18px 13px;background:#fff}
.layer-panel{border-right:1px solid #dfe2ea}
.layer-panel b,.code-panel b{display:block;font-size:9px;letter-spacing:.12em;color:#7a8090;margin-bottom:18px}
.layer-panel span{display:block;padding:9px 5px;border-bottom:1px solid #eef0f5;font-size:9px}
.canvas-stage{position:relative;padding:30px;background:#e8eaf1}
.screen-mini{height:280px;padding:28px;background:#0b1650;color:#fff;box-shadow:0 15px 35px rgba(14,24,70,.2)}
.screen-mini small{font-size:8px;color:#8ea2ff}
.screen-mini strong{display:block;margin:50px 0 40px;font-size:26px;line-height:1.3}
.screen-mini i{display:block;width:70%;height:5px;margin-top:10px;background:rgba(255,255,255,.25)}
.component-mini{position:absolute;right:14px;bottom:24px;width:180px;padding:18px;background:#fff;border:1px solid #d9dde8;box-shadow:0 12px 28px rgba(30,40,80,.16)}
.component-mini small,.component-mini b,.component-mini span{display:block}
.component-mini small{font-size:8px;color:#777}
.component-mini b{font-size:11px;margin:14px 0}
.component-mini span{display:inline-block;padding:7px;margin-right:4px;background:#eef1ff;color:#2c4fe0;font-size:8px}
.code-panel{background:#111827;color:#d9e2ff}
.code-panel code{font-size:9px;line-height:1.9;color:#a9b7ff}
.code-status{margin-top:48px;font-size:8px;color:#66e2aa}
.pro-section,.module-section{padding:120px 0}
.pro-heading{max-width:850px;margin-bottom:70px}
.pro-heading h2 span{color:var(--blue)}
.pro-heading>p:last-child{max-width:720px;color:var(--soft);line-height:1.9}
.dark .pro-heading>p:last-child{color:rgba(255,255,255,.66)}
.ratio-figure{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}
.ratio-figure article>p{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.14em}
.ratio-bar{display:flex;height:220px;color:#fff}
.ratio-bar span{display:flex;flex-direction:column;justify-content:flex-end;padding:24px;font-size:12px}
.ratio-bar em{display:block;margin-top:10px;font-size:32px;font-style:normal;font-weight:800}
.ratio-bar.old span:first-child{width:80%;background:#a8adba}
.ratio-bar.old span:last-child{width:20%;background:#737a8b}
.ratio-bar.new span:first-child{width:20%;background:#7690ff}
.ratio-bar.new span:last-child{width:80%;background:var(--blue)}
.ratio-arrow{text-align:center;color:var(--blue);font-size:30px}
.concept-note{margin:20px 0 0;color:var(--faint);font-size:11px}
.work-shift{margin-top:70px;padding:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-shift p{color:var(--faint);font-size:12px;letter-spacing:.06em}
.work-shift strong{font-size:18px;line-height:1.7}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.judgment-list p{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--pro-line);font-size:17px}
.equation{margin-top:38px;padding:32px;display:flex;gap:22px;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-weight:700}
.equation b{color:var(--pro-cyan)}
.pro-workflow{display:flex;align-items:stretch;overflow-x:auto;padding-bottom:12px}
.pro-workflow>div{min-width:145px;min-height:180px;padding:23px;border:1px solid var(--line);border-top:3px solid var(--blue);display:flex;flex-direction:column}
.pro-workflow>i{align-self:center;padding:8px;color:var(--blue);font-style:normal}
.pro-workflow span,.module-head>span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}
.pro-workflow strong{margin-top:38px;font-size:12px}
.pro-workflow small{margin-top:9px;color:var(--faint);font-size:10px}
.module-section.tint{background:var(--tint)}
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start}
.module-head>p:first-of-type{margin:12px 0 22px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}
.dark .module-head>span,.dark .module-head>p:first-of-type{color:var(--pro-cyan)}
.module-head h2{font-size:clamp(30px,3vw,43px)}
.module-copy{color:var(--soft);font-size:15px;line-height:1.95}
.reverse-flow{display:flex;flex-direction:column;align-items:stretch;text-align:center}
.reverse-flow span,.reverse-flow strong{padding:15px;border:1px solid #cbd2f1;background:#fff;font-size:13px}
.reverse-flow strong{background:var(--blue);color:#fff}
.reverse-flow i{height:25px;color:var(--blue);font-style:normal}
.data-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center}
.data-flow>div{padding:28px 15px;border:1px solid var(--line);font-size:11px;font-weight:800}
.data-flow small{display:block;margin-top:12px;color:var(--faint);font-weight:400}
.data-flow i{padding:6px;color:var(--blue);font-style:normal}
.data-flow .active{background:var(--blue);color:#fff}
.data-flow .active small{color:#bdc7ff}
.explore-levels{display:grid;grid-template-columns:1.2fr auto 1.2fr auto 1fr auto .8fr;gap:14px;align-items:center}
.explore-levels article{padding:22px;border:1px solid var(--pro-line)}
.explore-levels article>b,.explore-levels article>span{display:block}
.explore-levels article>b{color:var(--pro-cyan);font-size:10px}
.explore-levels article>span{margin:10px 0 18px;font-size:13px}
.explore-levels>strong{color:rgba(255,255,255,.5);font-size:10px}
.thumbs{display:flex;gap:5px}
.thumbs i{display:block;flex:1;height:90px;background:linear-gradient(#7b93ff 25%,rgba(255,255,255,.12) 25%)}
.exploration blockquote,.experience-system blockquote{max-width:850px;margin:58px auto 0;text-align:center;font-size:20px;line-height:1.8}
.exploration blockquote strong,.experience-system blockquote strong{color:var(--pro-cyan)}
.token-stack,.experience-stack{display:flex;flex-direction:column;text-align:center}
.token-stack span,.token-stack strong,.experience-stack span,.experience-stack strong{padding:13px;border:1px solid var(--line);font-size:12px}
.token-stack strong{background:var(--blue);color:#fff}
.token-stack i,.experience-stack i{height:23px;color:var(--blue);font-style:normal}
.token-tags{display:flex;gap:8px;justify-content:center;margin-top:22px}
.token-tags b{padding:8px 13px;background:var(--tint);color:var(--blue);font-size:10px}
.module-quote{margin-top:60px!important;padding:30px;border-left:3px solid var(--blue);background:var(--alt);font-size:17px;line-height:1.9}
.knowledge-diagram{text-align:center}
.knowledge-diagram>div{padding:22px;border:1px solid #cbd2f1;background:#fff}
.knowledge-diagram small{display:block;margin-top:12px;color:var(--faint)}
.knowledge-diagram>b,.knowledge-diagram>i{display:block;padding:12px;color:var(--blue);font-style:normal}
.knowledge-diagram .ai-node{display:inline-block;padding:18px 50px;background:var(--blue);color:#fff;border-radius:999px}
.twin-modules{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.twin-modules article{padding:45px;border:1px solid var(--pro-line)}
.twin-modules article>p{color:rgba(255,255,255,.65);line-height:1.9}
.twin-modules blockquote{margin:30px 0 0;padding-left:20px;border-left:2px solid var(--pro-cyan);font-weight:700}
.build-shift{display:grid;gap:12px;margin:30px 0}
.build-shift span,.build-shift strong{padding:18px;background:rgba(255,255,255,.07);font-size:13px;line-height:1.7}
.build-shift strong{color:var(--pro-cyan)}
.human-state{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.human-state>div{padding:28px;border:1px solid var(--line)}
.human-state small,.human-state span{display:block}
.human-state small{color:var(--faint);font-size:9px;margin-bottom:18px}
.human-state span{padding:10px;border-bottom:1px solid var(--line)}
.human-state>i{font-style:normal;color:var(--blue);font-size:11px;font-weight:700}
.human-state .after{background:var(--blue);color:#fff}
.human-state .after small{color:#bdc7ff}
.human-state .after span{border-color:rgba(255,255,255,.2)}
.experience-system{background:linear-gradient(135deg,#0b1650,#172a86);color:#fff}
.experience-origin{margin-top:18px!important;color:#9fb2ff!important;font-size:12px!important;line-height:1.8!important}
.experience-stack{max-width:560px;margin:0 auto}
.experience-stack span,.experience-stack strong{border-color:var(--pro-line);background:rgba(255,255,255,.07)}
.experience-stack strong{color:var(--pro-cyan)}
.org-diagram{text-align:center}
.knowledge-sources,.roles{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.knowledge-sources span,.roles span{padding:15px 8px;border:1px solid var(--line);font-size:9px}
.org-diagram>i{display:block;padding:15px;color:var(--blue);font-style:normal}
.org-diagram>strong{display:block;padding:24px;background:var(--blue);color:#fff}
.roles{grid-template-columns:repeat(4,1fr)}
.workflow-docs{background:#0a1237}
.doc-flow{display:flex;align-items:center;overflow-x:auto;padding-bottom:15px}
.doc-flow>div{min-width:155px;padding:22px;border:1px solid var(--pro-line)}
.doc-flow b,.doc-flow small{display:block}
.doc-flow b{font-size:12px}
.doc-flow small{margin-top:9px;color:rgba(255,255,255,.5);font-size:9px}
.doc-flow>i{padding:8px;color:var(--pro-cyan);font-style:normal}
.doc-flow .active{background:var(--blue)}
.pro-output-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--blue);border-left:1px solid var(--line)}
.pro-output-grid span{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;font-weight:700}
.output-goal{margin-top:50px;font-size:18px;line-height:1.8}
.method-quote{margin:50px 0 0;padding:28px;text-align:center;border:1px solid #cbd2f1;background:#fff;font-size:17px}
.alumni-next p:not(.eyebrow){color:rgba(255,255,255,.65);line-height:1.9}
.then-now>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:22px;border:1px solid var(--pro-line)}
.then-now small{width:100%;color:var(--pro-cyan)}
.then-now span,.then-now strong{font-size:11px}
.then-now i{color:var(--pro-cyan);font-style:normal}
.then-now .now{margin-top:14px;background:rgba(255,255,255,.05)}
.then-now h3{margin-top:38px;color:var(--pro-cyan);font-size:26px}
.pro-body{color:var(--soft);line-height:1.95}
.pro-instructor-quote{margin:30px 0;padding:25px;border-left:3px solid var(--blue);background:var(--tint);font-weight:700;line-height:1.8}
.monitor-pro{padding:120px 0;background:linear-gradient(135deg,#07103c,#172a86)}
.monitor-pro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.monitor-pro-grid>div>p:not(.eyebrow){color:rgba(255,255,255,.68);line-height:1.9}
.price-zero{margin-top:42px;padding:28px;border-top:1px solid var(--pro-line)}
.price-zero small,.price-zero strong{display:block}
.price-zero small{color:rgba(255,255,255,.55)}
.price-zero strong{font-size:64px;color:var(--pro-cyan)}
.monitor-requirements{padding:40px;background:rgba(255,255,255,.09);border:1px solid var(--pro-line)}
.monitor-requirements ul{list-style:none;padding:0}
.monitor-requirements li{padding:13px 0;border-bottom:1px solid var(--pro-line)}
.monitor-requirements li:before{content:"✓";color:var(--pro-cyan);margin-right:12px}
.monitor-requirements blockquote{margin:30px 0 0;padding-left:18px;border-left:2px solid var(--pro-cyan);line-height:1.8}
.fit-card a{color:var(--blue)}
.pro-final{padding:120px 0;background:linear-gradient(120deg,#07103c,#0b1650)}
.pro-final-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}
.pro-final-grid>div>p:not(.eyebrow){color:rgba(255,255,255,.68);line-height:1.9}
.beginner-return{display:block;margin-top:28px;color:rgba(255,255,255,.7);font-size:12px}
.final-terminal{border:1px solid var(--pro-line);background:#090e23}
.terminal-top{height:42px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--pro-line);font-size:9px;color:#7f88a8}
.terminal-top i{width:7px;height:7px;border-radius:50%;background:#445071}
.terminal-top span{margin-left:10px}
.final-terminal code{display:block;padding:35px;color:#c7d2fe;font-size:12px;line-height:2}
.final-terminal code b{color:var(--pro-cyan)}
.final-terminal code span{display:block;margin-top:20px;color:#63e6a8}
.professional-page .site-footer a{text-decoration:none;color:var(--blue)}

@media(max-width:1000px){.pro-hero-grid,.module-grid,.two-column,.monitor-pro-grid,.pro-final-grid{grid-template-columns:1fr}
.product-canvas{max-width:700px}
.ratio-figure{grid-template-columns:1fr}
.ratio-arrow{height:60px;transform:rotate(90deg)}
.explore-levels{grid-template-columns:1fr}
.explore-levels>strong{padding:8px;text-align:center;transform:rotate(90deg)}
.twin-modules{grid-template-columns:1fr}
.pro-output-grid{grid-template-columns:repeat(2,1fr)}
}
.exploration-intro{max-width:700px;color:rgba(255,255,255,.72);line-height:1.9}
.exploration-funnel{display:grid;grid-template-columns:1.2fr .72fr 1.05fr .72fr .9fr .72fr .75fr;gap:12px;align-items:stretch}
.exploration-funnel article{padding:22px;border:1px solid var(--pro-line);background:rgba(255,255,255,.035)}
.exploration-funnel header b,.exploration-funnel header span,.exploration-funnel header small{display:block}
.exploration-funnel header b{color:var(--pro-cyan);font-size:10px;letter-spacing:.1em}
.exploration-funnel header span{margin-top:10px;font-size:13px;font-weight:700}
.exploration-funnel header small{min-height:32px;margin-top:7px;color:rgba(255,255,255,.5);font-size:9px;line-height:1.5}
.option-set{display:grid;gap:5px;margin-top:18px;height:105px}
.option-set.four{grid-template-columns:repeat(2,1fr)}
.option-set.three{grid-template-columns:repeat(3,1fr)}
.option-set.two{grid-template-columns:repeat(2,1fr)}
.option-set.one{grid-template-columns:1fr}
.option-set i{display:block;border:1px solid rgba(123,147,255,.65);background:linear-gradient(180deg,#7b93ff 0 20%,rgba(255,255,255,.12) 20% 100%)}
.option-set i:nth-child(2){background:linear-gradient(180deg,#65c9f3 0 20%,rgba(255,255,255,.09) 20% 63%,rgba(123,147,255,.28) 63% 100%)}
.option-set i:nth-child(3){background:linear-gradient(90deg,rgba(123,147,255,.7) 0 30%,rgba(255,255,255,.1) 30%)}
.option-set i:nth-child(4){background:linear-gradient(180deg,rgba(255,255,255,.12) 0 60%,#7b93ff 60% 74%,rgba(255,255,255,.08) 74%)}
.decision-gate{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:12px}
.decision-gate small{color:var(--pro-cyan);font-size:8px;letter-spacing:.08em}
.decision-gate strong{margin-top:9px;color:rgba(255,255,255,.76);font-size:10px;line-height:1.6}
.decision-gate i{margin-top:16px;color:var(--pro-cyan);font-style:normal;font-size:18px}
.final-level{border-color:rgba(123,216,255,.6)!important}
.explore-legend{display:flex;justify-content:center;gap:24px;margin-top:36px;padding:20px;border-top:1px solid var(--pro-line);border-bottom:1px solid var(--pro-line);font-size:12px}
.explore-legend b{color:var(--pro-cyan)}
.explore-legend>i{color:var(--pro-cyan);font-style:normal}
.experience-system .pro-heading>p:last-child{color:rgba(255,255,255,.76)}
.experience-explanation{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}
.experience-explanation>div{padding:30px;border:1px solid var(--pro-line);background:rgba(255,255,255,.055)}
.experience-explanation span{color:var(--pro-cyan);font-size:10px;font-weight:800;letter-spacing:.12em}
.experience-explanation h3{margin:15px 0 12px;font-size:18px}
.experience-explanation p{margin:0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.9}
.experience-purpose{max-width:850px;margin:0 auto 48px;text-align:center;color:rgba(255,255,255,.78);font-size:16px;line-height:1.9}
.experience-purpose strong{color:var(--pro-cyan)}
.experience-stack{max-width:650px}
.experience-stack span b,.experience-stack span small,.experience-stack strong b,.experience-stack strong small{display:block}
.experience-stack span small,.experience-stack strong small{margin-top:6px;color:rgba(255,255,255,.58);font-size:10px;font-weight:400}
.experience-stack strong b{color:var(--pro-cyan)}
.career-link{margin-top:34px;padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:center;border:1px solid #cbd2f1;border-left:4px solid var(--blue);background:var(--tint);text-decoration:none}
.career-link span{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.08em}
.career-link strong{font-size:16px}
.career-link i{grid-column:2;grid-row:1/3;font-size:24px;color:var(--blue);font-style:normal}
.required-tools{margin-top:22px;padding:24px;border:1px solid rgba(123,216,255,.42);background:rgba(123,216,255,.07)}
.required-tools small,.required-tools strong,.required-tools b{display:block}
.required-tools small{margin-bottom:14px;color:var(--pro-cyan);font-size:10px;font-weight:800;letter-spacing:.1em}
.required-tools strong{font-size:16px}
.required-tools b{margin:8px 0;color:var(--pro-cyan)}
.required-tools p{margin:14px 0 0!important;color:rgba(255,255,255,.62)!important;font-size:11px}
.inline-link{color:var(--blue);font-weight:700;text-underline-offset:4px}
@media(max-width:1000px){.exploration-funnel{grid-template-columns:1fr}.decision-gate{padding:10px}.decision-gate i{transform:rotate(90deg)}}
@media(max-width:600px){.experience-explanation{grid-template-columns:1fr}.explore-legend{flex-direction:column;text-align:center}.explore-legend>i{transform:rotate(90deg)}.career-link{padding:18px}}

@media(max-width:600px){.pro-hero{padding:68px 0}
.pro-section,.module-section,.monitor-pro,.pro-final{padding:78px 0}
.product-canvas{min-height:440px}
.canvas-body{height:398px;grid-template-columns:70px 1fr}
.code-panel{display:none}
.layer-panel{padding:12px 7px}
.canvas-stage{padding:18px}
.screen-mini{height:230px;padding:20px}
.screen-mini strong{font-size:20px}
.component-mini{width:150px}
.ratio-bar{height:170px}
.ratio-bar span{padding:15px;font-size:10px}
.ratio-bar em{font-size:24px}
.pro-workflow{margin-right:-16px}
.module-grid{gap:48px}
.data-flow{grid-template-columns:1fr}
.data-flow i{transform:rotate(90deg);text-align:center}
.human-state{grid-template-columns:1fr}
.human-state>i{transform:rotate(90deg);text-align:center}
.knowledge-sources{grid-template-columns:1fr 1fr}
.roles{grid-template-columns:1fr 1fr}
.doc-flow{margin-right:-16px}
.pro-output-grid{grid-template-columns:1fr}
.monitor-requirements{padding:28px 22px}
.professional-page .apply-flow{grid-template-columns:1fr}
.professional-page .site-footer{gap:14px}
}