@font-face{font-family:Super Jello;src:url(/Super%20Jello.ttf)format("truetype"),url(/Super%20Jello.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg-dark:#0c0e12;--bg-dark-surface:#13161c;--bg-dark-card:#161a22;--bg-light:#eceae5;--bg-light-subtle:#f4f2ee;--brand-blue:#011640;--accent-blue:#4d8eeb;--accent-blue-light:#7aa9df;--accent-blue-deep:#011640;--accent-blue-muted:#01164066;--accent-olive:#4d8eeb;--accent-olive-light:#7aa9df;--accent-olive-muted:#01164066;--text-white:#fff;--text-muted:#ffffffb8;--text-faint:#ffffff73;--text-dark:#12151a;--text-dark-muted:#525862;--text-dark-faint:#7a818e;--border-dark:#ffffff1f;--border-dark-hover:#ffffff40;--border-light:#0000001a;--font-heading:"Super Jello", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-script:"Caveat", cursive;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1);--shadow-card:0 15px 35px #0006;--shadow-card-hover:0 25px 50px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#07090e;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;opacity:.42;pointer-events:none;will-change:transform;background:radial-gradient(at 50% 15%,#01164066 0%,#0000 75%),url(/site-bg.jpg) 50%/cover no-repeat;width:100%;height:100%;position:fixed;top:0;left:0;transform:translateZ(0)}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}section[id]{scroll-margin-top:85px}h1,h2,h3,h4,h5,h6,.section-heading,.hero-heading,.problem-heading,.process-heading,.about-heading,.cta-banner-heading,.step-title,.service-card-title,.project-card-title,.project-modal-title,.project-modal-section h4,.checklist-title,.brand-logo,.footer-logo,.btn-pill span{text-wrap:balance}p,li,.hero-description,.services-intro-text,.service-card-desc,.problem-desc,.project-card-summary,.step-desc,.about-bio-text,.script-quote,.handwritten-quote,.checklist-items li span,.project-modal-desc,.project-modal-highlights li{text-wrap:pretty}.section-tag{font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;margin-bottom:12px;font-size:.75rem;font-weight:700;display:inline-block}.section-tag.tag-dark{color:var(--text-dark-faint)}.section-tag.tag-center{text-align:center;display:block}.section-heading{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;color:var(--text-white);font-size:clamp(2rem,3.8vw,3.2rem);font-weight:700;line-height:1.15}.highlight-olive,.highlight-blue{color:var(--accent-blue-light);background:linear-gradient(135deg,#9ec5f5 0%,#4d8eeb 55%,#256bc4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-pill{font-family:var(--font-body);letter-spacing:.3px;border:1px solid var(--border-dark);color:var(--text-white);transition:var(--transition-smooth);cursor:pointer;background:#ffffff08;border-radius:50px;justify-content:center;align-items:center;gap:12px;padding:13px 26px;font-size:.92rem;font-weight:600;display:inline-flex}.btn-pill:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-2px)}.btn-pill .btn-arrow{flex-shrink:0;font-size:1.1rem;line-height:1;transition:transform .25s}.btn-pill:hover .btn-arrow{transform:translate(4px)}.btn-hero{border-color:#ffffff59;padding:14px 28px;font-size:.95rem}.btn-cta{background:var(--text-white);color:var(--text-dark);border-color:var(--text-white);padding:14px 34px;font-weight:700}.btn-cta:hover{color:var(--text-dark);background:#e5e5e5;border-color:#e5e5e5;box-shadow:0 10px 25px #fff3}.main-header{z-index:1000;-webkit-backdrop-filter:blur(14px);background:#0c0e12cc;border-bottom:1px solid #ffffff0d;width:100%;transition:background .3s;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;max-width:1360px;margin:0 auto;padding:18px 5%;display:flex}.brand-logo{font-family:var(--font-heading);letter-spacing:3px;color:var(--text-white);font-size:1.15rem;font-weight:700}.header-nav{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-muted);letter-spacing:.5px;padding:4px 0;font-size:.88rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--accent-blue);width:0%;height:1.5px;transition:width .25s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--text-white)}.nav-link:hover:after{width:100%}.header-socials{align-items:center;gap:16px;display:flex}.social-icon-link{color:var(--text-muted);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.social-icon-link:hover{color:var(--text-white);transform:scale(1.1)}.mobile-menu-toggle{flex-direction:column;gap:5px;padding:6px;display:none}.mobile-menu-toggle span{background:var(--text-white);width:22px;height:2px;transition:var(--transition-smooth);display:block}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:120px 5% 60px;display:flex;position:relative;overflow:hidden}.hero-container{grid-template-columns:1.3fr .85fr;align-items:center;gap:40px;width:100%;max-width:1360px;margin:0 auto;display:grid;position:relative}.hero-content{z-index:2;flex-direction:column;align-items:flex-start;display:flex}.hero-heading{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;color:var(--text-white);margin-bottom:22px;font-size:clamp(2rem,3.5vw,3.8rem);font-weight:700;line-height:1.15}.hero-line-nowrap{display:inline-block}@media (width>=600px){.hero-line-nowrap{white-space:nowrap}}.hero-description{color:var(--text-muted);max-width:520px;margin-bottom:35px;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.65}.hero-action{margin-bottom:45px}.hero-scroll-hint{letter-spacing:2px;text-transform:uppercase;color:var(--text-faint);transition:var(--transition-smooth);align-items:center;gap:8px;font-size:.72rem;font-weight:600;display:inline-flex}.hero-scroll-hint:hover{color:var(--text-white);transform:translateY(2px)}.hero-scroll-hint .arrow-down{font-size:.9rem;animation:2s ease-in-out infinite bounceDown}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero-visual{justify-content:flex-end;align-items:center;display:flex;position:relative}.hero-image-wrapper{border-radius:16px;width:100%;max-width:450px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0009}.hero-laptop-img{object-fit:cover;width:100%;height:auto;display:block;transform:scale(1.01)}.hero-image-overlay{pointer-events:none;background:radial-gradient(circle at 80% 20%,#0000 40%,#0c0e1266 100%);position:absolute;inset:0}.hero-vertical-tags{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;color:#ffffff47;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:24px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:50%;right:-45px;transform:translateY(-50%)}.services-section{background-color:#0000;padding:120px 5% 100px;position:relative}.services-container{max-width:1360px;margin:0 auto}.services-header-block{flex-direction:column;align-items:flex-start;margin-bottom:60px;display:flex}.services-intro-text{color:var(--text-muted);max-width:580px;margin-top:16px;font-size:1.05rem;line-height:1.7}.services-content-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.services-cards-col{flex-direction:column;gap:28px;display:flex}.service-feature-card{background:var(--bg-dark-surface);border:1px solid var(--border-dark);transition:var(--transition-smooth);border-radius:16px;align-items:flex-start;gap:24px;padding:32px 36px;display:flex}.service-feature-card:hover{background:#171a21;border-color:#4d8eeb66;transform:translateY(-3px);box-shadow:0 15px 35px #01164073}.service-icon{color:var(--accent-blue);flex-shrink:0;margin-top:2px}.service-card-info{flex-direction:column;gap:8px;display:flex}.service-card-title{font-family:var(--font-heading);color:var(--text-white);font-size:1.3rem;font-weight:700}.service-card-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.services-phone-col{justify-content:center;align-items:center;display:flex}.phone-mockup-container{border:1px solid #ffffff14;border-radius:36px;width:100%;max-width:380px;transition:transform .4s;overflow:hidden;box-shadow:0 25px 60px #000000b3}.phone-mockup-container:hover{transform:translateY(-6px)scale(1.01)}.phone-mockup-img{width:100%;height:auto;display:block}.problem-section{background-color:#0000;padding:80px 5%;position:relative;overflow:hidden}.problem-outer-container{max-width:1360px;margin:0 auto}.problem-banner-card{background:0 0;grid-template-columns:1fr 280px;align-items:center;display:grid;position:relative}.problem-light-content{background-color:var(--bg-light);color:var(--text-dark);clip-path:polygon(0 0,calc(100% - 50px) 0,100% 100%,0 100%);border-radius:18px 0 0 18px;grid-template-columns:1.25fr 1fr;gap:40px;padding:60px 70px 60px 60px;display:grid;position:relative;box-shadow:0 20px 40px #0006}.problem-left-col{flex-direction:column;justify-content:center;display:flex}.problem-heading{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;color:var(--text-dark);margin-bottom:16px;font-size:clamp(1.6rem,2.3vw,2.2rem);font-weight:700;line-height:1.2}.problem-desc{color:var(--text-dark-muted);font-size:.98rem;line-height:1.65}.problem-checklist-col{background:#ffffff8c;border:1px solid #0000000f;border-radius:12px;flex-direction:column;justify-content:center;padding:30px;display:flex}.checklist-title{font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dark-faint);margin-bottom:20px;font-size:.8rem;font-weight:700}.checklist-items{flex-direction:column;gap:12px;list-style:none;display:flex}.checklist-items li{color:var(--text-dark);align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex}.checklist-items .cross{color:#8c2424;flex-shrink:0;font-size:1rem;font-weight:800}.problem-dark-callout{justify-content:center;align-items:center;padding-left:20px;display:flex}.handwritten-annotation{flex-direction:column;align-items:flex-start;max-width:260px;display:flex;position:relative;transform:rotate(-3deg)}.handwritten-arrow{margin-bottom:2px;margin-left:10px;transform:scaleX(-1)rotate(10deg)}.script-quote{font-family:var(--font-script);color:#ffffffeb;letter-spacing:.3px;font-size:1.65rem;line-height:1.25}.projects-section{background-color:#0000;padding:120px 5% 100px}.projects-container{max-width:1360px;margin:0 auto}.projects-header-block{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:60px;display:flex}.projects-intro-subtitle{color:var(--text-muted);max-width:520px;margin-top:14px;font-size:1.05rem}.projects-showcase-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.project-showcase-card{background:var(--bg-dark-surface);border:1px solid var(--border-dark);transition:var(--transition-smooth);cursor:pointer;border-radius:14px;outline:none;flex-direction:column;display:flex;overflow:hidden}.project-showcase-card:hover,.project-showcase-card:focus-visible{border-color:#4d8eeb80;transform:translateY(-6px);box-shadow:0 25px 50px #01164099}.project-card-thumb{aspect-ratio:16/10;background:#020916;width:100%;position:relative;overflow:hidden}.project-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-showcase-card:hover .project-card-thumb img{transform:scale(1.05)}.project-card-badge-overlay{opacity:0;background:#0c0e1273;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card-badge-overlay span{color:var(--text-dark);background:#fffffff2;border-radius:20px;padding:8px 16px;font-size:.78rem;font-weight:700;transition:transform .3s;transform:translateY(8px);box-shadow:0 4px 15px #0000004d}.project-showcase-card:hover .project-card-badge-overlay{opacity:1}.project-showcase-card:hover .project-card-badge-overlay span{transform:translateY(0)}.project-card-details{flex-direction:column;flex-grow:1;padding:22px 20px 24px;display:flex}.project-cat-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-blue-light);white-space:nowrap;margin-bottom:8px;font-size:.72rem;font-weight:700}.project-card-title{font-family:var(--font-heading);color:var(--text-white);margin-bottom:8px;font-size:1.22rem;font-weight:700}.project-card-summary{color:var(--text-muted);font-size:.88rem;line-height:1.55}.process-section{background-color:var(--bg-light);color:var(--text-dark);padding:100px 5%}.process-container{max-width:1360px;margin:0 auto}.process-header{margin-bottom:60px}.process-heading{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;color:var(--text-dark);font-size:clamp(2rem,3.2vw,2.8rem);font-weight:700;line-height:1.2}.process-steps-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.process-step-item{flex-direction:column;flex:1;max-width:250px;display:flex}.step-num{font-family:var(--font-heading);color:var(--text-dark);margin-bottom:12px;font-size:1.8rem;font-weight:700;display:block}.step-title{font-family:var(--font-heading);color:var(--text-dark);margin-bottom:8px;font-size:1.22rem;font-weight:700}.step-desc{color:var(--text-dark-muted);font-size:.92rem;line-height:1.55}.step-connector{color:var(--text-dark-faint);flex-shrink:0;justify-content:center;align-items:center;padding-top:36px;display:flex}.about-section{background-color:#0000;padding:120px 5% 100px}.about-container{grid-template-columns:.8fr 1.2fr 1fr;align-items:center;gap:50px;max-width:1360px;margin:0 auto;display:grid}.about-photo-card{box-shadow:var(--shadow-card);border:1px solid var(--border-dark);border-radius:18px;max-width:320px;margin:0 auto;overflow:hidden}.about-portrait-img{object-fit:cover;width:100%;height:auto;display:block}.about-col-bio{flex-direction:column;align-items:flex-start;display:flex}.about-heading{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;color:var(--text-white);margin-bottom:20px;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:700;line-height:1.2}.about-bio-text{color:var(--text-muted);margin-bottom:35px;font-size:1.05rem;line-height:1.7}.about-col-skills{background:var(--bg-dark-surface);border:1px solid var(--border-dark);border-radius:18px;flex-direction:column;gap:30px;padding:35px 30px;display:flex}.skills-list{flex-direction:column;gap:16px;list-style:none;display:flex}.skills-list li{color:var(--text-white);align-items:center;gap:14px;font-size:.95rem;font-weight:600;display:flex}.skill-icon{color:var(--accent-blue);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.skills-handwritten-badge{border-top:1px solid var(--border-dark);flex-direction:column;align-items:flex-start;padding-top:15px;display:flex}.badge-text{font-family:var(--font-script);color:#ffffffe6;letter-spacing:.5px;white-space:nowrap;font-size:1.45rem;font-weight:700}.badge-brush-line{margin-top:-2px}.cta-footer-section{background-color:#0000;padding:80px 5% 40px}.cta-banner-wrapper{max-width:1360px;margin:0 auto 60px}.cta-banner-card{text-align:center;background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:70px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080}.cta-banner-heading{font-family:var(--font-heading);text-transform:uppercase;color:var(--text-white);max-width:750px;margin-bottom:35px;font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:700;line-height:1.25}.footer-bar{max-width:1360px;margin:0 auto}.footer-container{justify-content:space-between;align-items:center;gap:30px;padding:20px 0;display:flex}.footer-logo{font-family:var(--font-heading);letter-spacing:3px;color:var(--text-white);font-size:1.15rem;font-weight:700}.footer-divider-line{background:#ffffff1a;flex-grow:1;height:1px}.footer-socials{align-items:center;gap:16px;display:flex}.project-modal{z-index:9999;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:20px;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.project-modal.is-active{opacity:1;pointer-events:auto}.project-modal-backdrop{-webkit-backdrop-filter:blur(14px);background:#06080be0;position:absolute;inset:0}.project-modal-dialog{z-index:2;width:100%;max-width:960px;max-height:88vh;color:var(--text-white);background:#0f1218 radial-gradient(at 50% 0,#011640bf 0%,#0f1218fa 100%);border:1px solid #7aa9df40;border-radius:20px;padding:40px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:translateY(25px)scale(.96);box-shadow:0 30px 80px #000000b3}.project-modal.is-active .project-modal-dialog{transform:translateY(0)scale(1)}.project-modal-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex;position:absolute;top:20px;right:20px}.project-modal-close:hover{background:#fff3;transform:rotate(90deg)}.project-modal-header{margin-bottom:25px;padding-right:40px}.project-modal-category{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-blue-light);margin-bottom:8px;font-size:.8rem;font-weight:700;display:inline-block}.project-modal-title{font-family:var(--font-heading);color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.25}.project-modal-preview{background:#020b1e;border:1px solid #ffffff26;border-radius:14px;margin-bottom:30px;overflow:hidden;box-shadow:0 15px 35px #00000080}.browser-mockup-header{background:#11151f;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.browser-mockup-dots{align-items:center;gap:6px;display:flex}.browser-mockup-dots span{border-radius:50%;width:11px;height:11px;display:inline-block}.browser-mockup-dots span:first-child{background:#ff5f56}.browser-mockup-dots span:nth-child(2){background:#ffbd2e}.browser-mockup-dots span:nth-child(3){background:#27c93f}.browser-mockup-url{color:#a0aec0;text-overflow:ellipsis;white-space:nowrap;background:#0006;border:1px solid #ffffff14;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:450px;padding:5px 12px;font-family:monospace;font-size:.8rem;display:flex;overflow:hidden}.browser-mockup-actions{align-items:center;gap:8px;display:flex}.browser-mockup-btn{color:var(--text-white);transition:var(--transition-smooth);background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.browser-mockup-btn:hover{color:#fff;background:#fff3}.browser-mockup-body{background:#020916;width:100%;height:520px;position:relative;overflow:hidden}.browser-mockup-scaler{transform-origin:0 0;pointer-events:auto;width:1280px;height:820px;position:absolute;top:0;left:0}.browser-mockup-scaler iframe{background:#020916;border:none;width:1280px;height:820px;display:block}.project-modal-gallery{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:30px;display:grid}.project-modal-image-item{background:#0d1016;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-modal-image-item img{object-fit:contain;background:#020916;width:100%;height:240px;transition:transform .4s;display:block}.project-modal-caption{color:var(--text-muted);background:#0f1218f2;border-top:1px solid #ffffff14;padding:8px 12px;font-size:.78rem;display:block}.project-modal-body{flex-direction:column;gap:25px;display:flex}.project-modal-section h4{font-family:var(--font-heading);color:var(--accent-blue-light);margin-bottom:10px;font-size:1.15rem;font-weight:700}.project-modal-desc{color:#ffffffd9;font-size:1rem;line-height:1.7}.project-modal-highlights{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.project-modal-highlights li{color:#ffffffe6;padding-left:24px;font-size:.95rem;line-height:1.5;position:relative}.project-modal-highlights li:before{content:"✦";color:var(--accent-blue-light);font-size:.9rem;position:absolute;left:0}.project-modal-tags{flex-wrap:wrap;gap:8px;display:flex}.project-modal-tag{color:#b5d2f2;background:#0116408c;border:1px solid #7aa9df59;border-radius:20px;padding:5px 14px;font-size:.8rem;font-weight:600}@media (width<=1200px){.projects-showcase-grid{grid-template-columns:repeat(2,1fr);gap:24px}.hero-vertical-tags{display:none}}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content{align-items:center}.hero-visual{justify-content:center}.services-header-block{margin-bottom:40px}.services-content-grid{grid-template-columns:1fr;gap:40px}.services-phone-col{order:-1}.problem-banner-card{grid-template-columns:1fr;gap:30px}.problem-light-content{clip-path:none;border-radius:18px;grid-template-columns:1fr;padding:40px 30px}.problem-dark-callout{justify-content:flex-start;padding-left:10px}.process-steps-row{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.step-connector{display:none}.about-container{text-align:center;grid-template-columns:1fr;gap:40px}.about-col-bio{align-items:center}.about-col-skills{text-align:left}}@media (width<=768px){.header-nav{border-bottom:1px solid var(--border-dark);background:#0c0e12fa;flex-direction:column;gap:20px;width:100%;padding:24px;display:none;position:absolute;top:100%;left:0}.header-nav.is-open,.mobile-menu-toggle{display:flex}.projects-showcase-grid{grid-template-columns:1fr}.process-steps-row{grid-template-columns:1fr;gap:28px}.cta-banner-card{padding:50px 24px}.footer-container{flex-direction:column;gap:16px}.footer-divider-line{width:100%}.project-modal-gallery{grid-template-columns:1fr}.project-modal-dialog{padding:30px 20px}}