/* Progressive presentation: local assets, existing content and motion controls. */
:root{--effect-accent-rgb:214,250,100}
.site-page .site-header{position:sticky;top:0;background:rgba(12,16,13,.88);background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:rgba(var(--effect-accent-rgb),.13)}
.site-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;contain:strict}
.aurora-glow{position:absolute;width:65vw;height:65vw;max-width:920px;max-height:920px;min-width:400px;min-height:400px;border-radius:50%;will-change:transform;opacity:.65}
.aurora-glow-one{top:-28%;right:-20%;background:radial-gradient(circle,rgba(var(--effect-accent-rgb),.14),rgba(var(--effect-accent-rgb),.035) 42%,transparent 68%)}
.aurora-glow-two{bottom:-38%;left:-22%;background:radial-gradient(circle,rgba(62,191,172,.09),rgba(62,191,172,.025) 42%,transparent 68%)}
.aurora-glow-three{top:28%;left:25%;width:48vw;height:48vw;background:radial-gradient(circle,rgba(var(--effect-accent-rgb),.065),transparent 66%)}
.site-page[data-animations="1"] .aurora-glow-one{animation:aurora-drift 24s ease-in-out infinite alternate}
.site-page[data-animations="1"] .aurora-glow-two{animation:aurora-drift 30s ease-in-out -12s infinite alternate-reverse}
.site-page[data-animations="1"] .aurora-glow-three{animation:aurora-breathe 22s ease-in-out -8s infinite alternate}
@keyframes aurora-drift{from{transform:translate3d(-4%,-3%,0) scale(.95)}to{transform:translate3d(10%,12%,0) scale(1.12)}}
@keyframes aurora-breathe{from{transform:translate3d(-8%,4%,0);opacity:.4}to{transform:translate3d(8%,-8%,0);opacity:.85}}

.site-page :is(.about-focus-card,.about-credentials-card,.certification-card,.learning-card,.learning-preview-card,.home-service-card,.software-card,.work-card,.article-card,.growth-point,.home-process-section .process-step,.value-card,.project-start-board){position:relative;isolation:isolate;border:1px solid rgba(var(--effect-accent-rgb),.16);border-radius:16px;background:linear-gradient(135deg,rgba(var(--effect-accent-rgb),.045),transparent 55%),color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 40px rgba(0,0,0,.1);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.site-page :is(.about-focus-card,.about-credentials-card,.certification-card,.learning-card,.learning-preview-card,.home-service-card,.software-card,.work-card,.article-card,.growth-point,.home-process-section .process-step,.value-card,.project-start-board)::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(350px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(var(--effect-accent-rgb),.13),transparent 70%);opacity:0;transition:opacity .35s}
.site-page :is(.about-focus-card,.about-credentials-card,.certification-card,.learning-card,.learning-preview-card,.home-service-card,.software-card,.work-card,.article-card,.growth-point,.home-process-section .process-step,.value-card,.project-start-board):is(:hover,:focus-within)::before,.site-page .presentation-card[data-spotlight-active="1"]::before{opacity:1}
.site-page :is(.about-focus-card,.about-credentials-card,.certification-card,.learning-card,.learning-preview-card,.home-service-card,.software-card,.work-card,.article-card,.growth-point,.home-process-section .process-step,.value-card,.project-start-board):is(:hover,:focus-within){border-color:rgba(var(--effect-accent-rgb),.48);box-shadow:inset 0 1px rgba(var(--effect-accent-rgb),.08),0 18px 48px rgba(0,0,0,.18)}
.site-page .work-card{overflow:hidden}
.site-page .work-card .work-image{border-radius:15px 15px 0 0}
.site-page .work-card .work-meta{padding-inline:24px}
.site-page .work-card>p{padding-inline:24px;padding-bottom:24px;margin-bottom:0}
.site-page .software-card-image,.site-page .article-card .article-image{border-radius:15px 15px 0 0}
.site-page .presentation-card[data-tilt-active="1"]{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);transition:transform .14s ease-out,border-color .35s,box-shadow .35s}
.site-page :is(.home-service-icon,.growth-point-icon,.process-step-icon,.service-icon){transition:transform .35s var(--ease),background .35s}
.site-page[data-animations="1"] :is(.about-focus-card,.about-credentials-card,.certification-card,.learning-card,.learning-preview-card,.home-service-card,.growth-point,.process-step):hover :is(.home-service-icon,.growth-point-icon,.process-step-icon){transform:translateY(-2px) rotate(-5deg)}

.site-page :is(.hero,.page-hero) .eyebrow,.site-page .section-heading .eyebrow,.site-page :is(.growth-heading,.home-process-heading) .eyebrow{width:fit-content;max-width:100%;padding:8px 12px;border:1px solid rgba(var(--effect-accent-rgb),.22);border-radius:999px;background:rgba(var(--effect-accent-rgb),.045);line-height:1.45}
.site-page .button{position:relative;isolation:isolate;overflow:hidden;border-radius:8px}
.site-page .button::after{content:"";position:absolute;inset:-60% -20%;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.26) 50%,transparent 62%);transform:translateX(-130%)}
.site-page[data-animations="1"] .button:is(:hover,:focus-visible)::after{animation:button-sheen .8s ease-out}
.site-page .button-primary{box-shadow:0 0 24px rgba(var(--effect-accent-rgb),.09)}
.site-page .button-primary:is(:hover,:focus-visible){box-shadow:0 0 32px rgba(var(--effect-accent-rgb),.2)}
.site-page .button svg,.site-page .text-link svg{transition:transform .25s var(--ease)}
.site-page[data-animations="1"] :is(.button,.text-link):hover>svg{transform:translate(2px,-2px)}
@keyframes button-sheen{to{transform:translateX(130%)}}
.js-motion .site-page .reveal{transition:opacity .75s var(--ease),transform .75s var(--ease),filter .75s var(--ease),border-color .35s,box-shadow .35s;transition-delay:var(--reveal-delay,0ms);filter:blur(3px)}
.js-motion .site-page .reveal.is-visible{filter:blur(0)}

