:root{--font-heading:"Oswald", sans-serif;--font-body:"Inter", sans-serif;--color-primary:#000;--color-accent:#b665ff;--color-text:#000;--color-bg:#fff;--bg-color:#f8f9fa;--card-bg:#fff;--border-radius:8px;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:120px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-primary);margin:0;line-height:1}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.navbar-tech{z-index:1000;background-color:#0000;border-bottom:1px solid #0000;width:100%;padding:2rem 4rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;top:0;left:0}.navbar-tech.scrolled{-webkit-backdrop-filter:blur(10px);background-color:#171142f2;border-bottom:1px solid #b665ff33;padding:1rem 4rem;box-shadow:0 10px 30px #0003}.navbar-tech-inner{justify-content:space-between;align-items:center;max-width:1150px;margin:0 auto;display:flex}.nav-logo-tech{font-family:var(--font-heading);letter-spacing:1px;color:#111;align-items:center;font-size:1.5rem;font-weight:800;text-decoration:none;transition:color .3s;display:flex}.navbar-tech.scrolled .nav-logo-tech{color:#fff}.tech-blink{color:var(--color-accent);margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.nav-links-tech{align-items:center;gap:3rem;display:flex}.nav-link-tech{font-family:var(--font-body);color:#0009;letter-spacing:1.5px;text-transform:uppercase;gap:.4rem;padding:.5rem 0;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.navbar-tech.scrolled .nav-link-tech{color:#fff9}.nav-link-tech span{color:var(--color-accent);font-weight:700}.nav-link-tech:hover{color:#000}.navbar-tech.scrolled .nav-link-tech:hover{color:#fff}.nav-link-tech:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link-tech:hover:after{width:100%}.btn-tech{font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;color:#fff;border:1px solid var(--color-accent);background-color:var(--color-accent);border-radius:50px;padding:.8rem 2.2rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 5px 15px #b665ff33}.navbar-tech.scrolled .btn-tech{color:#fff;border-color:var(--color-accent)}.btn-tech:hover{color:#fff;background-color:#f97316;border-color:#f97316;transform:translateY(-2px);box-shadow:0 5px 20px #f9731666}.navbar-tech.scrolled .btn-tech:hover{background-color:#f97316;border-color:#f97316}@media (width<=1100px){.nav-links-tech{display:none}.navbar-tech{padding:1.5rem 2rem}.navbar-tech.scrolled{padding:1rem 2rem}}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:5rem;padding-bottom:2rem;display:flex}.hero-container{flex-direction:column;align-items:center;display:flex}.text-block{flex-direction:column;gap:.5rem;width:max-content;max-width:100vw;display:flex}.line-1,.line-2{justify-content:space-between;align-items:flex-end;display:flex}.line-3{display:flex}.m-0{margin:0;padding:0}.text-huge{letter-spacing:-2px;white-space:nowrap;font-size:min(7.2rem,8vw);line-height:.9}.text-jumbo{letter-spacing:-1px;text-align:justify;text-align-last:justify;white-space:nowrap;width:100%;font-size:6.8rem;line-height:.9}.outline-text{-webkit-text-stroke:3px #000;color:#0000}.text-purple{color:var(--color-accent);font-family:var(--font-heading);text-transform:uppercase}.text-orange{color:#f97316;font-family:var(--font-heading);text-transform:uppercase}.subtitle-group{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.method-text,.based-text{letter-spacing:0;font-size:1.4rem;line-height:.9}.d-flag-container{display:inline-block;position:relative}.swiss-flag{vertical-align:text-bottom;margin-left:2rem;font-size:1.6rem;display:inline-block}.circles-container{justify-content:center;align-items:center;width:100%;height:200px;margin-top:2rem;display:flex;position:relative}.circle{border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:absolute}.circle-purple{background-color:var(--color-accent);color:#fff;font-family:var(--font-heading);letter-spacing:1px;z-index:2;cursor:pointer;font-size:1.4rem;transition:background-color .3s,transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,filter .3s;animation:2s infinite pulseGlow;transform:translate(40%)}.circle-purple:hover{z-index:3;background-color:#f97316;animation:none;transform:translate(40%)scale(1.1);box-shadow:0 15px 35px #f9731699}@keyframes pulseGlow{0%{box-shadow:0 0 #b665ffb3}70%{box-shadow:0 0 0 20px #b665ff00}to{box-shadow:0 0 #b665ff00}}.circle-image{z-index:1;background-color:#eee;overflow:hidden;transform:translate(-40%)}.circle-image img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.row-1{text-align:center;flex-direction:column;align-items:center;padding-right:0}.row-2{text-align:center;flex-direction:column-reverse;align-items:center}.align-bottom,.align-top{text-align:center;margin:10px 0;padding:0}.circles-container{flex-direction:column;height:350px}.circle{margin:-20px 0;position:relative;transform:none}.circle-purple:hover{transform:scale(1.1)}}.about-dark-section{color:#fff;font-family:var(--font-body);background-color:#171142;padding:8rem 0;position:relative;overflow:hidden}.about-watermark{font-size:40vw;font-family:var(--font-heading);color:#0000;-webkit-text-stroke:4px #ffffff0d;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:800;line-height:.8;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.about-container{z-index:1;justify-content:space-between;align-items:center;gap:4rem;display:flex;position:relative}.about-left{text-align:left;flex:1;max-width:500px}.about-intro-label,.about-main-title,.about-quote{margin-left:0}.about-intro-label{color:#a084e8;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;font-size:.9rem;font-weight:600}.about-main-title{font-family:var(--font-heading);flex-direction:column;margin-bottom:2rem;font-size:6rem;line-height:.9;display:flex}.title-purple{color:var(--color-accent)}.about-quote{font-size:1.8rem;font-weight:600;line-height:1.1;font-family:var(--font-heading);text-transform:uppercase;color:#fff;margin-bottom:2rem}.text-purple{color:var(--color-accent)}.about-divider-left{background-color:var(--color-accent);width:60px;height:3px}.about-right-card{background-color:#ffffff0d;border-radius:12px;flex:1;padding:3.5rem;box-shadow:0 20px 40px #0000004d}.about-description{font-family:var(--font-body);color:#d1d5db;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.card-divider{background-color:#ffffff1a;height:1px;margin-bottom:2.5rem}.card-two-cols{gap:2rem;margin-bottom:3rem;display:flex}.card-col{flex:1}.col-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:1.2rem}.purple-title{color:var(--color-accent)}.orange-title{color:#f97316}.col-text{font-family:var(--font-body);color:#9ca3af;font-size:.9rem;line-height:1.6}@media (width<=992px){.about-container{flex-direction:column}.about-left{max-width:100%}}@media (width<=576px){.about-right-card{padding:2rem}.card-two-cols{flex-direction:column}.about-main-title{font-size:4rem}}.skills-light-section{color:#000;background-color:#f8f9fa;padding:8rem 0;overflow:hidden}.skills-main-title{font-family:var(--font-heading);text-align:center;margin-bottom:4rem;font-size:6rem;line-height:.9}.skills-main-title .title-black{color:#111}.skills-main-title .title-purple{color:var(--color-accent)}.skills-brutalist-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;display:grid}.brutalist-card{cursor:pointer;background-color:#fff;border:1px solid #0000000d;border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:250px;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000008}.brutalist-card:hover{background-color:var(--color-accent);border-color:#0000;transform:translateY(-8px);box-shadow:0 20px 40px #b665ff4d}.card-watermark{font-family:var(--font-heading);color:#f3f4f6;z-index:0;-webkit-user-select:none;user-select:none;font-size:10rem;font-weight:800;line-height:1;transition:all .5s;position:absolute;top:-5%;right:-5%}.brutalist-card:hover .card-watermark{color:#ffffff1a;transform:scale(1.05)translate(-2%,2%)}.card-content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.card-number{font-family:var(--font-body);color:var(--color-accent);letter-spacing:2px;margin-bottom:1rem;font-size:1rem;font-weight:600;transition:color .4s}.brutalist-card:hover .card-number{color:#ffffffe6}.card-skill-name{font-family:var(--font-heading);color:#111;text-transform:uppercase;margin-top:auto;margin-bottom:0;font-size:2.2rem;line-height:1.1;transition:color .4s}.brutalist-card:hover .card-skill-name{color:#fff}.card-arrow{color:#111;opacity:0;align-self:flex-end;margin-top:1rem;font-size:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translate(-15px)}.brutalist-card:hover .card-arrow{color:#fff;opacity:1;transform:translate(0)}@media (width<=768px){.skills-main-title{text-align:left;font-size:4rem}.brutalist-card{min-height:200px}}.section-divider{background:0 0;width:100%;margin:0;padding:0;line-height:0;overflow:hidden;transform:rotate(180deg)}.section-divider svg{width:calc(150% + 1.3px);height:120px;display:block}.section-divider path{fill:var(--color-accent)}.projects{background-color:#fff;padding:1rem 0 4rem}.projects .section-title{text-align:center;color:var(--color-text);margin-bottom:3rem}.projects-grid{grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}.project-card{background:var(--card-bg);border-radius:var(--border-radius);transition:var(--transition);border:1px solid #00000014;padding:2rem;box-shadow:0 4px 6px #0000000d}.project-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.project-title{color:var(--color-text);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600;display:flex}.project-description{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.6}.project-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:1rem;margin-bottom:0;font-size:.9rem;display:flex}.project-meta span{background:#0033a00d;border-radius:12px;padding:.3rem .8rem;font-weight:500}.project-results{margin-bottom:1.5rem}.project-results h4{color:var(--color-text);margin-bottom:.8rem;font-size:1.1rem}.result-item{color:var(--color-text);align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.result-item:before{content:"•";color:var(--color-primary);font-weight:700}.project-tech{border-top:1px solid #00000014;margin-top:1rem;padding-top:1rem}.tech-label{color:var(--color-text);margin-bottom:.5rem;font-weight:500;display:block}.tech-list{flex-wrap:wrap;gap:.5rem;display:flex}.tech-badge{background:var(--color-primary);color:#fff;border-radius:12px;padding:.3rem .8rem;font-size:.85rem;font-weight:500}@media (width<=768px){.projects{padding:3rem 0}.projects-grid{grid-template-columns:1fr}.project-card{padding:1.5rem}.project-title{font-size:1.25rem}}.philosophy-kinetic{color:#fff;background-color:#171142;align-items:center;min-height:80vh;padding:10rem 0;display:flex;position:relative;overflow:hidden}.philosophy-watermark{font-family:var(--font-heading);color:#0000;-webkit-text-stroke:2px #ffffff0d;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:16rem;font-weight:800;line-height:.8;position:absolute;bottom:12rem;left:-2%}.kinetic-container{z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.kinetic-label{font-family:var(--font-body);letter-spacing:4px;color:var(--color-accent);text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:4rem;font-size:1.2rem;display:flex}.manifesto-huge{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-2px;color:#fff;margin-bottom:3rem;font-size:clamp(3rem,7vw,7rem);line-height:.9}.text-outline{color:#0000;-webkit-text-stroke:2px #f97316;transition:all .3s}.text-outline:hover{color:#f97316;-webkit-text-stroke:2px #f97316}.manifesto-aligning{font-family:var(--font-heading);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:6rem;font-size:clamp(2rem,4vw,4rem);line-height:1;display:flex}.aligning-text{color:#e0e0e0}.kinetic-pills{flex-wrap:wrap;gap:1rem;display:flex}.kinetic-pill{color:#fff;cursor:default;background-color:#0000;border:2px solid #ffffff4d;border-radius:100px;padding:.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.kinetic-pill:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#000;transform:scale(1.1)rotate(-2deg);box-shadow:0 10px 30px #b665ff66}.kinetic-briefing{background-color:#ffffff05;border:1px solid #fff3;max-width:800px;margin-left:auto;padding:3rem;position:relative}.kinetic-briefing p{font-family:var(--font-body);color:#f4f4f4;margin:0;font-size:1.2rem;line-height:1.8}.briefing-corner{border:2px solid var(--color-accent);width:15px;height:15px;position:absolute}.top-left{border-bottom:none;border-right:none;top:-2px;left:-2px}.top-right{border-bottom:none;border-left:none;top:-2px;right:-2px}.bottom-left{border-top:none;border-right:none;bottom:-2px;left:-2px}.bottom-right{border-top:none;border-left:none;bottom:-2px;right:-2px}@media (width<=768px){.philosophy-watermark{font-size:10rem;top:5%}.manifesto-aligning{flex-direction:column;align-items:flex-start}.kinetic-briefing{margin-left:0;padding:2rem}}.contact-dark-section{color:#fff;background-color:#171142;padding:10rem 0;position:relative;overflow:hidden}.contact-watermark{font-family:var(--font-heading);color:#0000;-webkit-text-stroke:2px #ffffff08;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:18rem;font-weight:800;line-height:1;position:absolute;bottom:-5%;right:-5%}.contact-split{z-index:1;justify-content:space-between;align-items:center;gap:4rem;display:flex;position:relative}.contact-header-side{flex:1;line-height:.9}.title-white{color:#fff}.text-huge{font-family:var(--font-heading);text-transform:uppercase;font-size:clamp(4rem,8vw,8rem)}.outline-text-light{color:#0000;-webkit-text-stroke:2px #fff}.contact-info-side{flex-direction:column;flex:1.2;gap:4rem;display:flex}.info-main-row{align-items:center;gap:2.5rem;display:flex}.info-text-group{flex-direction:column;gap:1rem;width:100%;display:flex}.contact-label{font-family:var(--font-body);color:var(--color-accent);letter-spacing:2px;text-transform:uppercase;font-size:1rem;font-weight:600}.contact-phone-bold{font-family:var(--font-heading);white-space:nowrap;color:#fff;width:100%;margin:0;padding:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1;display:block}.contact-email-link{font-family:var(--font-heading);color:#fff;text-transform:uppercase;text-align:left;align-items:center;gap:.5rem;width:100%;font-size:clamp(1.2rem,2.5vw,2.2rem);text-decoration:none;transition:color .3s;display:flex}.contact-email-link:hover{color:#a084e8}.contact-email-link:hover .copy-icon{opacity:1}.copy-icon{opacity:.7;align-items:center;font-size:1rem;transition:opacity .3s;display:inline-flex}.copy-success{font-family:var(--font-body);color:#a084e8;opacity:0;margin-left:.5rem;font-size:.875rem;transition:opacity .3s}.contact-email-link:hover .copy-success{opacity:1}.contact-actions-row{flex-wrap:wrap;gap:1.5rem;display:flex}.circle-btn-elegant{color:#fff;width:150px;height:150px;font-family:var(--font-heading);letter-spacing:1px;z-index:2;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.circle-btn-elegant:hover{background-color:var(--color-accent);color:#fff;border-color:#0000;transform:translateY(-8px)scale(1.05);box-shadow:0 15px 35px #b665ff4d}@media (width<=1024px){.contact-split{flex-direction:column;align-items:flex-start;gap:4rem}.contact-header-side,.contact-info-side{width:100%}}@media (width<=768px){.contact-watermark{font-size:12rem;bottom:-2%}}@media (width<=480px){.contact-actions-row{flex-direction:column;align-items:center;width:100%}.circle-btn-elegant{border-radius:30px;width:100%;max-width:250px;height:60px}}.footer-elegant{color:#fff;background-color:#171142;border-top:1px solid #ffffff0d;padding:2rem 0}.footer-content{flex-direction:column;display:flex}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.copyright{font-family:var(--font-body);color:#ffffff80;margin:0;font-size:.9rem}.footer-links{gap:2rem;display:flex}.footer-links a{font-family:var(--font-body);color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--color-accent)}@media (width<=768px){.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem}.footer-links{flex-wrap:wrap;justify-content:center}}


@media (width<=768px){.hero{min-height:auto;padding:6.5rem 0 3rem;align-items:flex-start}.hero .container{padding:0 1.25rem}.hero-container{align-items:flex-start}.text-block{width:100%;max-width:none;gap:.75rem}.line-1,.line-2,.line-3{width:100%;display:flex}.line-1{flex-direction:column;align-items:flex-start;gap:1rem}.line-2{flex-direction:column-reverse;align-items:flex-start;gap:.75rem}.line-3{justify-content:flex-start}.hero .text-huge{white-space:normal;letter-spacing:0;font-size:clamp(3.3rem,17vw,6rem);line-height:.86}.hero .outline-text{-webkit-text-stroke:2px #000}.subtitle-group{align-items:flex-start;gap:.25rem}.method-text,.based-text{font-size:clamp(1rem,4.4vw,1.35rem);line-height:1}.circles-container{justify-content:flex-start;align-items:center;width:100%;height:170px;margin-top:2rem}.circle{width:150px;height:150px;position:absolute;margin:0}.circle-purple{font-size:1.15rem;transform:translate(72px)}.circle-purple:hover{transform:translate(72px)scale(1.06)}.circle-image{transform:translate(0)}}@media (width<=480px){.hero{padding-top:6rem}.hero .container{padding:0 1rem}.hero .text-huge{font-size:clamp(2.85rem,18vw,4.5rem)}.method-text,.based-text{font-size:1rem}.circles-container{height:145px;margin-top:1.5rem}.circle{width:128px;height:128px}.circle-purple{font-size:1rem;transform:translate(62px)}.circle-purple:hover{transform:translate(62px)scale(1.05)}}

@media (width<=480px){.hero .text-huge{font-size:clamp(2.7rem,14vw,3.5rem);overflow-wrap:anywhere}.hero .line-2{gap:.5rem}.hero .line-3{margin-top:.1rem}}

@media (width<=768px){.hero .line-1,.hero .line-2,.hero .line-3{display:contents}.hero .text-block{display:flex;flex-direction:column}.hero .subtitle-group{order:1;margin-bottom:.25rem}.hero .line-1>h1{order:2}.hero .chebo-text{order:3}.hero .line-3>h1{order:4}.hero .based-text{order:5;margin-top:.5rem}.hero .subtitle-group,.hero .based-text,.hero .line-1>h1,.hero .chebo-text,.hero .line-3>h1{width:100%}}

@media (width<=768px){.hero .text-huge{font-size:clamp(2.7rem,14vw,5rem);max-width:100%;overflow-wrap:normal}.hero .text-block{overflow:hidden}.hero .circles-container{overflow:visible}}

@media (width<=768px){.hero .text-huge{--hero-title-gap:.16em}.hero .chebo-text,.hero .line-3>h1{margin-top:var(--hero-title-gap)}.hero .line-3>h1{word-spacing:.08em}.hero .based-text{margin-top:var(--hero-title-gap)}.hero .circles-container{position:relative}.hero .circle-image{left:0;transform:none}.hero .circle-purple{left:132px;transform:none}.hero .circle-purple:hover{transform:scale(1.05)}}@media (width<=480px){.hero .text-huge{--hero-title-gap:.18em}.hero .circle-image{left:0;transform:none}.hero .circle-purple{left:112px;transform:none}.hero .circle-purple:hover{transform:scale(1.05)}}

@media (width<=768px){.hero .text-huge{line-height:.95;--hero-title-gap:.2em}.hero .line-3>h1{line-height:.95}}@media (width<=480px){.hero .text-huge{line-height:.95;--hero-title-gap:.2em}}

@media (width<=768px){.hero{--hero-mobile-title-gap:20px}.hero .chebo-text,.hero .line-3>h1,.hero .based-text{margin-top:var(--hero-mobile-title-gap)}.hero .text-huge{line-height:1}.hero .line-3>h1{display:flex;flex-direction:column;gap:var(--hero-mobile-title-gap);font-size:0!important;line-height:1!important;-webkit-text-stroke:0;color:transparent}.hero .line-3>h1:before,.hero .line-3>h1:after{font-family:var(--font-heading);font-size:clamp(2.7rem,14vw,5rem);line-height:1;color:transparent;-webkit-text-stroke:2px #000;text-transform:uppercase}.hero .line-3>h1:before{content:"PROJECT"}.hero .line-3>h1:after{content:"MANAGER"}}@media (width<=480px){.hero{--hero-mobile-title-gap:18px}.hero .line-3>h1:before,.hero .line-3>h1:after{font-size:clamp(2.7rem,14vw,3.5rem)}}

@media (width<=768px){.hero .text-block{gap:0}}

@media (width<=768px){.hero{--hero-mobile-title-gap:8px}.hero .text-block{gap:0}.hero .text-huge{line-height:.84}.hero .chebo-text,.hero .line-3>h1{margin-top:var(--hero-mobile-title-gap)}.hero .based-text{margin-top:14px}.hero .line-3>h1{gap:0;line-height:.84!important}.hero .line-3>h1:before,.hero .line-3>h1:after{line-height:.84}}@media (width<=480px){.hero{--hero-mobile-title-gap:7px}.hero .based-text{margin-top:12px}}

@media (width<=768px){.hero .line-3>h1{gap:20px}.hero .line-3>h1:before,.hero .line-3>h1:after{line-height:.84}}@media (width<=480px){.hero .line-3>h1{gap:18px}}

@media (width<=768px){.hero .line-3>h1{gap:8px}}@media (width<=480px){.hero .line-3>h1{gap:7px}}

@media (width<=768px){.hero .line-3>h1{gap:0!important;row-gap:0!important;column-gap:0!important;margin-bottom:0!important;padding:0!important}.hero .line-3>h1:before,.hero .line-3>h1:after{display:block;margin:0!important;padding:0!important;line-height:.82!important}}@media (width<=480px){.hero .line-3>h1{gap:0!important;row-gap:0!important;column-gap:0!important}.hero .line-3>h1:before,.hero .line-3>h1:after{margin:0!important;padding:0!important;line-height:.82!important}}

@media (width<=768px){.hero .line-3>h1{display:block!important;font-size:clamp(2rem,8.35vw,3.35rem)!important;line-height:1!important;letter-spacing:0!important;word-spacing:0!important;color:transparent!important;-webkit-text-stroke:2px #000!important;white-space:nowrap!important;margin-top:8px!important;padding:0!important}.hero .line-3>h1:before,.hero .line-3>h1:after{content:none!important;display:none!important}}@media (width<=480px){.hero .line-3>h1{font-size:clamp(2rem,8.35vw,3.35rem)!important;margin-top:7px!important}}

@media (width<=768px){.hero .line-3>h1{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;max-width:100%!important;gap:0!important;row-gap:0!important;column-gap:0!important;margin-top:var(--hero-mobile-title-gap)!important;margin-bottom:0!important;padding:0!important;font-size:0!important;line-height:0!important;color:transparent!important;-webkit-text-stroke:0!important;white-space:nowrap!important}.hero .line-3>h1:before,.hero .line-3>h1:after{display:block!important;margin:0!important;padding:0!important;font-family:var(--font-heading)!important;font-size:clamp(2.7rem,14vw,5rem)!important;font-weight:inherit!important;line-height:.84!important;color:transparent!important;-webkit-text-stroke:2px #000!important;text-transform:uppercase!important}.hero .line-3>h1:before{content:"PROJECT"!important}.hero .line-3>h1:after{content:"MANAGER"!important}}@media (width<=480px){.hero .line-3>h1:before,.hero .line-3>h1:after{font-size:clamp(2.7rem,14vw,3.5rem)!important}}

@media (width<=768px){.hero .text-huge{font-size:clamp(2.35rem,11.8vw,4.25rem)!important}.hero .line-3>h1:before,.hero .line-3>h1:after{font-size:clamp(2.35rem,11.8vw,4.25rem)!important}}@media (width<=480px){.hero .text-huge{font-size:clamp(2.25rem,11.4vw,3.35rem)!important}.hero .line-3>h1:before,.hero .line-3>h1:after{font-size:clamp(2.25rem,11.4vw,3.35rem)!important}}

@media (width<=768px){.hero .text-huge{font-size:clamp(2rem,9.6vw,3.45rem)!important;line-height:.9!important}.hero .line-3>h1:before,.hero .line-3>h1:after{font-size:clamp(2rem,9.6vw,3.45rem)!important;line-height:.9!important}}@media (width<=480px){.hero .text-huge{font-size:clamp(2rem,10.6vw,3rem)!important}.hero .line-3>h1:before,.hero .line-3>h1:after{font-size:clamp(2rem,10.6vw,3rem)!important}}

@media (width<=768px){.hero .line-3>h1{display:block!important;width:auto!important;max-width:100%!important;font-size:clamp(2rem,9.6vw,3.45rem)!important;line-height:.9!important;color:transparent!important;-webkit-text-stroke:2px #000!important;white-space:nowrap!important;word-spacing:normal!important;letter-spacing:0!important}.hero .line-3>h1:before,.hero .line-3>h1:after{content:none!important;display:none!important}}@media (width<=480px){.hero .line-3>h1{font-size:clamp(2rem,10.6vw,3rem)!important}}

@media (width<=768px){.hero .line-3>h1{width:100%!important;text-align:center!important;font-size:clamp(2.35rem,11vw,4rem)!important;line-height:.9!important;letter-spacing:0!important;word-spacing:normal!important;white-space:nowrap!important}}@media (width<=480px){.hero .line-3>h1{font-size:clamp(2.2rem,11.8vw,3.3rem)!important}}

@media (width<=768px){.hero .line-1>h1,.hero .chebo-text{font-size:clamp(2.35rem,11vw,4rem)!important;line-height:.9!important}}@media (width<=480px){.hero .line-1>h1,.hero .chebo-text{font-size:clamp(2.2rem,11.8vw,3.3rem)!important}}

@media (width<=768px){.hero{--hero-mobile-title-gap:5px}}@media (width<=480px){.hero{--hero-mobile-title-gap:5px}}

@media (width<=768px){.hero{min-height:100svh!important;min-height:100dvh!important;box-sizing:border-box!important;padding-top:6rem!important;padding-bottom:2rem!important;display:flex!important;align-items:flex-start!important}.hero-container{min-height:calc(100svh - 8rem)!important;min-height:calc(100dvh - 8rem)!important;justify-content:flex-start!important}}@media (width<=480px){.hero{min-height:100svh!important;min-height:100dvh!important;padding-top:5.5rem!important;padding-bottom:1.5rem!important}.hero-container{min-height:calc(100svh - 7rem)!important;min-height:calc(100dvh - 7rem)!important}}

@media (width<=768px){.hero .circles-container{justify-content:center!important;align-items:center!important;position:relative!important;margin-left:auto!important;margin-right:auto!important}.hero .circle-image{left:calc(50% - 140px)!important;transform:none!important}.hero .circle-purple{left:calc(50% - 8px)!important;transform:none!important}.hero .circle-purple:hover{transform:scale(1.05)!important}}@media (width<=480px){.hero .circle-image{left:calc(50% - 120px)!important}.hero .circle-purple{left:calc(50% - 8px)!important}}

@media (width<=768px){.hero{align-items:stretch!important}.hero-container{width:100%!important;justify-content:space-between!important;align-items:stretch!important}.hero .text-block{flex:0 0 auto!important}.hero .circles-container{flex:0 0 auto!important;margin-top:0!important;margin-bottom:0!important}}@media (width<=480px){.hero-container{justify-content:space-between!important}.hero .circles-container{margin-top:0!important}}

@media (width<=768px){.hero{align-items:center!important}.hero-container{justify-content:center!important;align-items:stretch!important;gap:2rem!important;min-height:calc(100dvh - 8rem)!important}.hero .text-block{flex:0 0 auto!important}.hero .circles-container{flex:0 0 auto!important;margin-top:0!important;margin-bottom:0!important}}@media (width<=480px){.hero-container{justify-content:center!important;gap:1.6rem!important;min-height:calc(100dvh - 7rem)!important}}

@media (width<=768px){.hero-container{transform:translateY(-2rem)!important}}@media (width<=480px){.hero-container{transform:translateY(-1.5rem)!important}}

@media (width<=768px){.hero-container{gap:3rem!important}}@media (width<=480px){.hero-container{gap:2.6rem!important}}
/* Align CHEBOTARENKO with PROJECT MANAGER end edge */
.hero .line-2{justify-content:flex-end}
/* Prevent PROJECT MANAGER clipping on mobile */
@media (width<=768px){.hero .text-block{overflow:visible!important}.hero .line-3>h1{overflow:visible!important;line-height:1.04!important;padding-bottom:.08em!important}}
@media (width<=480px){.hero .line-3>h1{line-height:1.04!important;padding-bottom:.08em!important}}/* Hero CTA buttons */
.hero-cta-row{display:flex;justify-content:center;align-items:center;gap:1.35rem;width:100%;margin-top:2.35rem}.hero-cta{min-width:230px;border-radius:999px;padding:1.08rem 2.05rem;font-family:var(--font-body);font-size:1.08rem;font-weight:600;letter-spacing:.04em;text-align:center;text-transform:none;line-height:1;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease}.hero-cta-primary{color:#fff;background:linear-gradient(135deg,#c85cff 0%,#8d35f2 100%);border:1px solid #9a44f4;box-shadow:0 14px 28px rgba(156,69,244,.28)}.hero-cta-secondary{color:#171142;background:#fff;border:2px solid #d2d2d7;box-shadow:none}.hero-cta:hover{transform:translateY(-2px)}.hero-cta-primary:hover{background:linear-gradient(135deg,#d367ff 0%,#7f2ee2 100%);box-shadow:0 18px 36px rgba(156,69,244,.32)}.hero-cta-secondary:hover{border-color:#b665ff;color:#6f2bd9;box-shadow:0 14px 28px rgba(0,0,0,.08)}@media (width<=768px){.hero-cta-row{justify-content:flex-start;gap:.85rem;margin-top:1.6rem}.hero-cta{min-width:0;flex:1;padding:1rem 1.05rem;font-size:.95rem;letter-spacing:.03em}}@media (width<=480px){.hero-cta-row{flex-direction:column;align-items:stretch;margin-top:1.35rem}.hero-cta{width:100%;flex:none}}
/* Hero right-side portrait */
.hero .subtitle-group{position:relative;display:grid;grid-template-columns:max-content auto;grid-template-rows:1fr auto auto auto;column-gap:1.25rem;align-items:end}.hero .subtitle-group span{grid-column:1;justify-self:end;text-align:right;position:relative;z-index:2}.hero .subtitle-group span:nth-child(1){grid-row:2}.hero .subtitle-group span:nth-child(2){grid-row:3}.hero .subtitle-group span:nth-child(3){grid-row:4}.hero-side-photo{grid-column:2;grid-row:1 / 5;align-self:end;justify-self:end;width:min(7.2rem,8vw);height:min(7.2rem,8vw);border-radius:50%;overflow:hidden;box-shadow:0 18px 36px rgba(0,0,0,.14)}.hero-side-photo-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;transform:scale(1.72);transform-origin:center 20%}@media (width<=768px){.hero .subtitle-group{column-gap:.9rem}.hero-side-photo{width:clamp(2.35rem,11vw,4rem);height:clamp(2.35rem,11vw,4rem)}.hero-side-photo-img{transform:scale(1.78);object-position:center 19%;transform-origin:center 19%}}@media (width<=480px){.hero .subtitle-group{column-gap:.72rem}.hero-side-photo{width:clamp(2.2rem,11.8vw,3.3rem);height:clamp(2.2rem,11.8vw,3.3rem)}}
/* Match navbar CTA to hero primary button */
.btn-tech{color:#fff!important;background:linear-gradient(135deg,#c85cff 0%,#8d35f2 100%)!important;border:1px solid #9a44f4!important;border-radius:999px!important;box-shadow:0 14px 28px rgba(156,69,244,.28)!important;padding:1.08rem 2.05rem!important;font-size:1.08rem!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:none!important;line-height:1!important;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease!important}.navbar-tech.scrolled .btn-tech{color:#fff!important;border-color:#9a44f4!important}.btn-tech:hover,.navbar-tech.scrolled .btn-tech:hover{color:#fff!important;background:linear-gradient(135deg,#d367ff 0%,#7f2ee2 100%)!important;border-color:#9a44f4!important;transform:translateY(-2px)!important;box-shadow:0 18px 36px rgba(156,69,244,.32)!important}
/* Mobile navigation and hero CTA composition */
.nav-toggle-tech{display:none}.mobile-contact-link{display:none}.hero-cta-photo-mobile{display:none}@media (width<=1100px){.btn-tech{display:none!important}.nav-toggle-tech{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:54px;height:54px;border-radius:999px;background:linear-gradient(135deg,#c85cff 0%,#8d35f2 100%);border:1px solid #9a44f4;box-shadow:0 14px 28px rgba(156,69,244,.28);position:relative;z-index:1002}.nav-toggle-tech span{width:22px;height:2px;border-radius:999px;background:#fff;transition:transform .25s ease,opacity .25s ease}.navbar-tech.menu-open .nav-toggle-tech span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-tech.menu-open .nav-toggle-tech span:nth-child(2){opacity:0}.navbar-tech.menu-open .nav-toggle-tech span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links-tech.mobile-open{display:flex;position:fixed;top:82px;left:1rem;right:1rem;z-index:1001;flex-direction:column;align-items:stretch;gap:0;padding:1rem;background:#171142f2;border:1px solid rgba(182,101,255,.25);border-radius:22px;box-shadow:0 24px 60px rgba(23,17,66,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-links-tech.mobile-open .nav-link-tech{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:1rem .75rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem}.nav-links-tech.mobile-open .nav-link-tech:last-child{border-bottom:none}.nav-links-tech.mobile-open .nav-link-tech:after{display:none}.nav-links-tech.mobile-open .nav-link-tech span{color:#b665ff}.mobile-contact-link{display:flex}}@media (width<=768px){.hero .subtitle-group .hero-side-photo{display:none}.hero-cta-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;justify-content:center!important;column-gap:1rem!important;row-gap:.85rem!important;width:min(100%,28rem)!important;margin-top:1.7rem!important}.hero-cta-photo-mobile{grid-column:1;grid-row:1 / 3;display:block;width:clamp(5.4rem,24vw,7.2rem);height:clamp(5.4rem,24vw,7.2rem);border-radius:50%;overflow:hidden;box-shadow:0 18px 36px rgba(0,0,0,.14)}.hero-cta-photo-mobile img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 19%;transform:scale(1.78);transform-origin:center 19%}.hero-cta{width:100%!important;min-width:0!important;flex:none!important;padding:1.05rem 1.2rem!important;font-size:1rem!important;line-height:1!important;white-space:nowrap}.hero-cta-primary{grid-column:2;grid-row:1}.hero-cta-secondary{grid-column:2;grid-row:2;background:#fff!important;border:2px solid #d2d2d7!important;color:#171142!important;box-shadow:none!important}}@media (width<=480px){.hero-cta-row{grid-template-columns:auto minmax(0,1fr)!important;column-gap:.85rem!important;width:100%!important;margin-top:1.45rem!important}.hero-cta-photo-mobile{width:5.2rem;height:5.2rem}.hero-cta{padding:.96rem 1rem!important;font-size:.95rem!important}.nav-links-tech.mobile-open{top:76px}}
/* Mobile hero refinements */
.hero .subtitle-group span{justify-self:start!important;text-align:left!important}
@media (width<=768px){.hero-cta-row{grid-template-columns:auto minmax(0,1fr)!important;column-gap:1.1rem!important;row-gap:.95rem!important;width:min(100%,31rem)!important;justify-content:center!important;align-items:center!important}.hero-cta-photo-mobile{width:clamp(9.4rem,38vw,11.8rem)!important;height:clamp(9.4rem,38vw,11.8rem)!important;align-self:center}.hero-cta-primary{width:100%!important;max-width:18rem!important;justify-self:start!important;padding:1.12rem 1.35rem!important;font-size:1rem!important}.hero-cta-secondary{width:76%!important;max-width:14.2rem!important;justify-self:center!important;padding:1rem 1.15rem!important;font-size:1rem!important}}@media (width<=480px){.hero-cta-row{grid-template-columns:auto minmax(0,1fr)!important;column-gap:.75rem!important;width:100%!important}.hero-cta-photo-mobile{width:9.8rem!important;height:9.8rem!important}.hero-cta-primary{max-width:16.6rem!important;padding:1rem 1rem!important;font-size:.9rem!important}.hero-cta-secondary{width:78%!important;max-width:13rem!important;padding:.92rem .9rem!important;font-size:.9rem!important}}
@media (width<=768px){.hero-cta-row{width:min(calc(100vw - 2rem),31rem)!important}.hero-cta-primary{min-width:0!important}.hero-cta-secondary{min-width:0!important}}
/* Mobile polish: softer portrait crop, tighter CTA buttons, right-aligned menu */
@media (width<=1100px){.navbar-tech,.navbar-tech.scrolled{padding-left:1.5rem!important;padding-right:1.5rem!important}.navbar-tech-inner{width:100%;max-width:none!important}.nav-toggle-tech{margin-left:auto!important;flex:0 0 auto!important}}@media (width<=768px){.hero-cta-row{row-gap:.45rem!important}.hero-cta-photo-mobile img{transform:scale(1.34)!important;object-position:center 24%!important;transform-origin:center 24%!important}.hero-cta-primary{margin-bottom:0!important}.hero-cta-secondary{margin-top:0!important}}@media (width<=480px){.navbar-tech,.navbar-tech.scrolled{padding-left:1rem!important;padding-right:1rem!important}.hero-cta-row{row-gap:.38rem!important}.hero-cta-photo-mobile img{transform:scale(1.32)!important;object-position:center 24%!important;transform-origin:center 24%!important}}
/* Tighten mobile CTA stack */
@media (width<=768px){.hero-cta-row{row-gap:.12rem!important}.hero-cta-primary{margin-bottom:-.08rem!important}.hero-cta-secondary{margin-top:-.08rem!important}}@media (width<=480px){.hero-cta-row{row-gap:.08rem!important}.hero-cta-primary{margin-bottom:-.1rem!important}.hero-cta-secondary{margin-top:-.1rem!important}}
/* Full-screen hero and tighter mobile CTA group */
.hero{min-height:100vh!important;min-height:100svh!important;padding-top:0!important;padding-bottom:0!important}.hero-container{min-height:100vh!important;min-height:100svh!important;justify-content:center!important}@media (width<=768px){.hero{min-height:100svh!important;padding-top:0!important;padding-bottom:0!important}.hero-container{min-height:100svh!important;justify-content:center!important}.hero-cta-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:.85rem!important;width:min(calc(100vw - 1.5rem),31rem)!important;margin-top:1.1rem!important}.hero-cta-photo-mobile{flex:0 0 auto!important}.hero-cta-row .hero-cta:not(:first-child){display:flex!important;align-items:center!important;justify-content:center!important}.hero-cta-primary,.hero-cta-secondary{grid-column:auto!important;grid-row:auto!important}.hero-cta-primary{width:17.2rem!important;max-width:calc(100vw - 13rem)!important;margin:0 0 .28rem 0!important}.hero-cta-secondary{width:13.4rem!important;max-width:calc(100vw - 16rem)!important;margin:0!important}.hero-cta-row:has(.hero-cta-photo-mobile){position:relative}.hero-cta-photo-mobile + .hero-cta{margin-top:0!important}.hero-cta-photo-mobile ~ .hero-cta{flex:none!important}.hero-cta-photo-mobile ~ .hero-cta-primary,.hero-cta-photo-mobile ~ .hero-cta-secondary{justify-self:auto!important}.hero-cta-photo-mobile ~ .hero-cta-secondary{transform:translateY(-.16rem)}}@media (width<=480px){.hero-cta-row{gap:.55rem!important;width:calc(100vw - .9rem)!important;margin-top:.95rem!important}.hero-cta-primary{width:14.9rem!important;max-width:calc(100vw - 10.9rem)!important;margin-bottom:.12rem!important}.hero-cta-secondary{width:11.7rem!important;max-width:calc(100vw - 12.6rem)!important;transform:translateY(-.28rem)!important}.hero-cta{font-size:.82rem!important}}
/* Stack mobile CTA buttons tightly next to portrait */
.hero-cta-stack{display:contents}@media (width<=768px){.hero-cta-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:.95rem!important}.hero-cta-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:.28rem!important;flex:0 1 auto!important}.hero-cta-stack .hero-cta{margin:0!important;transform:none!important}.hero-cta-stack .hero-cta-primary{width:17.6rem!important;max-width:calc(100vw - 13rem)!important}.hero-cta-stack .hero-cta-secondary{width:13.2rem!important;max-width:calc(100vw - 16rem)!important;align-self:center!important}}@media (width<=480px){.hero-cta-row{gap:.65rem!important}.hero-cta-stack{gap:.16rem!important}.hero-cta-stack .hero-cta-primary{width:15rem!important;max-width:calc(100vw - 11rem)!important}.hero-cta-stack .hero-cta-secondary{width:11.6rem!important;max-width:calc(100vw - 13rem)!important}}
/* Desktop descriptor alignment and full-screen mobile menu */
.hero .subtitle-group span{justify-self:end!important;text-align:right!important}
@media (width<=768px){.hero .subtitle-group span{justify-self:start!important;text-align:left!important}}
@media (width<=1100px){.navbar-tech.menu-open,.navbar-tech.menu-open.scrolled{background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.navbar-tech.menu-open .navbar-tech-inner{position:relative;z-index:1004}.navbar-tech.menu-open .nav-logo-tech,.navbar-tech.menu-open.scrolled .nav-logo-tech{color:#000!important}.navbar-tech.menu-open .nav-logo-tech .text-purple{color:#b665ff!important}.navbar-tech.menu-open .tech-blink{color:#b665ff!important}.navbar-tech.menu-open .nav-toggle-tech{background:linear-gradient(135deg,#c85cff 0%,#8d35f2 100%)!important;border-color:#9a44f4!important;box-shadow:0 14px 28px rgba(156,69,244,.24)!important}.navbar-tech.menu-open .nav-toggle-tech span{background:#fff!important}.nav-links-tech.mobile-open{position:fixed!important;inset:0!important;z-index:1001!important;width:100vw!important;height:100vh!important;height:100svh!important;padding:8rem 1.5rem 2rem!important;background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:.35rem!important}.nav-links-tech.mobile-open .nav-link-tech{font-family:var(--font-heading)!important;text-transform:uppercase!important;letter-spacing:0!important;color:#000!important;font-size:clamp(3.3rem,15vw,7.5rem)!important;font-weight:700!important;line-height:.9!important;padding:.25rem 0!important;border-bottom:3px solid #000!important;display:flex!important;justify-content:space-between!important;align-items:flex-end!important}.nav-links-tech.mobile-open .nav-link-tech span{font-family:var(--font-heading)!important;color:#b665ff!important;font-size:.32em!important;line-height:1!important;margin-right:1rem!important}.nav-links-tech.mobile-open .nav-link-tech:after{display:none!important}.nav-links-tech.mobile-open .mobile-contact-link{display:flex!important}}
@media (width<=480px){.nav-links-tech.mobile-open{padding:7.2rem 1rem 1.5rem!important}.nav-links-tech.mobile-open .nav-link-tech{font-size:clamp(2.8rem,14vw,4.7rem)!important;border-bottom-width:2px!important}}
/* iPhone hero and full-screen menu fixes */
@media (width<=768px){.hero{min-height:100dvh!important}.hero-container{min-height:100dvh!important;justify-content:center!important;padding-top:2.1rem!important;padding-bottom:1.2rem!important}.hero .text-block{gap:.34rem!important}.hero .line-1{padding-top:1.2rem!important}.hero .subtitle-group{margin-top:.72rem!important}.hero-cta-row{margin-top:.72rem!important}.hero-cta-photo-mobile{width:clamp(8.8rem,35vw,10.8rem)!important;height:clamp(8.8rem,35vw,10.8rem)!important}.hero-cta-stack{gap:.12rem!important}.hero-cta-stack .hero-cta-primary{width:16.7rem!important;max-width:calc(100vw - 12.2rem)!important}.hero-cta-stack .hero-cta-secondary{width:12.6rem!important;max-width:calc(100vw - 15rem)!important}.navbar-tech.menu-open,.navbar-tech.menu-open.scrolled{position:fixed!important;z-index:10020!important}.navbar-tech.menu-open .navbar-tech-inner{position:relative!important;z-index:10022!important}.navbar-tech.menu-open .nav-logo-tech,.navbar-tech.menu-open.scrolled .nav-logo-tech{display:flex!important;visibility:visible!important;opacity:1!important;color:#000!important;text-shadow:none!important}.navbar-tech.menu-open .nav-logo-tech .text-purple{color:#b665ff!important}.navbar-tech.menu-open .tech-blink{color:#b665ff!important}.navbar-tech.menu-open .nav-toggle-tech{background:linear-gradient(135deg,#c85cff 0%,#8d35f2 100%)!important;box-shadow:0 14px 28px rgba(156,69,244,.24)!important}.nav-links-tech.mobile-open{inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:100dvh!important;z-index:10010!important;padding:7.4rem 1.2rem 1.5rem!important;justify-content:center!important;overflow:hidden!important}.nav-links-tech.mobile-open .nav-link-tech{font-size:clamp(2.35rem,10.5vw,4.4rem)!important;line-height:.92!important;padding:.18rem 0!important;border-bottom-width:2px!important}.nav-links-tech.mobile-open .nav-link-tech span{font-size:.3em!important}}@media (width<=480px){.hero-container{padding-top:2.4rem!important;padding-bottom:1rem!important}.hero .line-1{padding-top:1.55rem!important}.hero .subtitle-group{margin-top:.86rem!important}.hero-cta-row{margin-top:.58rem!important}.hero-cta-photo-mobile{width:8.9rem!important;height:8.9rem!important}.hero-cta-stack{gap:.08rem!important}.hero-cta-stack .hero-cta-primary{width:14.2rem!important;max-width:calc(100vw - 10.4rem)!important}.hero-cta-stack .hero-cta-secondary{width:10.9rem!important;max-width:calc(100vw - 12.5rem)!important}.nav-links-tech.mobile-open{padding:7rem 1rem 1.25rem!important}.nav-links-tech.mobile-open .nav-link-tech{font-size:clamp(2.15rem,10vw,3.55rem)!important}}
/* Mobile viewport repair */
@media (width<=768px){html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}main{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.navbar-tech.scrolled:not(.menu-open){background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.navbar-tech.scrolled:not(.menu-open) .nav-logo-tech{color:#111!important}.navbar-tech.scrolled:not(.menu-open) .nav-logo-tech .text-purple,.navbar-tech.scrolled:not(.menu-open) .tech-blink{color:#b665ff!important}.hero{width:100%!important;max-width:100%!important;overflow:hidden!important;min-height:100dvh!important}.hero-container{width:100%!important;max-width:100%!important;min-height:100dvh!important;justify-content:center!important;padding-top:calc(env(safe-area-inset-top,0px) + 4.8rem)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.4rem)!important}.hero .text-block{max-width:100%!important;width:100%!important;padding-inline:1rem!important;overflow:visible!important}.hero .line-1{padding-top:0!important;margin-top:0!important}.hero .subtitle-group{margin-top:.9rem!important}.hero .line-3>h1{max-width:100%!important;font-size:clamp(2rem,10.8vw,3.45rem)!important}.hero-cta-row{margin-top:.55rem!important}.about-dark-section,.skills-light-section,.projects,.philosophy-kinetic,.contact-dark-section,.footer-elegant{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.about-container,.container{max-width:100%!important}.nav-links-tech.mobile-open{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;z-index:10010!important;background:#fff!important;overflow:hidden!important}.navbar-tech.menu-open{background:transparent!important}.navbar-tech.menu-open .nav-logo-tech{display:flex!important;color:#000!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:10030!important}.navbar-tech.menu-open .nav-logo-tech .text-purple,.navbar-tech.menu-open .tech-blink{color:#b665ff!important}.navbar-tech.menu-open .nav-toggle-tech{z-index:10031!important}.nav-links-tech.mobile-open .nav-link-tech{font-size:clamp(2.1rem,9.6vw,3.7rem)!important}}@media (width<=480px){.hero-container{padding-top:calc(env(safe-area-inset-top,0px) + 4.4rem)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.1rem)!important}.hero .text-block{padding-inline:.9rem!important}.hero .subtitle-group{margin-top:.72rem!important}.hero .line-3>h1{font-size:clamp(2rem,10.5vw,3rem)!important}.hero-cta-row{margin-top:.42rem!important}.nav-links-tech.mobile-open .nav-link-tech{font-size:clamp(2rem,9.2vw,3.25rem)!important}}
/* Keep mobile alignment and scrolled navbar behavior from the approved version */
@media (width<=768px){
  html,body,#root,main{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .navbar-tech.scrolled:not(.menu-open){background-color:#171142f2!important;border-bottom-color:#b665ff33!important;box-shadow:0 10px 30px #0003!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
  .navbar-tech.scrolled:not(.menu-open) .nav-logo-tech{color:#fff!important}
  .hero{width:100%!important;max-width:100%!important;overflow:hidden!important;min-height:100dvh!important}
  .hero-container{width:100%!important;max-width:100%!important;min-height:100dvh!important;justify-content:center!important;padding-top:2.1rem!important;padding-bottom:1.2rem!important}
  .hero .text-block{max-width:100%!important;width:100%!important;padding-inline:0!important;overflow:visible!important;gap:.34rem!important}
  .hero .line-1{padding-top:1.2rem!important;margin-top:0!important}
  .hero .subtitle-group{margin-top:.72rem!important}
  .hero-cta-row{margin-top:.72rem!important}
  .about-dark-section,.skills-light-section,.projects,.philosophy-kinetic,.contact-dark-section,.footer-elegant{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .nav-links-tech.mobile-open{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;z-index:10010!important;background:#fff!important;overflow:hidden!important}
}
@media (width<=480px){
  .hero-container{padding-top:2.4rem!important;padding-bottom:1rem!important}
  .hero .text-block{padding-inline:0!important}
  .hero .line-1{padding-top:1.55rem!important}
  .hero .subtitle-group{margin-top:.86rem!important}
  .hero-cta-row{margin-top:.58rem!important}
}
/* Mobile title scale and menu visibility */
@media (width<=768px){
  .hero .line-3{justify-content:flex-start!important;width:100%!important}
  .hero .line-3>h1{width:100%!important;max-width:100%!important;text-align:left!important;font-size:clamp(2.35rem,11vw,4rem)!important;line-height:.9!important;letter-spacing:0!important;white-space:nowrap!important;overflow:visible!important}
  .navbar-tech.menu-open,.navbar-tech.menu-open.scrolled{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:10080!important;background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .navbar-tech.menu-open .navbar-tech-inner{position:relative!important;z-index:10090!important}
  .navbar-tech.menu-open .nav-logo-tech,.navbar-tech.menu-open.scrolled .nav-logo-tech{display:flex!important;visibility:visible!important;opacity:1!important;color:#000!important;position:relative!important;z-index:10100!important}
  .navbar-tech.menu-open .nav-logo-tech .text-purple,.navbar-tech.menu-open .tech-blink{color:#b665ff!important}
  .navbar-tech.menu-open .nav-toggle-tech{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10101!important;background:linear-gradient(135deg,#c85cff 0%,#8d35f2 100%)!important;border-color:#9a44f4!important}
  .navbar-tech.menu-open .nav-toggle-tech span{display:block!important;background:#fff!important;opacity:1!important}
  .navbar-tech.menu-open .nav-toggle-tech span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .navbar-tech.menu-open .nav-toggle-tech span:nth-child(2){opacity:0!important}
  .navbar-tech.menu-open .nav-toggle-tech span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
  .nav-links-tech.mobile-open{z-index:10070!important;inset:0!important;width:100vw!important;height:100dvh!important;background:#fff!important}
}
@media (width<=480px){
  .hero .line-3>h1{font-size:clamp(2.2rem,11.8vw,3.3rem)!important;line-height:.9!important;text-align:left!important}
}
/* Mobile spacing refinements */
@media (width<=768px){
  .hero .subtitle-group{margin-top:1.35rem!important}
  .hero-cta-row{gap:.95rem!important}
  .hero-cta-stack{gap:.95rem!important}
}
@media (width<=480px){
  .hero .subtitle-group{margin-top:1.45rem!important}
  .hero-cta-row{gap:.65rem!important}
  .hero-cta-stack{gap:.65rem!important}
}
/* Increase mobile space below logo before descriptors */
@media (width<=768px){
  .hero .subtitle-group{margin-top:2.35rem!important}
}
@media (width<=480px){
  .hero .subtitle-group{margin-top:2.55rem!important}
}
/* Further increase mobile descriptor gap */
@media (width<=768px){
  .hero .subtitle-group{margin-top:2.95rem!important}
}
@media (width<=480px){
  .hero .subtitle-group{margin-top:3.15rem!important}
}
/* Subtle violet background wash */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:-12% -8% auto -8%;height:72%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,rgba(182,101,255,0) 0%,rgba(182,101,255,.12) 34%,rgba(139,53,242,.09) 52%,rgba(255,255,255,0) 78%);filter:blur(42px);opacity:.82;transform:skewY(-8deg)}
.hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:2%;height:36%;z-index:-1;pointer-events:none;background:linear-gradient(95deg,rgba(255,255,255,0) 8%,rgba(182,101,255,.08) 44%,rgba(255,255,255,0) 78%);filter:blur(48px);opacity:.72}
@media (width<=768px){
  .hero:before{inset:4% -28% auto -24%;height:46%;filter:blur(34px);opacity:.72;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(182,101,255,.12) 42%,rgba(139,53,242,.08) 58%,rgba(255,255,255,0) 86%)}
  .hero:after{left:-24%;right:-18%;bottom:12%;height:30%;filter:blur(40px);opacity:.56}
}
/* About information blocks */
.about-info-card{display:flex;flex-direction:column;gap:2rem}
.about-info-card .card-divider{margin:0}
.about-info-item .col-title{margin-bottom:.8rem}
.about-info-item .col-text{color:#d1d5db;font-size:1rem;line-height:1.65}
@media (width<=576px){.about-info-card{gap:1.6rem}.about-info-item .col-text{font-size:.95rem}}
/* Results delivery cards */
.results-title{max-width:980px;margin-left:auto;margin-right:auto}
.card-skill-description{font-family:var(--font-body);color:#8b8f98;font-size:.95rem;font-style:italic;line-height:1.45;margin-top:.85rem;max-width:92%;transition:color .4s}
.brutalist-card:hover .card-skill-description{color:#ffffffe0}
@media (width<=768px){.results-title{text-align:left;max-width:100%}.card-skill-description{font-size:.9rem;max-width:100%}}
/* Compact result cards */
#skills .brutalist-card{min-height:205px;padding:2.1rem 2.2rem;justify-content:flex-start}
#skills .card-content{height:auto;min-height:0}
#skills .card-skill-name{margin-top:0}
#skills .card-arrow{display:none!important}
@media (width<=768px){#skills .brutalist-card{min-height:0;padding:1.8rem}}
/* Prevent grid cards from stretching taller than their content */
#skills .skills-brutalist-grid{align-items:start}
#skills .brutalist-card{min-height:0}
/* Reduce only the unnecessary bottom padding in result cards */
#skills .brutalist-card{padding-bottom:1rem}
@media (width<=768px){#skills .brutalist-card{padding-bottom:1rem}}
/* Keep all result cards equal height */
#skills .skills-brutalist-grid{align-items:stretch}
#skills .brutalist-card{height:100%;min-height:267px}
@media (width<=768px){#skills .brutalist-card{height:auto;min-height:0}}
/* Desktop typography refinements */
@media (min-width:769px){
  .about-main-title,
  #skills .skills-main-title,
  #projects .section-title,
  .manifesto-huge{font-size:85px!important}
  #skills .card-skill-name,
  #projects .project-title{font-size:29px!important;line-height:1.12}
}
/* Cases and results stats */
.cases-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;border-top:1px solid #d8dbe3;border-bottom:1px solid #e6e8ee;margin:0 0 3rem;padding:2.4rem 0 2.2rem}
.case-stat{display:flex;flex-direction:column;gap:.35rem;opacity:0;transform:translateX(-28px);transition:opacity .7s ease,transform .7s ease}
.case-stat.visible{opacity:1;transform:translateX(0)}
.case-stat-value{font-family:var(--font-heading);font-size:54px;font-weight:800;line-height:.9;color:#171142;letter-spacing:0}
.case-stat-label{font-family:var(--font-body);font-size:.86rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#8b8ba3;line-height:1.25}
@media (width<=900px){.cases-stats{grid-template-columns:repeat(2,1fr);gap:1.6rem}.case-stat-value{font-size:44px}}
@media (width<=576px){.cases-stats{grid-template-columns:1fr;margin-bottom:2rem;padding:1.8rem 0}.case-stat-value{font-size:40px}.case-stat-label{font-size:.78rem}}
/* Center cases stats and keep mobile two-up */
.case-stat{align-items:center;text-align:center}
.cases-stats{justify-items:center}
@media (width<=576px){.cases-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.25rem}.case-stat{align-items:flex-start;text-align:left;justify-self:start}.case-stat-value{font-size:48px}}
/* Services section */
.services-section{background:#fafafa;padding:8rem 0;color:#111;overflow:hidden}
.services-container{max-width:1220px}
.services-heading-wrap{text-align:center;margin-bottom:4.2rem}
.services-eyebrow{font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#b8784f;margin-bottom:.7rem}
.services-title{font-family:var(--font-heading);font-size:85px;line-height:.9;text-transform:uppercase;color:#111}
.services-layout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:2rem;align-items:stretch}
.services-tabs{display:flex;flex-direction:column;gap:1.2rem}
.service-tab{width:100%;display:flex;align-items:center;gap:1.25rem;text-align:left;background:transparent;color:#777;border:1px solid transparent;border-radius:14px;padding:1.35rem 1.5rem;transition:all .25s ease}
.service-tab.active{background:#fff;color:#171142;border-color:#eee;box-shadow:0 16px 40px #00000012}
.service-tab-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#b8784f;font-family:var(--font-heading);font-size:1.25rem;box-shadow:0 10px 24px #0000000b}
.service-tab.active .service-tab-icon{background:#fff3eb;color:#f97316}
.service-tab-copy{display:flex;flex-direction:column;gap:.1rem}
.service-tab-copy strong{font-family:var(--font-heading);font-size:1.45rem;line-height:1;text-transform:uppercase;color:inherit}
.service-tab-copy small{font-family:var(--font-body);font-size:.9rem;color:#8b8b94}
.service-panel{background:#ffe2cf;border-radius:18px;min-height:430px;padding:3.3rem 3.8rem;display:grid;grid-template-columns:76px 1fr;gap:1.4rem 1.6rem;align-content:start;box-shadow:0 22px 55px #f9731614}
.service-panel-icon{width:64px;height:64px;border-radius:16px;background:#fff;display:grid;place-items:center;font-family:var(--font-heading);font-size:1.65rem;color:#f97316;box-shadow:0 14px 32px #0000000d}
.service-panel-head h3{font-family:var(--font-heading);font-size:42px;line-height:1;text-transform:uppercase;color:#111;margin-bottom:.35rem}
.service-panel-head p{font-family:var(--font-body);font-size:1.05rem;color:#777;margin:0}
.service-panel-body{grid-column:1/-1;font-size:1.05rem;line-height:1.7;color:#4b4650;max-width:820px;margin:1rem 0 .25rem}
.service-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2.8rem;margin-top:1rem}
.service-point{display:flex;align-items:flex-start;gap:.8rem;color:#4b4650;font-size:1rem;line-height:1.45}
.service-point span{font-family:var(--font-heading);color:#b8784f;font-size:1.2rem;line-height:1}
.service-point p{margin:0}
.service-book-btn{grid-column:1/-1;justify-self:start;margin-top:2rem;background:#f97316;color:#fff;border-radius:999px;padding:.95rem 1.45rem;font-family:var(--font-body);font-weight:700;box-shadow:0 12px 24px #f9731640;transition:transform .25s ease,box-shadow .25s ease}
.service-book-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #f9731652}
@media (width<=900px){.services-layout{grid-template-columns:1fr}.services-title{font-size:64px}.services-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.service-tab{padding:1rem}.service-tab-copy strong{font-size:1.15rem}.service-tab-copy small{display:none}.service-panel{padding:2.4rem;grid-template-columns:1fr}.service-panel-icon{width:56px;height:56px}.service-panel-head h3{font-size:34px}.service-points{grid-template-columns:1fr}}
@media (width<=576px){.services-section{padding:5rem 0}.services-heading-wrap{text-align:left;margin-bottom:2.4rem}.services-title{font-size:52px}.services-eyebrow{text-align:left}.services-tabs{grid-template-columns:1fr;gap:.75rem}.service-tab{border-color:#eee;background:#fff}.service-panel{min-height:0;padding:2rem;border-radius:16px}.service-panel-body{font-size:.98rem}.service-book-btn{width:100%;text-align:center}}
/* Services copy refinements */
.services-eyebrow{display:none}
.services-subtitle{font-family:var(--font-body);font-size:1.05rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#8b8b94;margin-top:1rem}
.services-tabs-label{font-family:var(--font-body);font-size:.85rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#8b8b94;margin:0 0 .4rem .25rem}
.service-tab-copy strong{font-size:29px}
@media (width<=900px){.service-tab-copy strong{font-size:24px}}
@media (width<=576px){.services-subtitle{font-size:.9rem;margin-top:.8rem}.services-tabs-label{margin:.2rem 0 .1rem}.service-tab-copy strong{font-size:22px}}
/* Section title and about watermark refinements */
@media (min-width:769px){.about-watermark{left:50%!important;transform:translate(-50%,-50%)!important;text-align:center;width:100%;}.about-main-title,.skills-main-title,.projects .section-title,.contact-header-side .text-huge{font-size:51px!important;letter-spacing:0!important;}}
@media (width<=768px){.about-watermark{display:none!important;}}
/* Final desktop section title sizing */
@media (min-width:769px){.about-main-title,#skills .skills-main-title,#projects .section-title,.contact-header-side .text-huge{font-size:51px!important;letter-spacing:0!important;}}
/* Services title and case stats refinements */
@media (min-width:769px){.services-title{font-size:51px!important;letter-spacing:0!important;}.cases-stats{gap:1rem!important;column-gap:1.25rem!important;}.case-stat{gap:.12rem!important;}.case-stat-value,.case-stat-label{color:#000!important;}}
@media (width<=768px){.case-stat-value,.case-stat-label{color:#000!important;}.case-stat{gap:.12rem!important;}.cases-stats{gap:1.15rem .9rem!important;}}
/* Full-bleed desktop about watermark */
@media (min-width:769px){.about-watermark{left:-1.5vw!important;width:103vw!important;right:auto!important;transform:translateY(-50%)!important;text-align:left!important;font-size:44vw!important;letter-spacing:.015em!important;white-space:nowrap!important;}}
/* Responsive contained desktop about watermark */
@media (min-width:769px){.about-watermark{left:50%!important;right:auto!important;width:auto!important;max-width:none!important;transform:translate(-50%,-50%)!important;text-align:center!important;font-size:min(35vw,620px)!important;letter-spacing:.01em!important;white-space:nowrap!important;}}
/* Mobile stats centering and contact form */
@media (width<=768px){.cases-stats{justify-items:center!important;text-align:center!important;}.case-stat{align-items:center!important;text-align:center!important;justify-self:center!important;}}
.contact-form-card{width:100%;max-width:560px;background:#ffffff08;border:1px solid #ffffff1a;border-radius:18px;padding:1.35rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 18px 45px #00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.contact-form-card input,.contact-form-card textarea{width:100%;border:1px solid #ffffff24;background:#ffffff0d;color:#fff;border-radius:12px;padding:1rem 1.05rem;font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .25s ease,background .25s ease}
.contact-form-card textarea{resize:vertical;min-height:140px}
.contact-form-card input::placeholder,.contact-form-card textarea::placeholder{color:#ffffff8c}
.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:var(--color-accent);background:#ffffff14}
.contact-form-submit{align-self:flex-start;background:var(--color-accent);color:#fff;border-radius:999px;padding:.95rem 1.45rem;font-family:var(--font-body);font-weight:800;letter-spacing:.3px;box-shadow:0 12px 28px #b665ff52;transition:transform .25s ease,box-shadow .25s ease}
.contact-form-submit:hover{transform:translateY(-2px);box-shadow:0 18px 36px #b665ff66}
@media (min-width:1025px){.contact-split{align-items:flex-start!important}.contact-info-side{align-items:flex-start}.contact-form-card{margin-top:.25rem}}
@media (width<=768px){.contact-form-card{max-width:100%;padding:1.1rem;border-radius:16px}.contact-form-row{grid-template-columns:1fr}.contact-form-submit{width:100%;text-align:center}.contact-info-side{gap:2rem!important}}
/* Contact split layout and mobile stats label spacing */
@media (min-width:1025px){.contact-split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,560px)!important;align-items:start!important;gap:5rem!important}.contact-header-side{grid-column:1;display:flex;flex-direction:column;gap:2.4rem}.contact-info-side{display:contents!important}.info-main-row{grid-column:1;grid-row:2}.contact-actions-row{grid-column:1;grid-row:3}.contact-form-card{grid-column:2;grid-row:1 / span 3;justify-self:stretch;margin-top:0!important}.contact-email-link{max-width:560px}}
@media (width<=768px){.case-stat{gap:.45rem!important}.case-stat-label{display:block!important;margin-top:.05rem!important}}
/* Final services subtitle and contact title spacing */
.services-subtitle{display:none!important}
@media (min-width:1025px){.contact-header-side{gap:0!important;line-height:.9!important}.contact-header-side .text-huge{line-height:.9!important}}
/* Move contact label above form on desktop */
@media (min-width:1025px){.info-main-row{grid-column:1;grid-row:2}.contact-label{position:absolute;left:calc(100% + 5rem);top:0;width:560px}.info-text-group{position:relative;padding-top:2.4rem}.contact-form-card{padding-top:3.8rem}}
@media (width<=1024px){.contact-label{position:static}.info-text-group{padding-top:0}}
/* Final contact label placement */
@media (min-width:1025px){.contact-split{position:relative!important}.info-text-group{position:static!important;padding-top:0!important}.contact-label{position:absolute!important;left:calc(100% - 560px)!important;top:0!important;width:560px!important}.contact-form-card{margin-top:2.35rem!important;padding-top:1.35rem!important}}
/* Align contact label with form left edge */
@media (min-width:1025px){.contact-label{left:calc(50% + 8px)!important}}
/* Desktop case stats label spacing */
@media (min-width:769px){.case-stat{gap:.9rem!important}.case-stat-label{margin-top:.1rem!important}}
/* Animated purple divider before achievements */
.section-divider{overflow:hidden!important}
.section-divider svg{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(26px) scaleX(.94);transform-origin:left center;will-change:clip-path,transform,opacity}
.section-divider.divider-visible svg{animation:dividerRevealIn 1.25s cubic-bezier(.16,1,.3,1) both}
@keyframes dividerRevealIn{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(26px) scaleX(.94)}55%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0) scaleX(1)}}
@media (prefers-reduced-motion:reduce){.section-divider svg{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important}}
/* Simplified mindset section */
.mindset-simple{max-width:1120px;margin:0 auto;text-align:left;}
.mindset-statement{font-family:var(--font-heading);text-transform:uppercase;color:#fff;font-size:clamp(3rem,6.5vw,7rem);line-height:.95;max-width:1100px;margin:0 0 3rem;}
.mindset-pulse-row{margin-bottom:0!important;}
.mindset-pulse-row .aligning-text{color:#fff;}
.kinetic-pill{animation:mindsetPillGlow 3.6s ease-in-out infinite;}
.kinetic-pill.pulse-one{animation-delay:0s;}
.kinetic-pill.pulse-two{animation-delay:1.2s;}
.kinetic-pill.pulse-three{animation-delay:2.4s;}
@keyframes mindsetPillGlow{0%,26%,100%{background-color:transparent;border-color:#ffffff4d;color:#fff;box-shadow:none;transform:none}10%,18%{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 0 30px #b665ff80;transform:translateY(-3px)}}
@media (width<=768px){.mindset-statement{font-size:clamp(2.3rem,11vw,4.2rem);margin-bottom:2.2rem}.mindset-pulse-row{gap:1rem!important}.mindset-pulse-row .aligning-text{font-size:clamp(2rem,9vw,3rem)}}
@media (prefers-reduced-motion:reduce){.kinetic-pill{animation:none!important}}
/* Refined mindset scale and pill motion */
.mindset-statement{font-family:var(--font-body)!important;text-transform:none!important;font-size:clamp(1.15rem,2vw,1.65rem)!important;line-height:1.55!important;font-weight:500!important;letter-spacing:0!important;max-width:760px!important;margin:0 0 3.2rem!important;color:#f4f1ff!important;}
.mindset-simple{max-width:1120px!important;}
@keyframes mindsetPillGlow{0%,26%,100%{background-color:transparent;border-color:#ffffff4d;color:#fff;box-shadow:none;transform:rotate(0deg) translateY(0) scale(1)}10%,18%{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 16px 34px #b665ff70;transform:rotate(var(--tilt,-2deg)) translateY(-5px) scale(1.06)}}
.kinetic-pill.pulse-one{--tilt:-2deg}.kinetic-pill.pulse-two{--tilt:2deg}.kinetic-pill.pulse-three{--tilt:-1.5deg}
@media (width<=768px){.mindset-statement{font-size:1.05rem!important;line-height:1.6!important;max-width:32rem!important;margin-bottom:2.2rem!important}.mindset-simple{text-align:left!important}}
/* Mindset alignment and centered watermark */
@media (min-width:769px){#philosophy .kinetic-label{max-width:1120px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;}#philosophy .philosophy-watermark{left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;font-size:clamp(8rem,18vw,18rem)!important;line-height:.85!important;white-space:nowrap!important;width:max-content!important;max-width:92vw!important;}}
@media (width<=768px){#philosophy .kinetic-label{max-width:100%!important;margin-left:0!important;margin-right:0!important;}#philosophy .philosophy-watermark{left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;max-width:92vw!important;white-space:nowrap!important;}}
/* Mindset full-width copy and slower pill sequence */
.mindset-statement{max-width:100%!important;width:100%!important;}
.mindset-pulse-row{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:2rem!important;}
.mindset-pulse-row .kinetic-pills{margin-left:auto!important;display:flex!important;justify-content:space-between!important;gap:2rem!important;min-width:min(720px,62%)!important;}
.kinetic-pill{animation-duration:6.6s!important;}
.kinetic-pill.pulse-one{animation-delay:0s!important}.kinetic-pill.pulse-two{animation-delay:2.2s!important}.kinetic-pill.pulse-three{animation-delay:4.4s!important}
@keyframes mindsetPillGlow{0%,38%,100%{background-color:transparent;border-color:#ffffff4d;color:#fff;box-shadow:none;transform:rotate(0deg) translateY(0) scale(1)}12%,28%{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 16px 34px #b665ff70;transform:rotate(var(--tilt,-2deg)) translateY(-5px) scale(1.06)}}
@media (width<=768px){.mindset-statement{max-width:100%!important}.mindset-pulse-row{align-items:flex-start!important}.mindset-pulse-row .kinetic-pills{margin-left:0!important;min-width:0!important;width:100%!important;justify-content:flex-start!important;gap:.8rem!important}}
/* Orange mindset label */
#philosophy .kinetic-label{color:#f97316!important;}
/* Keep mindset phrase and pills on one desktop row */
@media (min-width:769px){.mindset-pulse-row{flex-wrap:nowrap!important;align-items:center!important;}.mindset-pulse-row .aligning-text{white-space:nowrap!important;flex:0 0 auto!important;font-size:clamp(2.7rem,4.4vw,4.8rem)!important;}.mindset-pulse-row .kinetic-pills{flex:1 1 auto!important;min-width:0!important;margin-left:2rem!important;gap:1.4rem!important;justify-content:flex-end!important;}.mindset-pulse-row .kinetic-pill{font-size:clamp(2rem,3.6vw,4.1rem)!important;padding:.42rem clamp(1rem,2.1vw,2rem)!important;white-space:nowrap!important;}}
/* Contact title orange touch and mobile title sizing */
.contact-header-side .outline-text-light{color:#f97316!important;-webkit-text-stroke:0!important;}
@media (width<=768px){.about-main-title,#skills .skills-main-title,#projects .section-title,.services-title,.contact-header-side .text-huge{font-size:51px!important;line-height:.92!important;letter-spacing:0!important;}.contact-header-side{gap:0!important;}}
/* Mobile mindset pill layout */
@media (width<=768px){.mindset-pulse-row{display:grid!important;grid-template-columns:auto auto!important;justify-content:start!important;align-items:center!important;column-gap:.75rem!important;row-gap:.85rem!important;width:100%!important;}.mindset-pulse-row .aligning-text{grid-column:1!important;grid-row:1!important;white-space:nowrap!important;font-size:clamp(2rem,8.4vw,3rem)!important;}.mindset-pulse-row .kinetic-pills{display:contents!important;}.mindset-pulse-row .kinetic-pill{font-size:clamp(1.6rem,8vw,2.6rem)!important;padding:.38rem 1rem!important;white-space:nowrap!important;}.mindset-pulse-row .pulse-one{grid-column:2!important;grid-row:1!important;justify-self:start!important;}.mindset-pulse-row .pulse-two{grid-column:1!important;grid-row:2!important;justify-self:center!important;}.mindset-pulse-row .pulse-three{grid-column:2!important;grid-row:2!important;justify-self:center!important;}}
/* Tighter desktop mindset row */
@media (min-width:769px){.mindset-statement{margin-bottom:1.55rem!important;}.mindset-pulse-row{gap:1.1rem!important;}.mindset-pulse-row .aligning-text{font-size:clamp(2.15rem,3.45vw,4rem)!important;}.mindset-pulse-row .kinetic-pills{margin-left:1.1rem!important;gap:.85rem!important;}.mindset-pulse-row .kinetic-pill{font-size:clamp(1.65rem,2.75vw,3.25rem)!important;padding:.36rem clamp(.78rem,1.4vw,1.35rem)!important;}}
/* Final tighter mindset statement spacing */
@media (min-width:769px){.mindset-statement{margin-bottom:.85rem!important;}}
/* Mobile stacked mindset pills */
@media (width<=768px){.mindset-pulse-row{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.85rem!important;text-align:center!important;width:100%!important;}.mindset-pulse-row .aligning-text{font-size:clamp(2.2rem,10vw,3.4rem)!important;text-align:center!important;white-space:nowrap!important;width:100%!important;}.mindset-pulse-row .kinetic-pills{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:.75rem!important;margin:0!important;}.mindset-pulse-row .kinetic-pill{width:min(18rem,82vw)!important;text-align:center!important;justify-content:center!important;font-size:clamp(2rem,10vw,3rem)!important;padding:.42rem 1.1rem!important;}.mindset-pulse-row .pulse-one,.mindset-pulse-row .pulse-two,.mindset-pulse-row .pulse-three{grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;}}
@media (width<=768px){.mindset-pulse-row .kinetic-pill{width:min(17rem,78vw)!important;}}
/* Center mindset phrase as one unit on desktop */
@media (min-width:769px){.mindset-pulse-row{justify-content:center!important;gap:.9rem!important;}.mindset-pulse-row .aligning-text{flex:0 0 auto!important;}.mindset-pulse-row .kinetic-pills{flex:0 0 auto!important;min-width:0!important;margin-left:0!important;justify-content:center!important;gap:.75rem!important;}.mindset-pulse-row .kinetic-pill{font-size:clamp(1.65rem,2.55vw,3.05rem)!important;padding:.34rem clamp(.72rem,1.25vw,1.25rem)!important;}}
/* Mobile vertical mindset watermark */
@media (width<=768px){#philosophy .philosophy-watermark{display:block!important;left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%) rotate(90deg)!important;font-size:clamp(8rem,37vw,15rem)!important;line-height:.8!important;letter-spacing:.02em!important;width:max-content!important;max-width:none!important;white-space:nowrap!important;-webkit-text-stroke:2px rgba(255,255,255,.08)!important;color:transparent!important;opacity:1!important;}}
@media (width<=768px){#philosophy .philosophy-watermark{font-size:clamp(10rem,50vw,18rem)!important;}}
/* Full-width desktop mindset phrase */
@media (min-width:769px){.mindset-pulse-row{width:100%!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;}.mindset-pulse-row .aligning-text{flex:0 0 auto!important;font-size:clamp(2.45rem,3.65vw,4.35rem)!important;}.mindset-pulse-row .kinetic-pills{flex:1 1 auto!important;min-width:0!important;margin-left:1rem!important;display:flex!important;justify-content:space-between!important;gap:.8rem!important;}.mindset-pulse-row .kinetic-pill{font-size:clamp(1.8rem,2.85vw,3.35rem)!important;padding:.34rem clamp(.7rem,1.2vw,1.2rem)!important;white-space:nowrap!important;}}
/* Mobile contact watermark above title */
@media (width<=768px){#contact .contact-watermark{display:block!important;position:absolute!important;top:6.2rem!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;width:calc(100vw - 2rem)!important;max-width:calc(100vw - 2rem)!important;text-align:center!important;white-space:nowrap!important;font-size:clamp(3.4rem,18vw,5.8rem)!important;line-height:.82!important;-webkit-text-stroke:2px rgba(255,255,255,.09)!important;color:transparent!important;opacity:1!important;overflow:hidden!important;}#contact .contact-split{padding-top:7.1rem!important;}}
/* Mobile contact order and social icons */
.circle-btn-elegant.social-icon{display:flex!important;align-items:center!important;justify-content:center!important;}
.circle-btn-elegant.social-icon svg{width:34%!important;height:34%!important;display:block!important;}
@media (width<=768px){#contact .contact-info-side{display:flex!important;flex-direction:column!important;}#contact .contact-form-card{order:1!important;}#contact .info-main-row{order:2!important;width:100%!important;}#contact .contact-actions-row{order:3!important;justify-content:center!important;align-items:center!important;gap:1rem!important;width:100%!important;}#contact .info-text-group{align-items:center!important;text-align:center!important;}#contact .contact-label{text-align:center!important;}#contact .contact-email-link{justify-content:center!important;text-align:center!important;font-size:clamp(1rem,5vw,1.35rem)!important;text-transform:none!important;word-break:break-word!important;}#contact .circle-btn-elegant.social-icon{width:4.2rem!important;height:4.2rem!important;max-width:none!important;border-radius:50%!important;font-size:0!important;padding:0!important;}#contact .circle-btn-elegant.social-icon svg{width:1.55rem!important;height:1.55rem!important;}}
@media (width<=768px){#contact .contact-actions-row{flex-direction:row!important;flex-wrap:nowrap!important;}#contact .circle-btn-elegant.social-icon{flex:0 0 4.2rem!important;}}
/* Mobile card width and skill description sizing */
@media (width<=768px){#projects .projects-grid{padding:0!important;width:100%!important;max-width:100%!important;}#projects .project-card{width:100%!important;}#skills .card-skill-description{font-size:17px!important;line-height:1.45!important;}}
/* Desktop mindset equal grid rhythm */
@media (min-width:769px){.mindset-pulse-row{display:grid!important;grid-template-columns:max-content repeat(3,minmax(0,1fr))!important;column-gap:clamp(1rem,1.45vw,1.5rem)!important;align-items:center!important;width:100%!important;}.mindset-pulse-row .aligning-text{grid-column:1!important;width:auto!important;max-width:max-content!important;white-space:nowrap!important;font-size:clamp(2.65rem,3.85vw,4.65rem)!important;}.mindset-pulse-row .kinetic-pills{display:contents!important;margin:0!important;}.mindset-pulse-row .kinetic-pill{width:100%!important;min-width:0!important;display:flex!important;justify-content:center!important;align-items:center!important;font-size:clamp(2rem,3vw,3.6rem)!important;padding:.38rem .55rem!important;}.mindset-pulse-row .pulse-one{grid-column:2!important}.mindset-pulse-row .pulse-two{grid-column:3!important}.mindset-pulse-row .pulse-three{grid-column:4!important}}
/* Keep animated mindset pills from changing visible gaps */
@keyframes mindsetPillGlow{0%,38%,100%{background-color:transparent;border-color:#ffffff4d;color:#fff;box-shadow:none;transform:rotate(0deg) translateY(0)}12%,28%{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 16px 34px #b665ff70;transform:rotate(var(--tilt,-2deg)) translateY(-5px)}}
/* Skill card supporting text size */
#skills .card-skill-description{font-size:17px!important;line-height:1.45!important;}
/* Current achievements closing note */
.projects-more-note{box-sizing:border-box;max-width:1200px;margin:1.35rem auto 0;padding:0 calc(1.5rem + 2rem);font-family:var(--font-heading);font-size:29px;line-height:1.1;text-transform:uppercase;color:#111;}
@media (width<=768px){.projects-more-note{width:100%;max-width:100%;padding:0 1.5rem;font-size:29px;}}
/* Desktop contact typography */
@media (min-width:769px){#contact .contact-label{font-family:var(--font-heading)!important;font-size:19px!important;line-height:1.1!important;}#contact .contact-email-link{font-size:29px!important;line-height:1.15!important;}}
/* Desktop label sizing and mindset rhythm */
@media (min-width:769px){.about-info-card .col-title,#philosophy .kinetic-label,#contact .contact-label{font-family:var(--font-heading)!important;font-size:22px!important;line-height:1.1!important;}#philosophy .kinetic-label{margin-bottom:2rem!important;}#philosophy .mindset-statement{margin-bottom:2rem!important;}}
/* Mobile mindset equal vertical rhythm */
@media (width<=768px){#philosophy .kinetic-label{margin-bottom:35px!important;}#philosophy .mindset-statement{margin-bottom:35px!important;}}
/* Larger desktop mindset watermark */
@media (min-width:769px){#philosophy .philosophy-watermark{left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;font-size:clamp(15rem,34vw,36rem)!important;line-height:.75!important;width:max-content!important;max-width:none!important;white-space:nowrap!important;}}
/* Mobile current achievements more note matches card titles */
@media (width<=768px){.projects-more-note{padding:0 1.5rem!important;margin:1.5rem 0 1.5rem!important;font-family:var(--font-heading)!important;font-size:20px!important;font-weight:600!important;line-height:20px!important;text-transform:uppercase!important;color:var(--color-text)!important;}}
/* Mobile contact cleanup */
@media (width<=768px){#contact .contact-watermark{display:none!important;}#contact .contact-split{padding-top:0!important;}#contact .contact-label{font-family:var(--font-heading)!important;font-size:19.2px!important;font-weight:700!important;line-height:19.2px!important;letter-spacing:.5px!important;color:#f97316!important;}}
/* Services book index layout */
.services-book-section .services-heading-wrap{text-align:center;margin-bottom:2.4rem!important;}
.services-book-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #111;border-bottom:1px solid #111;margin:0 auto 2.6rem;max-width:1120px;}
.services-book-tab{background:transparent;border:0;border-right:1px solid #111;padding:1rem 1.2rem;text-align:left;display:flex;align-items:baseline;gap:.75rem;color:#111;transition:background .25s ease,color .25s ease;}
.services-book-tab:last-child{border-right:0}.services-book-tab.active{background:#171142;color:#fff}.services-book-number{font-family:var(--font-heading);font-size:18px;color:#f97316;line-height:1}.services-book-title{font-family:var(--font-heading);font-size:29px;line-height:1;text-transform:uppercase}.services-offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:1120px;margin:0 auto}.service-offer-card{background:#ffe2cf;border:1px solid #f7c7aa;border-radius:18px;padding:2.2rem;display:flex;flex-direction:column;min-height:360px;box-shadow:0 22px 55px #f9731614}.service-offer-index{font-family:var(--font-heading);font-size:18px;line-height:1;color:#f97316;text-transform:uppercase}.service-offer-head h3{font-family:var(--font-heading);font-size:34px;line-height:1.05;text-transform:uppercase;color:#111;margin:.75rem 0 1rem}.service-offer-price{font-family:var(--font-heading);font-size:38px;line-height:1;color:#171142;margin:0 0 1.1rem}.service-offer-description{font-family:var(--font-body);font-size:17px;line-height:1.55;color:#4b4650;margin:0 0 1.8rem}.service-offer-book{margin-top:auto;align-self:flex-start;background:#f97316;color:#fff;border-radius:999px;padding:.75rem 1.35rem;font-family:var(--font-body);font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 12px 24px #f9731630;transition:transform .25s ease,box-shadow .25s ease}.service-offer-book:hover{transform:translateY(-2px);box-shadow:0 16px 28px #f9731645}
@media (width<=900px){.services-book-index{grid-template-columns:1fr;margin-bottom:1.5rem}.services-book-tab{border-right:0;border-bottom:1px solid #111}.services-book-tab:last-child{border-bottom:0}.services-offers-grid{grid-template-columns:1fr}.service-offer-card{min-height:0;padding:1.7rem}.service-offer-head h3{font-size:29px}.service-offer-price{font-size:34px}.service-offer-description{font-size:16px}.service-offer-book{width:100%;text-align:center}}
/* Softer services category pills */
.services-book-index{display:flex!important;justify-content:center!important;gap:1rem!important;border:0!important;margin:0 auto 2.8rem!important;max-width:1120px!important;flex-wrap:wrap!important;}
.services-book-tab{border:1px solid #d7d3d0!important;border-radius:999px!important;background:#fff!important;padding:.9rem 1.45rem!important;align-items:center!important;box-shadow:0 12px 30px #0000000a!important;min-width:0!important;flex:1 1 0!important;justify-content:center!important;text-align:center!important;}
.services-book-tab.active{background:linear-gradient(135deg,#b665ff,#8d2cff)!important;border-color:#b665ff!important;color:#fff!important;box-shadow:0 18px 38px #b665ff40!important;}
.services-book-tab.active .services-book-number{color:#fff!important}.services-book-number{font-size:17px!important}.services-book-title{font-size:27px!important;}
.service-offer-card{border-radius:28px!important;border-color:#f4c8ad!important;box-shadow:0 24px 55px #17114214!important;}
@media (width<=900px){.services-book-index{display:flex!important;flex-direction:column!important;gap:.75rem!important}.services-book-tab{width:100%!important;justify-content:flex-start!important;text-align:left!important;border-bottom:1px solid #d7d3d0!important}.services-book-title{font-size:25px!important}}
/* Services reference-inspired soft cards */
.services-book-section{background:#fff!important;}
.services-book-section .services-heading-wrap{margin-bottom:2rem!important;}
.services-book-index{width:max-content!important;max-width:100%!important;margin:0 auto 3.2rem!important;padding:.35rem!important;gap:.25rem!important;background:#f4f5f8!important;border:1px solid #d9dce4!important;border-radius:999px!important;box-shadow:0 18px 45px #17114212!important;flex-wrap:nowrap!important;}
.services-book-tab{flex:0 0 auto!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;padding:.85rem 1.65rem!important;gap:.55rem!important;color:#171142!important;min-width:0!important;}
.services-book-tab.active{background:#171142!important;color:#fff!important;border-color:#171142!important;box-shadow:0 14px 28px #17114235!important;}
.services-book-tab.active .services-book-number{color:#f97316!important}.services-book-number{font-size:15px!important;color:#f97316!important}.services-book-title{font-size:22px!important;letter-spacing:.02em!important;}
.services-offers-grid{gap:1.8rem!important;align-items:stretch!important;}
.service-offer-card{position:relative!important;overflow:hidden!important;background:#fff!important;border:1px solid #e5e2df!important;border-radius:34px!important;box-shadow:0 24px 65px #17114210!important;min-height:520px!important;padding:3rem 2.7rem 2.5rem!important;text-align:center!important;align-items:center!important;}
.service-offer-card:before{content:"";position:absolute;left:-12%;right:-12%;bottom:-16%;height:46%;background:radial-gradient(circle at 35% 25%,rgba(249,115,22,.46),transparent 45%),linear-gradient(180deg,rgba(249,115,22,0),rgba(249,115,22,.26));filter:blur(18px);opacity:.85;z-index:0;}
.service-offer-card>*{position:relative;z-index:1}.service-offer-head{max-width:100%;}.service-offer-index{font-size:17px!important;color:#f97316!important;letter-spacing:.04em!important;}.service-offer-head h3{font-size:34px!important;line-height:1.08!important;margin:1.15rem auto 1.3rem!important;max-width:740px!important;}.service-offer-price{font-size:42px!important;margin-bottom:1.25rem!important;color:#171142!important;}.service-offer-description{font-size:18px!important;line-height:1.65!important;max-width:760px!important;margin:0 auto 2rem!important;color:#33313a!important;}.service-offer-book{align-self:center!important;background:#fff!important;color:#171142!important;border:1px solid #d1d1d6!important;box-shadow:0 12px 24px #17114212!important;padding:.82rem 1.55rem!important;}.service-offer-book:hover{background:#f97316!important;color:#fff!important;border-color:#f97316!important;}
@media (width<=900px){.services-book-index{width:100%!important;flex-direction:column!important;border-radius:28px!important;gap:.35rem!important}.services-book-tab{width:100%!important;justify-content:center!important;text-align:center!important}.services-offers-grid{gap:1.2rem!important}.service-offer-card{min-height:0!important;padding:2.25rem 1.7rem 2rem!important;border-radius:28px!important}.service-offer-head h3{font-size:29px!important}.service-offer-price{font-size:36px!important}.service-offer-description{font-size:16px!important}.service-offer-book{width:auto!important;min-width:10rem!important}}
/* Linear orange wash for expertise cards */
.service-offer-card:before{left:0!important;right:0!important;bottom:0!important;height:48%!important;background:linear-gradient(0deg,rgba(249,115,22,.34) 0%,rgba(249,115,22,.22) 38%,rgba(249,115,22,.08) 72%,rgba(249,115,22,0) 100%)!important;filter:blur(16px)!important;opacity:1!important;}
/* Expertise book buttons are orange */
.service-offer-book{background:#f97316!important;color:#fff!important;border-color:#f97316!important;}
.service-offer-book:hover{background:#171142!important;color:#fff!important;border-color:#171142!important;}
/* Compact navigation and right-aligned footer links */
@media (min-width:1101px){.nav-links-tech{gap:1.45rem!important}.nav-link-tech{letter-spacing:1px!important;font-size:.76rem!important}.navbar-tech-inner{gap:1.5rem!important}}
@media (width<=1100px){.nav-links-tech.mobile-open{gap:.12rem!important}.nav-links-tech.mobile-open .nav-link-tech{padding:.12rem 0!important}}
.footer-bottom{align-items:flex-start!important}.footer-links{display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-align:right!important;gap:.55rem!important}.footer-links a{display:block!important;line-height:1.15!important}
@media (width<=768px){.footer-bottom{align-items:flex-end!important;text-align:right!important}.footer-links{flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:.55rem!important}}
/* Private client long-form service copy */
.service-offer-description{white-space:pre-line!important;text-align:left!important;}
.service-offer-card{justify-content:flex-start!important;}
@media (min-width:901px){.service-offer-card{min-height:760px!important;}.service-offer-description{font-size:16px!important;line-height:1.55!important;}}

/* Structured private client offer details */
.service-offer-card{justify-content:flex-start!important;}
.service-offer-description{position:relative;z-index:1;text-align:left!important;width:100%;max-width:760px;margin:0 auto 1.35rem!important;white-space:normal!important;color:#33313a!important;font-family:var(--font-body)!important;}
.service-offer-description p{margin:0 0 1rem!important;text-align:left!important;}
.service-offer-description ul{margin:0 0 1.1rem 1.25rem!important;padding:0!important;}
.service-offer-description li{margin:.22rem 0!important;padding-left:.15rem!important;}
.service-offer-description strong{font-weight:800!important;color:#171142!important;}
.service-offer-description .not-included{font-size:12px!important;line-height:1.45!important;color:#6f6a73!important;margin-top:.8rem!important;}
.service-offer-price{margin-top:auto!important;margin-bottom:1rem!important;}
@media (min-width:901px){.service-offer-card{min-height:820px!important}.service-offer-description{font-size:16px!important;line-height:1.55!important}.service-offer-description .not-included{font-size:12px!important}}
@media (width<=900px){.service-offer-description{font-size:15.5px!important;line-height:1.5!important}.service-offer-description .not-included{font-size:12px!important}}

/* Private client comparison card */
.services-offers-grid:has(.service-comparison-table){grid-template-columns:minmax(0,1100px)!important;justify-content:center!important;}
.service-comparison-table-wrap{width:100%;overflow-x:auto;margin:1.25rem 0 1.15rem!important;border:1px solid rgba(23,17,66,.14);border-radius:28px;background:rgba(255,255,255,.48);box-shadow:inset 0 -40px 80px rgba(236,102,36,.12);}
.service-comparison-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-body)!important;color:#27222f!important;font-size:15px!important;line-height:1.4!important;}
.service-comparison-table th,.service-comparison-table td{width:50%;padding:.82rem 1rem;text-align:left!important;vertical-align:top;border-bottom:1px solid rgba(23,17,66,.1);}
.service-comparison-table th{font-family:var(--font-body)!important;font-size:16px!important;color:#171142!important;background:rgba(255,255,255,.36);}
.service-comparison-table tr:last-child td{border-bottom:0;}
.service-offer-price:empty{display:none!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-card{min-height:0!important;}
@media (width<=900px){.services-offers-grid:has(.service-comparison-table){grid-template-columns:1fr!important}.service-comparison-table{font-size:13.5px!important}.service-comparison-table th,.service-comparison-table td{padding:.72rem .78rem}.service-comparison-table-wrap{border-radius:22px}}

/* Three-card private client expertise layout */
.services-offers-grid:has(.service-comparison-table){grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;max-width:1280px!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-card{min-height:760px!important;padding:2.35rem 1.75rem 2rem!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-head h3{font-size:clamp(25px,2vw,32px)!important;line-height:1.05!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-description{font-size:15px!important;line-height:1.48!important;margin-bottom:1.15rem!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-description p{margin-bottom:.78rem!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-description ul{margin-bottom:.85rem!important;}
.service-comparison-table-wrap{border-radius:22px!important;margin:1rem 0 .95rem!important;}
.service-comparison-table{font-size:12.5px!important;line-height:1.32!important;}
.service-comparison-table th,.service-comparison-table td{padding:.58rem .62rem!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-price{font-size:34px!important;margin-top:auto!important;margin-bottom:1rem!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-book{margin-top:0!important;}
@media (max-width:1180px) and (min-width:901px){.services-offers-grid:has(.service-comparison-table){grid-template-columns:1fr!important;max-width:900px!important}.services-offers-grid:has(.service-comparison-table) .service-offer-card{min-height:0!important;padding:2.6rem!important}.service-comparison-table{font-size:14px!important}}
@media (width<=900px){.services-offers-grid:has(.service-comparison-table){grid-template-columns:1fr!important}.services-offers-grid:has(.service-comparison-table) .service-offer-card{min-height:0!important;padding:2rem 1.45rem!important}.services-offers-grid:has(.service-comparison-table) .service-offer-description{font-size:15px!important}.service-comparison-table{font-size:12.5px!important}.service-comparison-table th,.service-comparison-table td{padding:.6rem .55rem!important}}

/* Refined expertise cards: cleaner, tighter, less orange-heavy */
.services-offers-grid:has(.service-comparison-table){grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;max-width:1320px!important;gap:1.25rem!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-card{min-height:0!important;height:auto!important;padding:1.65rem!important;border-radius:32px!important;background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%)!important;border:1px solid rgba(23,17,66,.12)!important;box-shadow:0 18px 48px rgba(23,17,66,.10)!important;text-align:left!important;align-items:flex-start!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-card:before{display:none!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-card:after{content:"";position:absolute;left:1.4rem;right:1.4rem;top:0;height:5px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#171142,#b665ff)!important;opacity:.95;}
.services-offers-grid:has(.service-comparison-table) .service-offer-head{width:100%!important;max-width:none!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-index{font-size:14px!important;color:#f97316!important;letter-spacing:.08em!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-head h3{font-size:clamp(23px,1.7vw,29px)!important;line-height:1.08!important;margin:.85rem 0 .85rem!important;max-width:none!important;text-align:left!important;color:#111!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-price{order:1!important;margin:.05rem 0 1.05rem!important;padding:.45rem .8rem!important;border-radius:999px!important;background:#171142!important;color:#fff!important;font-family:var(--font-heading)!important;font-size:22px!important;line-height:1!important;letter-spacing:.02em!important;box-shadow:0 12px 24px rgba(23,17,66,.16)!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-head{order:0!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-description{order:2!important;width:100%!important;max-width:none!important;margin:0 0 1.15rem!important;font-size:14.5px!important;line-height:1.46!important;color:#332f3a!important;text-align:left!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-description p{margin-bottom:.72rem!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-description ul{margin:.15rem 0 .8rem 1.05rem!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-description li{margin:.18rem 0!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-description .not-included{margin-top:.85rem!important;padding-top:.75rem!important;border-top:1px solid rgba(23,17,66,.10)!important;color:#6f6a73!important;font-size:11.5px!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-book{order:3!important;margin-top:.15rem!important;align-self:flex-start!important;background:#171142!important;color:#fff!important;border-color:#171142!important;box-shadow:0 14px 24px rgba(23,17,66,.20)!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-book:hover{background:#b665ff!important;border-color:#b665ff!important;box-shadow:0 16px 28px rgba(182,101,255,.30)!important;}
.service-comparison-table-wrap{margin:.95rem 0 .9rem!important;border:1px solid rgba(23,17,66,.10)!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important;}
.service-comparison-table{font-size:12px!important;line-height:1.28!important;color:#2d2935!important;}
.service-comparison-table th{background:#f2eefb!important;color:#171142!important;font-size:13px!important;}
.service-comparison-table th,.service-comparison-table td{padding:.52rem .55rem!important;border-bottom:1px solid rgba(23,17,66,.08)!important;}
.service-offer-price:empty{display:none!important;}
@media (max-width:1180px) and (min-width:901px){.services-offers-grid:has(.service-comparison-table){grid-template-columns:1fr!important;max-width:900px!important}.services-offers-grid:has(.service-comparison-table) .service-offer-card{padding:2rem!important}.service-comparison-table{font-size:13.5px!important}}
@media (width<=900px){.services-offers-grid:has(.service-comparison-table){grid-template-columns:1fr!important;gap:1rem!important}.services-offers-grid:has(.service-comparison-table) .service-offer-card{padding:1.55rem!important;border-radius:28px!important}.services-offers-grid:has(.service-comparison-table) .service-offer-head h3{font-size:27px!important}.services-offers-grid:has(.service-comparison-table) .service-offer-price{font-size:21px!important}.services-offers-grid:has(.service-comparison-table) .service-offer-description{font-size:14.5px!important}.service-comparison-table{font-size:12px!important}.service-comparison-table th,.service-comparison-table td{padding:.55rem .5rem!important}}

/* Orange booking buttons for expertise cards */
.services-offers-grid:has(.service-comparison-table) .service-offer-book{background:#f97316!important;color:#fff!important;border-color:#f97316!important;box-shadow:0 14px 24px rgba(249,115,22,.24)!important;}
.services-offers-grid:has(.service-comparison-table) .service-offer-book:hover{background:#171142!important;color:#fff!important;border-color:#171142!important;box-shadow:0 16px 28px rgba(23,17,66,.22)!important;}
/* Equal-height expertise cards */
@media (min-width:1181px){
  .services-offers-grid:has(.service-comparison-table){align-items:stretch!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card{height:100%!important;display:flex!important;flex-direction:column!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-description{flex:1 1 auto!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-book{margin-top:auto!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)){padding-bottom:2.35rem!important;}
}
/* Align expertise card endings */
@media (min-width:1181px){
  .services-offers-grid:has(.service-comparison-table) .service-offer-description{display:flex!important;flex-direction:column!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-description .not-included{margin-top:auto!important;}
}
.services-offers-grid:has(.service-comparison-table) .service-offer-book{align-self:center!important;text-align:center!important;}
/* Fine-align expertise card footers with the comparison card */
@media (min-width:1181px){
  .services-offers-grid:has(.service-comparison-table){align-items:stretch!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card{height:100%!important;display:flex!important;flex-direction:column!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-description{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-description .not-included{margin-top:auto!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)) .not-included{transform:translateY(1.05rem)!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)) .service-offer-book{transform:translateY(1.05rem)!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-book{align-self:center!important;text-align:center!important;margin-top:1.45rem!important;}
}
/* Height fix for the two shorter expertise cards */
@media (min-width:1181px){
  .services-offers-grid:has(.service-comparison-table) .service-offer-card{overflow:visible!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)){min-height:calc(100% + 2.2rem)!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)) .service-offer-description{min-height:clamp(600px,38vw,690px)!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)) .not-included{margin-top:auto!important;transform:none!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-book{transform:none!important;}
}
/* Equal expertise card architecture */
@media (min-width:1181px){
  .services-offers-grid:has(.service-comparison-table){align-items:stretch!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card{height:auto!important;min-height:980px!important;display:flex!important;flex-direction:column!important;overflow:visible!important;padding-bottom:2.15rem!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-head{flex:0 0 auto!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-price{flex:0 0 auto!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-description{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;margin-bottom:1.45rem!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-description .not-included{margin-top:auto!important;transform:none!important;min-height:6.15rem!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-book{flex:0 0 auto!important;align-self:center!important;text-align:center!important;margin-top:0!important;transform:none!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)){min-height:980px!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)) .service-offer-description{min-height:0!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)) .not-included{transform:none!important;}
  .services-offers-grid:has(.service-comparison-table) .service-offer-card:not(:has(.service-comparison-table)) .service-offer-book{transform:none!important;}
}
/* Shared three-card expertise styling for Investor */
.services-offers-grid:has(.service-offer-card:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;max-width:1320px!important;gap:1.25rem!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-card{position:relative!important;min-height:0!important;height:auto!important;padding:1.65rem!important;border-radius:32px!important;background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%)!important;border:1px solid rgba(23,17,66,.12)!important;box-shadow:0 18px 48px rgba(23,17,66,.10)!important;text-align:left!important;align-items:flex-start!important;display:flex!important;flex-direction:column!important;overflow:visible!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-card:before{display:none!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-card:after{content:"";position:absolute;left:1.4rem;right:1.4rem;top:0;height:5px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#171142,#b665ff)!important;opacity:.95;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-head{width:100%!important;max-width:none!important;flex:0 0 auto!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-index{font-size:14px!important;color:#f97316!important;letter-spacing:.08em!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-head h3{font-size:clamp(23px,1.7vw,29px)!important;line-height:1.08!important;margin:.85rem 0 .85rem!important;max-width:none!important;text-align:left!important;color:#111!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-price{order:1!important;flex:0 0 auto!important;margin:.05rem 0 1.05rem!important;padding:.45rem .8rem!important;border-radius:999px!important;background:#171142!important;color:#fff!important;font-family:var(--font-heading)!important;font-size:22px!important;line-height:1!important;letter-spacing:.02em!important;box-shadow:0 12px 24px rgba(23,17,66,.16)!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-description{order:2!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;margin:0 0 1.45rem!important;font-size:14.5px!important;line-height:1.46!important;color:#332f3a!important;text-align:left!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-description p{margin-bottom:.72rem!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-description ul{margin:.15rem 0 .8rem 1.05rem!important;padding:0!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-description li{margin:.18rem 0!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-description .not-included{margin-top:auto!important;padding-top:.75rem!important;border-top:1px solid rgba(23,17,66,.10)!important;color:#6f6a73!important;font-size:11.5px!important;line-height:1.45!important;min-height:6.15rem!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-book{order:3!important;flex:0 0 auto!important;align-self:center!important;text-align:center!important;margin-top:0!important;background:#f97316!important;color:#fff!important;border-color:#f97316!important;box-shadow:0 14px 24px rgba(249,115,22,.24)!important;transform:none!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-book:hover{background:#171142!important;color:#fff!important;border-color:#171142!important;box-shadow:0 16px 28px rgba(23,17,66,.22)!important;}
@media (max-width:1180px) and (min-width:901px){.services-offers-grid:has(.service-offer-card:nth-child(3)){grid-template-columns:1fr!important;max-width:900px!important}.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-card{padding:2rem!important}.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-description{font-size:15px!important}}
@media (width<=900px){.services-offers-grid:has(.service-offer-card:nth-child(3)){grid-template-columns:1fr!important;gap:1rem!important}.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-card{padding:1.55rem!important;border-radius:28px!important}.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-head h3{font-size:27px!important}.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-price{font-size:21px!important}.services-offers-grid:has(.service-offer-card:nth-child(3)) .service-offer-description{font-size:14.5px!important}}
/* Match Investor not-included-to-button spacing to Private Client */
.services-offers-grid:has(.service-offer-card:nth-child(3)):not(:has(.service-comparison-table)) .service-offer-description{margin-bottom:1.45rem!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)):not(:has(.service-comparison-table)) .service-offer-description .not-included{min-height:0!important;margin-top:auto!important;margin-bottom:0!important;}
.services-offers-grid:has(.service-offer-card:nth-child(3)):not(:has(.service-comparison-table)) .service-offer-book{margin-top:0!important;}

/* Contact form fields and consent */
.contact-form-card select{
  width:100%;
  border:1px solid #ffffff24;
  background:#ffffff0d;
  color:#fff;
  border-radius:12px;
  padding:1rem 1.05rem;
  font-family:var(--font-body);
  font-size:.95rem;
  outline:none;
  transition:border-color .25s ease,background .25s ease;
  appearance:auto;
}
.contact-form-card select:focus{
  border-color:var(--color-accent);
  background:#ffffff14;
}
.contact-form-card select option{color:#171142;background:#fff;}
.contact-phone-row{display:grid;grid-template-columns:minmax(7.5rem,.42fr) minmax(0,1fr);gap:1rem;}
.privacy-consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;color:#ffffffbd;font-family:var(--font-body);font-size:.82rem;line-height:1.45;}
.privacy-consent input{width:1rem!important;height:1rem;margin-top:.15rem;accent-color:var(--color-accent);padding:0!important;border-radius:4px!important;}
.privacy-consent span{display:block;}
@media (width<=768px){.contact-phone-row{grid-template-columns:1fr}.privacy-consent{font-size:.8rem}}
/* Contact form select and preference controls */
.contact-form-card select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-right:3.25rem!important;
  background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%)!important;
  background-position:calc(100% - 1.55rem) 50%,calc(100% - 1.2rem) 50%!important;
  background-size:.45rem .45rem,.45rem .45rem!important;
  background-repeat:no-repeat!important;
}
.contact-preference-group{border:1px solid #ffffff24;background:#ffffff0d;border-radius:18px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}
.contact-preference-group legend{font-family:var(--font-body);font-size:.88rem;color:#ffffffcf;padding:0 .25rem}
.contact-preference-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.contact-radio-option{display:flex;align-items:center;gap:.55rem;border:1px solid #ffffff24;border-radius:999px;padding:.72rem .85rem;color:#fff;cursor:pointer;background:#ffffff08;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.contact-radio-option input{width:1rem!important;height:1rem!important;padding:0!important;margin:0!important;accent-color:var(--color-accent);flex:0 0 auto}
.contact-radio-option:has(input:checked){border-color:var(--color-accent);background:#b665ff26;box-shadow:0 10px 24px #b665ff20}
.contact-radio-option span{font-size:.9rem;font-weight:700}
@media (width<=768px){.contact-preference-options{grid-template-columns:1fr}.contact-radio-option{justify-content:flex-start}}
/* Contact form API submission state */
.contact-form-submit:disabled{opacity:.68;cursor:wait;transform:none!important}
.contact-thank-you{min-height:24rem;border:1px solid #ffffff24;border-radius:28px;background:linear-gradient(145deg,#ffffff18,#ffffff08);box-shadow:0 24px 70px #00000026;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;color:#fff}
.contact-thank-you h3{font-family:var(--font-heading);font-size:clamp(2.8rem,5vw,5.4rem);line-height:.92;text-transform:uppercase;margin:0;color:#fff}
.contact-thank-you p{font-size:1.15rem;line-height:1.6;color:#ffffffc9;margin:0;max-width:34rem}
.contact-form-error{margin:0;color:#ffb7a0;font-size:.95rem;line-height:1.4}
@media (width<=768px){.contact-thank-you{min-height:18rem;border-radius:22px;padding:2rem}.contact-thank-you h3{font-size:2.7rem}.contact-thank-you p{font-size:1rem}}
/* Refined post-submit thank-you state */
.contact-info-side:has(.contact-thank-you) .info-main-row{display:none!important}
.contact-info-side:has(.contact-thank-you){justify-content:center}
.contact-thank-you{width:100%;min-height:clamp(22rem,42vw,34rem)!important;padding:clamp(2rem,5vw,4.5rem)!important;border-radius:32px!important;align-items:flex-start!important;justify-content:center!important;overflow:hidden}
.contact-thank-you h3{font-size:clamp(3.4rem,6vw,6.2rem)!important;line-height:.92!important;max-width:11ch!important;letter-spacing:0!important}
.contact-thank-you p{font-size:clamp(1rem,1.35vw,1.35rem)!important;max-width:42rem!important;margin-top:.5rem!important}
@media (width<=768px){.contact-thank-you{min-height:18rem!important;padding:2rem!important;border-radius:24px!important}.contact-thank-you h3{font-size:3.2rem!important;max-width:9ch!important}.contact-thank-you p{font-size:1rem!important}}

/* Keep the post-submit message in the same visual scale as the contact heading */
@media (width>768px){
  #contact .contact-info-side:has(.contact-thank-you){
    display:flex!important;
    justify-content:flex-start!important;
  }
  #contact .contact-thank-you{
    min-height:auto!important;
    max-width:560px!important;
    margin-left:0!important;
    padding:3rem 3.25rem!important;
    border-radius:32px!important;
  }
  #contact .contact-thank-you h3{
    font-size:clamp(3.35rem,4.4vw,5.1rem)!important;
    line-height:.95!important;
    max-width:9.5ch!important;
    white-space:normal!important;
  }
  #contact .contact-thank-you p{
    font-size:1.15rem!important;
    line-height:1.5!important;
    max-width:27rem!important;
    margin-top:.75rem!important;
  }
}

/* Stable contact layout and lighter social buttons */
@media (min-width:1025px){
  #contact .contact-split{
    grid-template-columns:minmax(0,430px) minmax(480px,560px)!important;
    gap:clamp(4rem,8vw,8rem)!important;
  }
  #contact .contact-info-side{
    display:contents!important;
  }
  #contact .contact-info-side:has(.contact-thank-you) .info-main-row{
    display:flex!important;
  }
  #contact .contact-info-side:has(.contact-thank-you){
    display:contents!important;
  }
  #contact .contact-thank-you{
    grid-column:2!important;
    grid-row:1 / span 3!important;
    align-self:start!important;
    justify-self:stretch!important;
    min-height:0!important;
    max-width:none!important;
    width:100%!important;
    margin:2.35rem 0 0!important;
    padding:2.4rem 2.65rem!important;
  }
  #contact .contact-thank-you h3{
    font-size:clamp(2.9rem,3.55vw,4.25rem)!important;
    line-height:.96!important;
    max-width:10.5ch!important;
  }
  #contact .contact-thank-you p{
    font-size:1.05rem!important;
    line-height:1.55!important;
    max-width:25rem!important;
  }
  #contact .contact-header-side{
    position:relative!important;
    align-self:start!important;
    padding:1.4rem 0 0!important;
  }
  #contact .contact-header-side:after{
    content:"";
    display:block;
    width:4.5rem;
    height:3px;
    margin-top:1.35rem;
    border-radius:999px;
    background:#b665ff;
    box-shadow:0 0 22px rgba(182,101,255,.45);
  }
  #contact .info-main-row{
    width:100%!important;
    margin-top:2.8rem!important;
    padding:1.25rem 1.35rem!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
    box-shadow:0 18px 45px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  #contact .info-text-group{
    gap:.45rem!important;
  }
  #contact .contact-email-link{
    font-size:clamp(1.35rem,1.65vw,1.85rem)!important;
    line-height:1.1!important;
    text-transform:none!important;
    word-break:break-word!important;
    color:#fff!important;
  }
  #contact .contact-actions-row{
    margin-top:1.25rem!important;
    gap:.85rem!important;
    align-items:center!important;
  }
  #contact .circle-btn-elegant.social-icon{
    width:4.65rem!important;
    height:4.65rem!important;
    max-width:none!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
    transform:none!important;
  }
  #contact .circle-btn-elegant.social-icon svg{
    width:1.75rem!important;
    height:1.75rem!important;
  }
}

#contact .telegram-icon{
  background:linear-gradient(135deg,#2aabee,#168acd)!important;
  color:#fff!important;
}
#contact .linkedin-icon{
  background:linear-gradient(135deg,#0a66c2,#004182)!important;
  color:#fff!important;
}
#contact .wechat-icon{
  background:linear-gradient(135deg,#2dc100,#169b00)!important;
  color:#fff!important;
}
#contact .wechat-icon svg{
  width:2.05rem!important;
  height:2.05rem!important;
}
#contact .circle-btn-elegant.social-icon:hover{
  filter:saturate(1.08) brightness(1.05);
  transform:translateY(-3px)!important;
  box-shadow:0 18px 34px rgba(0,0,0,.24)!important;
}

.wechat-modal-open{
  overflow:hidden;
}
.wechat-qr-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:1.25rem;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.wechat-qr-modal.is-open{
  opacity:1;
  pointer-events:auto;
}
.wechat-qr-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,7,36,.76);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.wechat-qr-card{
  position:relative;
  width:min(92vw,28rem);
  max-height:92vh;
  overflow:auto;
  padding:1.35rem;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 100% 0%,rgba(45,193,0,.18),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.9));
  box-shadow:0 34px 90px rgba(0,0,0,.38);
  color:#171142;
  transform:translateY(12px) scale(.98);
  transition:transform .22s ease;
}
.wechat-qr-modal.is-open .wechat-qr-card{
  transform:translateY(0) scale(1);
}
.wechat-qr-close{
  position:absolute;
  top:.85rem;
  right:.85rem;
  width:2.3rem;
  height:2.3rem;
  border:0;
  border-radius:999px;
  background:#171142;
  color:#fff;
  font-size:1.45rem;
  line-height:1;
  cursor:pointer;
}
.wechat-qr-kicker{
  display:block;
  color:#f97316;
  font-family:var(--font-heading);
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:.12em;
}
.wechat-qr-card h3{
  margin:.35rem 2.5rem 1rem 0;
  color:#171142;
  font-family:var(--font-heading);
  font-size:clamp(2.35rem,8vw,3.5rem);
  line-height:.9;
  text-transform:uppercase;
}
.wechat-qr-card img{
  display:block;
  width:100%;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 45px rgba(23,17,66,.15);
}
.wechat-qr-card p{
  margin:1rem 0 0;
  color:rgba(23,17,66,.78);
  font-size:1rem;
}

/* Desktop contact redesign */
@media (min-width:1025px){
  #contact.contact-dark-section{
    padding:8.5rem 0 9rem!important;
  }
  #contact .contact-split{
    display:grid!important;
    grid-template-columns:minmax(340px,430px) minmax(520px,640px)!important;
    grid-template-areas:
      "headline form"
      "details form"
      "socials form"!important;
    grid-template-rows:auto auto auto!important;
    align-items:start!important;
    align-content:center!important;
    column-gap:clamp(4rem,7vw,7.5rem)!important;
    row-gap:1.25rem!important;
    max-width:1240px!important;
  }
  #contact .contact-header-side{
    grid-area:headline!important;
    padding:0!important;
    display:block!important;
  }
  #contact .contact-header-side .text-huge{
    font-size:clamp(3.15rem,4.6vw,4.9rem)!important;
    line-height:.88!important;
  }
  #contact .contact-header-side:after{
    width:5.4rem!important;
    height:4px!important;
    margin-top:1.55rem!important;
    background:linear-gradient(90deg,#b665ff,#f97316)!important;
    box-shadow:0 0 26px rgba(182,101,255,.5)!important;
  }
  #contact .info-main-row{
    grid-area:details!important;
    width:100%!important;
    margin:2.4rem 0 0!important;
    padding:1.25rem 1.35rem 1.35rem!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:26px!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(182,101,255,.18),transparent 42%),
      linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
    box-shadow:0 22px 55px rgba(0,0,0,.18)!important;
  }
  #contact .info-text-group{
    gap:.7rem!important;
  }
  #contact .contact-label{
    position:static!important;
    width:auto!important;
    color:#f97316!important;
    font-family:var(--font-heading)!important;
    font-size:22px!important;
    line-height:1!important;
    letter-spacing:.06em!important;
  }
  #contact .contact-email-link{
    font-family:var(--font-heading)!important;
    font-size:clamp(1.12rem,1.45vw,1.62rem)!important;
    line-height:1.05!important;
    text-transform:none!important;
    letter-spacing:0!important;
    color:#fff!important;
    white-space:nowrap!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  #contact .copy-icon{
    width:1rem!important;
    opacity:.6!important;
  }
  #contact .contact-actions-row{
    grid-area:socials!important;
    margin:1.1rem 0 0!important;
    gap:.75rem!important;
    align-items:center!important;
  }
  #contact .circle-btn-elegant.social-icon{
    width:3.65rem!important;
    height:3.65rem!important;
    border:0!important;
    box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
  }
  #contact .circle-btn-elegant.social-icon svg{
    width:1.45rem!important;
    height:1.45rem!important;
  }
  #contact .contact-form-card{
    grid-area:form!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:1.65rem!important;
    border-radius:30px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035)),
      rgba(23,17,66,.62)!important;
    box-shadow:0 28px 70px rgba(0,0,0,.2)!important;
    gap:.9rem!important;
  }
  #contact .contact-form-row{
    gap:.9rem!important;
  }
  #contact .contact-form-card input,
  #contact .contact-form-card textarea,
  #contact .contact-form-card select{
    border-radius:18px!important;
    border-color:rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.07)!important;
    padding:.92rem 1rem!important;
    font-size:.95rem!important;
  }
  #contact .contact-form-card textarea{
    min-height:150px!important;
  }
  #contact .contact-preference-group{
    border-radius:22px!important;
    background:rgba(255,255,255,.045)!important;
    padding:.9rem!important;
  }
  #contact .contact-radio-option{
    padding:.68rem .85rem!important;
    background:rgba(255,255,255,.05)!important;
  }
  #contact .privacy-consent{
    max-width:92%!important;
    color:rgba(255,255,255,.72)!important;
  }
  #contact .contact-form-submit{
    margin-top:.25rem!important;
    background:linear-gradient(135deg,#b665ff,#8f35ff)!important;
    box-shadow:0 16px 34px rgba(182,101,255,.32)!important;
  }
  #contact .contact-thank-you{
    grid-area:form!important;
    margin:0!important;
    align-self:stretch!important;
    display:flex!important;
    justify-content:center!important;
  }
}

/* Footer redesign */
.footer-elegant{
  position:relative;
  padding:4.2rem 0 2rem!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 32%),
    #171142!important;
  overflow:hidden;
}
.footer-elegant:before{
  content:none!important;
}
.footer-redesign{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(18rem,1fr) minmax(24rem,.9fr);
  grid-template-areas:
    "brand nav"
    "legal legal";
  gap:3.2rem clamp(3rem,8vw,8rem);
  align-items:start;
}
.footer-brand-block{
  grid-area:brand;
  align-self:end;
}
.footer-logo{
  display:inline-flex;
  align-items:baseline;
  color:#fff;
  font-family:var(--font-heading);
  font-size:clamp(3.4rem,7vw,6.6rem);
  font-weight:800;
  letter-spacing:.02em;
  line-height:.85;
}
.footer-logo span{
  color:var(--color-accent);
}
.footer-logo .footer-caret{
  margin-left:.04em;
  animation:1s step-end infinite blink;
}
.footer-brand-rule{
  width:min(9.5rem,38vw);
  height:4px;
  margin-top:1.15rem;
  background:linear-gradient(90deg,#b665ff,#f97316);
  box-shadow:0 0 22px rgba(182,101,255,.38);
}
.footer-nav-block{
  grid-area:nav;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:1rem;
  justify-self:end;
  width:min(100%,29rem);
  padding:1.35rem 0 0;
}
.footer-section-label{
  display:block;
  color:#f97316;
  font-family:var(--font-heading);
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:.14em;
  text-align:right;
}
.footer-nav-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(3,auto);
  grid-auto-flow:column;
  gap:.58rem 2.5rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.12);
  text-align:right;
}
.footer-nav-grid a:nth-child(1){grid-column:1;grid-row:1}
.footer-nav-grid a:nth-child(2){grid-column:1;grid-row:2}
.footer-nav-grid a:nth-child(3){grid-column:1;grid-row:3}
.footer-nav-grid a:nth-child(4){grid-column:2;grid-row:1}
.footer-nav-grid a:nth-child(5){grid-column:2;grid-row:2}
.footer-nav-grid a:nth-child(6){grid-column:2;grid-row:3}
.footer-nav-block a{
  color:rgba(255,255,255,.72);
  font-family:var(--font-heading);
  font-size:clamp(1.08rem,1.4vw,1.35rem);
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
  transition:color .25s ease,transform .25s ease;
}
.footer-nav-block a:hover{
  color:#fff;
  transform:translateX(-4px);
}
.footer-legal-block{
  grid-area:legal;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.75rem 1.6rem;
  padding-top:1.35rem;
  border-top:1px solid rgba(255,255,255,.1);
}
.footer-legal-block p{
  margin:0;
  color:rgba(255,255,255,.46);
  font-size:.88rem;
}
.footer-legal-items{
  display:flex;
  gap:.65rem;
  color:rgba(255,255,255,.62);
  font-family:var(--font-body);
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer-legal-items span{
  cursor:default;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:.45rem .8rem;
  background:rgba(255,255,255,.035);
}
@media (max-width:900px){
  .footer-elegant{
    padding:3.4rem 0 2rem!important;
  }
  .footer-redesign{
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "nav"
      "legal";
    gap:2.2rem;
  }
  .footer-nav-block{
    justify-self:stretch;
    width:100%;
    padding-top:0;
  }
  .footer-section-label,
  .footer-nav-grid{
    text-align:left;
  }
  .footer-nav-grid{
    grid-template-columns:1fr;
    gap:.7rem;
  }
  .footer-legal-block{
    align-items:flex-start;
    flex-direction:column-reverse;
    gap:1rem;
  }
  .footer-legal-items{
    flex-direction:column;
    gap:.5rem;
  }
}
@media (min-width:901px){
  .footer-brand-block{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    grid-area:brand!important;
  }
  .footer-logo{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    color:#fff!important;
  }
  .footer-redesign{
    grid-template-columns:minmax(18rem,1fr) minmax(24rem,.9fr)!important;
    grid-template-areas:
      "brand nav"
      "legal legal"!important;
  }
  .footer-nav-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,auto)!important;
    grid-auto-flow:column!important;
    gap:.58rem 2.5rem!important;
  }
  .footer-nav-grid a:nth-child(1){grid-column:1!important;grid-row:1!important}
  .footer-nav-grid a:nth-child(2){grid-column:1!important;grid-row:2!important}
  .footer-nav-grid a:nth-child(3){grid-column:1!important;grid-row:3!important}
  .footer-nav-grid a:nth-child(4){grid-column:2!important;grid-row:1!important}
  .footer-nav-grid a:nth-child(5){grid-column:2!important;grid-row:2!important}
  .footer-nav-grid a:nth-child(6){grid-column:2!important;grid-row:3!important}
} 
/* Keep expertise CTA casing as written */
.service-offer-book{text-transform:none!important;}

/* Premium primary CTAs: refined, visible, coherent */
.hero-cta-primary,
.btn-tech{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.72rem!important;
  overflow:hidden!important;
  color:#fff!important;
  background:linear-gradient(135deg,#c85cff 0%,#a144f5 46%,#872fe0 100%)!important;
  border:1px solid rgba(135,47,224,.72)!important;
  border-radius:999px!important;
  box-shadow:0 18px 36px rgba(141,53,242,.24)!important;
  font-family:var(--font-body)!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
  isolation:isolate!important;
}
.hero-cta-primary::before,
.btn-tech::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 58%);
  pointer-events:none;
}
.hero-cta-primary::after,
.btn-tech::after{
  content:"->";
  color:#fff;
  font-weight:900;
  line-height:1;
  transform:translateY(-1px);
  transition:transform .25s ease,color .25s ease;
}
.hero-cta-primary:hover,
.btn-tech:hover,
.navbar-tech.scrolled .btn-tech:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#d26bff 0%,#aa4cff 48%,#8d35f2 100%)!important;
  border-color:rgba(141,53,242,.86)!important;
  transform:translateY(-3px)!important;
  box-shadow:0 22px 44px rgba(141,53,242,.30)!important;
}
.hero-cta-primary:hover::after,
.btn-tech:hover::after{
  color:#fff;
  transform:translate(4px,-1px);
}
.navbar-tech.scrolled .btn-tech{
  color:#fff!important;
  background:linear-gradient(135deg,#c85cff 0%,#a144f5 46%,#872fe0 100%)!important;
  border-color:rgba(135,47,224,.72)!important;
}
@media (width<=768px){
  .hero-cta-primary::after{font-size:.95em!important;}
}

/* Remove arrows from primary CTAs */
.hero-cta-primary::after,
.btn-tech::after{
  content:none!important;
  display:none!important;
}

/* Hide contact CTA inside mobile menu */
@media (width<=1100px){
  .nav-links-tech.mobile-open .mobile-contact-link{
    display:none!important;
  }
}
/* Hide Discuss Your Project block on mobile */
@media (width<=768px){#contact .contact-header-side{display:none!important}}
/* Hero AI statement */
.hero-ai-statement{font-family:var(--font-heading);color:var(--color-accent);text-transform:uppercase;font-size:1.4rem;line-height:.95;letter-spacing:0;margin:0;display:flex;flex-direction:column;align-self:flex-start;text-align:left;white-space:normal;max-width:20rem}
@media (min-width:769px){.hero .line-2{justify-content:space-between!important;align-items:flex-start!important;gap:2rem}.hero-ai-statement{margin-top:.18rem}}
@media (width<=768px){.hero-ai-statement{order:5;width:100%;max-width:none;align-self:stretch;text-align:right;align-items:flex-end;font-size:clamp(1rem,4.4vw,1.35rem);line-height:1;margin-top:.22rem}.hero-cta-row{order:6}}
@media (width<=768px){.hero-ai-statement span{display:block;width:max-content;text-align:right}.hero-ai-statement{justify-self:end!important}}
@media (width<=768px){.hero-ai-statement span:nth-child(2){position:relative}.hero-ai-statement span:nth-child(2)::after{content:".";position:absolute;left:100%;top:0}}
@media (min-width:769px){.hero-ai-mobile-line{display:none!important}.hero-ai-desktop-line{display:block!important}.hero .line-2{align-items:flex-end!important}.hero-ai-statement{align-self:flex-end!important;margin-top:0!important;margin-bottom:0!important}}@media (width<=768px){.hero-ai-desktop-line{display:none!important}.hero-ai-mobile-line{display:block!important}}
@media (min-width:769px){.hero-ai-statement{margin-left:.36em!important}}
@media (width<=768px){.hero .subtitle-group{gap:0!important}.hero .subtitle-group .method-text{font-size:clamp(1rem,4.4vw,1.35rem)!important;line-height:1!important}}
@media (min-width:769px){.hero .text-block{align-items:stretch!important}.hero .line-1,.hero .line-2,.hero .line-3{width:100%!important}.hero .line-1{justify-content:space-between!important}.hero .line-1>h1{margin-left:0!important}.hero .line-2{justify-content:space-between!important}.hero .chebo-text{margin-left:auto!important;text-align:right!important}.hero .line-3{justify-content:flex-start!important}.hero .subtitle-group{gap:0!important}.hero .subtitle-group .method-text{line-height:21px!important}}
@media (min-width:769px){.hero .line-1>h1,.hero .chebo-text{transform:none!important;transition:none!important}.hero .text-block{width:max-content!important;align-items:stretch!important}.hero .line-1,.hero .line-2,.hero .line-3{width:100%!important}.hero .line-1>h1{margin-left:0!important}.hero .chebo-text{margin-left:auto!important;margin-right:0!important;text-align:right!important}.hero-ai-statement{margin-left:0!important}}

@media (min-width:769px){.hero .text-block{--hero-optical-offset:.135em!important}.hero .line-1>h1{margin-left:0!important;transform:translateX(calc(var(--scroll, 0) * -0.6px))!important;transition:transform .1s ease-out!important}.hero-ai-statement{margin-left:var(--hero-optical-offset)!important}.hero .line-3>h1{margin-left:0!important;width:100%!important}.hero .chebo-text{margin-left:auto!important;margin-right:0!important;text-align:right!important;transform:translateX(calc(var(--scroll, 0) * .6px))!important;transition:transform .1s ease-out!important}.hero .subtitle-group{justify-self:end!important;margin-left:auto!important;column-gap:1.55rem!important}.hero-side-photo{justify-self:end!important;transform:translateX(-5px)!important}}
/* mobile hero center composition */
@media (width<=768px){
  html,body,#root,main{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .navbar-tech{padding:1.35rem 1.15rem!important}
  .navbar-tech.scrolled{padding:1rem 1.15rem!important}
  .nav-toggle-tech{width:3.8rem!important;height:3.8rem!important;min-width:3.8rem!important}
  .hero{width:100%!important;max-width:100%!important;min-height:100svh!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}
  .hero-container{width:100%!important;max-width:100%!important;min-height:100svh!important;justify-content:center!important;padding-top:calc(env(safe-area-inset-top,0px) + 4.1rem)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + .8rem)!important}
  .hero .text-block{width:100%!important;max-width:100%!important;padding-inline:1rem!important;gap:0!important;transform:translateY(-.45rem)!important;overflow:hidden!important}
  .hero .line-1,.hero .line-2,.hero .line-3{width:100%!important;max-width:100%!important;overflow:visible!important}
  .hero .line-1{padding-top:0!important;margin-top:0!important}
  .hero .line-1>h1,.hero .chebo-text{font-size:clamp(2.65rem,12.9vw,3.7rem)!important;line-height:.86!important;letter-spacing:0!important;white-space:nowrap!important}
  .hero .chebo-text{margin-top:.1rem!important}
  .hero .line-3>h1{font-size:clamp(2.2rem,10vw,2.95rem)!important;line-height:.86!important;letter-spacing:0!important;white-space:nowrap!important;margin-top:.1rem!important;padding-bottom:.02em!important;max-width:100%!important}
  .hero .subtitle-group{margin-top:.3rem!important;margin-bottom:.08rem!important;max-width:100%!important;overflow:visible!important}
  .hero .subtitle-group .method-text{font-size:clamp(1rem,4.05vw,1.25rem)!important;line-height:1!important;white-space:normal!important}
  .hero-ai-statement{font-size:clamp(1rem,4.05vw,1.25rem)!important;line-height:1!important;margin-top:.12rem!important;max-width:100%!important;overflow:hidden!important}
  .hero-ai-statement span{max-width:100%!important}
  .hero-cta-row{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;gap:.38rem!important;margin-top:.18rem!important;transform:translateY(-.62rem)!important;overflow:visible!important}
  .hero-cta-photo-mobile{width:clamp(8.4rem,34vw,9.9rem)!important;height:clamp(8.4rem,34vw,9.9rem)!important;transform:translateY(-.55rem)!important;margin-bottom:-.36rem!important}
  .hero-cta-stack{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.1rem!important;width:100%!important}
  .hero-cta-stack .hero-cta-primary{width:min(18rem,calc(100vw - 3.2rem))!important;max-width:min(18rem,calc(100vw - 3.2rem))!important;min-width:0!important}
  .hero-cta-stack .hero-cta-secondary{width:min(14rem,calc(100vw - 5rem))!important;max-width:min(14rem,calc(100vw - 5rem))!important;min-width:0!important}
}
@media (width<=480px){
  .navbar-tech{padding:1.2rem 1rem!important}
  .navbar-tech.scrolled{padding:.95rem 1rem!important}
  .nav-toggle-tech{width:3.65rem!important;height:3.65rem!important;min-width:3.65rem!important}
  .hero-container{padding-top:calc(env(safe-area-inset-top,0px) + 3.85rem)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + .68rem)!important}
  .hero .text-block{padding-inline:.9rem!important;transform:translateY(-.35rem)!important}
  .hero .line-1>h1,.hero .chebo-text{font-size:clamp(2.55rem,12.6vw,3.55rem)!important;line-height:.84!important}
  .hero .line-3>h1{font-size:clamp(2.08rem,9.75vw,2.75rem)!important;line-height:.84!important}
  .hero .chebo-text,.hero .line-3>h1{margin-top:.06rem!important}
  .hero .subtitle-group .method-text,.hero-ai-statement{font-size:clamp(.98rem,3.95vw,1.2rem)!important;line-height:1!important}
  .hero-cta-row{gap:.32rem!important;margin-top:.12rem!important;transform:translateY(-.58rem)!important}
  .hero-cta-photo-mobile{width:8.55rem!important;height:8.55rem!important;transform:translateY(-.52rem)!important;margin-bottom:-.36rem!important}
  .hero-cta-stack{gap:.08rem!important}
}
/* mobile hero edge containment */
@media (width<=768px){
  .navbar-tech-inner{width:100%!important;max-width:none!important}
  .nav-toggle-tech{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 1.25rem)!important;right:1rem!important;z-index:10040!important}
  .hero-ai-statement{padding-right:.9rem!important;box-sizing:border-box!important;transform:translateX(-.25rem)!important}
  .hero-ai-statement span{width:auto!important;max-width:calc(100vw - 2rem)!important;white-space:nowrap!important}
}
@media (width<=480px){
  .nav-toggle-tech{top:calc(env(safe-area-inset-top,0px) + 1.15rem)!important;right:.95rem!important}
  .hero-ai-statement{font-size:clamp(.9rem,3.55vw,1.08rem)!important;padding-right:.85rem!important;transform:translateX(-.35rem)!important}
}
/* mobile hero final fit */
@media (width<=768px){
  .navbar-tech .nav-toggle-tech{display:flex!important;position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 1.2rem)!important;right:1.1rem!important;left:auto!important;z-index:10060!important;width:3.75rem!important;height:3.75rem!important;min-width:3.75rem!important;max-width:3.75rem!important;transform:none!important}
  .navbar-tech .nav-toggle-tech span{display:block!important}
  .hero .line-1>h1,.hero .chebo-text{font-size:clamp(2.45rem,10.7vw,3.25rem)!important}
  .hero .line-3>h1{font-size:clamp(2rem,8.75vw,2.65rem)!important}
  .hero .subtitle-group .method-text{font-size:clamp(.88rem,3.35vw,1.05rem)!important;line-height:1!important}
  .hero-ai-statement{font-size:clamp(.88rem,3.35vw,1.05rem)!important;line-height:1!important;padding-right:1.15rem!important;transform:translateX(-.55rem)!important}
}
@media (width<=480px){
  .navbar-tech .nav-toggle-tech{top:calc(env(safe-area-inset-top,0px) + 1.1rem)!important;right:1rem!important;width:3.55rem!important;height:3.55rem!important;min-width:3.55rem!important;max-width:3.55rem!important}
  .hero .line-1>h1,.hero .chebo-text{font-size:clamp(2.42rem,10.4vw,3.1rem)!important}
  .hero .line-3>h1{font-size:clamp(1.95rem,8.45vw,2.52rem)!important}
  .hero .subtitle-group .method-text,.hero-ai-statement{font-size:clamp(.86rem,3.25vw,1rem)!important}
}
/* mobile hero menu and violet statement lock */
@media (width<=768px){
  .navbar-tech .nav-toggle-tech{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 1.2rem)!important;left:calc(100vw - 4.95rem)!important;right:auto!important;margin:0!important;width:3.75rem!important;height:3.75rem!important;min-width:3.75rem!important;max-width:3.75rem!important;transform:none!important;z-index:10080!important}
  .hero-ai-statement{font-size:clamp(.82rem,3.05vw,.96rem)!important;transform:translateX(-1.15rem)!important;padding-right:1.4rem!important}
}
@media (width<=480px){
  .navbar-tech .nav-toggle-tech{top:calc(env(safe-area-inset-top,0px) + 1.1rem)!important;left:calc(100vw - 4.65rem)!important;width:3.55rem!important;height:3.55rem!important;min-width:3.55rem!important;max-width:3.55rem!important}
  .hero-ai-statement{font-size:clamp(.8rem,2.95vw,.92rem)!important;transform:translateX(-1.25rem)!important}
}
/* mobile hero resolved grid */
@media (width<=768px){
  html,body,#root,main{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .navbar-tech{padding:1.35rem 2rem!important}
  .navbar-tech.scrolled{padding:1rem 2rem!important}
  .navbar-tech .nav-toggle-tech{display:flex!important;position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 1.25rem)!important;right:2rem!important;left:auto!important;width:3.7rem!important;height:3.7rem!important;min-width:3.7rem!important;max-width:3.7rem!important;margin:0!important;transform:none!important;z-index:10080!important}
  .hero{width:100%!important;max-width:100%!important;min-height:100svh!important;padding:0!important;overflow:hidden!important}
  .hero-container.container{width:100%!important;max-width:100%!important;min-height:100svh!important;display:flex!important;justify-content:center!important;align-items:stretch!important;padding:calc(env(safe-area-inset-top,0px) + 5.1rem) 2rem calc(env(safe-area-inset-bottom,0px) + 2.2rem)!important}
  .hero .text-block{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;gap:0!important;transform:none!important;overflow:visible!important}
  .hero .line-1,.hero .line-2,.hero .line-3{width:100%!important;max-width:100%!important;overflow:visible!important}
  .hero .line-1{padding:0!important;margin:0!important;justify-content:flex-start!important}
  .hero .line-2{align-items:flex-start!important;justify-content:flex-start!important;margin:0!important}
  .hero .line-3{justify-content:flex-start!important;margin:0!important}
  .hero .subtitle-group{align-items:flex-start!important;text-align:left!important;gap:0!important;margin:0 0 .28rem!important;max-width:100%!important;overflow:visible!important}
  .hero .subtitle-group .method-text{font-size:clamp(1rem,4.15vw,1.22rem)!important;line-height:1!important;letter-spacing:0!important;text-align:left!important;white-space:normal!important}
  .hero .line-1>h1,.hero .chebo-text{font-size:clamp(2.8rem,13.1vw,3.75rem)!important;line-height:.84!important;letter-spacing:0!important;white-space:nowrap!important;margin:0!important;text-align:left!important}
  .hero .chebo-text{margin-top:.16rem!important}
  .hero .line-3>h1{font-size:clamp(2.28rem,10.45vw,3.08rem)!important;line-height:.84!important;letter-spacing:0!important;white-space:nowrap!important;margin:.16rem 0 0!important;padding:0!important;text-align:left!important;width:100%!important;max-width:100%!important}
  .hero-ai-statement{order:5!important;width:100%!important;max-width:100%!important;align-self:stretch!important;align-items:flex-end!important;text-align:right!important;margin:.38rem 0 0!important;padding:0!important;transform:none!important;overflow:visible!important;font-size:clamp(1rem,4.15vw,1.22rem)!important;line-height:1!important;letter-spacing:0!important}
  .hero-ai-statement span{display:block!important;width:auto!important;max-width:100%!important;white-space:nowrap!important;text-align:right!important}
  .hero-cta-row{order:6!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:clamp(1rem,3.1vh,1.55rem) 0 0!important;gap:clamp(.62rem,1.8vh,.95rem)!important;transform:none!important;overflow:visible!important}
  .hero-cta-photo-mobile{width:8.55rem!important;height:8.55rem!important;margin:0!important;transform:none!important;flex:0 0 auto!important}
  .hero-cta-stack{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;gap:.38rem!important}
  .hero-cta-stack .hero-cta-primary{width:min(18.25rem,100%)!important;max-width:100%!important;min-width:0!important}
  .hero-cta-stack .hero-cta-secondary{width:min(14.5rem,calc(100% - 2rem))!important;max-width:calc(100% - 2rem)!important;min-width:0!important}
}
@media (width<=480px){
  .navbar-tech{padding:1.2rem 1.65rem!important}
  .navbar-tech.scrolled{padding:.95rem 1.65rem!important}
  .navbar-tech .nav-toggle-tech{top:calc(env(safe-area-inset-top,0px) + 1.12rem)!important;right:1.65rem!important;width:3.55rem!important;height:3.55rem!important;min-width:3.55rem!important;max-width:3.55rem!important}
  .hero-container.container{padding:calc(env(safe-area-inset-top,0px) + 4.85rem) 1.65rem calc(env(safe-area-inset-bottom,0px) + 1.75rem)!important}
  .hero .subtitle-group{margin-bottom:.24rem!important}
  .hero .subtitle-group .method-text,.hero-ai-statement{font-size:clamp(.96rem,4vw,1.08rem)!important;line-height:1!important}
  .hero .line-1>h1,.hero .chebo-text{font-size:clamp(2.58rem,12.6vw,3.25rem)!important;line-height:.84!important}
  .hero .chebo-text{margin-top:.13rem!important}
  .hero .line-3>h1{font-size:clamp(2.08rem,10.05vw,2.72rem)!important;line-height:.84!important;margin-top:.13rem!important}
  .hero-ai-statement{margin-top:.34rem!important}
  .hero-cta-row{margin-top:clamp(.95rem,2.8vh,1.35rem)!important;gap:clamp(.56rem,1.55vh,.82rem)!important}
  .hero-cta-photo-mobile{width:8.55rem!important;height:8.55rem!important}
  .hero-cta-stack{gap:.34rem!important}
}
/* mobile hero resolved grid patch */
@media (width<=768px){
  .hero-ai-statement .hero-ai-desktop-line{display:none!important}
  .hero-ai-statement .hero-ai-mobile-line{display:block!important}
  .hero-ai-statement .hero-ai-mobile-line:nth-child(2)::after{content:"."!important;position:absolute!important;left:100%!important;top:0!important}
  .hero-ai-statement .hero-ai-mobile-line:nth-child(2){position:relative!important}
}
/* mobile hero equal portrait rhythm */
@media (width<=768px){
  .hero-cta-row{margin-top:2.45rem!important;gap:2.45rem!important}
}
@media (width<=480px){
  .hero-cta-row{margin-top:2.25rem!important;gap:2.25rem!important}
}
/* mobile project manager optical width */
@media (width<=768px){
  .hero .line-3>h1{font-size:clamp(2.35rem,11.25vw,3.28rem)!important;line-height:.84!important}
}
@media (width<=480px){
  .hero .line-3>h1{font-size:clamp(2.32rem,11.27vw,3.05rem)!important;line-height:.84!important}
}

/* Overlay safety: prevent intermittent blank white screens */
@media (width<=1100px){
  .nav-links-tech:not(.mobile-open){
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .nav-links-tech.mobile-open{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:linear-gradient(180deg,#fff 0%,#fff 74%,#f7f0ff 100%)!important;
    color:#000!important;
    z-index:10050!important;
  }
  .nav-links-tech.mobile-open .nav-link-tech{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    color:#000!important;
  }
  .nav-links-tech.mobile-open .nav-link-tech span{
    color:var(--color-accent)!important;
  }
}
body:not(.wechat-modal-open) .wechat-qr-modal,
.wechat-qr-modal:not(.is-open){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.wechat-modal-open .wechat-qr-modal.is-open{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.wechat-qr-modal.is-open .wechat-qr-card{
  opacity:1!important;
  visibility:visible!important;
}

/* Mobile hero typography adjustment */
@media (width<=768px){
  .hero .line-1>h1,
  .hero .chebo-text{
    transform:none!important;
    transition:none!important;
  }
  .hero .subtitle-group .method-text,
  .hero-ai-statement{
    font-size:25px!important;
    line-height:25px!important;
    letter-spacing:0!important;
  }
  .hero-ai-statement span{
    line-height:25px!important;
  }
}

/* Mobile hero refinement: smaller captions, larger portrait, equal CTA widths */
@media (width<=768px){
  .hero .subtitle-group .method-text,
  .hero-ai-statement{
    font-size:18px!important;
    line-height:18px!important;
  }
  .hero-ai-statement span{
    line-height:18px!important;
  }
  .hero-cta-photo-mobile{
    width:clamp(10.2rem,43vw,12.2rem)!important;
    height:clamp(10.2rem,43vw,12.2rem)!important;
  }
  .hero-cta-stack .hero-cta-primary,
  .hero-cta-stack .hero-cta-secondary{
    width:min(18.25rem,100%)!important;
    max-width:100%!important;
  }
}
@media (width<=480px){
  .hero-cta-photo-mobile{
    width:10.3rem!important;
    height:10.3rem!important;
  }
  .hero-cta-stack .hero-cta-primary,
  .hero-cta-stack .hero-cta-secondary{
    width:min(17rem,100%)!important;
    max-width:100%!important;
  }
}

/* Mobile hero reference redesign */
@media (width <= 768px) {
  .hero {
    min-height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background: linear-gradient(180deg, #fbf8ff 0%, #ffffff 72%) !important;
  }

  .hero-container.container {
    width: 100% !important;
    max-width: none !important;
    padding: calc(var(--safe-top, 0px) + 6rem) 1rem 2.25rem !important;
  }

  .hero .text-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-height: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .hero .line-1,
  .hero .line-2,
  .hero .line-3,
  .hero-cta-row {
    display: contents !important;
  }

  .hero .line-1 > h1,
  .hero .chebo-text,
  .hero .line-3 > h1,
  .hero-ai-statement,
  .hero-side-photo {
    display: none !important;
  }

  .hero-cta-photo-mobile {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    height: min(58vh, 32rem) !important;
    min-height: 25.5rem !important;
    max-height: 34rem !important;
    margin: 0 0 2rem !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    box-shadow: 0 1.25rem 3rem rgba(28, 20, 55, .12) !important;
    background: #e9e4ee !important;
  }

  .hero-cta-photo-mobile img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 28% !important;
    filter: grayscale(1) contrast(1.04) !important;
    transform: none !important;
  }

  .mobile-ai-headline {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 0 1.05rem !important;
    color: #171820 !important;
    font-family: Oswald, sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(3.1rem, 13vw, 4.45rem) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  .mobile-ai-headline .accent {
    color: #9c4ff5 !important;
  }

  .hero .subtitle-group {
    order: 3 !important;
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 2.5rem !important;
    padding: .1rem 0 .1rem 1rem !important;
    border-left: 2px solid #9c4ff5 !important;
    text-align: left !important;
    transform: none !important;
  }

  .hero .subtitle-group::before {
    content: "IT PROJECT MANAGER";
    display: block;
    margin: 0 0 .8rem;
    color: #9c4ff5;
    font-family: Inter, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .17em;
    line-height: 1;
  }

  .hero .subtitle-group .method-text {
    display: block !important;
    color: #555c6e !important;
    font-family: Oswald, sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  .hero-cta-stack {
    order: 4 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    gap: 1rem !important;
    margin: 0 !important;
  }

  .hero-cta-stack .hero-cta-primary,
  .hero-cta-stack .hero-cta-secondary {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 4.35rem !important;
    border-radius: .28rem !important;
    font-family: Inter, sans-serif !important;
    font-size: .92rem !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  .hero-cta-stack .hero-cta-primary {
    background: #8a2be2 !important;
    border: 1px solid #8a2be2 !important;
    color: #fff !important;
    box-shadow: 0 1rem 1.8rem rgba(138, 43, 226, .28) !important;
  }

  .hero-cta-stack .hero-cta-secondary {
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(28, 22, 43, .22) !important;
    color: #171820 !important;
    box-shadow: none !important;
  }
}

@media (width <= 390px) {
  .hero-container.container {
    padding-left: .85rem !important;
    padding-right: .85rem !important;
  }

  .hero-cta-photo-mobile {
    min-height: 23rem !important;
    margin-bottom: 1.7rem !important;
  }

  .mobile-ai-headline {
    font-size: clamp(2.75rem, 12.5vw, 3.45rem) !important;
  }
}

/* Mobile hero reference layout order fix */
@media (width <= 768px) {
  .hero-container.container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .hero .text-block {
    display: contents !important;
  }

  .mobile-ai-headline {
    display: flex !important;
  }
}

/* Mobile hero reference polish */
@media (width <= 768px) {
  .navbar-tech {
    display: none !important;
  }

  .hero-container.container {
    padding: 1rem 1rem 2.25rem !important;
    overflow: hidden !important;
  }

  .hero-cta-photo-mobile {
    height: min(61vh, 34rem) !important;
    min-height: 27rem !important;
    margin-bottom: 2.25rem !important;
  }

  .mobile-ai-headline {
    font-size: clamp(2.7rem, 10.6vw, 3.28rem) !important;
    line-height: .96 !important;
    margin-bottom: 1.2rem !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .mobile-ai-headline span {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  .hero .subtitle-group {
    margin-bottom: 2.35rem !important;
  }
}

@media (width <= 390px) {
  .hero-container.container {
    padding-left: .9rem !important;
    padding-right: .9rem !important;
  }

  .hero-cta-photo-mobile {
    min-height: 24.5rem !important;
  }

  .mobile-ai-headline {
    font-size: clamp(2.45rem, 10.1vw, 2.9rem) !important;
  }
}

/* Mobile hero reference compact spacing */
@media (width <= 768px) {
  .hero-cta-photo-mobile {
    height: min(52vh, 30rem) !important;
    min-height: 24rem !important;
    margin-bottom: 1.35rem !important;
  }

  .mobile-ai-headline {
    margin-bottom: .7rem !important;
  }

  .hero .subtitle-group {
    margin-bottom: 1.9rem !important;
  }

  .hero-cta-stack {
    gap: .85rem !important;
  }
}

@media (width <= 390px) {
  .hero-cta-photo-mobile {
    min-height: 22.5rem !important;
    margin-bottom: 1.1rem !important;
  }
}

/* Mobile hero first-screen fit */
@media (width <= 768px) {
  .hero-container.container {
    padding-bottom: 1.5rem !important;
  }

  .hero-cta-photo-mobile {
    height: clamp(23rem, 43vh, 25rem) !important;
    min-height: 23rem !important;
    max-height: 25rem !important;
    margin-bottom: .9rem !important;
  }

  .mobile-ai-headline {
    font-size: clamp(2.62rem, 9.8vw, 3rem) !important;
    line-height: .94 !important;
    margin-bottom: .42rem !important;
  }

  .hero .subtitle-group {
    margin-bottom: 1.45rem !important;
  }

  .hero .subtitle-group::before {
    margin-bottom: .55rem !important;
  }

  .hero .subtitle-group .method-text {
    font-size: 1rem !important;
    line-height: 1.22 !important;
  }

  .hero-cta-stack .hero-cta-primary,
  .hero-cta-stack .hero-cta-secondary {
    height: 4.05rem !important;
  }
}

@media (width <= 390px) {
  .hero-cta-photo-mobile {
    height: 21.5rem !important;
    min-height: 21.5rem !important;
  }

  .mobile-ai-headline {
    font-size: clamp(2.32rem, 9.6vw, 2.7rem) !important;
  }
}

/* Mobile hero: restore nav and original-color portrait */
@media (width <= 768px) {
  .navbar-tech {
    display: flex !important;
  }

  .hero-container.container {
    padding-top: calc(var(--safe-top, 0px) + 6.75rem) !important;
  }

  .hero-cta-photo-mobile {
    margin-top: .35rem !important;
  }

  .hero-cta-photo-mobile img {
    filter: none !important;
  }
}

/* Mobile nav inset after hero reference layout */
@media (width <= 768px) {
  .navbar-tech {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .nav-toggle-tech {
    margin-left: auto !important;
    margin-right: 0 !important;
    transform: none !important;
  }
}

/* Mobile navbar scrolled alignment fix */
@media (width <= 768px) {
  .navbar-tech,
  .navbar-tech.scrolled:not(.menu-open) {
    display: block !important;
    padding: 1rem 1rem !important;
    min-height: 5.75rem !important;
  }

  .navbar-tech-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 3.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .nav-logo-tech {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }

  .navbar-tech .nav-toggle-tech,
  .navbar-tech.scrolled .nav-toggle-tech {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    margin: 0 !important;
    flex: 0 0 3.75rem !important;
    width: 3.75rem !important;
    height: 3.75rem !important;
    min-width: 3.75rem !important;
    max-width: 3.75rem !important;
    transform: none !important;
  }
}

@media (width <= 390px) {
  .navbar-tech,
  .navbar-tech.scrolled:not(.menu-open) {
    padding: .95rem .9rem !important;
    min-height: 5.45rem !important;
  }

  .navbar-tech .nav-toggle-tech,
  .navbar-tech.scrolled .nav-toggle-tech {
    flex-basis: 3.55rem !important;
    width: 3.55rem !important;
    height: 3.55rem !important;
    min-width: 3.55rem !important;
    max-width: 3.55rem !important;
  }
}

/* Mobile hero viewport fit: keep the whole opening block inside the first screen */
@media (width <= 768px) {
  .hero {
    min-height: 100dvh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .hero-container.container {
    min-height: 100dvh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: calc(env(safe-area-inset-top, 0px) + 5.85rem) 1rem calc(env(safe-area-inset-bottom, 0px) + .85rem) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  .hero-cta-photo-mobile {
    height: clamp(15.5rem, 33vh, 20.5rem) !important;
    min-height: 0 !important;
    max-height: 20.5rem !important;
    margin: 0 0 .72rem !important;
    border-radius: .9rem !important;
  }

  .hero-cta-photo-mobile img {
    filter: none !important;
    object-position: center 30% !important;
  }

  .mobile-ai-headline {
    font-size: clamp(2rem, 8.2vw, 2.62rem) !important;
    line-height: .91 !important;
    margin: 0 0 .38rem !important;
  }

  .hero .subtitle-group {
    margin: 0 0 .82rem !important;
    padding: .05rem 0 .05rem .82rem !important;
    border-left-color: #9c4ff5 !important;
  }

  .hero .subtitle-group::before {
    margin-bottom: .42rem !important;
    font-size: .66rem !important;
  }

  .hero .subtitle-group .method-text {
    color: #f97316 !important;
    font-size: clamp(.78rem, 2.9vw, .94rem) !important;
    line-height: 1.06 !important;
  }

  .hero-cta-stack {
    gap: .55rem !important;
    margin: 0 !important;
  }

  .hero-cta-stack .hero-cta-primary,
  .hero-cta-stack .hero-cta-secondary {
    width: 100% !important;
    max-width: none !important;
    height: 3.22rem !important;
    border-radius: 999px !important;
    font-size: .8rem !important;
  }
}

@media (width <= 390px) {
  .hero-container.container {
    padding: calc(env(safe-area-inset-top, 0px) + 5.35rem) .9rem calc(env(safe-area-inset-bottom, 0px) + .65rem) !important;
  }

  .hero-cta-photo-mobile {
    height: clamp(13.25rem, 30vh, 17.25rem) !important;
    max-height: 17.25rem !important;
    margin-bottom: .58rem !important;
  }

  .mobile-ai-headline {
    font-size: clamp(1.75rem, 7.8vw, 2.2rem) !important;
    margin-bottom: .3rem !important;
  }

  .hero .subtitle-group {
    margin-bottom: .68rem !important;
  }

  .hero .subtitle-group::before {
    margin-bottom: .35rem !important;
    font-size: .6rem !important;
  }

  .hero .subtitle-group .method-text {
    font-size: clamp(.7rem, 2.75vw, .82rem) !important;
    line-height: 1.04 !important;
  }

  .hero-cta-stack {
    gap: .42rem !important;
  }

  .hero-cta-stack .hero-cta-primary,
  .hero-cta-stack .hero-cta-secondary {
    height: 2.9rem !important;
    font-size: .74rem !important;
  }
}

/* Final mobile nav containment after hero fit */
@media (width <= 768px) {
  .navbar-tech,
  .navbar-tech.scrolled:not(.menu-open) {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .navbar-tech-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .navbar-tech .nav-toggle-tech,
  .navbar-tech.scrolled .nav-toggle-tech {
    position: relative !important;
    inset: auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    flex: 0 0 3.75rem !important;
    width: 3.75rem !important;
    height: 3.75rem !important;
    min-width: 3.75rem !important;
    max-width: 3.75rem !important;
    transform: none !important;
  }
}

@media (width <= 390px) {
  .navbar-tech,
  .navbar-tech.scrolled:not(.menu-open) {
    padding-left: .9rem !important;
    padding-right: .9rem !important;
  }

  .navbar-tech .nav-toggle-tech,
  .navbar-tech.scrolled .nav-toggle-tech {
    flex-basis: 3.55rem !important;
    width: 3.55rem !important;
    height: 3.55rem !important;
    min-width: 3.55rem !important;
    max-width: 3.55rem !important;
  }
}

/* Mobile: never show the desktop navbar CTA */
@media (width <= 1100px) {
  .navbar-tech .btn-tech {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Mobile hero: lower portrait, tighter headline gap, stronger meta text */
@media (width <= 768px) {
  .hero-container.container {
    padding-top: calc(env(safe-area-inset-top, 0px) + 7.15rem) !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + .7rem) !important;
  }

  .hero-cta-photo-mobile {
    height: clamp(14.3rem, 30.5vh, 19rem) !important;
    max-height: 19rem !important;
    margin-top: 0 !important;
    margin-bottom: .34rem !important;
  }

  .mobile-ai-headline {
    margin-top: 0 !important;
    margin-bottom: .38rem !important;
  }

  .hero .subtitle-group {
    margin-bottom: .74rem !important;
    padding-left: .9rem !important;
  }

  .hero .subtitle-group::before {
    font-size: .78rem !important;
    line-height: 1.05 !important;
    margin-bottom: .48rem !important;
  }

  .hero .subtitle-group .method-text {
    color: #f97316 !important;
    font-size: clamp(.9rem, 3.25vw, 1.06rem) !important;
    line-height: 1.08 !important;
  }
}

@media (width <= 390px) {
  .hero-container.container {
    padding-top: calc(env(safe-area-inset-top, 0px) + 6.55rem) !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + .58rem) !important;
  }

  .hero-cta-photo-mobile {
    height: clamp(12.7rem, 28vh, 15.7rem) !important;
    max-height: 15.7rem !important;
    margin-bottom: .28rem !important;
  }

  .mobile-ai-headline {
    margin-bottom: .28rem !important;
  }

  .hero .subtitle-group {
    margin-bottom: .58rem !important;
  }

  .hero .subtitle-group::before {
    font-size: .72rem !important;
    margin-bottom: .42rem !important;
  }

  .hero .subtitle-group .method-text {
    font-size: clamp(.82rem, 3.2vw, .94rem) !important;
    line-height: 1.05 !important;
  }

  .hero-cta-stack .hero-cta-primary,
  .hero-cta-stack .hero-cta-secondary {
    height: 2.82rem !important;
  }
}

/* Mobile hero/nav final containment and compact spacing */
@media (width <= 768px) {
  .navbar-tech {
    width: 100vw !important;
    left: 0 !important;
    right: auto !important;
    padding: calc(env(safe-area-inset-top, 0px) + .9rem) 1rem .65rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .navbar-tech.scrolled:not(.menu-open) {
    padding: calc(env(safe-area-inset-top, 0px) + .9rem) 1rem .65rem !important;
    background: #171142f2 !important;
  }

  .navbar-tech-inner {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .navbar-tech .nav-toggle-tech,
  .navbar-tech.scrolled .nav-toggle-tech {
    position: static !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    flex: 0 0 3.7rem !important;
    width: 3.7rem !important;
    height: 3.7rem !important;
    min-width: 3.7rem !important;
    max-width: 3.7rem !important;
    transform: none !important;
  }

  .hero-container.container {
    padding-top: calc(env(safe-area-inset-top, 0px) + 8rem) !important;
  }

  .hero-cta-photo-mobile {
    height: clamp(14.1rem, 29vh, 18.2rem) !important;
    max-height: 18.2rem !important;
    margin-bottom: .18rem !important;
  }

  .mobile-ai-headline {
    margin-top: 0 !important;
    margin-bottom: .34rem !important;
  }

  .hero .subtitle-group::before {
    font-size: .92rem !important;
    line-height: 1.05 !important;
  }

  .hero .subtitle-group .method-text {
    font-size: clamp(.98rem, 3.55vw, 1.14rem) !important;
    line-height: 1.06 !important;
  }
}

@media (width <= 390px) {
  .navbar-tech {
    padding-left: .85rem !important;
    padding-right: .85rem !important;
  }

  .navbar-tech .nav-toggle-tech,
  .navbar-tech.scrolled .nav-toggle-tech {
    flex-basis: 3.55rem !important;
    width: 3.55rem !important;
    height: 3.55rem !important;
    min-width: 3.55rem !important;
    max-width: 3.55rem !important;
  }

  .hero-container.container {
    padding-top: calc(env(safe-area-inset-top, 0px) + 7.25rem) !important;
  }

  .hero-cta-photo-mobile {
    height: clamp(12.6rem, 27vh, 15.3rem) !important;
    max-height: 15.3rem !important;
    margin-bottom: .14rem !important;
  }

  .hero .subtitle-group::before {
    font-size: .82rem !important;
  }

  .hero .subtitle-group .method-text {
    font-size: clamp(.88rem, 3.45vw, .98rem) !important;
  }
}

/* Mobile hero vertical compression: fit both CTA buttons in first screen */
@media (width <= 768px) {
  .hero {
    min-height: 100svh !important;
  }

  .hero-container.container {
    min-height: 100svh !important;
    justify-content: flex-start !important;
    padding-top: calc(env(safe-area-inset-top, 0px) + 7.75rem) !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + .45rem) !important;
  }

  .hero-cta-photo-mobile {
    margin-bottom: -1.65rem !important;
  }

  .mobile-ai-headline {
    margin-top: 0 !important;
    margin-bottom: .02rem !important;
    line-height: .82 !important;
  }

  .mobile-ai-headline span {
    line-height: .82 !important;
  }

  .hero .subtitle-group {
    margin-top: 0 !important;
    margin-bottom: .42rem !important;
  }

  .hero .subtitle-group::before {
    font-size: clamp(.95rem, 3.75vw, 1.12rem) !important;
    line-height: 1.02 !important;
    margin-bottom: .24rem !important;
  }

  .hero .subtitle-group .method-text {
    color: #f97316 !important;
    font-size: clamp(.98rem, 3.65vw, 1.14rem) !important;
    line-height: 1.02 !important;
  }

  .hero-cta-stack {
    gap: .34rem !important;
  }

  .hero-cta-stack .hero-cta-primary,
  .hero-cta-stack .hero-cta-secondary {
    height: 3.2rem !important;
    border-radius: 1rem !important;
  }
}

@media (width <= 390px) {
  .hero-container.container {
    padding-top: calc(env(safe-area-inset-top, 0px) + 7.05rem) !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + .38rem) !important;
  }

  .hero-cta-photo-mobile {
    margin-bottom: -1.42rem !important;
  }

  .mobile-ai-headline {
    margin-bottom: 0 !important;
    line-height: .8 !important;
  }

  .mobile-ai-headline span {
    line-height: .8 !important;
  }

  .hero .subtitle-group {
    margin-bottom: .34rem !important;
  }

  .hero .subtitle-group::before {
    font-size: .9rem !important;
    margin-bottom: .2rem !important;
  }

  .hero .subtitle-group .method-text {
    font-size: .9rem !important;
    line-height: 1.01 !important;
  }

  .hero-cta-stack {
    gap: .28rem !important;
  }

  .hero-cta-stack .hero-cta-primary,
  .hero-cta-stack .hero-cta-secondary {
    height: 3.05rem !important;
  }
}

/* Mobile hero CTA polish */
@media (width <= 768px) {
  .hero-cta-stack .hero-cta-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #c85cff 0%, #8d35f2 100%) !important;
    border: 1px solid #8d35f2 !important;
    outline: 1px solid rgba(255,255,255,.2) !important;
    outline-offset: -2px !important;
    box-shadow: 0 16px 32px rgba(141,53,242,.28), inset 0 1px 0 rgba(255,255,255,.2) !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
  }

  .hero-cta-stack .hero-cta-primary:hover,
  .hero-cta-stack .hero-cta-primary:focus-visible {
    color: #fff !important;
    background: linear-gradient(135deg, #d16aff 0%, #8229e6 100%) !important;
    border-color: #8229e6 !important;
  }
}

/* Mobile hero CTA: remove inherited decorative layers */
@media (width <= 768px) {
  .hero-cta-stack .hero-cta-primary {
    border-radius: 1rem !important;
    border: 0 !important;
    outline: 0 !important;
    background: linear-gradient(135deg, #c85cff 0%, #982ff0 48%, #8d24dd 100%) !important;
    box-shadow: 0 14px 28px rgba(141, 36, 221, .28) !important;
  }

  .hero-cta-stack .hero-cta-primary::before,
  .hero-cta-stack .hero-cta-primary::after {
    content: none !important;
    display: none !important;
  }
}

/* Mobile headline: two-line AI statement with cleaner rhythm */
@media (width <= 768px) {
  .mobile-ai-headline {
    display: flex !important;
    flex-direction: column !important;
    gap: .34rem !important;
    line-height: .86 !important;
  }

  .mobile-ai-headline span {
    display: block !important;
    white-space: nowrap !important;
    line-height: .86 !important;
  }

  .mobile-ai-headline .accent {
    display: inline !important;
    white-space: nowrap !important;
  }
}

@media (width <= 390px) {
  .mobile-ai-headline {
    gap: .28rem !important;
    line-height: .84 !important;
  }

  .mobile-ai-headline span {
    line-height: .84 !important;
  }
}

/* Mobile scroll stability: keep following sections from shifting while entering purple blocks */
@media (width <= 768px) {
  html {
    scroll-behavior: auto !important;
  }

  .about-dark-section,
  .about-container,
  .about-left,
  .about-right-card,
  .skills-light-section,
  .projects,
  .philosophy-kinetic,
  .kinetic-container,
  .services-section,
  .contact-dark-section,
  .contact-split,
  .footer-elegant {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  .section-divider svg {
    animation: none !important;
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
    will-change: auto !important;
  }
}

/* iOS mobile scroll fix: avoid dynamic viewport resize moving the next purple section */
@media (width <= 768px) {
  html,
  body {
    overscroll-behavior-y: none !important;
    overflow-anchor: none !important;
  }

  .hero,
  .hero-container,
  .hero-container.container {
    min-height: 100svh !important;
    height: 100svh !important;
    max-height: none !important;
  }

  .about-dark-section {
    margin-top: 0 !important;
    contain: layout paint !important;
    transform: none !important;
    backface-visibility: visible !important;
  }

  .about-dark-section *,
  .about-dark-section *::before,
  .about-dark-section *::after {
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}

/* Contact title restore and simplified form */
.contact-form-row.no-country{grid-template-columns:1fr!important}
.contact-form-row.no-country input[name="name"]{width:100%!important}
@media (min-width:769px){#contact .contact-header-side .text-huge{font-size:51px!important;line-height:.92!important;letter-spacing:0!important}}
@media (width<=768px){#contact .contact-split{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1.8rem!important}#contact .contact-header-side{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;margin:0 0 1.4rem!important;order:0!important}#contact .contact-header-side .text-huge{display:block!important;visibility:visible!important;opacity:1!important;font-size:51px!important;line-height:.92!important;letter-spacing:0!important;white-space:normal!important}#contact .contact-info-side{width:100%!important}.contact-form-row.no-country{grid-template-columns:1fr!important}}

/* Mobile hero subtitle weight tuning */
@media (width <= 768px){
  .hero .subtitle-group{
    border-left:4px solid #b665ff!important;
    padding-left:1rem!important;
  }
  .hero .subtitle-group::before{
    color:#b665ff!important;
    font-family:Inter, sans-serif!important;
    font-weight:800!important;
    letter-spacing:.18em!important;
  }
  .hero .subtitle-group .method-text{
    color:#f97316!important;
    font-weight:400!important;
    letter-spacing:.015em!important;
  }
}

/* Mobile hero bicolor side rule and stronger role label */
@media (width <= 768px){
  .hero .subtitle-group{
    position:relative!important;
    border-left:0!important;
    padding-left:1.1rem!important;
  }
  .hero .subtitle-group::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:.05rem!important;
    bottom:.05rem!important;
    width:4px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#b665ff 0%,#b665ff 48%,#f97316 48%,#f97316 100%)!important;
  }
  .hero .subtitle-group::before{
    font-weight:900!important;
  }
}

/* Correct mobile hero side rule order: orange top, purple bottom */
@media (width <= 768px){
  .hero .subtitle-group::after{
    background:linear-gradient(180deg,#f97316 0%,#f97316 48%,#b665ff 48%,#b665ff 100%)!important;
  }
}

/* Mobile hero side rule: soft contact-style blurred gradient */
@media (width <= 768px){
  .hero .subtitle-group::after{
    width:4px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#f97316 0%,#d66b86 46%,#b665ff 100%)!important;
    box-shadow:0 0 22px rgba(182,101,255,.48),0 0 14px rgba(249,115,22,.28)!important;
    filter:blur(.15px)!important;
  }
}

/* Mobile hero side rule: cleaner soft gradient, reduced blur */
@media (width <= 768px){
  .hero .subtitle-group::after{
    background:linear-gradient(180deg,#f97316 0%,#d96a82 48%,#b665ff 100%)!important;
    box-shadow:0 0 8px rgba(182,101,255,.22)!important;
    filter:none!important;
  }
}

/* Mobile hero side rule: purple top, orange bottom */
@media (width <= 768px){
  .hero .subtitle-group::after{
    background:linear-gradient(180deg,#b665ff 0%,#d66b86 52%,#f97316 100%)!important;
    box-shadow:0 0 8px rgba(182,101,255,.22)!important;
    filter:none!important;
  }
}

/* Mobile hero role label redesign */
@media (width <= 768px){
  .hero .subtitle-group::before{
    color:#171142!important;
    font-family:var(--font-heading)!important;
    font-size:1.18rem!important;
    font-weight:700!important;
    letter-spacing:.045em!important;
    line-height:1!important;
    margin:0 0 .55rem!important;
  }
}

/* Desktop: keep mobile AI headline out of hero */
@media (min-width: 769px){
  .hero .mobile-ai-headline{
    display:none!important;
  }
}

/* Footer logo scale down */
.footer-redesign .footer-logo{
  font-size:clamp(1.35rem,2.8vw,2.6rem)!important;
  line-height:.9!important;
}
@media (width <= 768px){
  .footer-redesign .footer-logo{
    font-size:1.45rem!important;
  }
}

/* Mobile: unify site buttons with hero CTA style */
@media (width <= 768px){
  .service-offer-book,
  .contact-form-submit{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:3.05rem!important;
    padding:.88rem 1.55rem!important;
    border-radius:1rem!important;
    border:0!important;
    outline:0!important;
    color:#fff!important;
    background:linear-gradient(135deg,#c85cff 0%,#982ff0 48%,#8d24dd 100%)!important;
    box-shadow:0 14px 28px rgba(141,36,221,.28)!important;
    font-family:var(--font-body)!important;
    font-size:.92rem!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    line-height:1!important;
    text-align:center!important;
    overflow:hidden!important;
    background-clip:padding-box!important;
    -webkit-background-clip:padding-box!important;
  }
  .service-offer-book:hover,
  .service-offer-book:focus-visible,
  .contact-form-submit:hover,
  .contact-form-submit:focus-visible{
    color:#fff!important;
    background:linear-gradient(135deg,#d16aff 0%,#8229e6 100%)!important;
    transform:translateY(-1px)!important;
  }
  .service-offer-book::before,
  .service-offer-book::after,
  .contact-form-submit::before,
  .contact-form-submit::after{
    content:none!important;
    display:none!important;
  }
  .service-tabs button,
  .services-tabs button,
  .service-tab,
  .expertise-tab{
    min-height:3.05rem!important;
    border-radius:1rem!important;
    font-family:var(--font-body)!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
  }
  .hero-cta-stack .hero-cta-secondary,
  .service-tabs button:not(.active),
  .services-tabs button:not(.active),
  .service-tab:not(.active),
  .expertise-tab:not(.active){
    color:#171142!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(23,17,66,.22)!important;
    box-shadow:0 10px 24px rgba(23,17,66,.07)!important;
  }
  .service-tabs button.active,
  .services-tabs button.active,
  .service-tab.active,
  .expertise-tab.active{
    color:#fff!important;
    background:linear-gradient(135deg,#c85cff 0%,#982ff0 48%,#8d24dd 100%)!important;
    border:0!important;
    box-shadow:0 14px 28px rgba(141,36,221,.22)!important;
  }
}

/* Quote request modal */
.quote-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:1.25rem;color:#fff;}
.quote-modal.is-open{display:flex;}
body.quote-modal-open{overflow:hidden;}
.quote-modal-backdrop{position:absolute;inset:0;background:rgba(10,7,35,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.quote-modal-card{position:relative;width:min(760px,100%);max-height:min(88vh,920px);overflow:auto;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(145deg,rgba(37,30,76,.96),rgba(23,17,66,.98));box-shadow:0 34px 90px rgba(0,0,0,.42);padding:2rem;}
.quote-modal-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 90% 0%,rgba(182,101,255,.22),transparent 34%),radial-gradient(circle at 0% 100%,rgba(249,115,22,.16),transparent 36%);}
.quote-modal-card>*{position:relative;z-index:1;}
.quote-modal-close{position:absolute;top:1rem;right:1rem;z-index:2;width:2.6rem;height:2.6rem;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:1.7rem;line-height:1;}
.quote-kicker{display:block;margin-bottom:.65rem;font-family:var(--font-heading);font-size:1.05rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:#f97316;}
.quote-modal-card h3{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.9rem);line-height:.92;text-transform:uppercase;color:#fff;margin:0 0 1.4rem;}
.quote-form-card{display:flex;flex-direction:column;gap:1rem;}
.quote-services-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:.2rem;}
.quote-service-group{border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.06);padding:.9rem;}
.quote-service-group p{margin:0 0:.65rem;font-family:var(--font-heading);font-size:.95rem;letter-spacing:.08em;color:#f97316;}
.quote-service-group>div{display:flex;flex-direction:column;gap:.48rem;}
.quote-service-option{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:flex-start;font-size:.86rem;line-height:1.25;color:rgba(255,255,255,.9);cursor:pointer;}
.quote-service-option input{accent-color:#b665ff;margin-top:.15rem;}
.quote-form-card input,.quote-form-card textarea,.quote-form-card select{width:100%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:#fff;border-radius:16px;padding:1rem 1.05rem;font-family:var(--font-body);font-size:.96rem;outline:none;transition:border-color .25s ease,background .25s ease;}
.quote-form-card input::placeholder,.quote-form-card textarea::placeholder{color:rgba(255,255,255,.62);}
.quote-form-card input:focus,.quote-form-card textarea:focus,.quote-form-card select:focus{border-color:#b665ff;background:rgba(255,255,255,.13);}
.quote-form-card select option{color:#171142;background:#fff;}
.quote-preference-group{border:1px solid rgba(255,255,255,.17);border-radius:18px;padding:1rem;margin:0;}
.quote-preference-group legend{padding:0 .45rem;color:rgba(255,255,255,.78);}
.quote-preference-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;}
.quote-preference-options label{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-weight:800;cursor:pointer;}
.quote-preference-options input{width:auto;accent-color:#b665ff;}
.quote-phone-row{display:grid;grid-template-columns:minmax(110px,.35fr) 1fr;gap:.75rem;}
.quote-privacy-consent{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:flex-start;color:rgba(255,255,255,.82);font-size:.9rem;line-height:1.45;}
.quote-privacy-consent input{width:auto;margin-top:.2rem;accent-color:#b665ff;}
.quote-submit{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.9rem 1.65rem;border-radius:1rem;color:#fff;background:linear-gradient(135deg,#c85cff 0%,#982ff0 48%,#8d24dd 100%);box-shadow:0 14px 28px rgba(141,36,221,.28);font-family:var(--font-body);font-size:.92rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.quote-submit:disabled{opacity:.68;cursor:wait;}
.quote-form-error{margin:0;color:#ffb7a0;font-size:.95rem;line-height:1.4;}
.quote-thank-you{min-height:320px;display:flex;flex-direction:column;justify-content:center;}
.quote-thank-you p{max-width:440px;color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.6;}
@media (width<=768px){.quote-modal{align-items:flex-end;padding:.75rem;}.quote-modal-card{max-height:92vh;border-radius:24px;padding:1.35rem;}.quote-modal-card h3{font-size:3.05rem;}.quote-services-list{grid-template-columns:1fr;}.quote-service-group{padding:.85rem;}.quote-preference-options{grid-template-columns:1fr;}.quote-phone-row{grid-template-columns:1fr;}.quote-submit{width:100%;}.quote-modal-close{top:.75rem;right:.75rem;}}
/* Mobile quote modal alignment refinements */
@media (width <= 768px){
.quote-service-option{display:grid!important;grid-template-columns:2.05rem minmax(0,1fr)!important;align-items:center!important;column-gap:.85rem!important;min-height:2.45rem!important;font-size:1rem!important;line-height:1.2!important}
.quote-service-option input{appearance:none!important;-webkit-appearance:none!important;width:2.05rem!important;height:2.05rem!important;margin:0!important;border-radius:.55rem!important;border:1px solid rgba(255,255,255,.34)!important;background:#fff!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
.quote-service-option input:checked{border-color:#b665ff!important;background:#b665ff!important;box-shadow:0 8px 18px rgba(182,101,255,.24)!important}
.quote-service-option input:checked::after{content:""!important;width:.72rem!important;height:1.18rem!important;border:solid #fff!important;border-width:0 .22rem .22rem 0!important;transform:rotate(45deg) translate(-.05rem,-.08rem)!important}
.quote-service-option span{display:block!important;padding-top:0!important}
.quote-preference-options label{justify-content:flex-start!important;text-align:left!important;padding:0 1.15rem!important;gap:.75rem!important}
.quote-preference-options input{width:1.05rem!important;height:1.05rem!important;flex:0 0 auto!important}
}
/* Mobile quote modal clean checkbox and contact alignment */
@media (width <= 768px){
.quote-service-group>div{gap:.82rem!important}
.quote-service-option{display:flex!important;align-items:center!important;gap:.92rem!important;min-height:2rem!important;font-size:1rem!important;line-height:1.18!important}
.quote-service-option input{appearance:none!important;-webkit-appearance:none!important;width:1.82rem!important;height:1.82rem!important;min-width:1.82rem!important;min-height:1.82rem!important;margin:0!important;border-radius:.48rem!important;border:1px solid rgba(255,255,255,.38)!important;background:#fff!important;box-shadow:0 5px 14px rgba(0,0,0,.12)!important;display:block!important;position:relative!important;transform:none!important}
.quote-service-option input::after{content:none!important;display:none!important}
.quote-service-option input:checked{border-color:#b665ff!important;background-color:#b665ff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.2 4.2L19 7%22/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:1.18rem 1.18rem!important;box-shadow:0 8px 18px rgba(182,101,255,.24)!important}
.quote-service-option span{display:block!important;padding:0!important;margin:0!important;line-height:1.18!important}
.quote-preference-options label{justify-content:flex-start!important;text-align:left!important;padding-left:1.15rem!important;padding-right:1rem!important;gap:.75rem!important}
.quote-preference-options input{appearance:none!important;-webkit-appearance:none!important;width:1rem!important;height:1rem!important;min-width:1rem!important;min-height:1rem!important;margin:0!important;border-radius:50%!important;background:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 0 0 0 transparent!important}
.quote-preference-options input:checked{background:radial-gradient(circle,#fff 0 34%,#b665ff 38% 100%)!important;border-color:#b665ff!important;box-shadow:0 0 0 2px rgba(182,101,255,.28)!important}
}