/* WHOAMI — landing page design. Kept separate from case-study styles. */
:root{--bg:#081a1b;--ink:#e8f5ec;--muted:#a7c7b9;--mint:#92eac4;--line:#2d5549}
html{scroll-behavior:smooth}
body.home{background:#081a1b;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}
.home *{box-sizing:border-box}
.home .wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.home .site-header{background:#091a19e9;backdrop-filter:blur(16px);border-bottom:1px solid #25493c}
.home .header-inner{min-height:78px;gap:20px}
.home .brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.045em;color:#e7f7ed}
.home .brand img{height:41px;width:41px;object-fit:cover;border-radius:50%;border:1px solid #77d8ae}
.home .brand span{font-weight:800}
.home .nav{gap:20px}
.home .nav a{font-size:13px;color:#b5d2c2;font-weight:640}
.home .nav a:hover{color:#a4f3c5}
.home .nav .lang{padding:5px 9px}
.home .nav .contact-link{color:#93ebbf}
.home h1,.home h2,.home h3{letter-spacing:-.045em}
.home .eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#82d9ae}
.home section{scroll-margin-top:90px}
.hero-new{padding:80px 0 110px;background:radial-gradient(circle at 76% 43%,#1e66424f,transparent 38%),linear-gradient(120deg,#071719,#102723);position:relative}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px}
.availability{display:inline-flex;align-items:center;gap:10px;background:#1a49311c;color:#a8f5ca;border:1px solid #427c5e;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700}
.dot{width:8px;height:8px;display:inline-block;background:#92eac4;border-radius:50%;box-shadow:0 0 11px #7bf4b6}
.hero-new .kicker{font-size:11px;letter-spacing:.15em;color:#83bba0;margin:30px 0 15px;font-weight:700}
.hero-new h1{font-size:clamp(56px,6.5vw,92px);line-height:1.02;margin:0 0 25px}
.hero-new h1 span{display:block}
.hero-new h1 em{font-style:normal;color:var(--mint)}
.hero-new .lede{max-width:640px;color:#c7dccc;font-size:18px;line-height:1.75}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.home .button.primary{background:var(--mint);border-color:var(--mint);color:#0d2921}
.home .button{border-radius:11px;padding:12px 18px;text-decoration:none;font-weight:750;font-size:14px}
.home .button.secondary{background:#153b2f;color:#b9ebd2;border:1px solid #548771}
.logo-scene{max-width:475px;width:100%;aspect-ratio:1/1.06;display:grid;place-items:center;position:relative;margin:auto}
.logo-scene:before,.logo-scene:after{content:"";position:absolute;inset:5%;border-radius:50%;border:1px solid #5fa88969}
.logo-scene:after{inset:10%;border-style:dashed;opacity:.55;transform:rotate(30deg)}
.logo-scene>img{width:84%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid #83dba94a;box-shadow:0 25px 100px #1b8c545c}
.terminal{position:absolute;bottom:-26px;right:-18px;width:min(360px,95%);background:#091c1bec;border:1px solid #508775;border-radius:15px;overflow:hidden;box-shadow:0 30px 80px #0009;transform:rotate(-3deg);font:12px/1.7 Consolas,ui-monospace,monospace}
.terminal-head{background:#13352c;padding:8px 14px;color:#91bfa9;border-bottom:1px solid #40634d}
.terminal-head:before{content:"● ● ●";font-size:9px;color:#8bd7aa;margin-right:15px}
.terminal-main{padding:14px 17px;color:#cbebd7}
.terminal-main b{color:#91edbc;font-weight:550}
.terminal-main small{display:block;color:#84a997;margin-top:9px;font-size:10px}
.numbers{background:#102d26;border-block:1px solid #325e4a}
.numbers-inner{display:grid;grid-template-columns:repeat(3,1fr);min-height:116px;align-items:center}
.numbers-inner>div{padding:12px 22px;border-right:1px solid #3a6952}
.numbers-inner>div:first-child{padding-left:0}
.numbers-inner>div:last-child{border:0}
.numbers strong{display:block;font-size:29px;color:#c2f6d6;line-height:1.2}
.numbers span{font-size:12px;color:#a9c8b5}
.section-new{padding:95px 0}
.section-new .sect-head{margin-bottom:32px}
.section-new h2{font-size:clamp(32px,4.2vw,53px);line-height:1.15;margin:12px 0}
.section-new .sect-head>p{color:#bad0c1;max-width:700px}
.solve-section{background:#0d2020}
.solve-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:16px}
.solve-options{display:grid;gap:10px}
.solve-button{width:100%;text-align:left;border:1px solid #315449;border-radius:12px;padding:19px 22px;background:#142c29;color:#d0e9d9;font-size:16px;font-weight:690;cursor:pointer;display:flex;justify-content:space-between;gap:12px}
.solve-button::after{content:"↗";color:#7fbe9d}
.solve-button[aria-pressed=true]{background:#20503b;border-color:#9de6bb;box-shadow:inset 4px 0 #9de6bb}
.solve-button:hover{border-color:#86ccab}
.solve-result{background:radial-gradient(circle at 92% 15%,#30674b,#16382f 58%,#102d2b);border:1px solid #3d7155;border-radius:18px;min-height:340px;padding:34px;display:flex;flex-direction:column}
.solve-result small{color:#91cfaf;letter-spacing:.14em;font:11px ui-monospace,monospace}
.solve-result h3{font-size:clamp(26px,3vw,39px);margin:29px 0 10px;line-height:1.17}
.solve-result p{color:#cee1d3;line-height:1.65}
.solve-result .solution-links{margin-top:auto;border-top:1px solid #528068;padding-top:16px;display:flex;flex-wrap:wrap;gap:10px}
.solve-result .solution-links a{color:#e8f9ed;background:#21503b;border:1px solid #619777;padding:7px 11px;border-radius:8px;text-decoration:none;font-size:13px}
.projects-new{background:#09191a}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.project-tile{border:1px solid #31584b;border-radius:19px;background:#122b27;overflow:hidden;transition:transform .2s,border .2s}
.project-tile:hover{transform:translateY(-4px);border-color:#70ba92}
.project-photo{height:216px;display:block;position:relative;overflow:hidden;background:#1c3d31}
.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.project-photo:hover img{transform:scale(1.035)}
.project-photo .counter{position:absolute;top:15px;left:15px;padding:3px 9px;background:#10261fe0;border:1px solid #6aaf8d;border-radius:6px;color:#d6f2e2;font:11px ui-monospace,monospace}
.project-copy{padding:24px 26px 28px}
.project-copy small{display:block;color:#95deba;letter-spacing:.1em;font-size:11px;font-weight:750;text-transform:uppercase}
.project-copy h3{font-size:24px;margin:9px 0;line-height:1.3}
.project-copy p{color:#b7d0bf;font-size:14px;min-height:47px}
.project-copy>a{display:flex;justify-content:space-between;color:#b5f5ce;border-top:1px solid #3e6852;padding-top:15px;text-decoration:none;font-weight:700;font-size:13px;margin-top:17px}
.lab-new{background:#123228;border-block:1px solid #2b6850}
.lab-layout{display:grid;grid-template-columns:1fr .75fr;gap:65px;align-items:center}
.lab-layout h2{font-size:clamp(44px,5vw,68px)}
.lab-layout p{color:#bed7c4;max-width:690px}
.lab-glow{min-height:285px;border:1px solid #51896b;border-radius:24px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50%,#285f48,#102a2b)}
.lab-glow div{width:180px;height:180px;border:1px solid #80cda0;border-radius:28px;transform:rotate(37deg)}
.lab-glow div::after{content:"";display:block;width:140px;height:140px;border:1px solid #80cda073;border-radius:18px;margin:19px;transform:rotate(-17deg)}
.lab-glow small{position:absolute;top:20px;left:24px;color:#b6edd0;font-size:11px;letter-spacing:.13em}
.career-new{background:#0a1c1c}
.career-item{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:24px 0;border-top:1px solid #315747}
.career-item time{color:#9bd3ac;font:13px ui-monospace,monospace}
.career-item h3{margin:0;font-size:21px}
.career-item p{margin:8px 0 0;color:#b1c9b9;font-size:14px;max-width:820px}
.career-new .footnote{font-size:13px;color:#95b3a2}
.method-new{background:#102823;border-top:1px solid #274738}
.method-new>div>p{max-width:850px;color:#bbd1c4;font-size:16px}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:35px}
.steps div{min-height:95px;padding:15px;border-radius:12px;background:#193b2f;border:1px solid #3f795a;display:flex;flex-direction:column;justify-content:space-between}
.steps span{color:#91dca9;font:12px ui-monospace,monospace}
.steps strong{font-size:13px}
.contact-new{background:linear-gradient(120deg,#153e2f,#091c1d)}
.contact-new p{max-width:650px;color:#b9d5c3}
.contact-new .button{display:inline-block;margin-top:12px}
.home .site-footer{background:#081919;padding:27px 0 38px}
.home .site-footer p{font-size:12px;color:#8dae98}
@media(max-width:900px){.hero-grid,.lab-layout,.solve-grid{grid-template-columns:1fr}.logo-scene{max-width:425px;margin:24px auto 0}.hero-new{padding:58px 0 90px}.solve-options{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.home .wrap{width:calc(100% - 32px)}.home .header-inner{min-height:60px;padding:10px 0;flex-direction:row;flex-wrap:wrap;gap:8px}.home .brand img{height:34px;width:34px}.home .nav{width:100%;justify-content:space-between;gap:8px}.home .nav a{font-size:11px}.home .nav a[href="#experience"]{display:none}.hero-new{padding:50px 0 85px}.hero-new h1{font-size:clamp(52px,15vw,75px)}.hero-new .lede{font-size:16px}.hero-new .kicker{margin-top:27px}.logo-scene{max-width:345px}.terminal{right:-4px;bottom:-26px;font-size:11px}.numbers-inner{min-height:98px}.numbers-inner>div{padding:8px}.numbers strong{font-size:22px}.numbers span{font-size:10px}.section-new{padding:67px 0}.section-new h2{font-size:36px}.solve-options{grid-template-columns:1fr}.solve-button{padding:14px 17px}.solve-result{min-height:335px;padding:24px}.projects-grid{grid-template-columns:1fr}.project-photo{height:185px}.lab-glow{min-height:250px}.career-item{grid-template-columns:1fr;gap:6px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-tile,.project-photo img{transition:none}}