:root{--navy:#17324d;--ink:#20384d;--blue:#3e6685;--muted:#536b80;--line:#cfdbe5;--paper:#f7f9fc;--pale:#eaf0f5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.85}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-weight:600;letter-spacing:-.04em;line-height:1.35}h1{font-size:clamp(2.4rem,4.4vw,4.2rem)}h2{font-size:clamp(1.8rem,3vw,2.9rem)}h3{font-size:1.25rem;line-height:1.55}p+p{margin-top:1em}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.eyebrow{color:var(--blue);font-size:.78rem;letter-spacing:.13em;font-weight:650;margin-bottom:20px}.meta{font-size:.85rem;color:var(--muted)}.intro{font-size:1.1rem;color:var(--muted);max-width:660px;margin-top:24px}.section{padding:100px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:48px;align-items:end}.section-head p{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--navy);color:#fff;padding:15px 24px;text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid var(--navy);border-radius:3px;min-height:52px}.btn:hover{background:var(--blue)}.text-link{font-size:.95rem;font-weight:600}.skip{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}header .wrap{display:flex;justify-content:space-between;align-items:center;min-height:80px;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:14px;line-height:1.3}.monogram{font-family:Georgia,serif;font-size:2rem;font-weight:700;letter-spacing:-.08em;border-right:1px solid var(--line);padding-right:18px}.brand small{font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.nav{display:flex;align-items:center;gap:28px;font-size:.88rem}.nav a{text-decoration:none}.nav .nav-cta{border-bottom:1px solid var(--navy);padding:8px 0}.hero{padding:80px 0 65px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}.hero h1 span{color:var(--blue)}.hero p{margin-top:26px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px}.hero figure{margin:0;position:relative}.hero img{aspect-ratio:1.12;object-fit:cover;object-position:53% center;border-radius:3px}.hero figcaption{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;color:var(--muted);padding-top:14px}.hero-bottom{margin-top:60px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.84rem}.light{background:white}.pain-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.pain{padding:32px 30px 34px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;gap:12px}.pain:nth-child(even){padding-left:30px;border-left:1px solid var(--line)}.num{font-family:Georgia,serif;color:var(--blue);font-size:1.25rem}.pain p{color:var(--muted);margin-top:12px;font-size:.96rem}.audience{margin-top:34px;max-width:850px;color:var(--muted)}.audience strong{color:var(--navy)}.steps{list-style:none;padding:0;margin:50px 0 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.steps li{border-top:2px solid var(--line);padding-top:20px}.steps span{font-family:Georgia,serif;font-size:1.7rem;color:var(--blue)}.steps h3{margin:14px 0 8px;font-size:1.05rem}.steps p{font-size:.9rem;color:var(--muted)}.examples{background:var(--navy);color:#fff}.examples .eyebrow,.examples .section-head p{color:var(--on-dark)}.example{display:grid;grid-template-columns:240px 1fr;gap:55px;padding:42px 0;border-top:1px solid var(--dark-line)}.example:last-child{padding-bottom:0}.example-label{font-family:Georgia,serif;font-size:3rem;line-height:1;color:var(--on-dark);margin-bottom:18px}.example aside p{font-size:.87rem;color:var(--on-dark);margin-top:14px}.example-body{display:grid;grid-template-columns:1fr 1fr;gap:24px}.example-body .full{grid-column:1/-1}.example .label{font-size:.75rem;letter-spacing:.08em;color:var(--on-dark);margin-bottom:10px}.example blockquote{margin:0;font-family:Georgia,serif;font-size:1.18rem;line-height:1.65}.question{padding:22px;border:1px solid var(--dark-line)}.question p{font-size:1rem}.answer{background:var(--pale);color:var(--navy);padding:26px}.answer .label{color:var(--blue)}.example .note{font-size:.82rem;color:var(--on-dark)}.paths{display:grid;grid-template-columns:1fr 1fr;gap:70px}.path{padding-top:26px;border-top:1px solid var(--line)}.path h3{font-size:1.5rem;margin-bottom:18px}.path p{color:var(--muted)}.path .num{display:block;margin-bottom:20px}.progress{border-top:1px solid var(--line);padding-top:24px;margin-top:40px;font-size:.9rem;color:var(--muted)}.evidence{background:var(--pale)}.evidence-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.evidence p{margin:20px 0 28px;color:var(--muted)}.evidence-note{border-left:2px solid var(--blue);padding:4px 0 4px 28px}.evidence-note strong{display:block;font-size:1.1rem}.evidence-note p{margin:10px 0 0;font-size:.95rem}.about-grid{display:grid;grid-template-columns:320px 1fr;gap:80px;align-items:start}.portrait{margin:0}.portrait img{aspect-ratio:1;object-fit:cover;border-radius:2px}.portrait figcaption{font-size:.74rem;color:var(--muted);margin-top:12px}.about-copy p{color:var(--muted);margin-top:24px}.about-copy .text-link{display:inline-block;margin-top:26px}.first-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.first-grid .intro{font-size:1rem}.trial{display:inline-block;background:var(--pale);padding:7px 12px;font-size:.8rem;margin-bottom:20px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:24px;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'＋';color:var(--blue)}details[open] summary:after{content:'−'}details p{font-size:.95rem;color:var(--muted);padding-top:16px;padding-right:25px}.closing{text-align:center;background:var(--pale);padding:85px 0}.closing p{margin:24px auto 30px;color:var(--muted);max-width:600px}.closing .meta{display:block;margin-top:18px}footer{padding:28px 0;background:var(--navy);color:var(--on-dark);font-size:.75rem}footer .wrap{display:flex;justify-content:space-between;gap:20px}.preview-note{font-size:.72rem;color:var(--muted);text-align:center;padding:9px;border-bottom:1px solid var(--line)}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:32px}.nav{gap:18px}.section{padding:75px 0}.section-head{gap:32px}.hero{padding-top:55px}.hero h1{font-size:2.8rem}.steps{gap:15px}.about-grid{grid-template-columns:240px 1fr;gap:45px}.first-grid{gap:45px}.example{grid-template-columns:170px 1fr;gap:30px}}@media(max-width:700px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}header .wrap{min-height:68px}.brand{gap:10px}.monogram{font-size:1.7rem;padding-right:12px}.brand strong{font-size:.85rem}.brand small{font-size:.6rem}.nav a:not(.nav-cta){display:none}.nav{font-size:.78rem}.hero{padding-top:40px}.hero-grid,.section-head,.evidence-inner,.about-grid,.first-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:2.65rem}.hero .eyebrow{font-size:.72rem}.hero img{aspect-ratio:1.35}.hero figure{margin-top:8px}.hero p{font-size:1rem}.hero-bottom{margin-top:32px;flex-direction:column;gap:4px}.section{padding:60px 0}.section-head{margin-bottom:30px}.section-head p{font-size:.96rem}.pain-grid,.paths{grid-template-columns:1fr}.pain,.pain:nth-child(even){padding:25px 0;border-left:0;grid-template-columns:30px 1fr}.steps{grid-template-columns:1fr;gap:0;margin-top:30px}.steps li{display:grid;grid-template-columns:42px 1fr;gap:0 12px;padding:20px 0;border-top:1px solid var(--line)}.steps span{grid-row:1/3}.steps h3{margin:0 0 5px}.steps p{grid-column:2}.example{grid-template-columns:1fr;gap:24px;padding:32px 0}.example-label{font-size:2rem;margin-bottom:12px}.example-body{grid-template-columns:1fr}.example-body .full{grid-column:auto}.example aside p{max-width:400px}.paths{gap:35px}.about-grid{gap:28px}.portrait{max-width:260px}.first-grid{gap:36px}.closing{padding:60px 0}.actions{gap:20px}.btn{padding:14px 18px;font-size:.9rem}.closing .btn{width:100%}footer .wrap{flex-direction:column;gap:8px}.preview-note{font-size:.66rem}.hero figcaption{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v3: semantic diagrams and watercolor scene panels */
.hero img{aspect-ratio:1.5;object-fit:contain}.portrait img{aspect-ratio:1;object-fit:contain}
.steps{position:relative;gap:0;margin-top:44px;counter-reset:step}.steps li{position:relative;padding:24px 20px 22px;border-top:0;background:#fff;border-right:1px solid var(--line)}.steps li:first-child{border-radius:8px 0 0 8px}.steps li:last-child{border-right:0;border-radius:0 8px 8px 0}.steps span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--navy);color:white;border-radius:50%;font-size:1.15rem}.steps li:not(:last-child):after{content:'→';position:absolute;right:-13px;top:32px;z-index:1;background:var(--paper);color:var(--blue);width:26px;text-align:center;line-height:26px;border-radius:50%}
.diagram{margin:0 0 26px;padding:24px;border:1px solid var(--dark-line);border-radius:5px;background:var(--navy)}.diagram figcaption{font-size:.85rem;color:var(--on-dark);margin-bottom:18px}.flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0}.flow.three{grid-template-columns:repeat(3,minmax(0,1fr))}.flow li{position:relative;padding:14px 12px;background:var(--paper);color:var(--navy);border-radius:3px}.flow li:not(:last-child):after{content:'→';position:absolute;right:-19px;top:15px;color:var(--on-dark)}.flow strong{display:block;font-size:.95rem}.flow span{display:block;font-size:.82rem;line-height:1.6;color:var(--muted);margin-top:6px}.flow li.uncertain{background:transparent;border:1px dashed var(--dark-line);color:white}.flow li.uncertain span{color:var(--on-dark)}.diagram-foot{color:var(--on-dark);font-size:.8rem;margin-top:14px}
.pain{display:block;padding:24px 26px 28px 0}.pain:nth-child(even){padding:24px 0 28px 26px}.pain .num{display:inline-block;margin:0 10px 10px 0;font-size:.9rem}.scene{display:block;width:min(100%,260px);aspect-ratio:1;background-image:url('/assets/at-services/at-work-scenes.webp');background-size:200% 200%;background-repeat:no-repeat;border-radius:4px;margin-bottom:20px;background-color:var(--paper)}.scene-1{background-position:0 0}.scene-2{background-position:100% 0}.scene-3{background-position:0 100%}.scene-4{background-position:100% 100%}.scene-note{font-size:.78rem;color:var(--muted);margin-top:20px}
@media(max-width:950px){.steps{grid-template-columns:1fr;gap:14px}.steps li{border-right:0;padding:18px 20px 18px 80px;border-radius:5px!important;min-height:90px}.steps span{position:absolute;left:20px;top:20px}.steps h3{margin:0 0 8px}.steps li:not(:last-child):after{content:'↓';right:auto;left:29px;top:auto;bottom:-21px}.flow{gap:14px}.flow li:not(:last-child):after{right:-13px;font-size:.8rem}}
@media(max-width:700px){.pain,.pain:nth-child(even){padding:24px 0;border-left:0}.scene{aspect-ratio:1;width:min(100%,240px)}.steps li{display:block}.steps p{margin:0}.diagram{padding:18px}.flow,.flow.three{grid-template-columns:1fr;gap:24px}.flow li:not(:last-child):after{content:'↓';top:auto;bottom:-22px;right:auto;left:18px}.hero img{aspect-ratio:1.5}}

.mt24{margin-top:24px}.mt44{margin-top:44px}

/* Tablet: keep example diagrams readable before mobile breakpoint. */
@media(min-width:701px) and (max-width:950px){.example{grid-template-columns:1fr}.flow,.flow.three{grid-template-columns:1fr;gap:24px}.flow li:not(:last-child):after{content:"↓";top:auto;bottom:-22px;right:auto;left:18px}}

.service-nav{display:flex;gap:20px;align-items:center;font-size:.85rem}.service-nav a{text-decoration:none;padding:8px 0}.service-nav a[aria-current=page]{border-bottom:2px solid var(--navy);font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}.service-card{border-top:3px solid var(--accent);padding:28px;background:#fff;display:flex;flex-direction:column}.service-card h3{font-size:1.7rem;margin:16px 0}.service-card p{color:var(--muted)}.service-card ul{padding-left:20px;color:var(--muted);margin:22px 0}.service-card a{margin-top:auto;padding-top:18px;font-weight:650}.service-card .tag{color:var(--accent);font-size:.8rem;letter-spacing:.1em}.hub-hero{padding:70px 0 55px}.hub-hero .hero-grid{grid-template-columns:1.1fr .9fr}.hub-hero img{border-radius:4px}.hub-hero h1{font-size:clamp(2.4rem,4.2vw,4rem)}.hub-hero .intro{margin-bottom:28px}.bridge{display:grid;grid-template-columns:1fr 1fr;gap:60px}.eyebrow{line-height:1.6}.need-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.need-list article{border-top:1px solid var(--line);padding-top:24px}.need-list p{margin-top:12px;color:var(--muted)}.four-steps{grid-template-columns:repeat(4,1fr)}.sample{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.sample .diagram{margin:28px 0 0}.sample blockquote{margin:16px 0 24px;border-left:2px solid var(--dark-line);padding-left:20px;font-size:1.15rem}.sample p{color:var(--on-dark)}.sample h3{color:white}.decision-table{width:100%;border-collapse:collapse;background:white;color:var(--ink);font-size:.95rem}.decision-table th,.decision-table td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.decision-table th{background:var(--pale)}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px}.fit-grid article{padding:26px;background:white;border-top:2px solid var(--line)}.fit-grid ul{padding-left:20px}.mini-about{display:grid;grid-template-columns:170px 1fr;gap:40px;align-items:center}.mini-about img{width:170px;border-radius:50%}.mini-about p{margin-top:15px;color:var(--muted)}.subject-note{font-size:.85rem;color:var(--muted);margin-top:18px;max-width:650px}.closing .subject-note{margin:20px auto 0}.lesson-list{padding-left:22px;margin-top:24px;color:var(--muted)}.mock-label{text-align:center;font-size:.75rem;padding:7px;background:var(--pale);color:var(--muted)}.crosslinks{display:flex;gap:25px;flex-wrap:wrap;margin-top:24px}.service-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--pale);font-family:Georgia,serif;font-size:1.6rem;color:var(--accent)}.lane-note{font-size:.8rem;color:var(--muted);margin-top:18px}
@media(max-width:950px){.service-grid{gap:14px}.service-card{padding:20px}.service-card h3{font-size:1.35rem}.sample{grid-template-columns:1fr}.four-steps{grid-template-columns:1fr}.service-nav{gap:14px}.hub-hero .hero-grid{gap:30px}}
@media(max-width:700px){header .wrap{flex-wrap:wrap;padding:12px 0;gap:10px}.service-nav{width:100%;justify-content:space-between;font-size:.78rem}.service-grid,.need-list,.bridge,.fit-grid,.hub-hero .hero-grid{grid-template-columns:1fr}.hub-hero{padding:40px 0}.hub-hero img{max-height:330px;object-fit:cover}.mini-about{grid-template-columns:1fr;gap:22px}.mini-about img{width:140px}.decision-table th,.decision-table td{padding:10px;font-size:.85rem}.hero{padding-top:40px}.need-list{gap:26px}.service-card h3{font-size:1.6rem}html{scroll-padding-top:130px}.flow{grid-template-columns:1fr}}

.hub-hero .portrait img,.career .hero .portrait img,.ai .hero .portrait img{aspect-ratio:1.5;object-fit:contain}.career .hero .portrait,.ai .hero .portrait{max-width:none}

.startup .hero .portrait img{aspect-ratio:1.5;object-fit:contain}.startup .hero .portrait{max-width:none}body:not(.career):not(.ai):not(.startup) #services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){body:not(.career):not(.ai):not(.startup) #services .service-grid{grid-template-columns:1fr}.service-nav{flex-wrap:wrap;gap:12px 18px}}

/* v3: themed illustration system and readable semantic diagrams */
.hero img,.hub-hero img{width:100%;height:auto;object-fit:contain}.hero .portrait,.hub-hero .portrait{max-width:none}
.service-illustration{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px;margin:0 0 22px}.service-card:has(.service-illustration) .service-icon{display:none}
.english-scene{background-image:url('/assets/at-services/english-hero.webp');background-size:cover;background-position:center}
.visual-section{background:var(--pale)}.visual-board{margin:34px 0 0;padding:32px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink)}.visual-board>figcaption{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 25px}
.vrow{display:flex;align-items:stretch;gap:12px}.vnode{flex:1;min-width:0;padding:22px;background:var(--pale);border:1px solid var(--line);border-radius:6px}.vnode strong,.canvas-cell strong{display:block;font-size:1.1rem;margin-bottom:10px}.vnode span,.canvas-cell span{display:block;color:var(--muted);font-size:.95rem;line-height:1.75}.v-arrow{align-self:center;font-size:1.5rem;color:var(--blue)}.v-branch{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px;border-top:2px solid var(--line);padding-top:24px}.v-branch>div{position:relative}.v-branch>div:before{content:'↓';display:block;text-align:center;color:var(--blue);margin:-20px 0 12px}.v-outcome{background:var(--pale);border-color:var(--blue)}.v-revise{background:var(--paper);border-color:var(--blue)}.v-merge{text-align:center;font-size:1.5rem;padding:10px}.v-return{margin:24px 0 0!important;font-size:.88rem;color:var(--muted)}.loop-back{margin-top:20px;font-size:.92rem;font-weight:600;color:var(--blue);border-bottom:2px dashed var(--line);padding-bottom:14px}.ownership{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}.ownership span{padding:8px 14px;border:1px solid var(--line);border-radius:22px;font-size:.85rem}.route-start{margin:0 auto 24px;padding:18px;background:var(--ink);color:#fff;text-align:center;max-width:430px;border-radius:6px}.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.route-node{padding:18px;border-top:3px solid #17324d;background:var(--pale);text-decoration:none}.route-node strong,.route-node small{display:block}.route-node strong{font-size:1.05rem;margin:8px 0}.route-node small{font-size:.85rem;color:var(--muted)}.route-career{border-color:#234b49}.route-startup{border-color:#795c32}.route-ai{border-color:#343e61}
.bmc{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:auto auto auto;gap:10px}.canvas-cell{background:var(--paper);border:1px solid var(--line);padding:20px 14px;min-width:0}.partners{grid-column:1/3;grid-row:1/3}.activities{grid-column:3/5;grid-row:1}.resources{grid-column:3/5;grid-row:2}.value{grid-column:5/7;grid-row:1/3;background:var(--pale)}.relations{grid-column:7/9;grid-row:1}.channels{grid-column:7/9;grid-row:2}.customers{grid-column:9/11;grid-row:1/3}.costs{grid-column:1/6;grid-row:3}.revenue{grid-column:6/11;grid-row:3}.validation-loop{margin-top:28px}
@media(max-width:950px){.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bmc{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.canvas-cell{grid-column:auto;grid-row:auto}.value{grid-column:1/-1}.vrow{flex-direction:column}.v-arrow{transform:rotate(90deg)}}
@media(max-width:700px){.visual-board{padding:20px 16px}.v-branch,.route-grid,.bmc{grid-template-columns:1fr}.canvas-cell{grid-column:auto}.vnode{padding:18px}.route-node{padding:16px}.hero .portrait img,.hub-hero .portrait img{max-height:none}.hub-hero .portrait{width:100%}}

/* Extracted presentation classes comply with the company Content Security Policy. */
.at-style-1{--accent:#17324d}
.at-style-2{--accent:#234b49}
.at-style-3{--accent:#795c32}
.at-style-4{--accent:#343e61}
.at-style-5{margin-top:24px}
.at-style-6{margin-top:44px}
.at-style-7{color:var(--on-dark)}
.at-style-8{margin-top:36px}
.at-style-9{text-align:left;color:white;margin-bottom:14px}
.at-style-10{margin-top:20px}
.company-links{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px 24px}.company-links a{padding:6px 0}

/* Shared course palettes: page, overview card and route use the same tokens. */
:root{--accent:var(--navy);--on-dark:#dce7ef;--dark-line:#657e93}
body.career,.at-style-2,.route-career{--navy:#234b49;--ink:#243f40;--blue:#3f6b60;--muted:#506963;--line:#cbdcd5;--paper:#f6faf8;--pale:#e9f2ed;--on-dark:#deece5;--dark-line:#789a8a;--accent:var(--navy)}
body.startup,.at-style-3,.route-startup{--navy:#62452e;--ink:#493a2d;--blue:#795633;--muted:#76614e;--line:#dfcfbb;--paper:#fcf9f4;--pale:#f3eadc;--on-dark:#f1e6d6;--dark-line:#a58b6e;--accent:var(--navy)}
body.ai,.at-style-4,.route-ai{--navy:#51416d;--ink:#3f3551;--blue:#72568d;--muted:#6b607b;--line:#dcd0e7;--paper:#faf8fc;--pale:#f0eaf6;--on-dark:#eee4f7;--dark-line:#9985b2;--accent:var(--navy)}
.service-card{color:var(--ink)}
.service-card:has(.service-illustration){background:var(--paper);border-color:var(--accent)}
.service-card:has(.service-illustration) h3,.service-card:has(.service-illustration) a{color:var(--navy)}
.route-node{border-color:var(--navy);background:var(--pale);color:var(--ink)}
.v-revise{border-style:dashed}
.about-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:24px}
.about-copy .about-links .text-link{margin-top:0}
.course-labels{display:flex;flex-wrap:wrap;gap:8px 20px;letter-spacing:.04em}
.course-labels span{color:var(--navy);border-bottom:2px solid var(--navy);padding-bottom:5px}

/* Bilingual navigation and longer English headings. */
.service-nav{flex-wrap:wrap}
.service-nav .language-switch{border:1px solid var(--line);border-radius:3px;padding:5px 10px;white-space:nowrap}
html[lang="en-US"] h1{font-size:clamp(2.2rem,3.8vw,3.8rem);letter-spacing:-.035em}
html[lang="en-US"] h2{font-size:clamp(1.7rem,2.8vw,2.6rem)}
html[lang="en-US"] .eyebrow,html[lang="en-US"] .tag{letter-spacing:.04em}
html[lang="en-US"] .service-nav{font-size:.78rem;gap:14px}
html[lang="en-US"] .service-card h3{font-size:1.5rem}
@media(max-width:1100px){html[lang="en-US"] header .wrap{flex-wrap:wrap;padding:12px 0;gap:10px}html[lang="en-US"] .service-nav{width:100%}}
@media(max-width:700px){html[lang="en-US"] .service-nav{justify-content:flex-start;gap:7px 16px;font-size:.75rem}html[lang="en-US"] h1{font-size:2.3rem}}

/* Distinct course scenarios and accessible, text-based worked examples. */
.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:40px}
.scenario-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:6px}
.scenario-art{position:relative;overflow:hidden;aspect-ratio:3/2;background:var(--pale)}
.scenario-art img{position:absolute;width:200%;max-width:none;height:200%;object-fit:fill;left:0;top:0}
.scenario-art.panel-2 img{left:-100%}.scenario-art.panel-3 img{top:-100%}.scenario-art.panel-4 img{left:-100%;top:-100%}
.scenario-copy{padding:26px}.scenario-copy .eyebrow{font-size:.78rem;letter-spacing:.06em}.scenario-copy h3{font-size:1.4rem;margin:12px 0}.scenario-copy p{color:var(--muted);line-height:1.8}
.practice-section{background:var(--pale)}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:34px 0 0}.case-grid li{padding:26px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:4px}.case-step{display:block;font-size:1.8rem;font-family:Georgia,serif;color:var(--blue);margin-bottom:16px}.case-grid h3{font-size:1.25rem;margin-bottom:12px}.case-grid p{color:var(--muted);line-height:1.8}.career .case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.scenario-grid,.case-grid,.career .case-grid{grid-template-columns:1fr}.scenario-copy,.case-grid li{padding:22px}.scenario-grid{gap:24px}}

/* Approved option A: compact, frameless watercolor scenarios. */
:is(#needs,#situations):has(.scenario-grid){padding:64px 0;background:#fff}
.scenario-grid{gap:28px 40px;margin-top:30px}
.scenario-card{display:grid;grid-template-columns:minmax(140px,44%) minmax(0,1fr);align-items:center;gap:18px;background:transparent;border:0;border-radius:0;overflow:visible}
.scenario-art{background:#fff;aspect-ratio:3/2}
.scenario-copy{padding:0}.scenario-copy .eyebrow{font-family:Georgia,serif;font-size:.9rem;letter-spacing:.04em}.scenario-copy h3{font-size:1.35rem;margin:7px 0 8px;line-height:1.45}.scenario-copy p{font-size:.95rem;line-height:1.7;margin:0}
@media(max-width:950px) and (min-width:701px){.scenario-grid{gap:28px 24px}.scenario-card{grid-template-columns:40% minmax(0,1fr);gap:12px}.scenario-copy h3{font-size:1.15rem}}
@media(max-width:700px){:is(#needs,#situations):has(.scenario-grid){padding:44px 0}.scenario-grid{grid-template-columns:1fr;gap:26px;margin-top:26px}.scenario-card{grid-template-columns:minmax(105px,36%) minmax(0,1fr);gap:16px}.scenario-copy{padding:0}.scenario-copy h3{font-size:1.2rem}.scenario-copy p{font-size:.9rem}}

.scenario-art.scenario-square{aspect-ratio:1}.scenario-card:has(.scenario-square){grid-template-columns:minmax(130px,35%) minmax(0,1fr)}
@media(max-width:700px){.scenario-card:has(.scenario-square){grid-template-columns:minmax(105px,36%) minmax(0,1fr)}}

/* One integrated biography, with portrait beside the entire content. */
.michael-intro{display:grid;grid-template-columns:minmax(230px,32%) minmax(0,1fr);gap:48px;align-items:start}
.michael-portrait{margin:0;width:100%}
.michael-portrait img{width:100%;height:auto;border-radius:0;display:block}
.michael-identity{text-align:center}
.michael-name{font-size:1.6rem;font-weight:600;margin-block-start:14px}
.michael-section .about-links{margin-block-start:12px;justify-content:center;text-align:center}
.michael-section h2{font-size:clamp(1.8rem,2.8vw,2.6rem);max-width:820px}
.michael-section p{margin-block:18px 0;color:var(--muted)}
.michael-background{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-block-start:32px}
.michael-background>div{min-width:0}
.michael-background h3{font-size:1.12rem;line-height:1.5;margin:0 0 14px;text-wrap:pretty}
.michael-background ul{margin:0;padding-inline-start:20px;color:var(--muted)}
.michael-background li{padding-inline-start:3px;margin-block:0 10px;line-height:1.8;overflow-wrap:anywhere;font-size:.94rem}
.michael-section .michael-languages{font-size:.94rem;margin-block-start:18px}
@media(max-width:900px){.michael-intro{grid-template-columns:230px minmax(0,1fr);gap:28px}.michael-background{grid-template-columns:1fr;gap:22px}}
@media(max-width:700px){.michael-intro{grid-template-columns:1fr;gap:28px}.michael-identity{max-width:240px;margin-inline:auto}.michael-background{margin-block-start:28px}.michael-section{scroll-margin-top:130px}}

/* Secondary overview action: direct access to the coach biography. */
.hub-hero .btn-secondary{background:transparent;color:var(--navy);border-color:var(--line)}
.hub-hero .btn-secondary:hover{background:var(--pale);border-color:var(--navy)}

/* Visible, accessible LinkedIn action beneath the portrait. */
.michael-linkedin{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;max-width:100%;box-sizing:border-box;padding:11px 16px;border:1px solid #8aafca;border-radius:8px;background:#edf5fb;color:#174d73;font-size:.94rem;font-weight:600;line-height:1.5;text-decoration:none}
.michael-linkedin:hover{background:#dcecf8;border-color:#326d97}
.michael-linkedin:focus-visible{outline:3px solid #2674ab;outline-offset:4px}
.linkedin-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:3px;background:#0a66c2;color:#fff;font:bold 17px Arial,sans-serif}
/* Fifth learning direction: the focused Interview Sprint. */
.at-style-5{--accent:#526750;--pale:#f2f5ed;color:#344c39}
.service-card.at-style-5{border-top:3px solid #526750;background:#f2f5ed}
.service-card.at-style-5 a{color:#344c39}
.route-interview{border-color:#526750}

/* Featured interview route, followed by the four broader learning directions. */
.service-card.interview-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.interview-feature .service-illustration{margin:0;width:100%;height:auto}
.interview-feature-copy{min-width:0}
.route-interview{grid-column:1/-1;background:#f2f5ed;border-color:#526750;padding:24px}
.route-interview strong{font-size:1.25rem}
.route-interview small{max-width:760px}
.route-cta{display:block;margin-top:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.service-card.interview-feature{grid-template-columns:1fr;gap:20px}.route-interview{padding:18px}}

/* Hero course labels must not inherit layout margins from utility classes. */
.course-labels{align-items:baseline}
.course-labels>span{margin:0;align-self:baseline;white-space:nowrap;line-height:1.6;padding:0 0 5px}

/* Compact price lines within existing course and booking content. */
.lesson-price{font-weight:600;font-size:1rem;line-height:1.7;margin:20px 0 12px}
.price-note{font-size:.85rem;line-height:1.6;color:var(--muted);margin:12px 0 20px}
.closing .price-note{color:inherit;opacity:.85}
.price-disclaimer{margin-top:20px}

/* Match the interview package heading without introducing a price table. */
.closing.lesson-offer{background:#fff;color:var(--ink);text-align:start}
.lesson-offer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center}
.lesson-offer .lesson-offer-copy h2{color:var(--navy);margin:20px 0}
.lesson-offer .lesson-offer-copy p{max-width:none;margin:0;color:var(--muted)}
.lesson-offer .lesson-offer-copy .eyebrow{color:var(--blue);font-size:.8rem}
.lesson-offer-price{display:grid;gap:18px;min-width:0}
.lesson-offer .lesson-price{font:clamp(2.3rem,4.2vw,3.4rem)/1.2 Georgia,serif;color:var(--navy);margin:0;text-align:start}
.lesson-offer .btn{display:block;text-align:center;margin:0;background:var(--navy);color:#fff;border-color:var(--navy)}
.lesson-offer .price-note{margin:0;color:var(--muted);font-size:.8rem}
.lesson-offer .meta{display:block;margin-top:24px;color:var(--muted)}
@media(max-width:700px){.lesson-offer-grid{grid-template-columns:1fr;gap:28px}.lesson-offer .lesson-price{font-size:clamp(2rem,9vw,3rem)}}

/* Shared course offer: concise takeaways adjacent to the single-lesson price. */
.course-support{padding-top:2rem;background:#f6f8f5}.course-takeaways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;padding:0;list-style:none;margin:2rem 0}.course-takeaways li{padding:1.5rem;border-top:3px solid currentColor;background:#fff}.course-takeaways .num{font-size:.8rem;letter-spacing:.12em;opacity:.7}.course-takeaways h3{margin:.8rem 0}.interview-referral{padding:1rem 0;border-top:1px solid #ced8d5}.extra-example{grid-column:1/-1}.extra-example summary{cursor:pointer;padding:1rem}.extra-example article{margin-top:1rem}@media(max-width:650px){.course-takeaways{grid-template-columns:1fr}.course-support h2{font-size:1.8rem}}
.example-tabs{display:flex;gap:.5rem;margin:1.8rem 0 0;border-bottom:1px solid #ffffff55}.example-tabs[hidden],.example[hidden]{display:none!important}.example-tabs button{font:inherit;font-weight:700;min-width:6rem;padding:.85rem 1.5rem;background:transparent;border:1px solid #ffffff66;border-bottom:0;color:inherit;cursor:pointer;border-radius:5px 5px 0 0}.example-tabs button[aria-selected="true"]{background:#f6f8fb;color:#19354d}.example-tabs button:focus-visible{outline:3px solid #e1bd7b;outline-offset:3px}.example[role="tabpanel"]:focus-visible{outline:2px solid #e1bd7b;outline-offset:4px}
/* White takeaway cards need their own foreground inside dark example sections. */
.course-takeaways li{color:#20384d}
.course-takeaways li h3,.course-takeaways li p{color:#20384d}
.course-takeaways li .num{color:#3e6685;opacity:1}

/* One approved company logo across every AT page and locale. */
header .brand{flex-shrink:0;gap:16px}header .brand .at-brand-logo{width:63px;height:76px;object-fit:contain;flex-shrink:0;max-width:none}header .brand>span{border-inline-start:1px solid var(--line);padding-inline-start:16px}header .brand strong{white-space:nowrap}header .brand small{display:inline-block;max-width:160px}header .wrap{padding-top:10px;padding-bottom:10px}@media(max-width:1100px){header .wrap{flex-wrap:wrap;gap:12px}.service-nav{width:100%;justify-content:flex-start;gap:10px 18px}html{scroll-padding-top:180px}}@media(max-width:700px){header .brand .at-brand-logo{width:48px;height:58px}header .brand>span{padding-inline-start:12px}header .brand{gap:12px}}

.dialogue-example{grid-template-columns:1fr;gap:24px}.dialogue-example aside{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.dialogue-example aside h3{font-size:1.5rem}.dialogue-example aside p{max-width:32rem}.example-breakdown{border:1px solid #ffffff55;padding:1rem 1.3rem}.example-breakdown summary,.example-breakdown summary:after{color:inherit}.example-breakdown .diagram{margin-top:1.5rem}.dialogue-example .practice-next{padding:1rem 0;border-top:1px solid #ffffff44}.example-tabs button{white-space:normal}@media(max-width:700px){.dialogue-example aside{display:block}.dialogue-example aside p{margin-top:1rem}.example-tabs button{flex:1;padding:.75rem;font-size:.9rem}}

.scenario-examples .example-body p{color:inherit}.scenario-map{padding:30px 0}.scenario-map details{border:1px solid var(--line);padding:1.2rem}.scenario-map-inner{padding-top:2rem}.scenario-map-inner p{padding-right:0}.scenario-map .visual-board{margin-bottom:0}