/* Readable default sizing: body 20px, supporting text 16–18px, metadata 14px. */
.floating-macbook{position:absolute;z-index:3;width:75.4%;height:auto;left:-32%;top:38%;pointer-events:none;filter:drop-shadow(0 12px 25px #14092255);animation:macbook-hover 6s ease-in-out infinite}
@keyframes macbook-hover{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-3deg)}}
@media(max-width:760px){.floating-macbook{width:72.8%;left:-9%;top:37%}}
@media(prefers-reduced-motion:reduce){.floating-macbook{animation:none;transform:rotate(-5deg)}}
:root{--muted:#605368}
body{font-size:1.25rem;line-height:1.85}
p,li,dd{line-height:1.85}
.header{min-height:104px;height:auto;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.header nav{font-size:1.125rem;gap:24px}
.header .nav-cta{font-size:1.125rem}
.brand{letter-spacing:1px}.brand small{font-size:.875rem;letter-spacing:.6px}
.eyebrow{font-size:.875rem;letter-spacing:1.3px;line-height:1.8}
.hero{min-height:890px}.hero h1{letter-spacing:-1px;line-height:1.35}
.hero-lead{font-size:1.5rem;line-height:1.9}
.hero-actions{flex-wrap:wrap;gap:20px}.hero-actions .button{font-size:1.25rem;padding:17px 25px}
.text-link,.hero-actions .text-link{font-size:1.125rem;line-height:1.8}
.hero-note{font-size:1rem;flex-wrap:wrap;gap:8px 20px;color:#d8cbdf}
.online-bonus strong{font-size:1.25rem}.online-bonus small{font-size:1rem;color:#dbd0e4}
.hero-visual .floating-tag{gap:8px;padding:12px;font-size:1.125rem}.floating-tag b{font-size:.875rem}
.visual-label{font-size:.875rem;letter-spacing:1px;right:10px;max-width:240px}
.image-credit{font-size:.875rem;max-width:90%;text-align:right;line-height:1.7}
.section-heading>p,.audience-grid p,.method-card>p,.online-copy>p,.register-copy>p{font-size:1.25rem;line-height:1.9}
.section h2{line-height:1.5;letter-spacing:0}.section-heading{align-items:flex-start}
.section-heading>p{max-width:420px;margin-top:25px}
.facts{gap:25px;padding-top:38px;padding-bottom:38px}.facts p{font-size:1.125rem}.facts .sme{line-height:1.6}
.method-card{padding:30px 24px}.method-card>p{min-height:0}.method-card h4{font-size:1.375rem;line-height:1.65}
.prompt-example{font-size:1.125rem;line-height:1.9;padding:20px 16px}.output strong{font-size:1.125rem}
.method-foot{font-size:1.25rem;line-height:1.9}.method-foot small{font-size:1rem;color:#65586e}
.project-panel{padding:32px}.project-tabs button{padding:24px 20px}.project-tabs span{line-height:1.7}
.lab-bubble{font-size:1.25rem;line-height:1.9}.lab-bubble.ai b{font-size:1.125rem}
.brief-sheet dl{font-size:1.125rem;grid-template-columns:110px minmax(0,1fr);gap:20px 12px}
.brief-foot{font-size:1rem}.project-intro p{font-size:1.125rem}.lab-result strong{font-size:1.125rem;line-height:1.8}
.example-disclosure{font-size:1rem;color:#d4c4df}.demo-label{font-size:1rem}
.refine-instruction p{font-size:1.25rem}.refine-instruction>span{font-size:1rem}
.social-output-grid article>p{font-size:1.125rem;line-height:1.9}
.extra-outputs p{font-size:1rem;color:#d3c0df}.storyboard{grid-template-columns:1fr 1fr}.storyboard span{font-size:1rem;padding:15px}.storyboard b{font-size:1rem}
.sticga-explanation>p,.sticga-explanation li{font-size:1.125rem}.sticga-explanation .case-footnote{font-size:1rem;color:#625369}
.case-links a{font-size:1.125rem;line-height:1.8}.browser-link{font-size:1.25rem}
.dm-workspace{grid-template-columns:330px minmax(0,1fr)}
.dm-thread{gap:12px;padding:21px 17px}.dm-thread strong{font-size:1rem;line-height:1.65}.dm-thread small{font-size:1rem;color:#62556c}
.dm-sidebar-heading strong{font-size:1.125rem}.dm-sidebar-heading>span{font-size:1rem}
.dm-header strong{font-size:1.25rem;line-height:1.6}.dm-header small{font-size:.875rem;color:#655970}
.dm-stage-label{flex-wrap:wrap;gap:4px 12px}.dm-stage-label b{font-size:1.125rem}.dm-stage-label>span{font-size:1rem;color:#685871}
.incoming-message,.dm-ai blockquote{font-size:1.25rem;line-height:1.9}.dm-ai>p:not(.dm-send-note){font-size:1.125rem;color:#5f506a}
.dm-send-note{font-size:1rem;color:#685970}.fiction-badge{font-size:1rem;color:#6b388f}
.dm-action-row button{font-size:1.125rem;min-height:48px;padding:12px 18px}
.agenda article{grid-template-columns:165px 105px minmax(0,1fr) 80px;gap:22px;padding-top:30px;padding-bottom:30px}
.agenda .sprint{grid-template-columns:145px 105px minmax(0,1fr) 80px}
.agenda h3{font-size:1.5rem;line-height:1.65}.agenda p{font-size:1.125rem}.agenda-time,.agenda-duration{font-size:1rem;line-height:1.7}
.break-row{font-size:1rem;line-height:1.8}.break-row span{font-size:1.125rem}
.takeaway{grid-template-columns:1fr}.takeaway-items{gap:30px}.takeaway-items h3{font-size:1.375rem;line-height:1.6}.takeaway-items p{font-size:1.125rem}
.online-copy .online-detail{font-size:1rem;color:#62546d}.online-included{font-size:1.125rem;line-height:1.8}
.included-course strong{font-size:1.25rem}.included-course>span{font-size:1.125rem;color:#d5c7df}
.course-meta>div{font-size:1.25rem;gap:20px;padding:18px 0}.course-meta span{color:#d6c6e1}
.register-note{font-size:1.125rem;color:#d5c6df;line-height:1.9}
.registration{gap:55px}.form-card{padding:35px}.form-heading p{font-size:1.125rem}
form label{font-size:1.125rem;line-height:1.7;margin-bottom:21px}
input:not([type=checkbox]),select,textarea{font-size:1.125rem;padding:14px;min-height:52px;line-height:1.7}
input::placeholder,textarea::placeholder{color:#73657e;opacity:1}
.consent{font-size:1rem!important;gap:12px;line-height:1.9}.consent input{width:21px;height:21px}
.consent span{color:#60516b}.submit-button{font-size:1.25rem;padding:17px 21px;min-height:58px}
.form-fine{font-size:1rem;color:#6b5d74}.form-status{font-size:1.125rem}
summary{font-size:1.25rem;line-height:1.75;padding:24px 0}details p{font-size:1.125rem;line-height:1.95}
dialog p{font-size:1.125rem}dialog{max-width:680px}
footer p{font-size:1.125rem}footer>span{font-size:.875rem}
@media(max-width:1100px){
 .header nav{gap:17px;font-size:1rem}.header .nav-cta{font-size:1rem}.brand small{font-size:.75rem}
 .method-grid{grid-template-columns:1fr}.method-card{padding:28px 30px}.method-card>p{max-width:65ch}
 .learn-grid{grid-template-columns:1fr}.dm-workspace{grid-template-columns:285px minmax(0,1fr)}
 .agenda article,.agenda .sprint{grid-template-columns:145px 85px minmax(0,1fr);gap:18px}.agenda-duration{display:none}
 .registration{gap:30px}.form-grid{grid-template-columns:1fr;gap:0}.form-card{padding:28px}
 .hero-visual .floating-tag b{display:none}.visual-label{font-size:.875rem}
}
@media(max-width:760px){
 body{font-size:1.125rem}.header{min-height:88px;flex-wrap:nowrap;gap:12px;padding:16px 5%}.header .nav-cta{font-size:1rem;padding:12px;gap:8px;white-space:nowrap}.brand{font-size:.875rem;letter-spacing:.5px}.brand small{font-size:.75rem;letter-spacing:0}.brand-icon{width:34px;height:34px;flex-shrink:0}
 .header nav{display:none}.hero{min-height:0}.hero h1{font-size:clamp(42px,10.3vw,60px);line-height:1.45;letter-spacing:0}.hero-lead{font-size:1.375rem;line-height:1.85}.hero-copy br.desktop{display:none}
 .hero-actions{gap:16px}.hero-actions .button{font-size:1.125rem}.hero-actions .text-link{font-size:1.125rem}.hero-note{font-size:1rem;gap:8px 16px}
 .hero-visual{height:530px}.visual-label{display:none}.hero-visual .floating-tag{font-size:1rem;padding:10px 8px;gap:5px}.hero-visual .floating-tag span{font-size:.875rem;width:23px;height:23px}.hero-visual .tag-two{left:34%}.image-credit{font-size:.875rem}
 .section{padding-top:55px;padding-bottom:55px}.section h2{font-size:2rem;line-height:1.55}.section-heading>p{font-size:1.25rem;line-height:1.9}
 .facts{gap:25px 16px}.facts p{font-size:1rem}.facts .sme{font-size:1rem}.facts strong span{font-size:1.125rem}
 .audience-grid h3{font-size:1.5rem}.audience-grid p{font-size:1.25rem}.method-card{padding:25px 22px}.method-card>p{font-size:1.25rem}.prompt-example br{display:none}.method-foot{font-size:1.125rem}.method-foot span{padding:0 3px}
 .project-intro{align-items:flex-start}.project-intro h3{font-size:1.5rem;line-height:1.55}.project-intro p{font-size:1.125rem}.project-intro>.download-link{font-size:1.125rem;margin-left:0}
 .project-tabs button{padding:18px 9px;font-size:1rem}.project-tabs strong{font-size:1.25rem}.project-tabs span{font-size:.875rem;line-height:1.8}
 .project-panel{padding:24px 15px}.lab-bubble{font-size:1.125rem;padding:17px 15px}.lab-bubble.human{margin-left:0}.lab-bubble.ai{margin-right:0}.panel-kicker{font-size:1rem}
 .brief-sheet{padding:23px 18px}.brief-sheet dl{grid-template-columns:1fr;gap:5px;font-size:1.125rem}.brief-sheet dd{margin-bottom:15px}.document-top{font-size:.875rem}.mood-swatches span{font-size:1rem;padding:18px 9px}
 .refine-instruction p{font-size:1.125rem}.refine-checks{font-size:1rem}.compare-label{font-size:1.125rem}.compare-label span{font-size:1rem;line-height:1.8}
 .sample-ad{aspect-ratio:.95}.draft-overlay{padding:16px}.draft-overlay b{font-size:1.125rem}.draft-overlay strong{font-size:1.375rem;padding:12px}.draft-overlay>span{font-size:1rem}.final-overlay{padding:17px}.final-overlay strong{font-size:1.75rem;margin-top:25px}.final-overlay>span{font-size:.875rem}.final-overlay b{font-size:1rem;padding:9px}
 .social-output{aspect-ratio:.95;padding:20px}.social-output>span{font-size:.875rem;letter-spacing:.3px}.social-launch>strong{font-size:1.75rem}.social-follow>strong{font-size:1.875rem}.social-follow>b{font-size:1rem;max-width:90%;left:15px}.social-idea small{font-size:.875rem;line-height:1.8}.social-output-grid h4{font-size:1.25rem}.social-output-grid article>p{font-size:1.125rem}
 .extra-outputs h4{font-size:1.375rem;line-height:1.65}.extra-outputs p,.example-disclosure{font-size:1rem}.download-link{font-size:1.125rem}
 .browser-chrome{font-size:.875rem;padding:14px}.sticga-explanation>p,.sticga-explanation li{font-size:1.125rem}.case-links{gap:18px}.case-links a{font-size:1.125rem}
 .dm-workspace{grid-template-columns:minmax(0,1fr)}.dm-thread{flex-basis:270px;width:270px}.dm-thread strong,.dm-thread small{font-size:1rem}.dm-header{align-items:flex-start;flex-wrap:wrap}.dm-header strong{font-size:1.125rem}.dm-header small{font-size:.875rem}.dm-demo-tag{font-size:.875rem}.incoming-message,.dm-ai blockquote{font-size:1.125rem;line-height:1.9}.dm-ai>p:not(.dm-send-note){font-size:1.125rem}.dm-stage-label>span{font-size:1rem}.dm-send-note{font-size:1rem}
 .agenda article,.agenda .sprint{grid-template-columns:1fr auto;gap:13px}.agenda article>div:nth-child(3){grid-column:1/-1}.agenda h3{font-size:1.5rem}.agenda p{font-size:1.125rem}.agenda-number{font-size:1.125rem}.agenda-time{font-size:1rem}.break-row span{display:block;margin:5px 0 0;font-size:1.125rem}
 .takeaway-items h3{font-size:1.375rem}.takeaway-items p{font-size:1.125rem}.lesson-bar span{font-size:.75rem;letter-spacing:0}.lesson-screen{padding:28px 22px}.lesson-play{right:22px}.free-stamp small{font-size:.75rem}.free-stamp{width:105px;height:105px}
 .online-copy>p{font-size:1.25rem}.online-included{font-size:1.125rem}.online-copy .online-detail{font-size:1rem}
 .registration h2{font-size:2.75rem}.register-copy>p{font-size:1.25rem}.course-meta>div{font-size:1.125rem}.register-note{font-size:1.125rem}.form-card{padding:27px 20px}.form-heading h3{font-size:1.75rem}.form-heading p{font-size:1.125rem}
 .form-card label{font-size:1.125rem}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea{font-size:1.125rem;line-height:1.7}.consent{font-size:1rem!important}.submit-button{font-size:1.25rem}
 summary{font-size:1.25rem;line-height:1.8}details p{font-size:1.125rem;padding-right:0}.faq h2{font-size:1.875rem}footer p{font-size:1rem}dialog p{font-size:1.125rem}
}
@media(max-width:380px){.header .brand small{display:none}.header .nav-cta{font-size:.875rem}.hero-visual .floating-tag span{display:none}.project-tabs span{display:none}.hero h1{font-size:2.5rem}.course-meta>div{align-items:flex-start}}
.student-case .browser-showcase img{height:auto}.student-case{padding-top:55px}.student-case .sticga-case-grid{align-items:start}
#sticga-case .browser-showcase img{aspect-ratio:1.67;object-fit:cover;object-position:top;width:100%;height:auto}

#dm-reply{white-space:pre-line;font-family:var(--thai)}.dm-thread strong,.dm-header strong,.incoming-message{font-family:var(--thai)}

.hero-scope{font-size:1rem;line-height:1.8;color:#d8cbdf;margin-top:16px}.brand-complete{margin:28px 0 42px}.brand-complete h3{font-size:1.75rem;line-height:1.5}.brand-complete>p{font-size:1.125rem;margin:15px 0}.brand-kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}.brand-kit-grid>a,.brand-kit-grid>article{padding:25px;background:#f0e9df;color:#163a2c;border-radius:8px;display:flex;flex-direction:column;gap:15px}.brand-kit-grid>a:first-child{background:#cee85d}.brand-kit-grid b{font-size:1rem}.brand-kit-grid strong{font-size:1.75rem;line-height:1.4}.brand-kit-grid span,.brand-kit-grid p{font-size:1.125rem}.brand-kit-grid img{height:150px;object-fit:contain}.brand-kit-grid h3{font-size:1.5rem}@media(max-width:760px){.brand-kit-grid{grid-template-columns:1fr}.hero-scope br{display:none}}

.collab-lockup{display:flex;align-items:center;gap:22px;width:fit-content;padding:12px 20px;border:1px solid #ffffff26;border-radius:12px;background:#241333;margin-bottom:25px}.collab-lockup>span{font:300 32px Arial;color:#d9c7e6}.collab-lockup img{display:block;width:100%;height:100%;object-fit:contain}.collab-gorra{width:132px;height:105px}.collab-forum{width:89px;height:89px;background:white;border-radius:50%;overflow:hidden}.hero-copy>.collab-lockup{padding:7px 16px;gap:20px;margin-bottom:22px}.hero-copy .collab-gorra{width:110px;height:85px}.hero-copy .collab-forum{width:70px;height:70px}.speaker-section{background:#fff}.speaker-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.training-photo{position:relative;aspect-ratio:1.05;overflow:hidden;border-radius:12px;background:#241333}.training-photo img{position:absolute;width:238%;height:auto;max-width:none;left:0;top:0}.speaker-caption{font-size:1rem;line-height:1.8;color:#6a5b73;margin:14px 0 25px}.speaker-copy h3{font-size:2.5rem;line-height:1.5;margin-top:12px}.speaker-copy h3 span{font-size:1.75rem}.speaker-role{color:#713ec3;font-size:1.25rem;margin:14px 0 22px}.speaker-copy>p,.speaker-copy li{font-size:1.125rem;line-height:1.9}.speaker-copy ul{padding-left:23px}.speaker-proof{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px 0;margin:25px 0;border-block:1px solid #e6e0eb}.speaker-proof strong{display:block;font-size:1.8rem;color:#713ec3}.speaker-proof span{font-size:1rem;display:block}.speaker-organizations{margin-top:50px;padding-top:35px;border-top:1px solid #e6e0eb}.speaker-organizations h3{font-size:1.5rem;margin:15px 0 22px}.organization-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.organization-list span{font-size:1.125rem;line-height:1.7;padding:20px;background:#f5f0fa;border-radius:8px}.header nav{gap:18px}@media(max-width:1000px){.speaker-grid{gap:30px}.organization-list{grid-template-columns:1fr 1fr}.header nav{font-size:.875rem;gap:12px}}@media(max-width:760px){.speaker-grid{grid-template-columns:1fr}.training-photo{max-width:460px}.speaker-copy h3{font-size:2rem}.speaker-copy h3 span{font-size:1.5rem}.organization-list{grid-template-columns:1fr}.speaker-proof strong{font-size:1.5rem}.hero-copy>.collab-lockup{margin-top:0}.hero-copy .collab-gorra{width:105px;height:80px}.hero-copy .collab-forum{width:65px;height:65px}}

.course-offer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:23px 0;padding:20px 22px;border:1px solid #c1eea066;border-radius:10px;background:#c1eea00c}.seat-limit{background:#c1eea0;color:#243b1c;padding:7px 12px;border-radius:5px;font-size:1.125rem;font-weight:600}.course-offer del{display:block;color:#dbcfe4;font-size:1rem}.course-offer strong{display:block;color:#c1eea0;font-size:2.5rem;line-height:1.5}.course-offer small{font-size:1.125rem}.course-offer>span:last-child{font-size:1rem;color:#e2d8ea;flex-basis:100%}@media(max-width:760px){.course-offer{padding:17px}.course-offer strong{font-size:2.25rem}}

.walaa-case{background:#f4f0e9;color:#39372f}.walaa-hero{display:block;border:1px solid #d6cdbd;border-radius:12px;overflow:hidden}.walaa-hero img{display:block;width:100%;height:auto}.walaa-hero>span{display:flex;justify-content:space-between;gap:16px;padding:20px 25px;background:#e5dece;font-size:1.125rem}.walaa-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:45px 0}.walaa-intro h3{font-size:1.7rem;line-height:1.6;margin-top:15px}.walaa-intro>p{font-size:1.25rem;line-height:1.9}.walaa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:30px 0}.walaa-card{background:#fffcf7;border:1px solid #d6cdbd;border-radius:10px;overflow:hidden}.walaa-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#ede7dc}.walaa-card>div{padding:22px}.walaa-card h3{font-size:1.375rem;line-height:1.6}.walaa-card p{font-size:1.125rem;margin:8px 0}.walaa-card span{font-size:1rem;color:#715e43}.walaa-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-block:1px solid #d6cdbd;padding:30px 0;margin:40px 0}.walaa-flow b{color:#713ec3;font-size:1.375rem}.walaa-flow p{font-size:1.125rem;margin-top:10px}.walaa-note{font-size:1rem;line-height:1.9;max-width:1000px;margin:25px 0;color:#655d51}.walaa-gallery{font-family:'IBM Plex Sans Thai',sans-serif;background:#f4f0e9}.walaa-gallery nav{padding:25px 6%;display:flex;justify-content:space-between;gap:20px;font-size:1rem}.walaa-gallery h1{font-size:clamp(34px,5vw,64px);line-height:1.4}@media(max-width:760px){.walaa-grid,.walaa-intro,.walaa-flow{grid-template-columns:1fr}.walaa-hero>span{flex-direction:column}.walaa-gallery nav{flex-wrap:wrap}.walaa-intro{gap:20px}.walaa-case .section-heading>p{margin-top:15px}}

/* Local compact review: keep the headline and strongest examples. */
.hero .new-hook{font-size:clamp(42px,4.3vw,65px);line-height:1.3;margin:22px 0}.new-hook>span{display:block;font-size:.65em;line-height:1.65;margin-top:17px}.hero-copy{padding-top:0}.hero{padding-top:40px}.hero-copy>.collab-lockup{margin-bottom:16px}.hero .hero-lead{font-size:1.25rem;line-height:1.8}.hero .course-offer{padding:13px 18px;margin:18px 0}.hero .hero-actions{margin-top:20px}.section{padding-top:55px;padding-bottom:55px}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.method-card{padding:25px 22px}.method-card .prompt-example{display:none}.method-card .output{margin-top:15px}.method-foot{margin-top:25px}.compact-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.compact-examples>a{background:#fff;border:1px solid #e2d9eb;border-radius:10px;overflow:hidden}.compact-examples img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}.compact-examples>a>div{padding:22px}.compact-examples span{font-size:1rem;color:#713ec3}.compact-examples h3{font-size:1.5rem;margin:12px 0}.compact-examples p,.compact-foot{font-size:1.125rem}.compact-foot{margin-top:20px}.compact-foot a{color:#713ec3;text-decoration:underline}.compact-walaa{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px}.compact-walaa img{width:100%;height:auto;border-radius:10px}.compact-walaa h2{font-size:2rem;margin:15px 0}.compact-walaa p{font-size:1.125rem;margin:18px 0}.compact-walaa .walaa-note{font-size:1rem}.speaker-section .section-heading{margin-bottom:25px}.speaker-section .speaker-grid{gap:40px}.speaker-section .speaker-copy h3{font-size:2rem;margin-top:5px}.speaker-proof{margin:18px 0;padding:15px 0}.speaker-section .speaker-copy ul{display:none}.agenda article,.agenda .sprint{padding-top:20px;padding-bottom:20px}.compact-faq{max-width:1100px;margin:auto}.compact-faq h2{margin-bottom:20px}@media(max-width:760px){.hero .new-hook{font-size:2.65rem}.new-hook>span{font-size:.65em}.method-grid,.compact-examples,.compact-walaa{grid-template-columns:1fr}.section{padding-top:40px;padding-bottom:40px}.compact-walaa{gap:20px}.hero .hero-lead{font-size:1.25rem}}

/* Brand-building workflow backdrop, local preview. */
.hero-visual .brand-flow-backdrop{position:absolute;inset:0 -10% 0 -14%;pointer-events:none;z-index:0;opacity:.8}
.brand-flow-backdrop img{width:100%;height:100%;object-fit:fill}
.hero-visual .portrait-frame{z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,transparent 17%,#000 48%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 17%,#000 48%)}
.hero-visual .floating-tag{display:none}
.hero-visual .floating-macbook{z-index:3}
.hero-visual .visual-label,.hero-visual .image-credit{z-index:4}
@media(max-width:760px){.hero-visual .brand-flow-backdrop{inset:-10px -6% 0 -3%;opacity:.75}.hero-visual .portrait-frame{mask-image:linear-gradient(90deg,transparent,#000 54%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 54%)}.brand-flow-backdrop img{object-fit:fill}}

/* Keep the laptop beside the presenter, clear of the workflow labels. */
.hero-visual .floating-macbook{left:12%;top:54%}
@media(max-width:760px){.hero-visual .floating-macbook{left:29%;top:50%;width:68%}}

/* Separate the price panel border from the workflow diagram. */
@media(min-width:761px){.hero-copy>.course-offer{max-width:calc(100% - 65px)}}