:root{--accent:#155e63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1f1d1a;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Lato,system-ui,-apple-system,sans-serif}::selection{color:#f4f2ea;background:#155e63}a:focus-visible,button:focus-visible{outline:2px solid var(--accent,#155e63);outline-offset:2px;border-radius:4px}@keyframes codeFloat{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes codeGlow{0%,to{box-shadow:0 24px 50px -28px #0f1b2d80,0 0 0 1px #7fdbca0f}50%{box-shadow:0 24px 60px -26px #0f1b2d99,0 0 0 1px #7fdbca38}}.code-deco{animation:9s ease-in-out infinite codeFloat,6s ease-in-out infinite codeGlow}.code-deco .cl{display:block}.code-deco .caret{vertical-align:-2px;opacity:0;background:#7fdbca;width:7px;height:1.05em;margin-left:2px;animation:1.05s step-end 2.6s infinite caretBlink;display:inline-block}@media (width<=980px){.code-deco{display:none!important}}@media (width<=640px){.about-grid{grid-template-columns:1fr!important;gap:24px!important}.meta-row{flex-direction:column!important;gap:4px!important}.meta-row>div:first-child{flex-basis:auto!important}}@keyframes avatarBob{0%{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-9px)rotate(1.5deg)}to{transform:translateY(0)rotate(-1.5deg)}}@keyframes haloPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}@keyframes haloSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-wrap .avatar-img{animation:5.5s ease-in-out infinite avatarBob}.avatar-wrap .avatar-halo{animation:5s ease-in-out infinite haloPulse}.avatar-wrap .avatar-ring{animation:24s linear infinite haloSpin}.avatar-wrap:hover .avatar-img{animation-play-state:paused;transform:scale(1.05)rotate(0)}@keyframes sparklePulse{0%,to{opacity:.85;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(14deg)}}.ai-sparkle{animation:2.4s ease-in-out infinite sparklePulse;display:inline-block}@keyframes heroTypewriter{0%{width:0}55%{width:66ch}82%{width:66ch}to{width:0}}@keyframes heroCaretBlink{0%,to{border-color:#1f1d1a73}50%{border-color:#0000}}.hero-typing-text{white-space:nowrap;vertical-align:bottom;border-right:2px solid #1f1d1a73;max-width:100%;animation:7s steps(66,end) infinite heroTypewriter,.8s step-end infinite heroCaretBlink;display:inline-block;overflow:hidden}@keyframes strategyIconWiggle{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-12deg)scale(1.15)}75%{transform:rotate(12deg)scale(1.15)}}.strategy-icon-badge{border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.strategy-icon{font-size:26px;transition:transform .2s;display:inline-flex}.strategy-card:hover .strategy-icon{animation:.5s strategyIconWiggle}.strategy-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.strategy-card:hover{box-shadow:0 20px 40px -24px #1f1d1a29;transform:translateY(-4px)!important}.roadmap-card{transition:transform .25s,box-shadow .25s,border-color .25s}.roadmap-card:hover{border-color:#155e634d;box-shadow:0 16px 32px -20px #1f1d1a24;transform:translateY(-2px)!important}.roadmap-card-detail{max-height:0;transition:max-height .35s;overflow:hidden}.roadmap-card:hover .roadmap-card-detail{max-height:200px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.code-deco{animation:none}.code-deco .cl,.code-deco .caret{opacity:1;animation:none}.avatar-wrap .avatar-img,.avatar-wrap .avatar-halo,.avatar-wrap .avatar-ring,.ai-sparkle{animation:none}.hero-typing-text{border-right-color:#0000;width:auto;animation:none}.strategy-card:hover .strategy-icon{animation:none}.strategy-card:hover,.roadmap-card:hover{transform:none}.roadmap-card-detail{max-height:none;transition:none}}.nav-link:hover{color:#1f1d1a}.nav-contact:hover,.btn-dark:hover{background:var(--accent)}.btn-outline:hover{background:#1f1d1a0a;border-color:#1f1d1a}.btn-dark:active,.btn-outline:active{transform:scale(.98)}.contact-link-solid:hover{opacity:.9}.contact-link-outline:hover{border-color:#f4f2ea}.project-card:hover{border-color:#155e6366;transform:translateY(-8px);box-shadow:0 30px 60px -34px #1f1d1a38}.card-thumb img{transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover .card-thumb img{transform:scale(1.06)}.back-btn:hover{color:#1f1d1a}.next-link:hover{color:var(--accent)}.zoom-frame{overflow:hidden}.zoom-frame img{transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.zoom-frame:hover img{transform:scale(1.08)}.illustration-thumb:hover{z-index:1;transform:rotate(0)translateY(-4px)scale(1.04)!important}.overlap-canvas{border-radius:8px;min-height:460px;padding:clamp(32px,7vw,64px);position:relative}.overlap-card{border:6px solid #fff;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 30px 60px -20px #00000040}.overlap-card-0{z-index:1;width:56%;top:6%;left:4%;transform:rotate(-4deg)}.overlap-card-1{z-index:2;width:56%;top:34%;left:38%;transform:rotate(3deg)}@media (width<=700px){.overlap-canvas{flex-direction:column;gap:24px;min-height:0;display:flex}.overlap-card{width:100%;position:static;transform:none}}