/* The original rail remains a grid whenever JavaScript or motion is disabled. */
.site-page .hero-strip .strip-inner.is-marquee{display:block;overflow:hidden;padding-block:20px}
.capability-marquee-track{display:flex;width:max-content;animation:capability-scroll 35s linear infinite;will-change:transform}
.capability-marquee-lane{display:flex;align-items:stretch;min-width:var(--marquee-width,100vw);gap:16px;padding-right:16px}
.site-page .capability-marquee-lane .strip-item{flex:1 0 220px;min-width:220px;max-width:360px;justify-content:center;border:1px solid rgba(var(--effect-accent-rgb),.14);border-radius:999px;padding:12px 20px;background:rgba(var(--effect-accent-rgb),.025);text-transform:none;letter-spacing:normal;color:var(--white)}
.site-page .hero-strip .strip-inner:is(:hover,:focus-within) .capability-marquee-track{animation-play-state:paused}
.site-page .hero-strip .strip-inner.is-marquee:focus-within .capability-marquee-track{animation:none;transform:none;width:100%}
.site-page .hero-strip .strip-inner.is-marquee:focus-within .capability-marquee-lane:not([aria-hidden]){display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));min-width:0;width:100%;padding-right:0}
.site-page .hero-strip .strip-inner.is-marquee:focus-within .capability-marquee-lane[aria-hidden="true"]{display:none}
.site-page .hero-strip .strip-inner.is-marquee:focus-within .strip-item{min-width:0;max-width:none}
@keyframes capability-scroll{to{transform:translateX(-50%)}}

.whatsapp-float{position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:50;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#138b61;color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 28px rgba(0,0,0,.35);transition:background .2s,transform .2s,box-shadow .2s}
.whatsapp-float .whatsapp-icon{display:block;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}
.whatsapp-float::before{content:"";position:absolute;inset:-5px;border:1px solid rgba(85,226,164,.3);border-radius:inherit;pointer-events:none}
.site-page[data-animations="1"] .whatsapp-float::before{animation:whatsapp-pulse 3s ease-out infinite}
.whatsapp-float:is(:hover,:focus-visible){background:#107450;box-shadow:0 10px 34px rgba(19,139,97,.3)}
.whatsapp-label{position:absolute;right:calc(100% + 13px);top:50%;transform:translateY(-50%);width:max-content;max-width:min(260px,calc(100vw - 112px));padding:10px 14px;border:1px solid rgba(85,226,164,.28);border-radius:10px;background:var(--ink);color:var(--white);font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
.whatsapp-float:is(:hover,:focus-visible) .whatsapp-label{opacity:1;visibility:visible}
.menu-is-open .whatsapp-float{visibility:hidden;pointer-events:none}
@keyframes whatsapp-pulse{0%{transform:scale(1);opacity:.8}85%,100%{transform:scale(1.24);opacity:0}}
.presentation-paused *,.presentation-paused *::before,.presentation-paused *::after{animation-play-state:paused!important}
@media(max-width:640px){.site-page .home-service-card{border-radius:12px}.whatsapp-float{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:54px;height:54px}.whatsapp-float .whatsapp-icon{width:27px;height:27px}.aurora-glow{opacity:.45}.site-page .work-card .work-meta,.site-page .work-card>p{padding-inline:20px}}
@media(hover:none),(pointer:coarse){.site-page .presentation-card{transform:none!important}.site-page :is(.about-focus-card,.about-credentials-card,.certification-card,.learning-card,.learning-preview-card,.home-service-card,.software-card,.article-card):hover{transform:none}}
@media(prefers-reduced-motion:reduce){.aurora-glow,.capability-marquee-track,.whatsapp-float::before{animation:none!important;will-change:auto}.site-page .presentation-card,.site-page .button,.site-page .button svg,.site-page .text-link svg,.site-page :is(.home-service-icon,.growth-point-icon,.process-step-icon){transform:none!important;transition:none!important}.js-motion .site-page .reveal{filter:none;opacity:1;transform:none!important;transition:none!important}}
.site-page[data-animations="0"] .aurora-glow,.site-page[data-animations="0"] .capability-marquee-track,.site-page[data-animations="0"] .whatsapp-float::before{animation:none!important;will-change:auto}
.site-page[data-animations="0"] :is(.presentation-card,.button,.button svg,.text-link svg,.home-service-icon,.growth-point-icon,.process-step-icon){transform:none!important}
.site-page[data-animations="0"] .reveal{filter:none}
.site-page .main-nav .nav-learning{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;color:var(--lime);border:1px solid rgba(var(--effect-accent-rgb),.38);border-radius:999px;background:rgba(var(--effect-accent-rgb),.06);box-shadow:0 0 24px rgba(var(--effect-accent-rgb),.06);white-space:nowrap}.site-page .main-nav .nav-learning:hover{background:rgba(var(--effect-accent-rgb),.14);border-color:var(--lime)}
@media(max-width:1000px){.site-page .main-nav .nav-learning{justify-content:space-between;margin-top:14px;padding:14px 18px;border-bottom:1px solid rgba(var(--effect-accent-rgb),.38);border-radius:10px}}