@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Variable.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--terracotta:#E07A5F;--terracotta-dark:#C4624A;--sage:#81B29A;--sage-dark:#6A9B83;--slate:#3D405B;--slate-light:#5C5F7E;--cream:#F4F1DE;--cream-dark:#E8E4CD;--paper:#F6F5F0;--ink:#2D2D2D;--ink-light:#5A5A5A;--white:#FFFFFF;--shadow-soft:rgba(61,64,91,0.08);--shadow-medium:rgba(61,64,91,0.15);--font-display:"Space Grotesk",system-ui,-apple-system,sans-serif;--font-body:"DM Sans",system-ui,-apple-system,sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:10rem;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.2;color:var(--slate)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:600;letter-spacing:-.02em}h2{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--ink-light);max-width:65ch}.text-sage{color:var(--sage)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}.section--hero{min-height:100vh;display:flex;align-items:center;position:relative}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;background:rgba(246,245,240,.5);backdrop-filter:blur(3px) saturate(180%);-webkit-backdrop-filter:blur(3px) saturate(180%);transition:all .4s var(--ease-out)}.header--scrolled{background:rgba(246,245,240,.7);box-shadow:0 1px 0 var(--cream-dark)}.header__inner{display:flex;justify-content:space-between;align-items:center}.logo-link{display:block;user-select:none;-webkit-user-drag:none}.logo-link:hover .logo{transform:scale(1.02)}.logo{height:40px;width:auto;transition:transform .3s var(--ease-out);pointer-events:none;user-select:none}.nav{display:flex;gap:var(--space-lg);align-items:center}.nav__link{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--ink-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color .2s ease,background .2s ease}.nav__link:hover{color:var(--slate);background:rgba(61,64,91,.08)}.nav__link--dropdown{display:flex;align-items:center;cursor:pointer;border:none;background:none}.nav__dropdown{position:relative}.nav__dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--paper);border:1px solid var(--cream-dark);border-radius:8px;padding:4px 0;min-width:200px;z-index:100;margin-top:4px;box-shadow:0 4px 12px rgba(61,64,91,.06)}.nav__dropdown-item{display:block;padding:8px 16px;text-decoration:none;transition:color .15s ease}.nav__dropdown-item:hover .nav__dropdown-title{color:var(--terracotta)}.nav__dropdown-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--slate)}.nav__dropdown-desc{font-size:.75rem;color:var(--ink-light);margin-top:1px}.nav__cta{background:var(--slate);color:var(--cream);padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.85rem;font-weight:500;transition:all .3s var(--ease-out)}.nav__cta:hover{background:var(--sage-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(129,178,154,.3)}.nav__toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-xs)}.nav__toggle span{display:block;width:24px;height:2px;background:var(--slate);margin:6px 0;transition:all .3s var(--ease-out)}.hero{position:relative;overflow:hidden}.hero__content{position:relative;z-index:2;max-width:700px}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--sage);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-md)}.hero__eyebrow:before{content:"";width:40px;height:2px;background:var(--sage)}@keyframes lineGrow{0%{width:0}to{width:40px}}.hero__title{margin-bottom:var(--space-md)}.typewriter{display:inline}.hero__cursor{color:var(--sage);font-weight:300;animation:blink 1s step-end infinite;display:none}.hero__subtitle{font-size:1.25rem;color:var(--ink-light);margin-bottom:var(--space-lg)}.hero__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.hero__decoration{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:50%;max-width:600px}.hero__shapes{position:relative;aspect-ratio:1}.hero__shape{position:absolute;border-radius:var(--radius-lg);transition:transform .6s var(--ease-out)}.hero__shape--it{width:55%;height:55%;background:var(--slate);top:15%;left:10%;animation:float 6s ease-in-out 1.6s infinite}.hero__shape--web{width:50%;height:50%;background:var(--sage);top:5%;left:40%;animation:float 6s ease-in-out 2s infinite}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-display);font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:all .3s var(--ease-out)}.btn--primary{background:var(--slate);color:var(--white)}.btn--primary:hover{background:var(--sage-dark);transform:translateY(-2px);box-shadow:0 10px 30px rgba(129,178,154,.3)}.btn:active{transform:scale(.97);transition-duration:.1s}.btn--secondary{background:transparent;color:var(--slate);border:2px solid var(--slate)}.btn--secondary:hover{background:var(--slate);color:var(--cream);transform:translateY(-2px)}.btn__arrow{transition:transform .3s var(--ease-out)}.btn:hover .btn__arrow{transform:translateX(4px)}.services{background:var(--slate);color:var(--cream);position:relative}.services__header{margin-bottom:var(--space-xl);max-width:600px}.services__header h2{color:var(--cream);margin-bottom:var(--space-sm);font-size:clamp(2rem,4vw,2.75rem)}.services__header h2 span{display:flex;align-items:center;gap:1rem;font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);margin-bottom:var(--space-sm)}.services__header h2 span:before{content:"";width:40px;height:2px;background:var(--sage)}.services__header p{color:rgba(244,241,222,.7);font-size:1.1rem}.services__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);width:100%}.service-row{background:rgba(244,241,222,.03);border:1px solid rgba(244,241,222,.1);border-radius:var(--radius-md);padding:var(--space-md);transition:background .2s ease,border-color .2s ease}.service-row:hover{background:rgba(244,241,222,.06);border-color:rgba(244,241,222,.2)}.service-row__number{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--sage);letter-spacing:.1em;margin-bottom:var(--space-md)}.service-row__title{font-size:1.25rem;margin-bottom:var(--space-sm);color:var(--cream)}.service-row__desc{font-size:.95rem;color:rgba(244,241,222,.75);margin-bottom:var(--space-md);line-height:1.6}.service-row__tags{display:flex;flex-wrap:wrap;gap:6px}.service-row__tags span{font-family:var(--font-display);font-size:.7rem;font-weight:500;color:rgba(244,241,222,.6);padding:4px 8px;border-radius:3px;border:1px solid rgba(244,241,222,.15)}.about{position:relative}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.about__content h2{margin-bottom:var(--space-md);font-size:clamp(1.75rem,3.5vw,2.5rem)}.about__content h2 span{display:flex;align-items:center;gap:1rem;font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);margin-bottom:var(--space-sm)}.about__content h2 span:before{content:"";width:40px;height:2px;background:var(--sage)}.about__content p{margin-bottom:var(--space-md)}.about__stats{display:flex;gap:var(--space-xl);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--cream-dark)}.stat{text-align:left}.stat__number{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--sage);line-height:1}.stat__label{font-size:.85rem;color:var(--ink-light);margin-top:var(--space-xs)}.about__terminal{background:#1e1e2e;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.25);transition:transform .4s var(--ease-out),opacity .3s ease-out}.terminal__header{background:#2d2d3d;padding:12px 16px;display:flex;align-items:center;gap:8px}.terminal__dot{width:12px;height:12px;border-radius:50%}.terminal__dot--red{background:#ff5f57;cursor:pointer}.terminal__dot--yellow{background:#ffbd2e}.terminal__dot--green{background:#28ca42}.terminal__title{margin-left:auto;font-family:var(--font-display);font-size:.75rem;color:rgba(255,255,255,.5)}.terminal__body{padding:var(--space-md);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6}.terminal__line{display:flex;align-items:center;gap:8px;margin-bottom:8px}.terminal__prompt{color:var(--sage);font-weight:600}.terminal__cmd{color:#f8f8f2}.terminal__output{color:rgba(248,248,242,.7);margin:var(--space-sm) 0;padding-left:20px}.terminal__output p{margin:0;color:rgba(248,248,242,.6)}.terminal__output p:first-child,.terminal__output p:nth-child(11),.terminal__output p:nth-child(14),.terminal__output p:nth-child(18),.terminal__output p:nth-child(6){color:var(--sage);font-weight:500;margin-top:8px}.skill-row{display:flex;justify-content:space-between;align-items:center}.skill-dots{display:flex;gap:4px}.skill-dots .dot{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(248,248,242,.5)}.skill-dots .dot.filled{background:var(--sage);border-color:var(--sage)}.terminal__cursor{color:var(--sage);animation:blink 1s step-end infinite}.terminal--closed{transform:scale(.8);opacity:0;pointer-events:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.contact{background:var(--slate);color:var(--cream);position:relative}.contact__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.contact__content h2{color:var(--cream);margin-bottom:var(--space-md);font-size:clamp(1.75rem,3.5vw,2.5rem)}.contact__content h2 span{display:flex;align-items:center;gap:1rem;font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);margin-bottom:var(--space-sm)}.contact__content h2 span:before{content:"";width:40px;height:2px;background:var(--sage)}.contact__content p{color:rgba(244,241,222,.8);margin-bottom:var(--space-lg)}.contact__info{display:flex;flex-direction:column;gap:var(--space-md)}.contact__item{display:flex;align-items:center;gap:var(--space-sm)}.contact__item-icon{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(244,241,222,.1);display:flex;align-items:center;justify-content:center;color:var(--sage)}.contact__item-text{font-size:.95rem}.contact__item-label{font-size:.8rem;color:rgba(244,241,222,.6);display:block;margin-bottom:2px}.contact__form{background:rgba(244,241,222,.05);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid rgba(244,241,222,.1)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-family:var(--font-display);font-size:.85rem;font-weight:500;margin-bottom:var(--space-xs);color:var(--cream)}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm);border:1px solid rgba(244,241,222,.2);border-radius:var(--radius-md);background:rgba(244,241,222,.05);color:var(--cream);font-family:var(--font-body);font-size:.95rem;transition:all .3s var(--ease-out)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--sage);background:rgba(244,241,222,.1)}.form-group textarea{min-height:120px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(244,241,222,.4)}.contact__form .btn--primary{width:100%;justify-content:center}.footer{background:var(--ink);color:rgba(244,241,222,.6);padding:var(--space-lg) 0}.footer__inner{display:flex;justify-content:space-between;align-items:center}.footer__logo{height:32px;opacity:.8}.footer__text{font-size:.85rem}.footer__links{display:flex;gap:var(--space-md)}.footer__link{font-size:.85rem;transition:color .3s var(--ease-out)}.footer__link:hover{color:var(--cream)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.hero__decoration{display:none}.about__grid{grid-template-columns:1fr;gap:var(--space-xl)}.about__visual{order:1}.contact__inner{grid-template-columns:1fr;gap:var(--space-xl)}}@media (max-width:768px){.services__list{grid-template-columns:1fr}.nav{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg);z-index:1001;display:none}.nav.active{display:flex}.nav__link{font-size:1.5rem;color:var(--slate);padding:var(--space-sm) var(--space-md);background:none}.nav__dropdown-menu{position:static;transform:none;box-shadow:none;border:none;background:transparent;display:block;min-width:auto;padding:0}.nav__dropdown{display:flex;flex-direction:column;align-items:center}.nav__link--dropdown{display:none}.nav__dropdown-item{justify-content:center}.nav__dropdown-desc{display:none}.nav__cta{font-size:1.2rem;padding:14px 28px}.nav__toggle{display:block;z-index:1002;position:relative}.nav__toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.nav__toggle.active span:nth-child(2){opacity:0}.nav__toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hero__actions{flex-direction:column}.btn{width:100%;justify-content:center}.about__stats{flex-wrap:wrap;gap:var(--space-lg)}.footer__inner{flex-direction:column;gap:var(--space-md);text-align:center}.footer__links{flex-wrap:wrap;justify-content:center}}@media (max-width:600px){.section{padding:var(--space-xl) 0}.container{padding:0 var(--space-md)}}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:8px 36px 8px 12px;border:1px solid var(--cream-dark,#e8e4d8);border-radius:var(--radius-md,8px);font-family:var(--font-body,sans-serif);font-size:.95rem;color:var(--slate,#3D405B);background-color:var(--white,#fff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233D405B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;outline:none;transition:border-color .2s,box-shadow .2s}select:focus,select:hover{border-color:var(--sage,#81B29A)}select:focus{box-shadow:0 0 0 3px rgba(129,178,154,.15)}select option{padding:8px;font-family:var(--font-body,sans-serif);color:var(--slate,#3D405B);background:var(--white,#fff)}select{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233D405B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;padding-right:28px!important;cursor:pointer}select:disabled{opacity:.5;cursor:not-allowed}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bot-message-content a{color:var(--terracotta);text-decoration:underline;word-break:break-all}.bot-message-content strong{font-weight:600}.bot-message-content ul{list-style:none;margin:8px 0;padding:0}.bot-message-content li{padding-left:20px;margin-bottom:6px;position:relative;line-height:1.5}.bot-message-content li:before{content:"•";position:absolute;left:4px;color:var(--sage);font-weight:700}