@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#071018;--bg-deep:#050c12;--panel:#0a1923;--panel-2:#0d202b;--line:#223744;--line-soft:#7cadbe24;--white:#f3f8fb;--muted:#a1b4c1;--muted2:#748b9b;--accent:#37d7d2;--accent-blue:#56bdfa;--font-main:"Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Consolas, monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--white);font-family:var(--font-main);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent);color:#06141a}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{background:var(--accent);color:#071018;z-index:100;padding:12px 20px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:10px}.container{width:min(100% - 80px,1280px);margin-inline:auto}.gradient-text{color:#0000;background:linear-gradient(95deg,#3de0d6 4%,#5cb9f3 96%);-webkit-background-clip:text;background-clip:text}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);font-size:11px;font-weight:500}.mono-prompt{color:var(--accent);letter-spacing:0;font-size:13px;font-weight:500}.eyebrow-line{vertical-align:middle;background:#5e8491;width:21px;height:1px;margin:0 7px;display:inline-block}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:11px;min-height:48px;padding:0 22px;font-size:12px;font-weight:800;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#05212a;background:linear-gradient(105deg,#38ded1,#4dc9ed);box-shadow:0 12px 30px #17c3cc1c}.button--primary:hover{box-shadow:0 12px 32px #17c3cc3d}.button--outline{color:#d5f4f7;background:#04121a59;border-color:#346278}.button--outline:hover{border-color:var(--accent);background:#10303a}.text-link{color:var(--accent);white-space:nowrap;align-items:center;gap:9px;font-size:12px;font-weight:800;display:inline-flex}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translate(2px,-2px)}.site-header{z-index:30;background:#071018f0;border-bottom:1px solid #7daebc1f;min-height:76px;position:relative}.nav-inner{justify-content:space-between;align-items:center;gap:32px;min-height:76px;display:flex}.brand{align-items:center;gap:17px;min-width:230px;display:inline-flex}.brand-mark{letter-spacing:-.12em;padding-right:3px;font-size:31px;font-weight:800;line-height:1}.brand-mark span,.footer-brand span,.about-profile-mark span{color:var(--accent)}.brand-copy{flex-direction:column;gap:5px;display:flex}.brand-copy strong{letter-spacing:-.03em;font-size:13px;font-weight:800}.brand-copy small{color:var(--muted2);font-family:var(--font-mono);letter-spacing:.14em;font-size:8px}.nav-links{align-items:center;gap:clamp(18px,3.1vw,46px);margin-left:auto;display:flex}.nav-link{color:#b7c9d3;padding-block:27px;font-size:12px;font-weight:700;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-cta{min-height:39px;margin-left:15px;padding:0 16px;font-size:11px}.menu-button,.nav-mobile-mail{display:none}.hero{isolation:isolate;background:radial-gradient(at 83% 14%,#0b2a39 0,#0000 42%),linear-gradient(#07131d,#071018);position:relative;overflow:hidden}.hero-background{pointer-events:none;opacity:.75;z-index:-1;background-image:linear-gradient(#3d89a311 1px,#0000 1px),linear-gradient(90deg,#3d89a311 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 2%,#000 70%);mask-image:linear-gradient(90deg,#0000 2%,#000 70%)}.hero:after{content:"";opacity:.35;z-index:-1;border:1px solid #23556b;border-radius:50%;width:650px;height:650px;position:absolute;top:-250px;right:-260px;box-shadow:0 0 0 90px #2d81ab07,0 0 0 180px #2d81ab06}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:center;gap:min(5vw,66px);padding-block:104px 92px;display:grid}.hero-copy{z-index:1;position:relative}.hero-eyebrow{white-space:nowrap;align-items:center;margin:0 0 24px;display:flex}.hero h1{letter-spacing:-.067em;margin:0;font-size:clamp(42px,4.15vw,68px);font-weight:800;line-height:1.16}.h1-underline{position:relative}.h1-underline:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-4px;left:0;right:0;transform:rotate(-1deg)}.hero-description{color:#bfd0da;max-width:520px;margin:24px 0 27px;font-size:clamp(13px,1.1vw,15px);line-height:1.9}.hero-facts{color:#a0b8c8;flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;font-weight:600;display:flex}.hero-facts>span:not(.fact-divider){align-items:center;gap:8px;display:inline-flex}.fact-divider{background:#3a5360;width:1px;height:17px;display:inline-block}.status-dot,.live-dot{background:#40d5aa;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #40d5aa1c}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:31px;display:flex}.hero-actions .button{min-height:50px}.hero-visual{flex-direction:column;justify-content:center;align-self:stretch;min-height:475px;padding:15px 0;display:flex;position:relative}.code-window{background:linear-gradient(155deg,#0c1f2bf7,#04111af7);border:1px solid #28526a;border-radius:11px;position:relative;overflow:hidden;box-shadow:0 35px 80px #00000038,inset 0 0 50px #0f537517}.code-window-header{background:#0d202e;border-bottom:1px solid #213b4b;align-items:center;gap:16px;height:45px;padding:0 17px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#ff6577;border-radius:100%;width:8px;height:8px;display:block}.window-dots i:nth-child(2){background:#ecc353}.window-dots i:nth-child(3){background:#47d39b}.code-tab{font-family:var(--font-mono);color:#b4d4df;background:#0d2735;border:1px solid #2b4858;border-bottom:none;border-radius:5px 5px 0 0;align-self:end;padding:9px 15px;font-size:10px}.code-window-action{color:#588398;margin-left:auto;font-size:18px}.code-lines{font-family:var(--font-mono);color:#d5e6ed;white-space:nowrap;padding:26px 20px 22px;font-size:clamp(9px,.89vw,12px);line-height:2.15;overflow-x:auto}.line-no{color:#547488;-webkit-user-select:none;user-select:none;margin-right:24px}.syntax-muted{color:#7197a6}.syntax-purple{color:#d39df5}.syntax-blue{color:#6bb8ff}.syntax-green{color:#66e5c5}.code-window-foot{height:51px;font:10px var(--font-mono);color:#7292a0;border-top:1px solid #1c3442;align-items:center;gap:9px;padding-inline:21px;display:flex}.terminal-prompt{color:var(--accent);font-size:19px}.cursor{background:var(--accent);opacity:.75;width:5px;height:14px;display:inline-block}.architecture-label{font:10px var(--font-mono);letter-spacing:.13em;color:#6590a2;justify-content:space-between;margin:21px 0 12px;display:flex}.architecture-label span{color:var(--accent)}.architecture-flow{background:#0618218c;border:1px solid #183c4c;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;padding:15px 23px;display:flex}.architecture-flow>div{align-items:center;gap:11px;display:flex}.architecture-flow small{font:9px var(--font-mono);color:#a9c4d1;letter-spacing:.06em;white-space:nowrap}.stack-icon{border-radius:6px;justify-content:center;align-items:center;width:31px;height:31px;font-size:17px;font-weight:800;display:inline-flex}.stack-icon--angular{color:#ff5385;background:#411428}.stack-icon--spring{color:#7ed47c;background:#193526}.stack-icon--aws{color:#65cdf2;background:#0e3347}.flow-connect{background:repeating-linear-gradient(90deg,#2f6b80,#2f6b80 4px,#0000 4px 8px);flex:1;height:1px}.hero-cross{color:var(--accent-blue);font:24px var(--font-mono);opacity:.5;position:absolute}.hero-cross--one{top:-18px;right:22px}.hero-cross--two{bottom:18px;left:-20px}.hero-bottom{color:#7895a5;letter-spacing:.15em;font:9px var(--font-mono);justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.hero-scroll{align-items:center;gap:10px;display:inline-flex}.scroll-line{background:var(--accent);width:38px;height:1px;display:inline-block}.strengths{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:#0a1720}.strengths-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.strength{border-left:1px solid var(--line-soft);align-items:flex-start;gap:16px;padding:35px 22px;display:flex}.strength:first-child{border-left:none;padding-left:0}.strength:last-child{padding-right:0}.strength-icon{height:40px;color:var(--accent);background:#0a2734;border:1px solid #285165;border-radius:7px;flex:0 0 40px;place-items:center;display:grid}.strength h3{margin:0 0 8px;font-size:12px;font-weight:800;line-height:1.4}.strength p{color:#8fa8b6;margin:0;font-size:11px;line-height:1.75}.section{padding:113px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.section-kicker{color:var(--accent);font:11px var(--font-mono);letter-spacing:.09em;align-items:center;gap:19px;margin-bottom:19px;display:flex}.section-kicker span:first-child{color:#5e879b}.section h2,.about-skills h2{letter-spacing:-.055em;margin:0;font-size:clamp(30px,3vw,44px);line-height:1.23}.section-heading p{color:var(--muted);max-width:570px;margin:16px 0 0;font-size:13px;line-height:1.85}.section-heading .text-link{margin-bottom:7px}.work-section{background:#071018}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{background:linear-gradient(160deg,#0b1b26,#091720);border:1px solid #1e3848;border-radius:10px;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;overflow:hidden}.project-card:hover{border-color:#337e8d;transform:translateY(-5px);box-shadow:0 20px 40px #01080d66}.project-card-body{padding:24px 24px 26px}.card-topline{justify-content:space-between;align-items:center;display:flex}.card-topline svg{color:#739cae;transition:color .2s,transform .2s}.project-card:hover .card-topline svg{color:var(--accent);transform:translate(2px,-2px)}.project-card h3{letter-spacing:-.04em;margin:15px 0 10px;font-size:21px;line-height:1.25}.project-card p{color:#9bb1bd;min-height:86px;margin:0 0 15px;font-size:12px;line-height:1.8}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{color:#a9c2d0;min-height:26px;font:10px var(--font-mono);white-space:normal;background:#19344259;border:1px solid #2a4553;border-radius:5px;align-items:center;padding:5px 9px;display:inline-flex}.disclosure-note{color:#6d8998;margin:22px 0 0;font-size:11px}.project-art{isolation:isolate;border-bottom:1px solid #1d3a49;height:226px;position:relative;overflow:hidden}.project-art:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.project-art--ai{background:radial-gradient(at 50% 45%,#135265 0,#0b293a 33%,#071720 80%)}.art-caption{font:10px var(--font-mono);letter-spacing:.12em;color:#a8d5df;align-items:center;gap:10px;display:flex;position:absolute;top:20px;left:21px;right:20px}.art-caption>span:last-child{color:#467e93;margin-left:auto}.ai-diagram{justify-content:center;align-items:center;gap:8px;padding:67px 22px 20px;display:flex}.ai-node{color:#a5d4df;text-align:center;background:#0b2a3aee;border:1px solid #45788c;border-radius:7px;flex:none;place-items:center;display:grid;box-shadow:0 0 24px #227b9b1f}.ai-node--small{width:62px;height:52px;font:10px/1.4 var(--font-mono);letter-spacing:.03em}.ai-node--main{width:107px;height:83px;color:var(--accent)}.ai-node--main span{font-size:38px;line-height:1}.ai-node--main small{font:8px var(--font-mono)}.ai-line{background:#68c6e0;flex:0 auto;width:clamp(10px,2.7vw,37px);height:1px;box-shadow:0 0 9px #69e6fa}.ai-wave{z-index:-1;border:1px solid #5ae5eb22;border-radius:50%;position:absolute;inset:70px 22% 25px;transform:scale(1.5,.8)}.ai-wave--two{transform:scale(1.9,1.3)}.art-bottom{color:#6f9ead;font:9px var(--font-mono);justify-content:space-between;gap:10px;display:flex;position:absolute;bottom:15px;left:21px;right:21px}.project-art--platform{background:linear-gradient(135deg,#0c3651,#081e2a 72%)}.mini-browser{background:#f0f5f8;border:1px solid #50778a;border-radius:7px 7px 0 0;width:80%;height:200px;position:absolute;top:31px;left:10%;overflow:hidden;transform:perspective(700px)rotateX(4deg)rotateY(-5deg);box-shadow:0 10px 28px #010a116e}.mini-browser-top{color:#52717b;height:26px;font:8px var(--font-mono);background:#e0e8ee;justify-content:space-between;align-items:center;padding:0 11px;display:flex}.mini-browser-top>span:first-child{color:#ff8f92}.mini-browser-top i{color:#eec65f}.mini-browser-content{height:100%;display:flex}.mini-sidebar{background:#162c40;flex-direction:column;gap:11px;width:48px;padding:13px 9px;display:flex}.mini-sidebar span{background:#456175;border-radius:3px;width:26px;height:5px}.mini-sidebar span:nth-child(2){background:#41bcce}.mini-dashboard{flex:1;padding:15px 14px}.dash-title{background:#8199a8;border-radius:3px;width:42%;height:8px;margin-bottom:14px}.dash-grid{grid-template-columns:1.7fr 1fr;gap:8px;display:grid}.dash-block{background:#fff;border:1px solid #dee7eb;border-radius:4px;height:82px;padding:11px 10px}.dash-chart{border-bottom:1px solid #dbe5ec;justify-content:space-between;align-items:flex-end;gap:6px;height:100%;display:flex}.dash-chart span{background:#5fc1d5;border-radius:2px 2px 0 0;flex:1;height:30%}.dash-chart span:nth-child(2){height:57%}.dash-chart span:nth-child(3){height:38%}.dash-chart span:nth-child(4){height:72%}.dash-chart span:nth-child(5){height:53%}.dash-chart span:nth-child(6){height:85%}.dash-chart span:nth-child(7){height:68%}.dash-block--secondary span{background:#dbe8ed;border-radius:3px;height:7px;margin-bottom:10px;display:block}.dash-block--secondary span:nth-child(2){width:80%}.dash-block--secondary span:nth-child(3){width:65%}.dash-rows{flex-direction:column;gap:8px;margin-top:12px;display:flex}.dash-rows span{background:#d9e4e8;border-radius:2px;width:100%;height:6px}.dash-rows span:nth-child(2){width:84%}.dash-rows span:nth-child(3){width:93%}.project-art--cloud{background:radial-gradient(circle at 50% 53%,#144353,#0a202e 44%,#071720 85%)}.cloud-orbit{border:1px dashed #4ba8bf99;border-radius:50%;width:215px;height:122px;position:absolute;top:55px;left:calc(50% - 107px);transform:rotate(25deg)}.cloud-orbit--two{transform:rotate(-25deg)}.cloud-center{color:#6fe2ec;background:#10384b;border:1px solid #397f91;border-radius:14px;place-items:center;width:92px;height:75px;display:grid;position:absolute;top:75px;left:calc(50% - 46px);box-shadow:0 0 35px #39d9d121}.cloud-chip{font:9px var(--font-mono);letter-spacing:.07em;color:#b3dae3;background:#0e2e3e;border:1px solid #397084;border-radius:5px;padding:7px 10px;position:absolute}.chip-one{top:39px;right:24px}.chip-two{top:96px;left:28px}.chip-three{bottom:40px;right:35px}.experience-section{border-block:1px solid var(--line-soft);background:linear-gradient(135deg,#0b1c28,#08141d)}.experience-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,135px);display:grid}.experience-intro h2{font-size:clamp(35px,3.45vw,53px)}.experience-intro p{max-width:390px;color:var(--muted);margin:22px 0 31px;font-size:13px;line-height:1.9}.timeline{flex-direction:column;display:flex}.timeline-item{grid-template-columns:27px minmax(0,1fr);gap:23px;display:grid}.timeline-track{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-track:after{content:"";background:#244758;flex:1;width:1px;min-height:30px;margin-top:6px;display:block}.timeline-item:last-child .timeline-track:after{opacity:0}.timeline-dot{background:#091b26;border:2px solid #5a93a6;border-radius:50%;width:11px;height:11px;margin-top:8px;display:block;box-shadow:0 0 0 4px #0b202b}.timeline-dot--current{background:#38d3d2;border-color:#38d3d2;box-shadow:0 0 0 5px #174752}.timeline-content{border-bottom:1px solid #83abbf1a;margin-bottom:30px;padding:0 0 31px}.timeline-item:last-child .timeline-content{border-bottom:0;margin-bottom:0;padding-bottom:0}.timeline-title-row{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.timeline-company{color:#b1c8d3;align-items:center;gap:9px;margin-bottom:5px;font-size:11px;font-weight:700;display:flex}.current-label{color:#48dbbb;font:9px var(--font-mono);background:#16372f;border:1px solid #2b7168;border-radius:3px;padding:4px 6px}.timeline-content h3{letter-spacing:-.03em;margin:0;font-size:17px;font-weight:800}.timeline-period{color:#7694a4;font:10px var(--font-mono);text-align:right;line-height:1.5}.timeline-content p{color:#9eafbd;margin:10px 0 16px;font-size:12px;line-height:1.8}.about-preview-grid{grid-template-columns:1fr 1fr;align-items:center;gap:13%;display:grid}.about-preview p{color:var(--muted);max-width:480px;margin:20px 0 25px;font-size:13px;line-height:1.9}.principles{border-top:1px solid var(--line)}.principle{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr 25px;align-items:start;gap:15px;padding:23px 0;display:grid}.principle>span{color:var(--accent);font:11px var(--font-mono)}.principle h3{margin:0;font-size:14px}.principle p{margin:7px 0 0;font-size:11px;line-height:1.7}.principle svg{color:#6c96a9}.site-footer{background:#060f16;border-top:1px solid #1e3c48}.footer-top{justify-content:space-between;align-items:end;gap:35px;padding:72px 0 64px;display:flex}.footer-top h2{letter-spacing:-.06em;margin:15px 0 0;font-size:clamp(30px,3.8vw,53px);line-height:1.2}.footer-bottom{color:#728b9b;border-top:1px solid #20313c;align-items:center;gap:24px;padding:26px 0;font-size:10px;display:flex}.footer-brand{letter-spacing:-.1em;color:var(--white);font-size:27px;font-weight:800}.footer-links{align-items:center;gap:24px;margin-left:auto;display:flex}.footer-links a:hover{color:var(--accent)}.subpage{background:radial-gradient(at 75% 0,#0b2b3a 0%,#0000 38%),#071018;min-height:60vh;padding:95px 0 115px;position:relative}.subpage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;height:390px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.subpage>.container{position:relative}.page-intro{max-width:780px;margin-bottom:65px}.page-intro h1,.case-header h1{letter-spacing:-.065em;margin:21px 0 25px;font-size:clamp(46px,5.7vw,84px);line-height:1.12}.page-intro p{color:#afc3cf;max-width:670px;margin:0;font-size:16px;line-height:1.8}.project-grid--page .project-card p{min-height:100px}.inline-note{border-left:2px solid var(--accent);color:#9fb7c5;background:#0d202b;margin-top:38px;padding:18px 22px;font-size:12px}.experience-page-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.75fr);align-items:start;gap:85px;display:grid}.block-title{letter-spacing:-.04em;margin:0 0 37px;font-size:25px}.skills-panel{background:#0a1d27;border:1px solid #234150;border-radius:12px;padding:32px}.skills-panel h2{letter-spacing:-.05em;margin:15px 0 31px;font-size:28px}.skill-group{margin:0 0 30px}.skill-group h3{color:#d6e9ef;margin:0 0 12px;font-size:12px}.skills-note{border-top:1px solid var(--line);color:var(--muted2);margin:5px 0 0;padding-top:20px;font-size:11px;line-height:1.7}.about-page-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr);gap:10%;display:grid}.about-story h2{letter-spacing:-.05em;margin:0 0 25px;font-size:31px}.about-story p{color:#b4c4ce;margin:0 0 21px;font-size:15px;line-height:2}.about-story strong{color:#e6f4f6}.about-story .button{margin-top:16px}.about-side{min-width:0}.about-profile{background:radial-gradient(circle at 60% 40%,#124359,#0a2532 45%,#091620);border:1px solid #2a5465;border-radius:11px;place-items:center;height:290px;display:grid;position:relative;overflow:hidden}.about-profile-mark{letter-spacing:-.13em;z-index:1;font-size:115px;font-weight:800;position:relative}.about-profile-grid{opacity:.25;background-image:linear-gradient(#548ca344 1px,#0000 1px),linear-gradient(90deg,#548ca344 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0}.about-profile p{font:10px/1.6 var(--font-mono);color:#8cafbd;position:absolute;bottom:13px;left:23px}.about-details{border:1px solid #223d4c;border-radius:8px;margin-top:15px}.about-details>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:15px;padding:17px 21px;display:flex}.about-details>div:last-child{border-bottom:0}.about-details span{color:var(--muted2);font:9px var(--font-mono)}.about-details strong{text-align:right;font-size:12px}.about-skills{margin-top:100px}.about-skills h2{margin-bottom:34px}.skill-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.skill-card{background:#0b1f2a;border:1px solid #254351;border-radius:8px;padding:24px}.skill-card h3{margin:0 0 22px;font-size:14px}.contact-grid{grid-template-columns:1.2fr .8fr;gap:30px;display:grid}.contact-main,.contact-info,.contact-note{background:#0b1d28;border:1px solid #214050;border-radius:10px;padding:36px}.contact-main h2{letter-spacing:-.045em;margin:22px 0 9px;font-size:33px}.contact-main>p{color:var(--muted);font-size:14px;line-height:1.8}.contact-email{color:#d5f8f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:-.045em;overflow-wrap:anywhere;align-items:center;gap:15px;margin:35px 0 30px;padding:27px 0;font-size:clamp(14px,2vw,25px);font-weight:800;display:flex}.contact-email svg:first-child{color:var(--accent);flex:none}.contact-email svg:last-child{flex:none;margin-left:auto}.contact-main .button{min-width:164px}.contact-side{flex-direction:column;gap:16px;display:flex}.contact-info>div{flex-direction:column;gap:8px;margin-top:28px;display:flex}.contact-info>div>span{font:10px var(--font-mono);color:#7599a9}.contact-info strong{font-size:13px;line-height:1.6}.contact-note{align-items:flex-start;gap:14px;display:flex}.contact-note .status-dot{margin-top:7px}.contact-note p{color:#a6bbc7;margin:0;font-size:12px;line-height:1.8}.back-link{color:#98bccb;font:12px var(--font-mono);align-items:center;gap:9px;margin-bottom:50px;display:inline-flex}.back-link:hover{color:var(--accent)}.back-link span{font-size:22px}.case-header{grid-template-columns:1.1fr .55fr;align-items:end;gap:8%;margin-bottom:45px;display:grid}.case-header h1{font-size:clamp(43px,5vw,70px)}.case-header p{color:#b0c4cf;max-width:730px;font-size:15px;line-height:1.9}.case-meta{border-left:1px solid #2b4857;flex-direction:column;gap:11px;padding-left:27px;display:flex}.case-meta>span{color:#7ea5b6;font:10px var(--font-mono);margin-top:4px}.case-meta strong{margin-bottom:15px;font-size:15px}.case-visual .project-art{border:1px solid #2b5868;border-radius:12px;height:350px}.case-visual .ai-diagram{padding-top:105px;transform:scale(1.4)}.case-visual .mini-browser{width:60%;height:310px;left:20%}.case-visual .mini-dashboard{padding:30px}.case-visual .dash-block{height:150px}.case-visual .cloud-center{top:132px}.case-visual .cloud-orbit{top:110px}.case-visual .chip-one{top:70px;right:27%}.case-visual .chip-two{top:160px;left:27%}.case-visual .chip-three{bottom:61px;right:28%}.case-content{grid-template-columns:1fr 1fr;gap:11%;padding:74px 0 35px;display:grid}.case-content h2{letter-spacing:-.05em;margin:16px 0 20px;font-size:32px}.case-content p{color:#a9bec8;font-size:14px;line-height:2}.focus-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.focus-list li{color:#b5c8d3;align-items:flex-start;gap:12px;font-size:13px;line-height:1.8;display:flex}.focus-list svg{color:var(--accent);flex:none;margin-top:2px}.case-caution{color:#a6bdc7;background:#0c2029;border:1px solid #2c4f5d;border-radius:8px;align-items:flex-start;gap:14px;padding:17px 22px;font-size:12px;line-height:1.8;display:flex}.case-caution svg{color:var(--accent);flex:none}.case-next{border-top:1px solid var(--line);color:#7797a7;font:11px var(--font-mono);justify-content:space-between;align-items:center;gap:20px;margin-top:55px;padding-top:39px;display:flex}.not-found{min-height:60vh;padding-block:140px}.not-found h1{letter-spacing:-.07em;margin:18px 0;font-size:clamp(50px,6vw,90px)}.not-found p{color:var(--muted);margin-bottom:25px}@media (max-width:1100px){.container{width:min(100% - 56px,1280px)}.hero-grid{gap:36px;padding-block:75px 70px}.hero h1{font-size:clamp(39px,4.5vw,55px)}.code-lines{font-size:9px}.line-no{margin-right:13px}.strength{gap:11px;padding:27px 12px}.strength-icon{flex-basis:36px;height:36px}.strength p{font-size:10px}.project-card-body{padding:20px 18px 24px}.project-card h3{font-size:18px}.project-card p{font-size:11px}.architecture-flow{padding-inline:11px}.architecture-flow small{font-size:8px}.experience-page-layout{gap:35px}}@media (max-width:900px){.nav-links{gap:19px}.nav-cta{display:none}.brand{min-width:185px}.hero-grid{grid-template-columns:1fr;gap:48px;max-width:720px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(46px,7.5vw,65px)}.hero-visual{max-width:660px;min-height:auto}.code-lines{font-size:12px}.architecture-flow{padding-inline:22px}.architecture-flow small{font-size:10px}.strengths-grid{grid-template-columns:repeat(2,1fr)}.strength{border-bottom:1px solid var(--line-soft);padding:25px!important}.strength:nth-child(odd){border-left:0}.strength:nth-child(n+3){border-bottom:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card p{min-height:75px}.experience-grid{grid-template-columns:1fr;gap:55px}.experience-intro{max-width:600px}.experience-intro p{max-width:550px}.about-preview-grid{gap:50px}.skill-cards{grid-template-columns:repeat(2,1fr)}.experience-page-layout{grid-template-columns:1fr}.skills-panel{max-width:100%}.about-page-grid{gap:35px}}@media (max-width:680px){html{scroll-padding-top:20px}.container{width:min(100% - 36px,1280px)}.site-header,.nav-inner{min-height:67px}.nav-inner{gap:10px}.brand{gap:12px;min-width:0}.brand-mark{font-size:28px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:7px}.menu-button{width:44px;height:44px;color:var(--white);background:#0e2634;border:1px solid #325064;border-radius:6px;place-items:center;display:grid}.nav-links{z-index:50;background:#0a1923;border-bottom:1px solid #376376;flex-direction:column;align-items:stretch;gap:0;padding:14px 18px 24px;display:none;position:absolute;top:66px;left:0;right:0;box-shadow:0 24px 35px #0008}.nav-links--open{display:flex}.nav-link{border-bottom:1px solid #203b4a;padding:16px 12px;font-size:14px}.nav-link.active:after{width:2px;height:auto;inset:12px auto 12px 0}.nav-mobile-mail{color:var(--accent);justify-content:space-between;align-items:center;padding:18px 12px 0;font-size:14px;display:flex}.hero-grid{gap:45px;width:min(100% - 36px,580px);padding-top:67px;padding-bottom:45px}.hero h1{font-size:clamp(41px,9.5vw,62px)}.hero-description{margin-top:20px;font-size:13px}.hero-eyebrow{font-size:10px}.mono-prompt{font-size:11px}.hero-facts{gap:10px;font-size:10px}.fact-divider{display:none}.hero-facts>span:not(.fact-divider){border:1px solid #2a4c5a;border-radius:30px;padding:8px 11px}.hero-actions{gap:10px}.hero-actions .button{min-height:46px;padding-inline:16px}.hero-bottom{padding:0 0 25px}.hero-bottom>span:last-child{letter-spacing:0;font-size:8px}.hero-scroll{font-size:8px}.code-lines{padding:20px 13px 19px;font-size:clamp(8px,2.35vw,11px)}.line-no{margin-right:11px}.code-window-header{height:39px}.code-tab{font-size:9px}.code-window-foot{height:43px;padding-inline:12px}.architecture-flow{padding:13px 12px}.architecture-flow>div{gap:6px}.architecture-flow small{font-size:8px}.stack-icon{width:26px;height:26px;font-size:14px}.flow-connect{min-width:5px}.strengths-grid{grid-template-columns:1fr}.strength,.strength:nth-child(n+3){border-left:0;border-bottom:1px solid var(--line-soft);padding:23px 0!important}.strength:last-child{border-bottom:0}.strength h3{font-size:13px}.strength p{font-size:11px}.section{padding-block:75px}.section-heading{margin-bottom:30px;display:block}.section-heading .text-link{margin-top:20px}.section-heading p{font-size:12px}.section h2{font-size:clamp(30px,8vw,40px)}.project-grid{grid-template-columns:1fr;gap:17px}.project-art{height:235px}.project-card-body{padding:21px 21px 23px}.project-card h3{font-size:21px}.project-card p{min-height:0;font-size:12px}.experience-grid{gap:42px}.experience-intro h2{font-size:40px}.timeline-item{grid-template-columns:19px minmax(0,1fr);gap:13px}.timeline-period{font-size:9px}.timeline-title-row{align-items:flex-start}.timeline-content h3{font-size:15px}.timeline-content p{font-size:12px}.about-preview-grid{grid-template-columns:1fr;gap:45px}.about-preview p{font-size:12px}.principle{grid-template-columns:45px 1fr 23px}.footer-top{flex-direction:column;align-items:flex-start;gap:27px;padding-block:60px 50px}.footer-top h2{font-size:40px}.footer-bottom{flex-wrap:wrap;gap:13px}.footer-links{gap:20px;width:100%;margin:5px 0 0}.subpage{padding:65px 0 80px}.page-intro{margin-bottom:42px}.page-intro h1{font-size:clamp(43px,10vw,62px)}.page-intro p{font-size:13px}.experience-page-layout{gap:45px}.skills-panel{padding:25px}.about-page-grid{grid-template-columns:1fr;gap:45px}.about-story p{font-size:13px}.about-profile{height:250px}.about-skills{margin-top:65px}.skill-cards{grid-template-columns:1fr}.skill-card{padding:21px}.contact-grid{grid-template-columns:1fr}.contact-main,.contact-info,.contact-note{padding:26px}.contact-main h2{font-size:30px}.contact-email{gap:8px;font-size:clamp(14px,4.2vw,22px)}.contact-email svg:first-child{width:21px}.contact-email svg:last-child{width:18px}.case-header{grid-template-columns:1fr;gap:23px}.case-header h1{font-size:clamp(38px,9vw,55px)}.case-header p{font-size:13px}.case-meta{padding-left:17px}.case-visual .project-art{height:270px}.case-visual .mini-browser{width:80%;height:220px;left:10%}.case-visual .mini-dashboard{padding:14px}.case-visual .dash-block{height:92px}.case-visual .ai-diagram{padding-top:95px;transform:scale(1)}.case-visual .cloud-center{top:100px}.case-visual .cloud-orbit{top:85px}.case-visual .chip-one{top:49px;right:7%}.case-visual .chip-two{top:125px;left:4%}.case-visual .chip-three{bottom:40px;right:6%}.case-content{grid-template-columns:1fr;gap:34px;padding-top:55px}.case-content h2{font-size:28px}.case-content p{font-size:13px}.case-next{flex-direction:column;align-items:flex-start}}@media (max-width:360px){.container,.hero-grid{width:min(100% - 28px,1280px)}.brand-copy strong{font-size:11px}.hero h1{font-size:34px}.hero-actions .button{font-size:11px}.architecture-flow{padding-inline:7px}.architecture-flow>div{gap:4px}.architecture-flow small{font-size:7px}.code-lines{font-size:7.6px}.line-no{margin-right:8px}.ai-diagram{gap:5px}.ai-node--small{width:57px}.ai-node--main{width:95px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.project-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid--featured .project-art{height:238px}.about-person{align-items:center;gap:18px;margin:17px 0 27px;display:flex}.about-person-photo{object-fit:cover;border:1px solid #3a6876;border-radius:12px;flex:0 0 92px;width:92px;height:92px}.about-person p{margin:0}.city-label{color:#63d2d8;font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;margin-top:10px;display:inline-flex}.education-strip{border-top:1px solid var(--line-soft);background:linear-gradient(100deg,#071a25,#0b1e29)}.education-strip-inner{justify-content:space-between;align-items:center;gap:30px;padding-block:45px;display:flex}.education-strip h2{letter-spacing:-.04em;margin:10px 0 9px;font-size:clamp(23px,2.7vw,32px)}.education-strip p{color:var(--muted);max-width:680px;margin:0;font-size:12px;line-height:1.75}.education-strip .button{flex:none}.profile-portrait{aspect-ratio:4/5;background:#15303c;border:1px solid #2e6272;border-radius:12px;margin:0;position:relative;overflow:hidden}.profile-portrait img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.profile-portrait figcaption{background:linear-gradient(#0000,#04141df5);flex-direction:column;gap:5px;padding:60px 23px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.profile-portrait figcaption span{color:var(--accent);font:10px var(--font-mono);letter-spacing:.12em}.profile-portrait figcaption strong{font-size:16px}.about-education-summary{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:start;gap:9%;margin-top:88px;padding-top:57px;display:grid}.about-education-summary h2{letter-spacing:-.05em;margin:0;font-size:clamp(27px,3.2vw,40px)}.about-education-summary p{color:var(--muted);max-width:430px;margin:16px 0 22px;font-size:13px;line-height:1.85}.about-degree-list{gap:15px;display:grid}.about-degree-list>div{background:#0b1e29;border:1px solid #254351;border-radius:9px;flex-direction:column;gap:6px;padding:23px;display:flex}.about-degree-list span{color:var(--accent);font:10px var(--font-mono)}.about-degree-list strong{font-size:16px}.about-degree-list small{color:var(--muted);font-size:11px}.education-degrees{margin-bottom:84px}.degree-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.degree-card{background:linear-gradient(145deg,#0b2834,#0a1923);border:1px solid #2c5160;border-radius:10px;min-height:195px;padding:33px}.degree-card h2{letter-spacing:-.045em;margin:20px 0 10px;font-size:clamp(21px,2.5vw,31px);line-height:1.28}.degree-card p{color:var(--muted);margin:0;font-size:13px}.education-training>h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(27px,3vw,39px)}.training-intro{color:var(--muted);max-width:760px;margin:0 0 29px;font-size:13px;line-height:1.9}.training-grid{gap:14px;display:grid}.training-group{background:#0b1f2a;border:1px solid #2a4857;border-radius:10px;overflow:hidden}.training-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;padding:23px 27px;font-size:15px;font-weight:800;list-style:none;display:flex}.training-group summary::-webkit-details-marker{display:none}.training-group[open] summary{border-bottom:1px solid #274554}.training-count{color:var(--muted2);font:11px var(--font-mono);white-space:nowrap;font-weight:400}.training-count span{vertical-align:-2px;margin-left:8px;font-size:18px;transition:transform .2s;display:inline-block}.training-group[open] .training-count span{transform:rotate(180deg)}.training-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:10px 27px;display:grid}.training-item{flex-direction:column;gap:7px;padding:17px 12px 17px 0;display:flex}.training-item strong{font-size:13px}.training-item span{color:#bdcbd4;font-size:12px}.training-item small{font:10px var(--font-mono);color:#799baa;line-height:1.6}.training-disclaimer{color:var(--muted2);margin:25px 0;font-size:11px;line-height:1.75}.project-art--multilingual{background:radial-gradient(circle at 30% 40%,#145664,#0b293e 55%,#061722)}.multilingual-art{grid-template-columns:minmax(0,1fr) 90px;gap:11px;display:grid;position:absolute;inset:53px 10% 46px}.multilingual-main{background:#e3eff1;border:1px solid #6398a4;border-radius:7px;padding:13px;transform:rotate(-2deg);box-shadow:0 12px 25px #0005}.multilingual-main-bar{color:#a5e7e6;font:8px var(--font-mono);background:#17394a;border-radius:6px 6px 0 0;justify-content:space-between;gap:9px;margin:-13px -13px 18px;padding:12px;display:flex}.multilingual-main-bar span:last-child{font-size:7px}.multilingual-main-line{background:#aec8d1;border-radius:4px;width:70%;height:9px;margin-bottom:9px}.multilingual-main-line.short{background:#b6cad1;width:47%;height:6px}.multilingual-boxes{gap:8px;margin-top:18px;display:flex}.multilingual-boxes span{background:linear-gradient(145deg,#75c3cc,#d6e5e8);border-radius:5px;flex:1;height:42px}.multilingual-side{background:#082633;border:1px solid #50798a;border-radius:7px;flex-direction:column;gap:13px;padding:16px 11px;display:flex;transform:rotate(4deg)}.multilingual-side b{color:#72dcdc;font:10px var(--font-mono)}.multilingual-side span{color:#a4c8d4;font:8px var(--font-mono);border-bottom:1px solid #35596a;padding-bottom:6px}.project-art--industrial{background:radial-gradient(at 48% 55%,#18454a,#0b2931 53%,#07191f)}.industrial-art{justify-content:center;align-items:center;display:flex;position:absolute;inset:64px 10% 50px}.industrial-node{font:9px var(--font-mono);color:#ace3e5;background:#0a2b36;border:1px solid #38788a;border-radius:6px;flex:none;padding:12px 10px}.industrial-connector{border-top:1px dashed #70cacc;flex:1;min-width:10px;height:1px}.industrial-center{background:#0b202c;border:1px solid #68abb8;border-radius:8px;width:44%;min-width:110px;max-width:260px;height:118px;padding:12px 14px;box-shadow:0 10px 35px #0005}.industrial-screen-label{font:9px var(--font-mono);color:#61d3d0}.industrial-bars{border-bottom:1px solid #466c76;align-items:flex-end;gap:5px;height:43px;margin:9px 0;display:flex}.industrial-bars i{opacity:.7;background:#45c0c6;flex:1;height:30%}.industrial-bars i:nth-child(2),.industrial-bars i:nth-child(6){height:70%}.industrial-bars i:nth-child(3),.industrial-bars i:nth-child(5){height:52%}.industrial-bars i:nth-child(4){height:90%}.industrial-lines{gap:7px;display:flex}.industrial-lines span{background:#244d5a;border-radius:3px;width:33%;height:5px}@media (max-width:900px){.project-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))}.multilingual-art{grid-template-columns:minmax(0,1fr) 70px;left:7%;right:7%}}@media (max-width:680px){.project-grid--featured{grid-template-columns:1fr}.education-strip-inner{flex-direction:column;align-items:flex-start}.about-person{align-items:flex-start}.about-person-photo{flex-basis:72px;width:72px;height:72px}.profile-portrait{max-width:460px}.about-education-summary{grid-template-columns:1fr;gap:30px;margin-top:70px}.degree-grid{grid-template-columns:1fr}.degree-card{min-height:155px;padding:25px}.training-list{grid-template-columns:1fr}.training-group summary{padding:19px}.training-list{padding:7px 19px}.multilingual-art{grid-template-columns:minmax(0,1fr) 80px;left:10%;right:10%}}@media (max-width:360px){.about-person{flex-direction:column}.multilingual-art{grid-template-columns:minmax(0,1fr) 70px;left:5%;right:5%}.industrial-art{inset-inline:5%}.industrial-node{padding-inline:6px;font-size:8px}}.about-page-grid{align-items:start}.about-side{justify-self:end;width:100%;max-width:350px}.profile-portrait{aspect-ratio:10/11}.profile-portrait img{object-position:50% 56%}@media (max-width:680px){.about-side{justify-self:start;max-width:360px}.profile-portrait{aspect-ratio:10/11}}.mobile-nav-backdrop,.mobile-nav-panel{display:none}.button--cv{background:#26445152;border-color:#669cad5e}.button--cv:hover{border-color:var(--accent)}@media (max-width:900px){html{scroll-padding-top:86px}.site-header{z-index:100;background:#07131c;position:sticky;top:0;box-shadow:0 9px 24px #0000002e}.nav-links,.nav-cta{display:none}.menu-button{width:44px;height:44px;color:var(--white);background:#0e2634;border:1px solid #325064;border-radius:7px;flex:none;place-items:center;margin-left:auto;display:grid}.menu-button:hover,.mobile-nav-close:hover{border-color:var(--accent)}.mobile-nav-backdrop{z-index:101;opacity:0;visibility:hidden;pointer-events:none;background:#00060cbf;border:0;width:100vw;height:100dvh;padding:0;transition:opacity .25s,visibility 0s linear .25s;display:block;position:fixed;inset:0}.mobile-nav-backdrop--open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s,visibility}.mobile-nav-panel{inset-block:0;z-index:102;visibility:hidden;pointer-events:none;overscroll-behavior:contain;width:min(90vw,410px);height:100dvh;padding:max(25px, env(safe-area-inset-top)) 25px max(25px, env(safe-area-inset-bottom));background:linear-gradient(157deg,#0b2430,#071720 62%,#06121a);border-left:1px solid #2b4e60;flex-direction:column;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;display:flex;position:fixed;right:0;overflow-y:auto;transform:translate(101%);box-shadow:-30px 0 65px #00000059}.mobile-nav-panel--open{visibility:visible;pointer-events:auto;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility;transform:translate(0)}.mobile-nav-head{justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:36px;display:flex}.mobile-nav-head>div{flex-direction:column;gap:11px;display:flex}.mobile-nav-head strong{letter-spacing:-.045em;font-size:22px;font-weight:800}.mobile-nav-head strong span{color:var(--accent)}.mobile-nav-close{height:44px;color:var(--white);background:#112e3b;border:1px solid #345568;border-radius:7px;flex:0 0 44px;place-items:center;display:grid}.mobile-nav-list{flex-direction:column;display:flex}.mobile-nav-item{color:#e2eef3;letter-spacing:-.035em;border-bottom:1px solid #78a5bc29;align-items:center;gap:16px;min-height:72px;padding:14px 3px;font-size:clamp(20px,5vw,26px);font-weight:800;display:flex}.mobile-nav-item>svg{color:#729aaa;margin-left:auto}.mobile-nav-index{color:var(--accent);font:10px var(--font-mono);letter-spacing:0}.mobile-nav-item--active,.mobile-nav-item:hover{color:var(--accent)}.mobile-nav-bottom{flex-direction:column;align-items:flex-start;gap:17px;margin-top:auto;padding-top:36px;display:flex}.mobile-nav-download{width:100%;font-size:13px}.mobile-nav-email{color:#c4dbe5;overflow-wrap:anywhere;align-items:center;gap:9px;font-size:12px;display:flex}.mobile-nav-location{font:10px var(--font-mono);color:#7796a8;align-items:center;gap:7px;display:flex}}@media (max-width:680px){.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hero-actions .button{gap:7px;width:100%;padding-inline:10px}.hero-actions .button--primary{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.mobile-nav-backdrop,.mobile-nav-panel{transition:none!important}}.case-content section p+p{margin-top:1.1rem}.code-window--profiles{min-width:0}.profile-tabs{background:#081c29;border-bottom:1px solid #213b4b;align-items:stretch;gap:5px;padding:10px 13px 0;display:flex}.profile-tab{color:#a0bccc;min-width:0;font:500 10px var(--font-mono);text-align:center;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px 6px 0 0;padding:11px 13px;transition:color .2s,background .2s,border-color .2s}.profile-tab:hover{color:#e1f3f5;background:#102d3b}.profile-tab--active,.profile-tab[aria-selected=true]{color:#5de2d7;background:#0e2b38;border-color:#2b5261 #2b5261 #0e2b38}.profile-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.profile-code-panel{min-width:0}.code-lines--profile{min-width:0;height:260px;padding:22px 16px 21px;font-size:clamp(9px,.81vw,11px);line-height:2.25;overflow:auto hidden}.profile-code-line{min-width:max-content;animation:.42s steps(18,end) both profile-line-reveal;display:flex}.profile-code-line .line-no{text-align:right;flex:none;width:24px;margin-right:10px}.profile-code-text{white-space:pre}.profile-code-mobile{display:none}.profile-page-count{color:#94bbcc;margin-left:auto;font-size:10px}.architecture-flow--profiles{gap:9px;padding-block:13px}.profile-stack-group{display:contents}.profile-stack-item{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.stack-icon--profile{font:500 9px var(--font-mono);flex:0 0 31px}.stack-icon--profile-1{color:#73e1d5;background:#103a40}.stack-icon--profile-2{color:#95bdf3;background:#23304a}.stack-icon--profile-3{color:#dac1f4;background:#342940}.architecture-flow--profiles small{overflow-wrap:anywhere;white-space:normal;line-height:1.5}@keyframes profile-line-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.55}to{clip-path:inset(0);opacity:1}}@media (max-width:1100px){.code-lines--profile{font-size:9px}.profile-tab{padding-inline:10px}.profile-stack-item{gap:6px}}@media (max-width:900px){.code-lines--profile{font-size:11px}}@media (max-width:680px){.code-window--profiles .code-tab{padding-inline:11px}.profile-tabs{gap:2px;padding:7px 8px 0}.profile-tab{flex:1 1 0;min-height:44px;padding:11px 4px;font-size:10px}.profile-code-desktop{display:none}.profile-code-mobile{display:block}.code-lines--profile{height:175px;padding:16px 8px;font-size:clamp(9px,2.65vw,11px);line-height:2.4}.profile-code-line .line-no{width:19px;margin-right:8px}.code-window--profiles .code-window-foot{gap:7px}.architecture-flow--profiles{gap:4px;padding:10px 8px}.profile-stack-item{text-align:center;flex-direction:column;gap:5px}.profile-stack-item small{font-size:8px;line-height:1.35}.stack-icon--profile{flex-basis:27px;width:27px;height:27px}.architecture-flow--profiles .flow-connect{min-width:5px}}@media (max-width:360px){.code-lines--profile,.profile-tab{font-size:9px}}@media (prefers-reduced-motion:reduce){.profile-code-line{animation:none!important}.profile-tab{transition:none}}