*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f1eb;color:#142238;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;background:#101b2b;color:#f7f5ef;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;letter-spacing:.14em}.brand-mark{width:38px;height:38px;border:1px solid #b9e77b;border-radius:50%;display:grid;place-items:center;color:#b9e77b;font-size:17px;letter-spacing:-.08em}.brand-sub{display:block;font:9px "DM Mono",monospace;color:#91a0b0;letter-spacing:.18em;margin-top:4px}.topbar nav{display:flex;gap:32px;font-size:11px;color:#c1cbd4}.topbar nav a:hover,.text-link:hover{color:#b9e77b}.right-tools{display:flex;align-items:center;gap:22px}select{background:transparent;color:#f7f5ef;border:1px solid #ffffff45;padding:8px 10px;font:11px "DM Mono";border-radius:3px}select option{color:#142238}.nav-cta{font-size:11px;background:#b9e77b;color:#142238;padding:12px 17px;font-weight:800}.menu-btn{display:none;background:none;border:0;color:white;font-size:22px}.hero{min-height:690px;background:#101b2b;color:#f7f5ef;padding:105px 8% 28px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-copy{max-width:650px;position:relative;z-index:2}.eyebrow,.section-label,.project-type,.timeline-type,.timeline-date,.hero-bottom,.art-caption,.visual-top,.visual-caption{font:10px "DM Mono",monospace;letter-spacing:.13em}.eyebrow{color:#b9e77b;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;background:#b9e77b;border-radius:50%;box-shadow:0 0 0 5px #b9e77b22}.hero-kicker{font-size:18px;color:#a9b5c1;margin:54px 0 0}.hero h1{font-size:clamp(52px,6.3vw,90px);line-height:1.03;letter-spacing:-.075em;margin:10px 0 24px;font-weight:700}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#b9e77b;letter-spacing:-.06em}.hero-intro{max-width:520px;color:#aeb9c4;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin:34px 0 62px}.button{display:inline-flex;gap:26px;align-items:center;padding:16px 20px;font-size:11px;font-weight:800}.button-light{background:#b9e77b;color:#142238}.text-link{font-size:11px;color:#d5dce1}.hero-meta{display:flex;gap:48px}.hero-meta div{display:flex;flex-direction:column;gap:7px}.hero-meta strong{font-size:25px;letter-spacing:-.05em}.hero-meta span{font:9px "DM Mono";letter-spacing:.1em;color:#91a0b0;text-transform:uppercase}.hero-art{height:470px;position:relative;display:grid;place-items:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#000 10%,transparent 72%)}.art-orbit{position:absolute;border:1px solid #b9e77b55;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:390px;height:230px}.orbit-two{width:300px;height:410px;transform:rotate(58deg);border-color:#8fa9c055}.art-core{width:166px;height:166px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#354e63,#15283a 70%);border:1px solid #b9e77b88;box-shadow:0 0 75px #b9e77b19;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.art-core span{font:11px "DM Mono";letter-spacing:.24em;color:#b9e77b}.art-core b{font-size:44px;font-weight:400}.art-core small{font:8px "DM Mono";letter-spacing:.2em;color:#9aabba}.data-node{position:absolute;z-index:3;background:#1c2b3e;border:1px solid #536678;padding:11px 14px;font:9px "DM Mono";letter-spacing:.12em;color:#dbe2e5}.data-node i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b9e77b;margin-right:7px}.node-a{top:78px;left:4%}.node-b{right:0;top:47%}.node-c{bottom:60px;left:14%}.art-caption{position:absolute;bottom:8px;right:0;color:#708397;font-size:8px}.hero-bottom{position:absolute;bottom:23px;left:8%;right:8%;display:flex;justify-content:space-between;color:#77899b;font-size:8px}.section-wrap{padding-left:10%;padding-right:10%}.intro-section,.expertise,.journey,.work,.contact{padding-top:115px;padding-bottom:110px}.section-label{color:#8a978e;margin-bottom:50px}.section-label span{color:#647384}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.intro-grid h2,.section-heading h2,.impact h2,.contact h2{font-size:clamp(40px,4.5vw,62px);line-height:1.1;letter-spacing:-.07em;margin:0;font-weight:700}.intro-grid h2 em,.section-heading h2 em,.contact h2 em{color:#839d59}.lead{font-size:17px;line-height:1.8;color:#273b4c;margin:0 0 18px}.muted{font-size:13px;line-height:1.9;color:#6b7881}.principles{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;font:9px "DM Mono";letter-spacing:.1em;color:#75816c}.expertise{background:#e8e8df}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-heading>p{max-width:330px;color:#6d7a80;font-size:13px;line-height:1.8;margin:0 0 6px}.skill-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-feature{background:#f5f4ee;padding:30px 28px;min-height:320px;position:relative;border:1px solid #dce0d7}.skill-number{font:10px "DM Mono";color:#99a28f}.skill-icon{font-size:30px;color:#82995c;margin:27px 0 16px}.skill-feature h3{font-size:20px;margin:0 0 12px;letter-spacing:-.04em}.skill-feature p,.project-info p{font-size:12px;line-height:1.8;color:#69767e}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{font:9px "DM Mono";padding:7px 9px;background:#e9ede4;color:#56664e;border-radius:2px}.journey{background:#f8f7f2}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:8%}.timeline-type{color:#89977d;display:block;margin-bottom:30px}.timeline-item{display:grid;grid-template-columns:125px 1fr;gap:20px;border-top:1px solid #d8ddd5;padding:25px 0 28px}.timeline-date{font-size:9px;color:#87918c;line-height:1.8}.timeline-item h3{font-size:16px;margin:0 0 5px}.timeline-item h4{font-size:11px;color:#81965d;margin:0 0 13px;font-weight:700}.timeline-item ul{padding-left:16px;margin:0;color:#66747b;font-size:11px;line-height:1.8}.timeline-item p{font-size:11px;line-height:1.8;color:#66747b;margin:0}.timeline-item .tags{margin-top:14px}.work{background:#e8e8df}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-card{background:#f7f6f0;border:1px solid #d9ded5}.project-large{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr}.project-visual{height:235px;position:relative;overflow:hidden;background:#14253a;color:#dfe8e3;padding:18px}.project-large .project-visual{height:100%;min-height:290px}.visual-top{display:flex;justify-content:space-between;color:#8da0a9;font-size:8px;position:relative;z-index:2}.visual-bars{height:130px;display:flex;align-items:end;gap:10px;margin:10px 0 0 30px;position:relative;z-index:1}.visual-bars i{display:block;width:9%;background:linear-gradient(#c5e98b,#5c7c72);height:35%;border-radius:4px 4px 0 0}.visual-bars i:nth-child(2){height:62%}.visual-bars i:nth-child(3){height:48%}.visual-bars i:nth-child(4){height:82%}.visual-bars i:nth-child(5){height:57%}.visual-bars i:nth-child(6){height:95%}.visual-bars i:nth-child(7){height:73%}.visual-flow{position:absolute;bottom:23px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;font:9px "DM Mono";color:#c9d7d2}.visual-flow b{border:1px solid #819b8a;padding:8px;font-weight:400}.visual-flow span{color:#b9e77b}.visual-orb{position:absolute;width:200px;height:200px;border:1px solid #b9e77b55;border-radius:50%;right:8%;top:16%;box-shadow:0 0 50px #b9e77b17}.project-info{padding:28px 30px}.project-type{font-size:8px;color:#8b9b78}.project-info h3{font-size:24px;letter-spacing:-.05em;margin:11px 0}.project-info p{margin:0}.database-stack{position:absolute;left:50%;top:45%;transform:translate(-50%,-40%);width:140px;height:110px;border:1px solid #9bb38d;border-radius:50%;display:grid;place-items:center;color:#b9e77b;font:13px "DM Mono"}.database-stack i{position:absolute;width:140px;height:110px;border:1px solid #9bb38d;border-radius:50%;top:10px}.database-stack i:nth-child(2){top:20px}.database-stack i:nth-child(3){top:30px}.database-stack b{z-index:2}.visual-caption{position:absolute;bottom:17px;left:18px;color:#a4b4aa;font-size:8px}.migration{display:flex;align-items:center;justify-content:center;gap:20px;position:absolute;top:43%;left:0;right:0;font:10px "DM Mono";text-align:center}.migration div{padding:15px 18px;border:1px solid #789081;line-height:1.8}.migration b{color:#b9e77b}.migration>span{font-size:22px;color:#b9e77b}.visual-sentiment{background:#24384a}.sentiment-quote{font:italic 36px Georgia,serif;line-height:1.1;position:absolute;top:65px;left:25px}.sentiment-quote span{color:#b9e77b}.quote-dot{color:#b9e77b}.sentiment-pills{position:absolute;bottom:20px;left:20px;display:flex;gap:7px}.sentiment-pills i{font:8px "DM Mono";font-style:normal;border:1px solid #718596;padding:7px;color:#c4d0cc}.visual-blog{background:#293a43}.browser-mock{position:absolute;top:54px;left:15%;width:70%;height:145px;background:#e8e9dd;color:#213144;padding:12px}.browser-dots{font-size:7px;color:#9bb37e}.browser-lines{display:flex;gap:5px;margin:17px 0}.browser-lines i{height:4px;width:30%;background:#a8b5a4}.browser-mock b{font:19px Georgia,serif;line-height:1.1}.impact{background:#101b2b;color:#f4f3ed;padding:100px 0}.impact-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.impact .section-label{color:#b9e77b}.impact h2 em{color:#b9e77b}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.metrics strong{font-size:clamp(35px,4vw,54px);letter-spacing:-.07em}.metrics strong span{font-size:22px;color:#b9e77b}.metrics p{font-size:10px;line-height:1.7;color:#a7b4bd}.metric-note{grid-column:2;color:#708293;font:9px "DM Mono";margin:0}.contact{background:#f3f1eb}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:start}.contact h2{margin-bottom:25px}.contact-card{background:#e7e9df;padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.contact-card>span{font:9px "DM Mono";letter-spacing:.15em;color:#849078;margin-top:12px}.contact-card>a:not(.button){font-size:14px;font-weight:700}.contact-card p{margin:0;font-size:14px}.button-dark{background:#142238;color:#f5f4ee;margin-top:20px}footer{background:#101b2b;color:#9baab5;padding:27px 6.2%;display:flex;justify-content:space-between;align-items:center;font:9px "DM Mono";letter-spacing:.06em}footer .brand{color:#f4f3ed}footer>a:last-child{color:#b9e77b}
@media(max-width:900px){.topbar nav{gap:15px}.hero{padding-left:6%;padding-right:6%}.hero-art{transform:scale(.85)}.section-wrap{padding-left:7%;padding-right:7%}.timeline{gap:4%}.timeline-item{grid-template-columns:100px 1fr}.impact-inner{grid-template-columns:1fr;gap:45px}.metric-note{grid-column:1}}
@media(max-width:680px){.topbar{height:70px;padding:0 5%}.topbar nav{display:none;position:absolute;top:70px;left:0;right:0;background:#101b2b;padding:22px 7%;flex-direction:column}.topbar nav.open{display:flex}.right-tools{gap:12px}.nav-cta{display:none}.menu-btn{display:block}.hero{display:block;padding:76px 7% 65px;min-height:0}.hero-kicker{margin-top:38px}.hero h1{font-size:clamp(49px,13vw,72px)}.hero-art{height:330px;transform:none;margin:15px -12px 0}.orbit-one{width:290px;height:180px}.orbit-two{width:220px;height:320px}.art-core{width:130px;height:130px}.node-a{top:32px}.node-c{bottom:35px}.hero-bottom{left:7%;right:7%;font-size:7px}.hero-bottom span:nth-child(2){display:none}.hero-meta{gap:25px}.section-wrap{padding-left:7%;padding-right:7%}.intro-section,.expertise,.journey,.work,.contact{padding-top:78px;padding-bottom:78px}.section-label{margin-bottom:35px}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.intro-grid h2,.section-heading h2,.impact h2,.contact h2{font-size:45px}.section-heading{display:block}.section-heading>p{margin-top:20px}.skill-layout{grid-template-columns:1fr}.skill-feature{min-height:0}.timeline{grid-template-columns:1fr;gap:35px}.timeline-item{grid-template-columns:95px 1fr;gap:12px}.project-grid{grid-template-columns:1fr}.project-large{grid-column:auto;display:block}.project-large .project-visual{height:235px;min-height:0}.project-info{padding:23px}.metrics{grid-template-columns:1fr;gap:18px}.metrics>div{display:grid;grid-template-columns:120px 1fr;align-items:center}.metrics p{margin:0}.impact{padding:75px 0}footer{padding:24px 7%;gap:20px;flex-wrap:wrap}footer>span{order:3;width:100%}}