.work-intro {
  gap: 12px 30px;
}

.work-intro > .eyebrow {
  grid-column: 1 / -1;
}

.hero-grid > *,
.project-grid > *,
.contact-card > * {
  min-width: 0;
}

.service-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.service-card.ai-service {
  border-color: rgba(32, 166, 170, 0.28);
  background: linear-gradient(145deg, #e9f9f7, #fff);
}

.service-card.ai-service .service-icon {
  color: #fff;
  background: #20a6aa;
  box-shadow: 0 10px 25px rgba(32, 166, 170, 0.25);
}

.service-card.custom-service {
  background: linear-gradient(145deg, #fff, #edf2f7);
}

.service-card.custom-service .service-icon {
  color: #8fe0d8;
  background: #0c355b;
}

.service-card:nth-child(n + 5) {
  min-height: 390px;
}

.whatsapp-float {
  position: fixed;
  z-index: 80;
  right: 24px;
  bottom: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}

.whatsapp-float > span {
  padding: 10px 14px;
  border-radius: 11px;
  background: #071d34;
  box-shadow: 0 12px 28px rgba(7, 29, 52, 0.22);
  font-size: 10px;
  font-weight: 700;
  opacity: 0;
  transform: translateX(10px);
  transition: 0.25s ease;
  pointer-events: none;
}

.whatsapp-float > i {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 15px 35px rgba(7, 29, 52, 0.22), 0 0 0 7px rgba(37, 211, 102, 0.12);
  transition: 0.25s ease;
}

.whatsapp-float svg {
  width: 31px;
  height: 31px;
}

.whatsapp-float:hover > span {
  opacity: 1;
  transform: none;
}

.whatsapp-float:hover > i {
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 19px 40px rgba(7, 29, 52, 0.27), 0 0 0 9px rgba(37, 211, 102, 0.14);
}

@media (max-width: 980px) {
  .service-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .hero-grid {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .service-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-copy {
    width: 100%;
    overflow: hidden;
  }

  .hero h1 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .hero-visual {
    width: 100%;
    max-width: 100%;
  }

  .floating-pill.pill-two {
    right: 8px;
  }

  .whatsapp-float {
    right: 15px;
    bottom: 16px;
  }

  .whatsapp-float > span {
    display: none;
  }

  .whatsapp-float > i {
    width: 53px;
    height: 53px;
  }
}
/* Laravel contact submission feedback. */
.contact-form .form-notice{grid-column:1/-1;padding:14px 16px;border-radius:12px;font-size:12px;font-weight:700;line-height:1.55}.contact-form .form-notice-success{border:1px solid rgba(44,220,190,.35);background:rgba(44,220,190,.12);color:#9af1df}.contact-form .form-notice-error{border:1px solid rgba(255,120,120,.35);background:rgba(255,90,90,.1);color:#ffc0c0}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.contact-form .form-field-full{grid-column:1/-1}.contact-form .field-invalid{border-color:#d95858}.contact-form .field-error{color:#bd3838;font-size:10px;font-weight:700;letter-spacing:0;line-height:1.45;text-transform:none}.contact-form .field-invalid:focus{border-color:#bd3838}
.contact-form .phone-input{display:flex;align-items:center;border-bottom:1px solid #ccd5dc}.contact-form .phone-input>b{width:auto;height:auto;padding-right:10px;border-radius:0;background:transparent;color:var(--ink);font-size:13px}.contact-form .phone-input input{min-width:0;flex:1;border:0}.contact-form .phone-input:focus-within{border-color:var(--teal)}.contact-form .phone-input.field-invalid{border-color:#d95858}
.hero-stamp span{max-width:72px;margin-top:2px;font-weight:800;letter-spacing:.13em;line-height:1.45}

/* Readable code preview inside the hero UI/UX visual. */
.code-body{padding:27px 29px}.code-editor{position:relative;z-index:1;overflow:hidden;padding:12px 15px 16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(1,13,25,.3);box-shadow:inset 0 1px rgba(255,255,255,.04);font:500 11px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.code-editor:after{content:'';position:absolute;z-index:-1;left:0;right:0;top:-35%;height:42%;background:linear-gradient(180deg,transparent,rgba(99,199,242,.1),transparent);animation:aiScan 3.2s linear infinite}.ai-code-status{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.07)}.ai-code-status span{display:flex;align-items:center;gap:6px;color:#83e6b3;font-size:7px;font-weight:800;letter-spacing:.13em}.ai-code-status span i{width:6px;height:6px;border-radius:50%;background:#55dfa0;box-shadow:0 0 0 4px rgba(85,223,160,.1);animation:aiPulse 1.4s ease-in-out infinite}.ai-code-status>b{color:#7893a8;font-size:7px;font-weight:600;letter-spacing:.04em}.code-editor p{margin:0;color:#d8e5ee;white-space:nowrap;opacity:.08;transform:translateX(-8px);transition:opacity .25s,transform .25s}.code-editor p.ai-written{opacity:1;transform:none}.code-editor p.ai-writing{background:linear-gradient(90deg,rgba(99,199,242,.1),transparent)}.code-editor p i{display:inline-block;width:27px;margin-right:9px;color:#587188;font-style:normal;text-align:right;user-select:none}.syntax-purple{color:#d59cf6}.syntax-blue{color:#63c7f2}.syntax-green{color:#83e6b3}.syntax-orange{color:#ffc26d}.code-caret{display:inline-block;width:2px;height:13px;margin-left:3px;background:var(--mint);vertical-align:-2px;animation:codeBlink 1s steps(1) infinite}@keyframes codeBlink{50%{opacity:0}}@keyframes aiScan{to{top:110%}}@keyframes aiPulse{50%{opacity:.4;transform:scale(.75)}}.code-body .metric-card{top:181px}.code-body .status-card{top:294px}
@media(max-width:680px){.code-body{padding:28px 17px}.code-editor{padding:14px 10px;font-size:8px}.code-editor p i{width:20px;margin-right:5px}.code-body .metric-card{top:164px;right:12px;transform:scale(.86);transform-origin:right top}.code-body .status-card{top:270px;left:13px;transform:scale(.88);transform-origin:left top}}
@media(prefers-reduced-motion:reduce){.code-editor:after,.ai-code-status span i{animation:none}.code-editor p{opacity:1;transform:none}}

/* Original three-tier web development pricing. */
.web-pricing{padding:125px 0}.pricing-heading{display:grid;grid-template-columns:1fr 430px;align-items:end;gap:70px;margin-bottom:55px}.pricing-heading h2{margin:18px 0 0;font:800 clamp(42px,5vw,68px)/1 var(--display);letter-spacing:-.055em}.pricing-heading h2 em{color:var(--teal);font-style:normal}.pricing-heading>p{margin:0;color:#657482;font-size:14px;line-height:1.8}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px}.price-plan{position:relative;display:flex;min-width:0;flex-direction:column;padding:31px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(7,29,52,.055);transition:transform .3s,border-color .3s,box-shadow .3s}.price-plan:hover{border-color:rgba(32,166,170,.45);box-shadow:0 28px 70px rgba(7,29,52,.1);transform:translateY(-7px)}.price-plan.featured{border-color:rgba(32,166,170,.35);background:linear-gradient(160deg,#092640,#071d34);color:#fff;transform:translateY(-13px)}.price-plan.featured:hover{transform:translateY(-20px)}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-number{color:#99a7b1;font:700 10px var(--display)}.plan-tag{padding:7px 10px;border-radius:99px;background:var(--ice);color:var(--teal);font-size:8px;font-weight:800;letter-spacing:.14em}.featured .plan-tag{background:rgba(143,224,216,.12);color:var(--mint)}.price-plan h3{margin:28px 0 8px;font:750 25px var(--display);letter-spacing:-.035em}.plan-for{min-height:42px;margin:0;color:#71808c;font-size:11px;line-height:1.6}.featured .plan-for{color:#9db0bf}.plan-price{display:grid;grid-template-columns:1fr auto;align-items:end;margin:24px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featured .plan-price{border-color:rgba(255,255,255,.12)}.plan-price small{grid-column:1/-1;margin-bottom:7px;color:#82919c;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.plan-price strong{font:800 41px/1 var(--display);letter-spacing:-.05em}.plan-price sup{position:relative;top:-8px;margin-right:3px;color:var(--teal);font-size:17px}.plan-price>span{color:#8a98a2;font-size:9px}.price-plan ul{display:grid;gap:12px;margin:0 0 30px;padding:0;list-style:none}.price-plan li{position:relative;padding-left:24px;color:#536674;font-size:11px;line-height:1.5}.featured li{color:#c0ced8}.price-plan li:before{content:'✓';position:absolute;left:0;top:0;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:var(--ice);color:var(--teal);font-size:9px;font-weight:900}.featured li:before{background:rgba(143,224,216,.12);color:var(--mint)}.price-plan>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:10px 10px 10px 17px;border:1px solid var(--line);border-radius:13px;font-size:10px;font-weight:800}.price-plan>a b{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--ink);color:#fff}.featured>a{border-color:transparent;background:var(--teal);color:#fff}.featured>a b{background:#fff;color:var(--ink)}.popular-ribbon{position:absolute;top:-13px;left:50%;display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;background:var(--teal);color:#fff;transform:translateX(-50%);white-space:nowrap}.popular-ribbon span{font-size:7px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.popular-ribbon i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(143,224,216,.18)}.pricing-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:30px;padding:19px 22px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.62)}.pricing-note span{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pricing-note p{margin:0;color:#71808c;font-size:10px;line-height:1.6}.pricing-note a{color:var(--teal);font-size:10px;font-weight:800;white-space:nowrap}
@media(max-width:980px){.pricing-heading{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-plan.featured{transform:none}.price-plan.featured:hover{transform:translateY(-7px)}}
@media(max-width:680px){.web-pricing{padding:90px 0}.pricing-heading{gap:22px;margin-bottom:38px}.pricing-heading h2{font-size:42px}.price-plan{padding:26px 23px}.pricing-note{grid-template-columns:1fr;gap:9px}.plan-for{min-height:0}}
/* Four-option pricing expansion with a dedicated online-store tier. */
.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.price-plan{padding:27px 23px}.plan-price strong{font-size:35px}.ecommerce-plan{border-color:rgba(12,53,91,.2);background:linear-gradient(155deg,#fff,#f0f6fa)}.ecommerce-plan .plan-tag{background:#e6eef5;color:#0c355b}.ecommerce-plan .plan-price sup{color:#0c355b}.ecommerce-plan>a b{background:#0c355b}
.price-plan ul{grid-template-rows:repeat(11,minmax(29px,auto));gap:8px}.price-plan li{display:flex;align-items:center;min-height:29px;padding-left:25px;border-bottom:1px solid rgba(7,29,52,.055)}.price-plan.featured li{border-color:rgba(255,255,255,.07)}.price-plan li:before{top:50%;transform:translateY(-50%)}.price-plan li.not-included{color:#9aa6ae}.price-plan li.not-included:before{content:'×';background:#fff0f0;color:#d45555;font-size:12px}.price-plan.featured li.not-included{color:#6f8798}.price-plan.featured li.not-included:before{background:rgba(255,100,100,.12);color:#ff9292}.ecommerce-plan li.not-included:before{background:#fff0f0;color:#d45555}
.price-plan li.server-included{position:relative;display:grid;min-height:52px;align-content:center;padding:8px 8px 8px 39px;border:1px solid rgba(32,166,170,.2);border-radius:11px;background:linear-gradient(105deg,rgba(32,166,170,.13),rgba(143,224,216,.035));color:#0c7075;font-weight:800;line-height:1.3}.price-plan li.server-included:before{content:'▰';left:10px;width:21px;height:21px;background:#20a6aa;color:#fff;font-size:9px;box-shadow:0 0 0 4px rgba(32,166,170,.09)}.price-plan li.server-included:after{content:'';position:absolute;right:9px;top:9px;width:5px;height:5px;border-radius:50%;background:#4bd695;box-shadow:0 0 0 4px rgba(75,214,149,.11);animation:serverPulse 1.7s ease-in-out infinite}.price-plan li.server-included em{display:block;margin-top:3px;color:#20a6aa;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.13em}.price-plan.featured li.server-included{border-color:rgba(143,224,216,.2);background:linear-gradient(105deg,rgba(32,166,170,.23),rgba(143,224,216,.055));color:#d7f8f3}.price-plan.featured li.server-included em{color:#8fe0d8}.ecommerce-plan li.server-included{color:#0c5576}@keyframes serverPulse{50%{opacity:.35;transform:scale(.75)}}@media(prefers-reduced-motion:reduce){.price-plan li.server-included:after{animation:none}}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-plan.featured{transform:none}.price-plan.featured:hover{transform:translateY(-7px)}}
@media(max-width:680px){.pricing-grid{grid-template-columns:1fr}.plan-price strong{font-size:39px}}
/* Free contact-to-Telegram lead delivery included with every website plan. */
.price-plan li.free-included{position:relative;display:grid;min-height:48px;align-content:center;padding:7px 8px 7px 39px;border:1px dashed rgba(32,166,170,.38);border-radius:11px;background:linear-gradient(105deg,rgba(143,224,216,.18),rgba(255,255,255,.2));color:#0b6d72;font-weight:800;line-height:1.3}.price-plan li.free-included:before{content:'✦';left:10px;width:21px;height:21px;background:#071d34;color:#8fe0d8;font-size:9px;box-shadow:0 0 0 4px rgba(7,29,52,.07)}.price-plan li.free-included em{display:block;margin-top:3px;color:#20a6aa;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.15em}.price-plan.featured li.free-included{border-color:rgba(143,224,216,.34);background:linear-gradient(105deg,rgba(143,224,216,.14),rgba(255,255,255,.025));color:#ddfaf6}.price-plan.featured li.free-included:before{background:#8fe0d8;color:#071d34}.price-plan.featured li.free-included em{color:#8fe0d8}.ecommerce-plan li.free-included{color:#0c5576}

/* Custom plan — a made-to-measure blueprint treatment. */
.custom-plan{overflow:hidden;border-color:rgba(32,166,170,.34);background-color:#f8fdfc;background-image:linear-gradient(rgba(32,166,170,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(32,166,170,.055) 1px,transparent 1px),radial-gradient(circle at 100% 0,rgba(143,224,216,.3),transparent 31%);background-size:18px 18px,18px 18px,100% 100%}.custom-plan:after{content:'';position:absolute;inset:7px;z-index:0;border:1px dashed rgba(32,166,170,.22);border-radius:22px;pointer-events:none}.custom-plan>*{position:relative;z-index:1}.custom-plan .plan-top{padding-right:66px}.custom-plan .plan-number{color:#0b777b;letter-spacing:.1em}.custom-plan .plan-tag{display:flex;align-items:center;gap:6px;background:#071d34;color:#8fe0d8}.custom-plan .plan-tag i{width:6px;height:6px;border-radius:50%;background:#8fe0d8;box-shadow:0 0 0 4px rgba(143,224,216,.13);animation:customPulse 1.8s ease-in-out infinite}.custom-plan h3{font-size:29px}.custom-plan h3:after{content:'↗';display:inline-grid;width:24px;height:24px;margin-left:9px;place-items:center;border-radius:50%;background:#dff7f3;color:#0b777b;font-size:11px;vertical-align:4px}.custom-plan .plan-price{padding:18px;border:1px solid rgba(32,166,170,.19);border-radius:15px;background:rgba(255,255,255,.73);backdrop-filter:blur(7px)}.custom-plan .plan-price strong{color:#071d34}.custom-plan .plan-price strong em{color:#20a6aa;font-size:18px;font-style:normal}.custom-plan li.custom-feature{display:grid;min-height:52px;align-content:center;padding:8px 8px 8px 39px;border:1px solid rgba(7,29,52,.16);border-radius:11px;background:#071d34;color:#fff;font-weight:800}.custom-plan li.custom-feature:before{content:'✦';left:10px;width:21px;height:21px;background:#8fe0d8;color:#071d34}.custom-plan li.custom-feature em{display:block;margin-top:3px;color:#8fe0d8;font-size:6px;font-style:normal;letter-spacing:.14em}.custom-plan>a{border:0;background:linear-gradient(100deg,#20a6aa,#08797e);color:#fff;box-shadow:0 13px 25px rgba(32,166,170,.22)}.custom-plan>a>span{display:grid;gap:2px}.custom-plan>a small{color:#bff2eb;font-size:7px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.custom-plan>a b{background:#fff;color:#08797e;transition:transform .25s}.custom-plan>a:hover b{transform:rotate(45deg)}.custom-orbit{position:absolute;top:15px;right:13px;display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(32,166,170,.25);border-radius:50%;background:rgba(255,255,255,.65)}.custom-orbit i{position:absolute;inset:4px;border:1px dashed #20a6aa;border-radius:50%;animation:customSpin 9s linear infinite}.custom-orbit span{color:#08797e;font:800 6px/1.25 var(--display);letter-spacing:.08em;text-align:center}@keyframes customSpin{to{transform:rotate(360deg)}}@keyframes customPulse{50%{opacity:.45;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.custom-orbit i,.custom-plan .plan-tag i{animation:none}}
.custom-plan .custom-quote strong{font-size:29px;letter-spacing:-.035em}.custom-plan .custom-quote>span{padding:6px 9px;border-radius:99px;background:#dff7f3;color:#08797e;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.price-plan ul{grid-template-rows:repeat(12,minmax(29px,auto))}

/* Keep all work-section copy safely inside the rounded dark frame. */
.work.section-shell{width:min(1320px,calc(100% - 32px));padding:120px clamp(28px,4.4vw,62px);overflow:hidden;border-radius:55px}.work-intro>*{min-width:0}.work-intro h2,.work-intro p,.project-meta h3,.project-meta span{overflow-wrap:anywhere}.work-intro p{justify-self:end;width:100%}.project-meta>div{min-width:0;padding-right:14px}.project-meta>b{flex:0 0 43px}
@media(max-width:980px){.work.section-shell{padding:100px clamp(25px,5vw,48px)}.work-intro p{justify-self:start}}
@media(max-width:680px){.work.section-shell{width:calc(100% - 12px);padding:82px 18px;border-radius:35px}.work-intro h2{font-size:clamp(38px,12vw,50px);letter-spacing:-.045em}.work-intro p{font-size:13px}.project-meta{gap:10px;padding-inline:2px}.project-meta h3{font-size:17px}.project-meta>b{width:38px;height:38px;flex-basis:38px}}