.invoice-app{position:absolute;left:25px;right:25px;top:120px;height:272px;display:flex;border-radius:12px;overflow:hidden;background:#f8fafc;box-shadow:0 22px 35px #0609235c;border:1px solid #4b5794}.invoice-app aside{width:38px;background:#252e69;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:13px}.invoice-app aside b{font:12px 'DM Mono';color:#d7fb54}.invoice-app aside i{height:8px;width:8px;border-radius:2px;background:#7982b4}.invoice-screen{flex:1;color:#26355e}.app-head{height:39px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #e2e7f2;font-size:10px}.app-head span{font:9px 'DM Mono';color:#5675ee;background:#edf0ff;padding:5px 7px;border-radius:4px}.app-body{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;padding:12px}.form-panel small{font:8px 'DM Mono';color:#8490a8;display:block;margin-bottom:6px}.input-line{height:8px;border-radius:4px;background:#dfe5f0;width:73%;margin:6px 0}.input-line.wide{width:100%;margin-bottom:15px}.item-row{height:27px;margin:5px 0;background:#fff;border:1px solid #e0e6f1;border-radius:4px;padding:0 7px;display:flex;align-items:center;gap:5px;font-size:8px}.item-row i{height:9px;width:9px;border-radius:2px;background:#d5fb50}.item-row span{margin-left:auto;color:#6c7591}.invoice-preview{background:#fff;border-radius:5px;padding:10px;box-shadow:0 3px 10px #34426e14;font-size:8px}.invoice-preview p{margin:0 0 17px;font:8px 'DM Mono';color:#65728c}.invoice-preview p b{float:right;color:#293968}.preview-lines{height:5px;background:#dfe5ef;border-radius:3px;margin:5px 0}.preview-lines.short{width:70%}.total{font:8px 'DM Mono';margin-top:23px;border-top:1px solid #dfe5ef;padding-top:7px}.total b{float:right;color:#584be6}.experience{padding:0 0 120px}.timeline{margin-top:48px;border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:210px 1fr;gap:34px;padding:29px 0;border-bottom:1px solid var(--line)}.time{font:11px 'DM Mono';color:#66738a;display:flex;flex-direction:column;gap:7px}.timeline h3{margin:0 0 11px;font-size:22px;letter-spacing:-1px}.timeline h3 small{font-size:13px;font-weight:600;color:#68758b}.timeline p{max-width:710px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.impact{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.impact span{font:10px 'DM Mono';color:#4f43d8;background:#f0efff;border-radius:99px;padding:6px 8px}@media(max-width:780px){.invoice-app{top:100px;height:220px}.project-feature{min-height:520px}.timeline article{grid-template-columns:1fr;gap:14px}.experience{padding:0 0 75px}}
.calc-visual{height:215px;padding:18px 12px 0}.calc-visual svg,.cfdi-visual svg{width:100%;height:100%;display:block}.cfdi-visual{height:190px;padding:8px 0}.flow-dash{stroke-dasharray:7 7;animation:dash 1s linear infinite}.cfdi-spin{transform-box:fill-box;transform-origin:center;animation:spin 3s linear infinite}@keyframes dash{to{stroke-dashoffset:-14}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.flow-dash,.cfdi-spin{animation:none}}
.portrait-frame{width:330px;height:390px;border-radius:28px;box-shadow:14px 16px 0 #d8fb53}.portrait-frame img{object-position:center 18%}.hero-visual{height:530px}.visual-label{bottom:6px;left:50%;transform:translateX(-50%);z-index:3;color:#10182d;font-size:22px;line-height:1;letter-spacing:-1.4px;white-space:nowrap;text-align:center}.visual-label span{font:9px 'DM Mono';letter-spacing:.04em;color:#6659ff;vertical-align:middle}@media(max-width:780px){.hero-visual{height:430px}.portrait-frame{width:270px;height:330px}.visual-label{font-size:18px;bottom:0}}
.nav-social{display:flex;gap:13px;margin-left:auto;margin-right:18px}.nav-social a{font:10px 'DM Mono';color:#56637a;text-decoration:none}.nav-social a:hover{color:#6659ff}.client-note{font-size:11px;line-height:1.55;color:#65728a;max-width:560px;margin:18px 0 0;padding-left:11px;border-left:2px solid #d8fb53}.client-note b{color:#28334b}@media(max-width:780px){.nav-social{display:none}.client-note{margin-top:15px}}
.nav{gap:24px}.nav .brand{font-size:28px;flex-shrink:0}.nav nav{gap:32px;flex-shrink:0}.nav nav a{font-size:14px}.nav-social{flex-shrink:0}@media(max-width:980px){.nav-social{display:none}}@media(max-width:780px){.nav .brand{font-size:25px}.nav nav{display:none}}
.inline-work-link{color:#5145d8;font-weight:800;text-decoration:none;border-bottom:1px solid #bdb8f7}.inline-work-link:hover{color:#31269d}
.project-feature .invoice-app{top:90px;bottom:190px;height:auto}.project-feature .invoice-screen{display:flex;flex-direction:column}.project-feature .app-body{flex:1;grid-template-columns:1.2fr .8fr;padding:18px}.project-feature .form-panel{display:flex;flex-direction:column}.project-feature .invoice-preview{height:100%;padding:16px}.project-feature .invoice-preview p{margin-bottom:30px}.project-feature .preview-lines{height:8px;margin:10px 0}.project-feature .total{margin-top:auto;font-size:10px}.project-feature .item-row{height:35px;font-size:10px}.project-feature .app-head{height:46px;font-size:12px}.project-feature .app-head span{font-size:10px}
@media(max-width:780px){.nav{gap:0}.nav-cta{font-size:0;width:44px;height:44px;padding:0;display:grid;place-items:center}.nav-cta span{font-size:20px;margin:0}.hero-copy{min-width:0}.hero-text{font-size:16px;overflow-wrap:anywhere}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{justify-content:center;padding:14px 12px;gap:8px;white-space:nowrap;font-size:12px}.location-card{display:none}.build-card{left:0;transform:scale(.88);transform-origin:left top}.trust-row{flex-wrap:wrap}.visual-label{max-width:100%;font-size:16px}.visual-label span{font-size:8px}.project-feature .invoice-app{top:84px;bottom:185px;left:16px;right:16px}.project-feature .app-body{padding:9px;gap:6px}.project-feature .invoice-preview{padding:8px}.project-feature .item-row{height:25px;font-size:7px}.project-feature .app-head{height:34px;font-size:9px}}
/* Small-screen layout: preserve a single, non-scrolling column at every phone width. */
@media(max-width:480px){
  html,body,main{width:100%;max-width:100%;overflow-x:hidden}
  .shell{width:calc(100% - 32px);max-width:none}
  .nav{width:calc(100% - 32px)}
  .hero,.hero-copy,.hero-text{width:100%;max-width:100%;min-width:0}
  .hero{padding-top:38px}
  .hero h1{font-size:clamp(42px,13.2vw,52px);overflow-wrap:anywhere}
  .hero-text{font-size:15px;line-height:1.58}
  .hero-actions{width:100%;margin:26px 0 19px}
  .hero-actions .button{width:100%;min-width:0}
  .trust-row{font-size:11px;gap:7px}
  .hero-visual{height:375px;width:100%;max-width:100%}
  .portrait-frame{width:242px;height:300px}
  .orbit{width:300px;height:300px}
  .orbit-b{width:348px;height:348px}
  .build-card{top:11%;left:0;transform:scale(.76);transform-origin:left top}
  .visual-label{font-size:14px;letter-spacing:-.8px;white-space:normal;width:100%;padding:0 6px}
  .statement h2,.section-heading h2,.about h2{font-size:38px}
  .stats{grid-template-columns:1fr 1fr;gap:20px 13px}
  .stats strong{font-size:38px}
  .project{padding:18px;border-radius:14px}
  .project-feature{min-height:545px}
  .calc-project,.cfdi-project{min-height:410px}
  .project-copy{left:18px;right:18px;bottom:18px}
  .project h3{font-size:27px}
  .project-copy p{font-size:12px}
  .project li{font-size:9px;padding:6px 7px}
  .project-feature .invoice-app{top:70px;bottom:188px;left:12px;right:12px}
  .project-feature .invoice-app aside{width:28px;gap:10px;padding-top:10px}
  .project-feature .app-body{grid-template-columns:1.15fr .85fr;padding:7px;gap:5px}
  .project-feature .invoice-preview{padding:6px}
  .project-feature .invoice-preview p{margin-bottom:14px;font-size:7px}
  .project-feature .preview-lines{height:5px;margin:6px 0}
  .project-feature .total{font-size:7px}
  .project-feature .item-row{height:23px;font-size:6px;padding:0 4px}
  .project-feature .app-head{height:31px;padding:0 8px;font-size:8px}
  .project-feature .app-head span{font-size:7px;padding:4px}
  .calc-visual{height:188px;padding:8px 0 0}
  .cfdi-visual{height:175px}
  .contact-email{font-size:21px;overflow-wrap:anywhere}
}

/* Project inquiry form */
.contact-intro{display:grid;grid-template-columns:1fr .62fr;gap:48px;align-items:end}
.contact-intro h2{margin-bottom:46px}
.contact-intro p{margin:0 0 52px;max-width:360px;color:#43511c;font-size:15px;line-height:1.65}
.project-form{max-width:920px;padding:28px;margin:0 0 56px;border:1px solid #a4c333;border-radius:16px;background:#efffae;box-shadow:10px 10px 0 #b6d843}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-form label{display:grid;gap:7px;color:#3f4d17;font:11px 'DM Mono';letter-spacing:.02em}
.project-form label span{color:#69763d}
.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid #b2cd52;border-radius:8px;background:#fbffea;color:#182405;padding:13px;font:14px Manrope,Arial,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}
.project-form textarea{min-height:128px;resize:vertical;line-height:1.55}
.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#6659ff;box-shadow:0 0 0 3px #6659ff20}
.message-field{margin-top:16px}
.form-footer{display:flex;align-items:center;gap:20px;margin-top:20px}
.form-footer .button{border:0;cursor:pointer;font-family:Manrope,Arial,sans-serif}
.form-status{margin:0;color:#53622c;font-size:12px;line-height:1.5}.form-status a{color:#26370d;font-weight:800}
.form-honeypot{position:absolute!important;left:-10000px!important;opacity:0!important;pointer-events:none!important}
.form-status.error{color:#9c231b}.form-status.success{color:#216a36;font-weight:700}
@media(max-width:780px){.contact-intro{grid-template-columns:1fr;gap:0}.contact-intro h2{margin-bottom:20px}.contact-intro p{margin-bottom:32px}.project-form{padding:20px;margin-bottom:42px}.form-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.project-form{padding:16px;border-radius:12px}.form-grid{grid-template-columns:1fr;gap:13px}.project-form input,.project-form select,.project-form textarea{padding:12px}.project-form textarea{min-height:115px}}