:root{--paper:#f4f7fb;--ink:#17273e;--muted:#65758a;--line:#d6dfea;--accent:#1765df;--orange:#3a87f6;--sage:#e5edf8;--green:#214778;--white:#fbfdff}
.reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#216aff,#69e8ff);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none;box-shadow:0 0 12px #4fd6ffaa}
.header{background:#081426;color:#ecf5ff;border-bottom-color:#ffffff14;max-width:none;position:relative;z-index:2}.header .identity-mark{background:#246cf0}.header .button{background:#ecf5ff;border-color:#ecf5ff;color:#10233d}.header nav a:hover{color:#80cfff}
.hero-shell{position:relative;isolation:isolate;overflow:hidden;background:#06101e;color:#eff7ff}.hero-backdrop{position:absolute;inset:-30px -10px -40px;background:linear-gradient(90deg,#06101edd 0%,#06101e77 45%,#06101e11 100%),url('assets/technology-background-blue.jpg') center/cover no-repeat;z-index:-3;will-change:transform}.hero-shell:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071426 0%,transparent 24%);pointer-events:none}#hero-particles{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.hero{grid-template-columns:1.04fr 1fr;gap:50px;min-height:720px;padding-top:56px;padding-bottom:40px}.hero .eyebrow{color:#a4bddc}.signal{background:#69cfff;box-shadow:0 0 13px #57c6ff88}.hero h1{color:#f1f6fc;line-height:1.04}.hero .accent{color:#83caff}.hero-description{color:#edf5ff}.hero-detail{color:#afc0d5;max-width:450px}.hero-meta{color:#91a9c6}.button-hero{background:#266bef;border-color:#3985ff;box-shadow:0 7px 30px #126cff2e}.button-hero:hover,.button-book:hover{background:#3582ff;border-color:#6fb8ff;box-shadow:0 10px 40px #126cff44}.author-mini{display:none}.hero-person{height:580px;position:relative;perspective:1200px;isolation:isolate;display:grid;place-items:center}.portrait-orbit{border:1px solid #61b8ff22;border-radius:50%;position:absolute;z-index:-1;pointer-events:none}.orbit-a{width:490px;height:490px;transform:rotate(-20deg) scaleY(.9);box-shadow:inset 0 0 40px #1c77ff05}.orbit-b{width:550px;height:550px;transform:rotate(15deg) scaleX(.85);border-style:dashed;border-color:#6ebaff18}.portrait-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}.portrait-paths path{fill:none;stroke:#71beff70;stroke-width:1;stroke-dasharray:4 7}.portrait-paths circle{fill:#95e7ff;filter:drop-shadow(0 0 7px #38bdff)}.hero-photo-card{position:relative;width:320px;transform:rotate(-3deg);background:#0d213bd9;border:1px solid #8bc9ff55;border-radius:20px;box-shadow:0 30px 100px #0007,0 0 60px #157bf01c;backdrop-filter:blur(18px);overflow:hidden;transition:transform .45s ease,box-shadow .45s ease;z-index:2;padding:13px}.hero-person:hover .hero-photo-card{transform:rotate(0deg) translateY(-5px);box-shadow:0 35px 100px #0008,0 0 70px #1e91ff30}.hero-photo-card>img{width:292px;height:300px;object-fit:cover;border-radius:10px;filter:contrast(1.03);background:#8391a3}.photo-topline{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.12em;color:#9fbbdc;padding:1px 3px 13px}.photo-topline i{display:inline-block;width:5px;height:5px;background:#77d9ff;border-radius:50%;box-shadow:0 0 7px #77d9ff;vertical-align:middle;margin-right:5px}.photo-caption{padding:17px 5px 8px}.photo-caption strong{display:block;font-size:23px;font-family:var(--heading);letter-spacing:-.045em;font-weight:550;color:#f0f7ff}.photo-caption>span{font-size:10px;color:#a1b8d2}.hero-tool{position:absolute;display:flex;align-items:center;gap:9px;padding:14px 16px;background:#f6fbfff2;color:#182c49;box-shadow:0 12px 35px #0004,0 0 20px #338cff15;border:1px solid #a6d8ff77;backdrop-filter:blur(15px);border-radius:14px;font-size:14px;font-weight:550;letter-spacing:-.03em;z-index:4;animation:float 7s ease-in-out infinite}.hero-tool-claude{right:0;top:80px;transform:rotate(7deg)}.hero-tool-gpt{left:-5px;top:190px;transform:rotate(-7deg);animation-delay:-2.5s}.hero-tool-grok{right:0;bottom:110px;transform:rotate(5deg);animation-delay:-4.5s}.human-note{position:absolute;left:28px;bottom:20px;display:flex;gap:13px;align-items:center;z-index:5;background:#0e2642e6;backdrop-filter:blur(15px);border:1px solid #79bcf23b;box-shadow:0 12px 30px #0003;border-radius:12px;padding:15px 19px;transform:rotate(2deg);font-size:10px;color:#b5cce3}.human-note strong{font-weight:500;color:#f5faff}.note-spark{font-size:26px;line-height:1;color:#7dd4ff}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-block:16px 26px;color:#7896b7;font-size:8px;letter-spacing:.16em}.hero-bottom a{display:flex;gap:20px;align-items:center}.hero-bottom a span{font-size:16px;color:#81cdff;animation:nudge-down 3s infinite}.hero-bottom button{background:#ffffff05;border:1px solid #7bc6ff25;color:#b7d0e8;padding:8px 11px;border-radius:5px;font-size:8px;letter-spacing:.03em}.hero-bottom button span{margin-left:8px}.tool-band{background:#eaf0f8;border-color:#d3dfec}.tool-logos a{color:#213651}.tool-band-inner{min-height:118px}.service{border-top-color:#b9cbe1}.service-tag{border-color:#c6d5e7}.service-symbol{color:#307ae8}.service{transition:transform .45s,opacity .65s}.service:hover{transform:translateY(-7px)}
.automation-scroll{height:185vh;position:relative;background:#071426;color:#eef7ff}.automation-sticky{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-block:70px}.automation-light{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,#125bb333,transparent 55%);pointer-events:none}.automation-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:80px;position:relative}.automation-story .eyebrow{color:#6fb8ff;font-size:9px}.automation-story h2{font-size:52px}.automation-story .serif{color:#83ceff}.automation-intro{color:#9eb5d1;font-size:13px;max-width:410px}.scroll-steps{margin-top:29px;border-top:1px solid #3a5a7e55}.scroll-step{display:flex;gap:18px;padding:15px 0;opacity:.3;border-bottom:1px solid #3a5a7e55;transition:opacity .4s,transform .4s;transform:translateX(0)}.scroll-step.is-current{opacity:1;transform:translateX(8px)}.scroll-step>span{color:#72c6ff;font-size:10px;padding-top:4px}.scroll-step h3{font-size:22px;margin:0 0 6px;letter-spacing:-.035em}.scroll-step p{font-size:11px;color:#a1b8d1;margin:0}.scroll-track{margin-top:25px;height:2px;background:#214160;width:100%}.scroll-track i{height:100%;display:block;background:linear-gradient(90deg,#3278ff,#7ce1ff);width:0%;box-shadow:0 0 12px #47b9ff88}.automation-scroll .flow-stage{background:#0d2341b3;border-color:#649bdc44;box-shadow:0 30px 90px #0004;border-radius:30px;transform:none;height:540px;backdrop-filter:blur(8px)}.flow-grid{background-image:radial-gradient(#7db7ea 1px,transparent 1px);opacity:.2}.flow-orbit{border-color:#5c9ddf33}.flow-core{background:#206ade;border-color:#62acff;box-shadow:0 15px 40px #0559d84a}.flow-stage[data-step="1"] .flow-core{box-shadow:0 0 0 9px #4ca9ff1c,0 0 55px #2282ff60}.flow-node{background:#f6faff;border-color:#b8d7f3}.flow-node small{color:#496887}.flow-node strong{color:#1b3351}.node-icon{background:#e2edfa;color:#1c69bf}.node-check{color:#246ed5}.flow-stage[data-step="0"] .flow-input,.flow-stage[data-step="2"] .flow-output{border-color:#61b9ff;box-shadow:0 0 0 4px #4c9fff20,0 0 30px #3399ff33}.flow-line{background:repeating-linear-gradient(to bottom,#639cd2 0,#639cd2 4px,transparent 4px,transparent 9px)}.flow-line i{background:#85dbff;box-shadow:0 0 10px #5cc8ff}.stage-top{color:#adcee9}.stage-code{color:#7293b2}.stage-top i{background:#74d2ff}.stage-bottom,.stage-bottom button{color:#9cc2e6}.tool-float{border-color:#9cc4ea66;box-shadow:0 8px 30px #1262b522}.core-bottom{border-color:#b1d7ff66}.practice-section{background:#10213c;border-top:1px solid #496c9425}.practice-section p{color:#b2c5df}.practice-section .eyebrow{color:#8ebcf0}.practice-section .serif{color:#9cceff}.example-tabs{border-color:#456184}.example-tabs button{color:#9db3d0;border-color:#456184}.example-tabs button span{color:#8ecbff}.example-tabs button[aria-selected=true]{color:white}.example-panel{background:#eef5ff;box-shadow:12px 12px 0 #25446e}.example-label,.example-foot{border-color:#c8d8ec}.example-label,.example-before small,.example-after small,.example-before p,.example-after p{color:#5f7694}.check-ring{border-color:#5b99da;color:#246bd1}.process-list li{border-color:#ccd9e9}.projects-section{background:#e7eef8;border-color:#cedbeb}.project-art{transition:transform .35s ease;transform-style:preserve-3d;will-change:transform}.about .portrait-frame{background:#e1ebf8;border-color:#c4d5e8;width:280px;height:310px;border-radius:30px;transform:rotate(-3deg)}.about .portrait-frame img{width:240px;height:240px;border-radius:14px}.portrait-corner{background:#2673ed}.portrait-caption{color:#6c80a0}.text-link{border-color:#93b5db}.session-section{background:#081b35}.session-section:before{background-image:radial-gradient(#7db8ff20 1px,transparent 1px)}.session-section:after{content:'';position:absolute;inset:0;background:url('assets/technology-background-blue.jpg') right center/cover;opacity:.16;pointer-events:none}.session-grid{z-index:1}.session-copy .eyebrow{color:#9cc8f3}.session-copy .serif{color:#8ed4ff}.session-copy>p:not(.eyebrow){color:#c1d4eb}.session-prep{border-color:#40608c}.session-prep>span{color:#8fceff}.session-prep p{color:#b3c7df}.price-card{background:#f2f7ff;border:1px solid #d8e7ff;box-shadow:0 25px 80px #0004}.price,.price-small{border-color:#c8d8ee}.price-card li:before{color:#2773d9}.price-small{color:#637b9a}.button-book{background:#206be7;border-color:#206be7;box-shadow:0 8px 25px #246eff30}.faq-list details{border-color:#cdd9e9}.faq-list summary span{color:#6384b3}.footer p small{color:#7386a1}.booking-summary{background:#e2ecfa}dialog{border-color:#c7d8ec}dialog::backdrop{background:#06172bb8}.is-effects-paused *{animation-play-state:paused!important}.is-effects-paused .portrait-paths circle{display:none}.is-effects-paused .hero-bottom a span{animation:none}
@keyframes nudge-down{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(min-width:1500px){.hero{min-height:780px}.hero-person{height:610px}.hero-photo-card{width:350px}.hero-photo-card>img{width:322px;height:325px}}
@media(max-width:1100px){.hero{gap:25px}.hero-person{height:550px}.hero-photo-card{width:280px}.hero-photo-card>img{width:252px;height:270px}.hero-tool{font-size:11px;padding:11px 13px;gap:7px}.hero-tool img{width:24px;height:24px}.hero-tool-gpt{left:-8px;top:180px}.hero-tool-claude{right:-5px;top:75px}.hero-tool-grok{right:-4px;bottom:115px}.human-note{left:7px;bottom:35px;font-size:9px;padding:12px 15px}.portrait-orbit.orbit-a{width:390px;height:440px}.portrait-orbit.orbit-b{width:440px;height:500px}.automation-layout{gap:45px}.automation-story h2{font-size:44px}.automation-scroll .flow-stage{height:510px}.about .portrait-frame{width:240px;height:270px}.about .portrait-frame img{width:210px;height:210px}}
@media(max-width:850px){.hero{min-height:650px}.hero-person{height:510px}.hero-photo-card{width:235px;padding:10px}.hero-photo-card>img{width:213px;height:240px}.photo-caption strong{font-size:19px}.photo-caption>span{font-size:8px}.photo-topline{font-size:6px}.hero-tool{font-size:10px;padding:10px;border-radius:10px}.hero-tool img{width:22px;height:22px}.hero-tool-claude{top:66px;right:-10px}.hero-tool-gpt{top:190px;left:-12px}.hero-tool-grok{bottom:98px;right:-10px}.human-note{left:-5px;bottom:22px;font-size:8px;padding:11px 12px;gap:8px}.portrait-orbit.orbit-a{width:310px;height:390px}.portrait-orbit.orbit-b{width:350px;height:450px}.automation-layout{gap:25px}.automation-story h2{font-size:36px}.automation-intro{font-size:12px}.scroll-step h3{font-size:19px}.scroll-step p{font-size:10px}.automation-scroll .flow-stage{height:470px}.about .portrait-frame{width:205px;height:235px}.about .portrait-frame img{width:175px;height:175px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:7px;padding-top:45px;padding-bottom:0;min-height:0}.hero-backdrop{background-position:70% center;opacity:.95;background-image:linear-gradient(180deg,#06101ee6 0%,#06101ec7 35%,#06101e22 100%),url('assets/technology-background-blue.jpg')}.hero h1{font-size:clamp(58px,15vw,80px)}.hero .hero-description{font-size:21px}.hero-detail{color:#bed0e5}.hero-meta{color:#a4bdd9}.hero-person{height:530px;width:100%;margin:0 auto;max-width:390px}.hero-photo-card{width:272px;padding:11px;transform:rotate(-3deg)}.hero-photo-card>img{width:248px;height:270px}.photo-topline{font-size:6px;padding-bottom:11px}.photo-caption{padding:15px 4px 7px}.photo-caption strong{font-size:22px}.photo-caption>span{font-size:9px}.hero-tool{font-size:11px;padding:11px;gap:7px}.hero-tool img{width:24px;height:24px}.hero-tool-claude{top:40px;right:-3px}.hero-tool-gpt{top:165px;left:-9px}.hero-tool-grok{bottom:91px;right:0}.human-note{left:5px;bottom:14px;font-size:9px;padding:13px 15px;gap:12px}.note-spark{font-size:27px}.portrait-orbit.orbit-a{width:340px;height:430px}.portrait-orbit.orbit-b{width:380px;height:490px}.hero-bottom{padding-block:15px 25px;font-size:7px;letter-spacing:.1em}.hero-bottom button{font-size:7px}.tool-band-inner{min-height:0}.tool-band p br{display:none}.tool-band p{color:#607891}.tool-logos{gap:14px}.tool-logos a{font-size:19px}.tool-logos img{width:25px;height:25px}.automation-scroll{height:auto;min-height:0;padding-block:65px}.automation-sticky{position:relative;min-height:0;padding:0;overflow:visible}.automation-layout{grid-template-columns:1fr;gap:35px}.automation-story h2{font-size:40px}.automation-intro{font-size:13px}.scroll-steps{margin-top:24px}.scroll-step{opacity:1;transform:none!important;padding:14px 0;gap:15px}.scroll-step>span{font-size:10px}.scroll-step h3{font-size:22px}.scroll-step p{font-size:11px}.scroll-track{display:none}.automation-scroll .flow-stage{height:460px;width:100%;max-width:430px;border-radius:22px}.automation-scroll .stage-top{left:25px;right:25px;top:26px}.practice-section{padding-top:65px}.example-tabs button[aria-selected=true]{border-color:#77baff}.example-panel{box-shadow:7px 7px 0 #25446e}.about .portrait-frame{width:210px;height:235px}.about .portrait-frame img{width:180px;height:180px}.about-portrait{gap:25px}.portrait-caption{font-size:6px}.session-copy h2{font-size:57px}.session-section:after{background-position:75% center;opacity:.12}}
@media(prefers-reduced-motion:reduce){.automation-scroll{height:auto}.automation-sticky{position:relative;min-height:0}.scroll-step{opacity:1;transform:none}.scroll-track{display:none}.hero-backdrop{will-change:auto}.portrait-paths circle{display:none}.hero-photo-card,.hero-person:hover .hero-photo-card{transform:none}.project-art{transform:none!important}.reading-progress{display:none}.hero-tool{animation:none}}

/* The supplied movie stays behind a contrast veil and the interactive content. */
.hero-backdrop{background-image:url('assets/technology-motion-poster.jpg')}
.hero-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06101edb 0%,#06101e75 48%,#06101e18 100%);pointer-events:none}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .7s ease;pointer-events:none}
.hero-video.is-ready{opacity:1}
@media(max-width:650px){.hero-backdrop:after{background:linear-gradient(180deg,#06101ee6 0%,#06101ec2 35%,#06101e25 100%)}.hero-video{object-position:70% center}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}

/* Direct links beside the primary session action. */
.hero-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:stretch;max-width:610px}
.hero-actions .button-hero{min-width:0;padding-inline:18px;gap:12px}
.hero-actions .button-hero-link{justify-content:center;white-space:nowrap;gap:0;padding:16px 16px;min-height:54px;font-size:12px;background:#0d2038b3;border-color:#8ecaff66;color:#e8f4ff;backdrop-filter:blur(8px)}
.hero-actions .button-hero-link:hover{background:#183d66;border-color:#8ecaff;color:#fff;box-shadow:0 8px 24px #238bff26}
@media(max-width:1200px){.hero-actions{grid-template-columns:1fr 1fr}.hero-actions .button-hero{grid-column:1/-1}.hero-actions .button-hero-link{min-height:48px}}
@media(max-width:650px){.hero-actions{max-width:430px}.hero-actions .button-hero{padding:18px 20px}.hero-actions .button-hero-link{font-size:13px}}

/* Softer blue-grey surfaces: a quieter transition from the technological hero. */
:root{--paper:#cbd6e4;--ink:#192d46;--muted:#425873;--line:#a3b5ca;--sage:#bccde0;--white:#e3edf8}
.header .button{background:#1c3e65;border-color:#537ca7;color:#dbeafb}
.header .button:hover{background:#28527e}
.tool-band{background:#b9cbe0;border-color:#9eb4ce}
.tool-band p{color:#405a77}
.flow-node{background:#bdd0e5;border-color:#8faecc}
.flow-node small{color:#355779}.flow-node strong{color:#193c5e}
.example-panel{background:#becfe3;border:1px solid #7f9bbb}
.about .portrait-frame{background:#afc5df;border-color:#8faaca}
.mini-browser{background:#c8d4df}.finance-art .mini-browser{background:#c4d1df}
.mini-browser-bar{background:#aabcce;border-color:#92a9bd;color:#38526c}
.price-card{--ink:#dce9f8;--muted:#aec1d8;--line:#3b5774;background:linear-gradient(145deg,#1a3453,#13253e);border-color:#456b92;color:var(--ink);box-shadow:0 25px 70px #0005}
.price-card p,.price-card .price>div{color:var(--muted)}.price-card li:before{color:#79b9ff}.price-card .price{border-color:var(--line)}
.price-card .price-note{color:#aec1d8}.price-card .button-book{background:#2464ca;border-color:#4e8fe9;color:#e5effb}
.hero-tool{background:#bbd0e6ed;border-color:#80acd48c}.tool-float{background:#bbd0e6;border-color:#85a6c6}.node-icon{background:#9cbadd;color:#164d86}
.projects-section{background:#bacbdd;border-color:#94adc6}

.example-panel .example-before p,.example-panel .example-after p,.example-panel .example-before small,.example-panel .example-after small{color:#3b536d}

/* Keep the qualification and applied experience together below the portrait. */
.hero-person{height:auto;min-height:660px;padding-block:24px 0;align-content:center;gap:28px}
.profile-proof{position:relative;z-index:5;display:grid;gap:12px;width:min(320px,calc(100% - 16px))}
.human-note.profile-credential{position:relative;left:auto;bottom:auto;transform:none;width:100%;padding:14px 18px;gap:13px;border-radius:14px;border-color:#6faadd66;background:linear-gradient(120deg,#183b5ee8,#10263fe8);box-shadow:0 12px 35px #0004,0 0 24px #338cff0d;text-align:left}
.credential-provider{display:grid;place-items:center;flex:0 0 90px;width:90px;min-height:44px;border-radius:6px}.credential-school-logo{display:block;width:100%;height:auto}.credential-provider:focus-visible{outline:2px solid #91ceff;outline-offset:5px}
.credential-label{display:block;color:#a8c8e5;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;margin-bottom:3px}
.profile-credential strong{display:block;font-family:var(--heading);font-size:16px;letter-spacing:-.02em;line-height:1.3;font-weight:600;color:#dfedfa}
@media(max-width:850px){.human-note.profile-credential{padding:12px;gap:10px}.credential-label{font-size:8px}.profile-credential strong{font-size:14px}}
@media(max-width:650px){.credential-provider{flex-basis:82px;width:82px}.hero-person{min-height:0;padding-block:32px 8px}.profile-proof{width:min(300px,calc(100% - 16px))}.human-note.profile-credential{padding:13px 15px}.credential-label{font-size:9px}.profile-credential strong{font-size:16px}}

/* Reading comfort: shared typography and two blue palettes. */
:root{--paper:#bdccde;--ink:#192e47;--muted:#3b536e;--line:#8ea7c2;--surface:#afc3da;--number:#245a97;--focus:#1765df;color-scheme:light}
:root[data-theme=dark]{--paper:#0e1c2e;--ink:#dce8f6;--muted:#adbed4;--line:#344e6a;--surface:#152940;--number:#8bc6ff;--accent:#86beff;--focus:#9ad2ff;--sage:#1d3550;color-scheme:dark}
body{font-size:18px;line-height:1.7}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:var(--focus)}
h3{font-size:34px;line-height:1.2}
.header-actions{display:flex;align-items:center;gap:12px}.header nav{font-size:13px;gap:24px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #587697;border-radius:8px;background:#152b45;color:#d1e4fa;font-size:12px;white-space:nowrap}
.theme-toggle>span{font-size:20px;line-height:1}.theme-toggle[aria-checked=true]{background:#294f77;border-color:#8ac4ff}.theme-toggle:hover{background:#244768}
.hero .hero-detail{font-size:16px;line-height:1.7}.hero .hero-meta{font-size:12px;line-height:1.6;color:#b1c9e4}
.hero-offer{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:610px;margin:0 0 22px;padding:17px 20px;background:#142d4bd9;border:1px solid #577ea880;border-radius:12px;backdrop-filter:blur(8px)}
.hero-offer>div>span{display:block;font-size:10px;letter-spacing:.12em;font-weight:600;color:#aacded}.hero-offer strong{display:block;font-size:19px;font-family:var(--heading);font-weight:600;color:#e4effc;line-height:1.4;margin:4px 0}
.hero-offer small{display:block;font-size:12px;color:#b9cde4;line-height:1.5}.hero-offer>p{margin:0;flex-shrink:0;font-family:var(--heading);font-size:48px;line-height:1;font-weight:600;letter-spacing:-.06em;color:#b6d9ff}.hero-offer>p>span{font-size:25px}.hero-offer>p>small{font-family:var(--body);font-weight:400;letter-spacing:0;margin-top:6px;text-align:right}
.value-section{background:#152a43;color:#dae9fa;padding:45px 0;border-block:1px solid #395674}.value-heading{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:25px}.value-heading .eyebrow{width:100%;color:#a8ccef;margin:0}.value-heading h2{font-size:34px;line-height:1.15;margin:0}.value-heading>p:last-child{font-size:15px;color:#b1c5de;max-width:430px;margin:0}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.value-reference{background:#1b344f;border:1px solid #46617d;border-radius:12px;padding:22px}.value-reference>span{display:block;font-size:12px;color:#b7cbe2;line-height:1.5}.value-reference>strong{display:block;font-family:var(--heading);font-size:30px;letter-spacing:-.04em;line-height:1.3;margin:12px 0;color:#d8e8f9}.value-reference strong small{font-family:var(--body);font-size:13px;font-weight:400;letter-spacing:0}.value-reference p{font-size:15px;color:#b7cbe2;line-height:1.6;margin:0 0 15px}.value-reference>a{font-size:12px;color:#a8d3ff;text-decoration:underline;text-underline-offset:4px;line-height:1.5;display:inline-block}.value-yours{background:linear-gradient(135deg,#254f7d,#1a3659);border-color:#7bbcff}.value-yours>strong{font-size:38px;color:#e3f1ff}.value-yours>a{font-size:15px;font-weight:600;color:#d9edff}.value-context{font-size:12px!important;color:#adbfD5!important;max-width:1040px;margin:20px 0 0;line-height:1.7}
.tool-band,.projects-section{background:var(--surface);border-color:var(--line)}.tool-band p,.tool-logos a{color:var(--ink)}.tool-band p{font-size:14px}.tool-band p strong{color:var(--ink)}
.section-heading>p:last-child,.service p,.process-list p,.project-description p,.about p,.faq-list details p{font-size:16px;line-height:1.75}.service p{min-height:0}.service h3{font-size:36px;line-height:1.2}.service-number,.process-list li>span,.scroll-step>span{font-family:var(--heading);font-size:32px;font-weight:650;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--number)}
.service{border-top-color:var(--line)}.service-tag{font-size:10px;letter-spacing:.06em;line-height:1.5;border-color:var(--line);max-width:100%;width:fit-content}.service-symbol{color:var(--number)}
.process-list h3{font-size:29px;line-height:1.25}.process-list li{border-color:var(--line);gap:24px}.process-list li>span{width:44px;padding-top:3px}
.automation-intro{font-size:16px;max-width:470px}.scroll-step{opacity:.72}.scroll-step.is-current{opacity:1}.scroll-step h3{font-size:27px;line-height:1.25}.scroll-step p{font-size:15px;line-height:1.65}.scroll-step>span{color:#8bc6ff;flex:0 0 38px;font-size:28px}.automation-sticky{min-height:100vh;padding-block:50px}
.flow-node{background:#203b58;border-color:#527396}.flow-node small{color:#b6cce5;font-size:9px}.flow-node strong{color:#e0edfc;font-size:13px}.stage-top,.stage-bottom{font-size:10px}.stage-code{color:#b2cce6}.stage-bottom button{font-size:12px}.flow-node .node-icon{background:#355575;color:#b4ddff;flex-shrink:0}.node-check{color:#8bcaff}
.project-description h3{font-size:36px}.project-description .eyebrow{font-size:10px}.project-domain{font-size:13px;color:var(--number)}.round-arrow{border-color:var(--line)}
.portrait-caption{font-size:10px;color:var(--muted)}.text-link{font-size:15px;color:var(--ink)}
.session-copy>p:not(.eyebrow){font-size:17px}.session-prep strong{font-size:16px}.session-prep p{font-size:15px}.price-card h3{font-size:42px}.price-card-top{font-size:11px}.price-card ul{font-size:15px}.price>div{font-size:14px}.price-card .price-small{font-size:13px;color:#b1c6df}.booking-caption{font-size:13px}.price-card .button-book{font-size:16px}
.faq-list summary{font-size:17px;line-height:1.5}.faq-list details{border-color:var(--line)}.faq-list summary span{color:var(--number)}.contact-strip .eyebrow{font-size:11px}.contact-strip .button{font-size:14px}.footer p{font-size:13px}.footer p small{font-size:11px;color:var(--muted)}.footer>a:last-child{font-size:12px}
:root[data-theme=dark] .tool-logos img{filter:brightness(0) invert(.86)}
:root[data-theme=dark] .about .portrait-frame{background:#213953;border-color:#4c6d90}
:root[data-theme=dark] .boe-art{background:#203a51}:root[data-theme=dark] .finance-art{background:#263d58}:root[data-theme=dark] .mini-browser,:root[data-theme=dark] .finance-art .mini-browser{background:#1c3048;color:#d3e4f7}
:root[data-theme=dark] .mini-browser-bar{background:#263e58;border-color:#4b6682;color:#b2c9e3}:root[data-theme=dark] .boe-wordmark,:root[data-theme=dark] .boe-lines,:root[data-theme=dark] .finan-wordmark{color:#d3e4f7}:root[data-theme=dark] .boe-wordmark span,:root[data-theme=dark] .finan-wordmark span{color:#91c4ff}
:root[data-theme=dark] .boe-label,:root[data-theme=dark] .art-caption,:root[data-theme=dark] .finance-bottom,:root[data-theme=dark] .finance-tags span{color:#b2c8e3}:root[data-theme=dark] .donut span{background:#1c3048;color:#d6e7fa}:root[data-theme=dark] .button-outline{color:var(--ink);border-color:var(--line)}
@media(max-width:1100px){.header nav{display:none}.value-reference{padding:18px}.value-reference>strong{font-size:27px}.value-yours>strong{font-size:36px}.service h3{font-size:32px}.automation-layout{gap:35px}.automation-story h2{font-size:44px}.scroll-step h3{font-size:25px}}
@media(max-width:850px){.service h3{font-size:29px}.process-list h3{font-size:27px}.hero-offer{padding:14px;gap:10px}.hero-offer strong{font-size:16px}.hero-offer>p{font-size:40px}.hero-offer>div>span{font-size:9px}.hero-offer small{font-size:11px}.value-grid{grid-template-columns:1fr 1fr}.value-yours{grid-column:1/-1}.flow-node strong{font-size:11px}.flow-node small{font-size:8px}.price-card h3{font-size:38px}}
@media(max-width:650px){body{font-size:17px}.header .button{display:none}.header .identity{font-size:13px}.theme-toggle{padding:10px;font-size:11px}.hero .hero-detail{font-size:16px}.hero .hero-meta{font-size:12px}.hero-offer{padding:16px;gap:12px}.hero-offer strong{font-size:17px}.hero-offer small{font-size:12px}.hero-offer>p{font-size:46px}.hero-offer>div>span{font-size:9px}.value-section{padding:36px 0}.value-heading{gap:15px}.value-heading h2{font-size:30px}.value-grid{grid-template-columns:1fr;gap:12px}.value-yours{grid-column:auto}.value-reference{padding:20px}.value-reference>strong{font-size:30px}.value-yours>strong{font-size:38px}.value-context{font-size:12px!important}.tool-band p{font-size:13px}.service{grid-template-columns:38px 1fr;gap:0 14px}.service-number{font-size:30px}.service h3{font-size:32px;padding-right:26px}.service p{font-size:16px}.service-tag{font-size:9px}.service-symbol{font-size:27px}.process-list h3{font-size:28px}.process-list li{gap:15px}.process-list li>span{width:38px;font-size:30px}.project-description h3{font-size:34px}.project-description p{font-size:16px}.automation-sticky{min-height:0;padding-block:0}.automation-story h2{font-size:40px}.automation-intro{font-size:16px}.scroll-step h3{font-size:27px}.scroll-step p{font-size:15px}.scroll-step>span{font-size:27px;flex-basis:35px}.automation-scroll .flow-stage{height:510px}.flow-node{width:84%;padding:13px}.flow-node small{font-size:8px}.flow-node strong{font-size:12px}.stage-top{font-size:8px}.stage-bottom{font-size:9px}.about-portrait{flex-wrap:wrap}.portrait-caption{font-size:10px;max-width:none}.session-copy>p:not(.eyebrow){font-size:16px}.session-prep strong{font-size:16px}.session-prep p{font-size:15px}.price-card h3{font-size:42px}.price-card ul{font-size:15px}.price>div{font-size:13px}.faq-list summary{font-size:17px}.faq-list details p{font-size:16px}.footer p{font-size:13px}.footer p small{font-size:11px}}
@media(max-width:360px){.hero-offer strong{font-size:15px}.hero-offer>p{font-size:40px}.hero-offer small{font-size:11px}.header .identity{font-size:12px}.theme-toggle{font-size:10px;gap:5px}.service h3{font-size:30px}.price{gap:16px}.price>strong{font-size:74px}.service h3{padding-right:16px}.hero-bottom{font-size:8px}.hero-bottom button{font-size:9px}}
.skip{background:#173e69;color:#e6f2ff}
.flow-core small{font-size:8px;line-height:1.5}.core-bottom{font-size:8px}.photo-topline{font-size:8px}.photo-caption>span{font-size:11px}
@media(max-width:850px){.photo-topline{font-size:7px}.photo-caption>span{font-size:10px}}
@media(max-width:650px){.flow-core small{font-size:8px}.core-bottom{font-size:8px}.photo-topline{font-size:7px}.photo-caption>span{font-size:11px}}

/* Floating actions appear after the hero on every screen, clear of safe areas. */
.floating-actions{position:fixed;right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 48px)}
.floating-actions[hidden],body:has(dialog[open]) .floating-actions{display:none}
.floating-actions a,.floating-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 19px;border:1px solid #8cbdff66;border-radius:999px;font-family:var(--body);font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;color:#eef7ff;cursor:pointer;box-shadow:0 7px 28px #020b1c66;transition:background .2s,transform .2s}
.floating-actions svg{width:19px;height:19px;flex-shrink:0}.floating-action-book svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.floating-action-book{background:#285fc6}.floating-action-book:hover{background:#3272dd}.floating-actions .floating-action-contact{background:#08693c;border-color:#48bd83}.floating-action-contact:hover{background:#0b8049!important}
.floating-actions a:focus-visible,.floating-actions button:focus-visible{outline:3px solid #b0dcff;outline-offset:4px}
.footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
@media(max-width:650px){.floating-actions{flex-direction:column-reverse;align-items:flex-end;right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));gap:12px;max-width:calc(100vw - 48px - env(safe-area-inset-left) - env(safe-area-inset-right))}.floating-actions a,.floating-actions button{min-height:48px;padding:12px 16px;gap:8px}.floating-actions .floating-action-contact{width:52px;height:52px;min-height:52px;padding:0}.floating-action-contact>span{display:none}.floating-actions .floating-action-contact svg{width:25px;height:25px}.footer{padding-bottom:calc(168px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.floating-actions a,.floating-actions button{transition:none}}

/* Direct contact, with WhatsApp as the messaging channel. */
.contact-strip{scroll-margin-top:24px}.contact-strip>div:first-child{flex:1;max-width:580px}.contact-intro{font-size:15px;color:var(--muted);margin:14px 0 0}
.contact-options{flex:0 0 340px;max-width:100%}.contact-channels{display:grid;grid-template-columns:1fr;gap:10px}
.contact-channel{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:12px;border:1px solid;border-radius:12px;color:#eef8fc;font-size:14px;font-weight:600;text-decoration:none}
.contact-channel svg{flex:0 0 23px;width:23px;height:23px}.contact-channel-arrow{margin-left:auto;opacity:.8}
.contact-whatsapp{border-color:#25d366;background:linear-gradient(135deg,#0b8044,#086839);box-shadow:0 5px 15px #128c4824}
.contact-channel:hover{filter:brightness(1.1)}.contact-linkedin{display:block;margin-top:15px;text-align:center;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.contact-options{flex-basis:300px}}
@media(max-width:650px){.contact-options{flex-basis:auto;width:100%}.contact-strip>div:first-child{width:100%}.contact-channel{font-size:14px}.contact-strip{padding-bottom:40px}}
@media(max-width:360px){.contact-channel{padding:12px 8px;gap:6px;font-size:13px}.contact-channel-arrow{display:none}}

/* Omit device-dependent decorative diagonal arrow glyphs on mobile. */
@media(max-width:650px){.mobile-decorative-arrow{display:none!important}}

/* Applied experience card: decorative SVG only; shares the page's effects control. */
.profile-projects{display:flex;align-items:center;gap:15px;position:relative;padding:16px 18px;border:1px solid #6faadd66;border-radius:14px;background:radial-gradient(ellipse at 0% 50%,#2165a82e,transparent 65%),linear-gradient(120deg,#163653f5,#10263ff5);box-shadow:0 12px 35px #0003;text-align:left}
.profile-projects p{margin:0;min-width:0;line-height:1.5}
.profile-projects strong{display:block;font-family:var(--heading);font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:#dfedfa;margin-bottom:5px}
.profile-projects p>span{display:block;font-size:13px;color:#b3cee7;line-height:1.5;text-wrap:pretty}
.project-factory{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:18px;border:1px solid #79c7ff33;background:radial-gradient(circle at 50% 65%,#247dce40,#0e294a44);box-shadow:inset 0 0 20px #369fff0c;color:#8dd8ff;pointer-events:none}
.project-factory svg{display:block;width:60px;height:60px;overflow:visible}
.factory-building{stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;fill:#499def12}
.factory-detail{stroke:#a0dfff;stroke-width:1.7;stroke-linecap:round}
.factory-circuit{stroke:#68bfff44;stroke-width:1;stroke-linejoin:round}
.factory-signal{stroke:#94dfff;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:3 48;animation:factory-flow 5s linear infinite}
.factory-node{fill:#6dc6fa}
.factory-particle{fill:#9ce6ff;animation:factory-particles 4.8s ease-in-out infinite}
.factory-particle.particle-two{animation-delay:-1.6s}.factory-particle.particle-three{animation-delay:-3.2s}
.hero-tool-grok{top:330px;bottom:auto}
@keyframes factory-flow{to{stroke-dashoffset:-51}}
@keyframes factory-particles{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-5px);opacity:.95}}
@media(min-width:1500px){.hero-person{min-height:690px}.hero-tool-grok{top:355px}}
@media(min-width:651px) and (max-width:1100px){.hero-person{min-height:620px}.hero-tool-grok{top:300px}}
@media(min-width:651px) and (max-width:850px){.hero-person{min-height:590px}.hero-tool-grok{top:275px}.profile-projects{padding:14px 12px;gap:11px}.project-factory{flex-basis:52px;width:52px;height:56px}.project-factory svg{width:52px;height:52px}.profile-projects strong{font-size:16px}.profile-projects p>span{font-size:12px}}
@media(max-width:650px){.hero-tool-grok{top:300px}.profile-projects{padding:15px;gap:13px}.project-factory{flex-basis:58px;width:58px;height:62px}.project-factory svg{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.factory-signal,.factory-particle{animation:none}}