@import "https://fonts.googleapis.com/css2?family=Geist+Mono:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap";:root{--color-background:#0a0b0d;--color-text:#8d96a3;--color-card:#12141c;--color-card-dark:#07080b;--color-stroke:#1f242e;--color-teal:#00e5ff;--color-teal-light:#00e5ff10;--color-text-green:#00e676;--color-grey:#1f242e;--color-white:#fff;--color-green:#27c93f;--color-red:#ff5f56;--color-yellow:#ffbd2e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:10px}body{background:var(--color-background);color:var(--color-text);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-family:Geist Mono,monospace;font-size:1.6rem}img,svg{max-width:100%;display:block}section[id]{scroll-margin-top:9rem}.container{width:100%;max-width:124.8rem;margin:0 auto;padding:0 2.4rem}.font-outfit{font-family:Outfit,sans-serif}.section-head{margin-bottom:4.8rem}.section-label{color:var(--color-teal);letter-spacing:.1em;align-items:center;gap:1.2rem;font-size:1.2rem;font-weight:500;display:flex}.section-label .label-line{background-color:var(--color-teal);width:2.4rem;height:1px;display:inline-block}.section-head h2{color:var(--color-white);letter-spacing:-.01em;margin-top:1.6rem;font-size:3.6rem;font-weight:700}.section-head p{max-width:68rem;margin-top:1.2rem;font-size:1.5rem;line-height:1.6}.chips{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.chip{background-color:var(--color-card-dark);border:1px solid var(--color-stroke);border-radius:.4rem;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:1.1rem;display:flex}.chip p{white-space:nowrap}.blue-dot{background-color:var(--color-teal);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;display:inline-block}.hero{padding:10rem 0}.hero-row{align-items:center;gap:4.8rem;display:flex}.hero-row .left{width:55%}.hero-row .right{width:45%;min-width:0}.chip-highlight{background:var(--color-teal-light);border:1px solid var(--color-teal);color:var(--color-teal);border-radius:5rem;align-items:center;gap:.6rem;width:max-content;max-width:100%;padding:.4rem 1.2rem;font-size:1.2rem;font-weight:600;display:flex}.chip-highlight span{background-color:var(--color-teal);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;display:inline-block}.hero h1{color:var(--color-white);letter-spacing:-.02em;margin-top:1.6rem;font-size:5.6rem;font-weight:800;line-height:1.12}.hero-desc{margin-top:1.6rem;font-size:1.6rem;line-height:1.6}.hero-desc span{color:var(--color-white);font-weight:700}.hero-cta{flex-wrap:wrap;align-items:center;gap:1.2rem 2.4rem;margin-top:3.2rem;display:flex}.hero-cta a{color:var(--color-text);align-items:center;gap:.8rem;font-size:1.3rem;text-decoration:none;transition:color .3s;display:flex}.hero-cta a svg{color:var(--color-teal);flex-shrink:0;width:1.6rem;height:1.6rem}.hero-cta a:hover{color:var(--color-white)}.json{background-color:var(--color-card);border:1px solid var(--color-stroke);border-radius:.8rem;overflow:hidden}.json-header{background-color:var(--color-card-dark);border-bottom:1px solid var(--color-stroke);align-items:center;padding:1.2rem 1.6rem;display:flex;position:relative}.json-header-window{align-items:center;gap:.7rem;display:flex}.json-header-window span{border-radius:50%;width:1rem;height:1rem;display:inline-block}.json-header-window .red{background-color:var(--color-red)}.json-header-window .yellow{background-color:var(--color-yellow)}.json-header-window .green{background-color:var(--color-green)}.json-header p{color:var(--color-text);font-size:1.2rem;position:absolute;left:50%;transform:translate(-50%)}.json-content{padding:2rem 1.6rem;overflow-x:auto}.json-content pre{white-space:pre;font-family:inherit;font-size:1.15rem;line-height:2}.json-content .brace{color:var(--color-text)}.json-content .key{color:var(--color-teal)}.json-content .punc{color:var(--color-text)}.json-content .str{color:var(--color-text-green)}.json-content .str-alt{color:var(--color-yellow)}.stats{padding-bottom:10rem}.card-stats{grid-template-columns:repeat(4,1fr);gap:2.4rem;display:grid}.stat-card{background-color:var(--color-card);border:1px solid var(--color-stroke);border-radius:.8rem;padding:2.4rem;transition:border-color .3s}.stat-card:hover{border-color:#2c3442}.stat-card h2{color:var(--color-teal);letter-spacing:-.02em;font-size:3.2rem;font-weight:700}.stat-card h6{color:var(--color-white);letter-spacing:.06em;text-transform:uppercase;margin-top:1.2rem;font-size:1.2rem;font-weight:500}.stat-card p{margin-top:.8rem;font-size:1.2rem;line-height:1.6}.deep-dives{padding:8rem 0}.card-container{grid-template-columns:repeat(2,1fr);gap:2.4rem;display:grid}.deep-dive-card{background-color:var(--color-card);border:1px solid var(--color-stroke);border-radius:.8rem;flex-direction:column;padding:2.8rem;transition:border-color .3s;display:flex}.deep-dive-card:hover{border-color:#2c3442}.deep-dive-card .card-label{color:var(--color-teal);letter-spacing:.1em;font-size:1.1rem;font-weight:500}.deep-dive-card h3{color:var(--color-white);margin-top:1.2rem;font-size:2.2rem;font-weight:700;line-height:1.3}.deep-dive-card>p{margin-top:1.2rem;font-size:1.4rem;line-height:1.65}.impact{background-color:var(--color-teal-light);border:1px solid #00e5ff2b;border-radius:.6rem;align-items:flex-start;gap:1rem;margin-top:2rem;padding:1.2rem 1.4rem;display:flex}.impact svg{color:var(--color-teal);flex-shrink:0;width:1.6rem;height:1.6rem;margin-top:.1rem}.impact p{color:#b9c2cf;font-size:1.2rem;line-height:1.5}.deep-dive-card .chips{margin-top:2rem;padding-top:.4rem}.experience{padding:8rem 0}.timeline{position:relative}.timeline:before{background-color:var(--color-stroke);content:"";width:1px;position:absolute;top:2rem;bottom:2rem;left:2rem}.experience-card{align-items:flex-start;gap:2.4rem;display:flex;position:relative}.experience-card+.experience-card{margin-top:4rem}.experience-marker{background-color:var(--color-card);border:1px solid var(--color-stroke);color:var(--color-text);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;position:relative}.experience-marker svg{width:1.8rem;height:1.8rem}.experience-card.current .experience-marker{background-color:var(--color-teal-light);border-color:var(--color-teal);color:var(--color-teal);box-shadow:0 0 0 .4rem #00e5ff0f}.experience-body{flex:1;min-width:0;padding-top:.2rem}.experience-card-header{justify-content:space-between;align-items:flex-start;gap:1.6rem;display:flex}.experience-card-header h4{color:var(--color-white);font-size:1.8rem;font-weight:600}.experience-meta{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.6rem;font-size:1.2rem;display:flex}.experience-meta .company{color:var(--color-teal)}.grey-dot{background-color:var(--color-stroke);border-radius:50%;width:.4rem;height:.4rem;display:inline-block}.experience-card-highlight,.experience-card-highlight-past{letter-spacing:.04em;white-space:nowrap;border-radius:.4rem;flex-shrink:0;padding:.5rem 1rem;font-size:1.1rem}.experience-card-highlight{background-color:var(--color-teal-light);border:1px solid var(--color-teal);color:var(--color-teal)}.experience-card-highlight-past{background-color:var(--color-card);border:1px solid var(--color-stroke);color:var(--color-text)}.experience-body ul{flex-direction:column;gap:1rem;margin-top:1.6rem;list-style:none;display:flex}.experience-body ul li{padding-left:2rem;font-size:1.3rem;line-height:1.6;position:relative}.experience-body ul li:before{color:var(--color-teal);content:"»";position:absolute;top:0;left:0}.capabilities{padding:8rem 0}.capability-grid{grid-template-columns:repeat(2,1fr);gap:2.4rem;display:grid}.capability-card{background-color:var(--color-card);border:1px solid var(--color-stroke);border-radius:.8rem;padding:2.4rem;transition:border-color .3s}.capability-card:hover{border-color:#2c3442}.capability-card.full{grid-column:1/-1}.capability-card h5{color:var(--color-teal);letter-spacing:.1em;margin-bottom:1.8rem;font-size:1.2rem;font-weight:500}.capability-card h5 span{color:var(--color-stroke);margin-right:.4rem}.ethos{padding:8rem 0 10rem}.ethos-row{align-items:stretch;gap:6.4rem;display:flex}.ethos-left{width:55%}.ethos-right{width:45%;display:flex}.ethos-left h2{color:var(--color-white);letter-spacing:-.01em;margin-top:1.6rem;font-size:3.6rem;font-weight:700}.ethos-left>p{margin-top:1.6rem;font-size:1.5rem;line-height:1.7}.ethos-list{flex-direction:column;gap:1.4rem;margin-top:2.4rem;list-style:none;display:flex}.ethos-list li{align-items:flex-start;gap:1.2rem;display:flex}.ethos-list li .blue-dot{margin-top:.8rem}.ethos-list li p{font-size:1.4rem;line-height:1.6}.ethos-badge{background-color:var(--color-card-dark);border:1px solid var(--color-stroke);text-align:center;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;padding:4rem 3.2rem;display:flex}.ethos-badge h3{color:#232a36;letter-spacing:.02em;font-size:4.8rem;font-weight:700}.ethos-badge p{color:var(--color-text);max-width:32rem;font-size:1.2rem;line-height:1.6}.contact{border-top:1px solid var(--color-stroke);background-color:#0b0e14;padding:8rem 0}.contact-row{justify-content:space-between;align-items:flex-start;gap:4.8rem;display:flex}.contact-left{max-width:56rem}.contact-left h2{color:var(--color-white);letter-spacing:-.01em;font-size:3.6rem;font-weight:700;line-height:1.2}.contact-left p{margin-top:1.6rem;font-size:1.5rem;line-height:1.7}.contact-right{text-align:right;flex-shrink:0}.contact-right h6{color:var(--color-teal);letter-spacing:.1em;font-size:1.1rem;font-weight:500}.contact-phone{color:var(--color-white);letter-spacing:-.01em;margin-top:1.2rem;font-size:2.8rem;font-weight:700;text-decoration:none;transition:color .3s;display:block}.contact-phone:hover{color:var(--color-teal)}.contact-mail{color:var(--color-teal);margin-top:.8rem;font-size:1.3rem;text-decoration:none;display:block}.contact-mail:hover{text-decoration:underline}.contact-meta{border-top:1px solid var(--color-stroke);justify-content:space-between;align-items:flex-start;gap:4.8rem;margin-top:6.4rem;padding-top:3.2rem;display:flex}.contact-meta h6{color:var(--color-text);letter-spacing:.1em;font-size:1.1rem;font-weight:500}.education h4{color:var(--color-white);margin-top:1.2rem;font-size:1.7rem;font-weight:600}.education p{margin-top:.6rem;font-size:1.2rem}.index{text-align:right}.index-links{align-items:center;gap:2rem;margin-top:1.2rem;display:flex}.index-links a{color:var(--color-text);font-size:1.2rem;text-decoration:none;transition:color .3s}.index-links a:hover{color:var(--color-teal)}footer{border-top:1px solid var(--color-stroke);background-color:#0b0e14}footer .container{justify-content:space-between;align-items:center;gap:1.6rem;padding:2.4rem;display:flex}footer p{letter-spacing:.04em;font-size:1.1rem}@media (width<=1024px){.hero{padding:7rem 0}.hero h1{font-size:4.4rem}.hero-row{flex-direction:column;align-items:stretch;gap:4rem}.hero-row .left,.hero-row .right{width:100%}.card-stats{grid-template-columns:repeat(2,1fr)}.card-container,.capability-grid{grid-template-columns:1fr}.ethos-row{flex-direction:column;gap:4rem}.ethos-left,.ethos-right{width:100%}}@media (width<=860px){.contact-row,.contact-meta{flex-direction:column;gap:3.2rem}.contact-right,.index{text-align:left}.contact-meta{margin-top:4.8rem}}@media (width<=640px){.container{padding:0 1.6rem}.hero{padding:5.6rem 0}.hero h1{font-size:3.4rem}.hero-desc{font-size:1.5rem}.hero-cta{flex-direction:column;align-items:flex-start;gap:1.2rem}.chip-highlight{font-size:1.1rem}.json-content{padding:1.6rem 1.2rem}.json-content pre{font-size:1.05rem;line-height:1.9}.stats{padding-bottom:5.6rem}.card-stats{grid-template-columns:1fr;gap:1.6rem}.stat-card{padding:2rem}.deep-dives,.experience,.capabilities{padding:5.6rem 0}.ethos{padding:5.6rem 0 6.4rem}.section-head{margin-bottom:3.2rem}.section-head h2,.ethos-left h2,.contact-left h2{font-size:2.8rem}.deep-dive-card,.capability-card{padding:2rem}.deep-dive-card h3{font-size:1.9rem}.timeline:before{left:1.6rem}.experience-card{gap:1.6rem}.experience-marker{width:3.2rem;height:3.2rem}.experience-marker svg{width:1.5rem;height:1.5rem}.experience-card-header{flex-direction:column;gap:1.2rem}.experience-card-header h4{font-size:1.6rem}.ethos-badge{padding:3.2rem 2rem}.ethos-badge h3{font-size:3.6rem}.contact{padding:5.6rem 0}.contact-phone{font-size:2.4rem}footer .container{flex-direction:column;align-items:flex-start;gap:.8rem;padding:2.4rem 1.6rem}footer p{font-size:1rem}}header{-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);border-bottom:1px solid var(--color-stroke);z-index:50;background-color:#0a0b0dd9;position:sticky;top:0}header .container{justify-content:space-between;align-items:center;padding:3rem 2.4rem;display:flex}.sp7tech{align-items:center;gap:1.2rem;display:flex}.sp7tech h2{color:var(--color-white);font-size:1.6rem}.sp7tech h2 span{color:var(--color-text)}.sp7tech .green-dot{background-color:var(--color-text-green);border-radius:50%;width:1rem;height:1rem;display:inline-block}header nav ul{align-items:center;gap:3.2rem;font-size:1.3rem;list-style:none;display:flex}header nav ul li a{color:var(--color-text);text-decoration:none;transition:all .3s}header nav ul li a:hover,header nav ul li a.active{color:var(--color-white)}.header-ctas{align-items:center;gap:1.2rem;font-size:1.2rem;display:flex}.sde-4{border:1px solid var(--color-stroke);border-radius:.4rem;align-items:center;gap:.6rem;padding:.4rem 1rem;display:flex}.green-dot-small{background-color:var(--color-text-green);border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.header-ctas button{background-color:var(--color-teal);color:var(--color-background);cursor:pointer;border:none;border-radius:.4rem;padding:.6rem 1.2rem;font-family:inherit;font-size:1.2rem;font-weight:700;transition:opacity .3s}.header-ctas button:hover{opacity:.85}@media (width<=860px){header{position:static}section[id]{scroll-margin-top:2rem}header .container{flex-wrap:wrap;row-gap:1.6rem;padding:2rem 2.4rem}.sp7tech{order:1}.header-ctas{order:2}header nav{border-top:1px solid var(--color-stroke);scrollbar-width:none;order:3;width:100%;padding-top:1.6rem;overflow-x:auto}header nav::-webkit-scrollbar{display:none}header nav ul{gap:2.4rem;width:max-content}.header-ctas button{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}}@media (width<=640px){header .container{padding:2rem 1.6rem}.sde-4{display:none}.header-ctas button{max-width:55vw}}
