:root{--color-background: #f8f9ff;--color-surface: #f8f9ff;--color-surface-container-low: #eff4ff;--color-surface-container: #e5eeff;--color-surface-container-high: #dce9ff;--color-surface-container-lowest: #ffffff;--color-on-surface: #0b1c30;--color-on-surface-variant: #464554;--color-primary: #4648d4;--color-on-primary: #ffffff;--color-primary-container: #6063ee;--color-secondary: #00687a;--color-on-secondary: #ffffff;--color-secondary-container: #57dffe;--color-tertiary: #b10e6b;--color-on-tertiary: #ffffff;--color-tertiary-container: #d23284;--color-tertiary-fixed: #ffd9e4;--color-outline: #767586;--color-outline-variant: #c7c4d7;--font-base: "Inter", system-ui, -apple-system, sans-serif;--font-mono: monospace;--max-width: 1280px;--nav-height: 56px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--color-background);color:var(--color-on-surface);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}a{text-decoration:none;color:inherit;transition:all .2s ease}section{position:relative;overflow:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:50;background:#f8f9ffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(70,72,212,.05)}.nav-container{max-width:var(--max-width);margin:0 auto;height:100%;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:1.25rem;font-weight:700;letter-spacing:-.05em;color:var(--color-on-surface)}.nav-links{display:none;gap:2rem;align-items:center;font-size:.875rem;font-weight:500}@media (min-width: 768px){.nav-links{display:flex}}.nav-link{color:var(--color-on-surface-variant);position:relative}.nav-link:hover{color:var(--color-on-surface)}.nav-link.active{color:var(--color-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--color-primary)}.btn-sm-primary{background-color:var(--color-primary);color:var(--color-on-primary);padding:.5rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s,background-color .2s}.btn-sm-primary:hover{background-color:var(--color-primary-container);transform:scale(.98)}.hero-section{padding-top:calc(var(--nav-height) + 4rem);padding-bottom:4rem;min-height:870px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 768px){.hero-grid{grid-template-columns:8fr 4fr}}.badge{display:inline-flex;background-color:var(--color-surface-container-high);color:var(--color-primary);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem}.hero-h1{font-size:clamp(3.75rem,8vw,6rem);font-weight:900;line-height:.9;letter-spacing:-.05em;color:var(--color-on-surface);margin-bottom:1.5rem}.hero-accent{color:var(--color-primary)}.hero-subtext{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;color:var(--color-on-surface-variant);max-width:42rem;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-large{padding:1rem 2rem;border-radius:.75rem;font-weight:700;font-size:1.125rem;border:none;cursor:pointer;transition:filter .2s}.btn-primary-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-container) 100%);color:var(--color-on-primary);box-shadow:0 10px 15px -3px #4648d433}.btn-primary-gradient:hover{filter:brightness(1.1)}.btn-outline{background-color:var(--color-surface-container-lowest);border:1px solid rgba(199,196,215,.5);color:var(--color-on-surface)}.btn-outline:hover{background-color:var(--color-surface-container-low)}.hero-image-wrapper{position:relative;display:none}@media (min-width: 768px){.hero-image-wrapper{display:block}}.hero-glow{position:absolute;top:-2.5rem;left:-2.5rem;right:-2.5rem;bottom:-2.5rem;background-color:#4648d40d;border-radius:50%;filter:blur(3rem)}.hero-image-container{position:relative;background-color:var(--color-surface-container-low);border-radius:1.5rem;overflow:hidden;aspect-ratio:4/5;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.4)}.hero-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .7s}.hero-image-container:hover .hero-image{filter:grayscale(0%)}.expertise-section{padding:6rem 0;background-color:var(--color-surface-container-low)}.section-header{margin-bottom:4rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;letter-spacing:-.05em;color:var(--color-on-surface);margin-bottom:1.5rem}.section-desc{color:var(--color-on-surface-variant);font-size:1.125rem;line-height:1.6;max-width:36rem}.section-line{display:none;height:2px;background-color:#c7c4d74d;flex-grow:1;margin:0 3rem 1rem}@media (min-width: 768px){.section-line{display:block}}.expertise-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.expertise-grid{grid-template-columns:1fr 1fr}}.card{background-color:var(--color-surface-container-lowest);padding:2.5rem;border-radius:.75rem;transition:all .3s;border:1px solid transparent}.card:hover{transform:translateY(-.5rem);box-shadow:0 24px 48px -12px #4648d40f;border-color:#4648d40d}.card-icon{width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;transition:all .3s}.card-icon .material-symbols-outlined{font-size:1.875rem}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.card-desc{color:var(--color-on-surface-variant);margin-bottom:2rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.25rem .75rem;background-color:var(--color-surface-container);border-radius:9999px;font-size:.75rem;font-weight:700;color:var(--color-on-surface-variant);transition:all .3s}.card-frontend .card-icon{background-color:#57dffe33;color:var(--color-secondary)}.card-frontend:hover .card-icon{background-color:var(--color-secondary);color:var(--color-on-secondary)}.card-frontend:hover .tag{background-color:#00687a1a;color:var(--color-secondary)}.card-backend .card-icon{background-color:#ffd9e466;color:var(--color-tertiary)}.card-backend:hover .card-icon{background-color:var(--color-tertiary);color:var(--color-on-tertiary)}.card-backend:hover .tag{background-color:#b10e6b1a;color:var(--color-tertiary)}.projects-section{padding:6rem 0}.projects-subtitle{font-family:var(--font-mono);font-size:.875rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.projects-grid{grid-template-columns:7fr 5fr}}.project-card{position:relative;overflow:hidden;border-radius:.75rem;background-color:var(--color-surface-container-low);aspect-ratio:16/10;cursor:pointer}.project-card.tall{aspect-ratio:4/5}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover .project-img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(11,28,48,.9),rgba(11,28,48,.2) 60%,transparent);opacity:0;transition:opacity .5s;display:flex;flex-direction:column;justify-content:flex-end;padding:2.5rem}.project-card:hover .project-overlay{opacity:1}.project-title{color:#fff;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.project-desc{color:#fffc;margin-bottom:1.5rem;max-width:28rem}.project-link{display:flex;align-items:center;color:#fff;font-weight:700}.project-link .material-symbols-outlined{margin-left:.5rem;transition:transform .2s}.project-card:hover .project-link .material-symbols-outlined{transform:translate(.25rem)}.ethos-section{padding:8rem 0;background-color:var(--color-on-surface);color:var(--color-surface)}.ethos-glow{position:absolute;top:0;right:0;width:33%;height:100%;background-color:#4648d40d;filter:blur(120px);border-radius:50%;transform:translate(50%)}.ethos-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media (min-width: 768px){.ethos-grid{grid-template-columns:1fr 1fr}}.ethos-h2{font-size:clamp(3rem,5vw,4.5rem);font-weight:900;line-height:1;letter-spacing:-.05em;margin-bottom:3rem}.ethos-h2 span{color:var(--color-primary-container)}.ethos-text{color:#f8f9ffb3;font-size:1.125rem;line-height:1.6;max-width:32rem;display:flex;flex-direction:column;gap:2rem}.ethos-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ethos-box{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between}.ethos-box.offset{transform:translateY(2rem)}.ethos-box-num{font-family:var(--font-mono);font-size:1.25rem;color:var(--color-primary-container)}.ethos-box-title{font-weight:700;font-size:1.25rem}.journey-section{padding:6rem 0}.journey-header{text-align:center;margin-bottom:5rem}.journey-header h2{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;margin-bottom:1rem}.journey-header p{color:var(--color-on-surface-variant);font-weight:500}.timeline{position:relative}.timeline-thread{position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--color-surface-container-high)}@media (min-width: 768px){.timeline-thread{left:50%;transform:translate(-50%)}}.timeline-events{display:flex;flex-direction:column;gap:5rem}.event{position:relative;display:flex;flex-direction:column}@media (min-width: 768px){.event{flex-direction:row;align-items:center}.event.reverse{flex-direction:row-reverse}}.event-content{padding-left:2rem;margin-bottom:1rem}.event-aside{padding-left:2rem}@media (min-width: 768px){.event-content{width:50%;padding-left:0;padding-right:4rem;text-align:right;margin-bottom:0}.event-aside{width:50%;padding-left:4rem}.event.reverse .event-content{padding-right:0;padding-left:4rem;text-align:left}.event.reverse .event-aside{padding-left:0;padding-right:4rem;text-align:right}}.event-date{color:var(--color-primary);font-weight:700;font-family:var(--font-mono);font-size:.875rem;letter-spacing:.1em}.event-title{font-size:1.5rem;font-weight:700;margin-top:.5rem}.event-desc{color:var(--color-on-surface-variant);margin-top:.5rem}.event-badge{display:inline-block;background-color:var(--color-surface-container-high);color:var(--color-on-surface);font-weight:700;font-size:.875rem;padding:.25rem .75rem;border-radius:9999px}.event-dot{position:absolute;left:-5px;top:5px;width:12px;height:12px;border-radius:50%;z-index:10;box-shadow:0 0 0 8px var(--color-surface)}@media (min-width: 768px){.event-dot{top:auto;left:50%;transform:translate(-50%)}}.cta-section{padding:6rem 0}.cta-card{background-color:var(--color-primary);border-radius:1.5rem;padding:3rem;text-align:center;color:var(--color-on-primary);position:relative;overflow:hidden}@media (min-width: 768px){.cta-card{padding:6rem}}.cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1200);background-size:cover;opacity:.1;transition:transform 1s}.cta-card:hover .cta-bg{transform:scale(1.1)}.cta-content{position:relative;z-index:10}.cta-h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.05em;margin-bottom:2rem;line-height:1.1}.btn-white{background-color:#fff;color:var(--color-primary);padding:1.25rem 2.5rem;border-radius:.75rem;font-weight:700;font-size:1.25rem;border:none;cursor:pointer;transition:all .2s;box-shadow:0 20px 25px -5px #0b1c3033}.btn-white:hover{background-color:var(--color-surface-container)}.footer{padding:4rem 0;background-color:var(--color-surface-container-low);border-top:1px solid rgba(199,196,215,.15);text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.footer-link{color:var(--color-on-surface-variant);font-family:var(--font-base);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.footer-link:hover{color:var(--color-primary);text-decoration:underline;text-decoration-color:#4648d44d;text-underline-offset:4px}.footer-text{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#46455499}.pd-grid-bg{background-image:linear-gradient(to right,rgba(70,72,212,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(70,72,212,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 75% 65% at 50% 0%,#000 30%,transparent 100%)}.pd-glow{background:radial-gradient(circle at center,rgba(70,72,212,.45) 0%,rgba(96,99,238,.18) 42%,transparent 72%);filter:blur(48px)}.pd-glow-dark{background:radial-gradient(circle at center,rgba(96,99,238,.55) 0%,rgba(87,223,254,.12) 45%,transparent 75%);filter:blur(70px)}@keyframes pd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pd-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pd-lightbox{animation:pd-fade-in .25s ease both}.pd-lightbox-img{animation:pd-zoom-in .3s cubic-bezier(.16,1,.3,1) both}