/* JE.RA IT Solutions - Base website styles */

:root{
  --ruby:#c41047;--ruby-2:#f12663;--ruby-3:#7a082d;--ink:#0b0d12;--soft:#f7f7f9;
  --line:rgba(14,17,23,.09);--muted:#667085;--cyan:#65e8ff;--violet:#9b7bff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff;color:var(--ink)}
button,a,input,textarea,select{font:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.section{padding:7rem 0}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--ruby)}.eyebrow:before{content:"";width:1.9rem;height:2px;background:linear-gradient(90deg,var(--ruby),var(--ruby-2))}.title{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.94;letter-spacing:-.065em;font-weight:900}.body-lg{font-size:1.08rem;line-height:1.8;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:50px;padding:.85rem 1.15rem;border-radius:999px;font-weight:850;transition:.25s ease}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--ruby-2),var(--ruby),var(--ruby-3));box-shadow:0 16px 38px rgba(196,16,71,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(196,16,71,.35)}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.75);color:var(--ink)}.btn-ghost:hover{border-color:rgba(196,16,71,.28);color:var(--ruby)}
.site-nav{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:60;width:min(1180px,calc(100% - 1.5rem));border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(145%);box-shadow:0 18px 55px rgba(20,10,14,.09);border-radius:1.15rem}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.72rem .82rem}.brand{display:flex;align-items:center;gap:.7rem}
.brand-logo{
  width:220px;
  height:46px;
  object-fit:contain;
  object-position:left center;
  flex:0 0 auto;
}
.footer-brand-logo{
  width:min(220px,100%);
  height:auto;
  object-fit:contain;
  object-position:left top;
}
.brand-symbol{width:42px;height:42px;border-radius:.85rem;display:grid;place-items:center;color:#fff;font-size:.82rem;font-weight:950;background:linear-gradient(145deg,#f4316c,#ad0c3c 60%,#520018);box-shadow:0 10px 26px rgba(196,16,71,.27)}.brand-name{font-weight:950;letter-spacing:-.03em}.brand-sub{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#777}.nav-links{display:flex;align-items:center;gap:1.6rem}.nav-links a{font-size:.84rem;font-weight:800;color:#515868}.nav-links a:hover{color:var(--ruby)}
.hero{position:relative;min-height:100vh;padding:10rem 0 5rem;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 84% 20%,rgba(241,38,99,.17),transparent 27rem),radial-gradient(circle at 62% 65%,rgba(101,232,255,.08),transparent 25rem),linear-gradient(150deg,#fff 0%,#fff8fb 58%,#f7f5ff 100%)}.hero:before{content:"";position:absolute;inset:0;opacity:.65;background-image:linear-gradient(rgba(196,16,71,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(196,16,71,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000 0%,transparent 88%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}.hero-copy h1 span{background:linear-gradient(100deg,#6c0628,#c41047 45%,#f12663 72%,#7957dd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-meta{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:2.3rem;padding-top:1.7rem;border-top:1px solid rgba(13,15,20,.09)}.hero-meta div{display:flex;align-items:center;gap:.55rem;font-size:.82rem;color:#596070;font-weight:750}.hero-meta i{width:8px;height:8px;border-radius:50%;background:var(--ruby);box-shadow:0 0 0 5px rgba(196,16,71,.09)}
.orbit-stage{position:relative;min-height:580px}.core-shell{position:absolute;inset:3.4rem 2.2rem 2.4rem;border-radius:2.2rem;padding:.75rem;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.46));border:1px solid rgba(196,16,71,.13);box-shadow:0 45px 120px rgba(87,3,30,.18);transform:rotate(2deg)}.core-screen{position:relative;height:100%;overflow:hidden;border-radius:1.65rem;background:#0b0d12}.core-screen img{width:100%;height:100%;object-fit:cover;object-position:center}.core-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,7,11,.72),transparent 50%)}.core-caption{position:absolute;z-index:3;left:1.4rem;right:1.4rem;bottom:1.25rem;color:#fff}.core-caption small{display:block;color:#ffc2d4;font-weight:850;text-transform:uppercase;letter-spacing:.16em}.core-caption strong{display:block;margin-top:.45rem;font-size:1.45rem;letter-spacing:-.03em}.orbit-ring{position:absolute;border:1px dashed rgba(196,16,71,.2);border-radius:50%;animation:spin 22s linear infinite}.ring-a{width:520px;height:520px;right:-1rem;top:2rem}.ring-b{width:390px;height:390px;right:3rem;top:6.2rem;animation-direction:reverse;animation-duration:17s}.node{position:absolute;z-index:5;display:flex;align-items:center;gap:.7rem;padding:.72rem .85rem;border-radius:1rem;background:rgba(255,255,255,.9);border:1px solid rgba(196,16,71,.11);box-shadow:0 18px 45px rgba(20,10,14,.12);backdrop-filter:blur(16px);font-size:.76rem;font-weight:850}.node b{width:30px;height:30px;border-radius:.75rem;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--ruby-2),var(--ruby-3))}.n1{top:2.2rem;right:1rem}.n2{left:-.4rem;top:47%}.n3{right:-1rem;bottom:4rem}.pulse-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 10px rgba(101,232,255,.11),0 0 30px var(--cyan)}@keyframes spin{to{transform:rotate(360deg)}}
.signal-strip{position:relative;z-index:3;margin-top:-2.2rem}.signal-panel{display:grid;grid-template-columns:1.2fr repeat(3,1fr);border:1px solid var(--line);border-radius:1.4rem;background:rgba(255,255,255,.94);box-shadow:0 24px 75px rgba(28,13,18,.09);overflow:hidden}.signal-item{padding:1.35rem 1.45rem}.signal-item+ .signal-item{border-left:1px solid var(--line)}.signal-item strong{display:block;font-size:1.55rem;letter-spacing:-.04em}.signal-item span{font-size:.77rem;color:var(--muted);font-weight:750}.signal-intro{background:#0c0d12;color:#fff}.signal-intro strong{font-size:1rem}.signal-intro span{color:#b8beca;line-height:1.6;display:block;margin-top:.35rem}
.manifesto {
  position: relative;
  isolation: isolate;
  z-index: 1;
  background: #0a0b10;
  color: #fff;
  overflow: hidden;
}.manifesto::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(241, 38, 99, 0.24),
      transparent 28rem
    ),
    radial-gradient(
      circle at 88% 75%,
      rgba(101, 232, 255, 0.09),
      transparent 24rem
    );
}.manifesto-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 5rem;
  align-items: start;
}.manifesto-copy{position:sticky;top:8rem}.manifesto .title{font-size:clamp(2.6rem,5vw,4.7rem)}.manifesto-list{display:grid;gap:1rem}.manifesto-card{position:relative;padding:1.6rem 1.6rem 1.6rem 5.3rem;border:1px solid rgba(255,255,255,.11);border-radius:1.4rem;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(196,16,71,.045));overflow:hidden}.manifesto-card:before{content:attr(data-no);position:absolute;left:1.4rem;top:1.1rem;font-size:2.8rem;font-weight:950;color:rgba(255,255,255,.08)}.manifesto-card h3{font-size:1.35rem;letter-spacing:-.035em}.manifesto-card p{margin-top:.45rem;color:#aeb5c1;line-height:1.75}.manifesto-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--ruby-2),var(--cyan));opacity:.85}
.services-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:3rem}.service-tile{position:relative;min-height:265px;padding:1.5rem;border:1px solid var(--line);border-radius:1.4rem;background:#fff;overflow:hidden;transition:.3s ease}.service-tile:hover{transform:translateY(-7px);border-color:rgba(196,16,71,.25);box-shadow:0 26px 65px rgba(48,11,24,.12)}.service-tile.large{grid-column:span 6}.service-tile.small{grid-column:span 3}.service-icon{width:48px;height:48px;border-radius:1rem;display:grid;place-items:center;background:linear-gradient(145deg,#fff0f5,#f0edff);color:var(--ruby);font-weight:950}.service-tile h3{font-size:1.45rem;margin-top:2.5rem;letter-spacing:-.04em}.service-tile p{margin-top:.65rem;color:var(--muted);line-height:1.65}.service-code{position:absolute;right:1.1rem;top:1rem;font:700 .68rem ui-monospace,monospace;color:rgba(196,16,71,.46)}.service-tile.large:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;bottom:-90px;background:radial-gradient(circle,rgba(241,38,99,.16),transparent 68%)}
.work{background:linear-gradient(180deg,#fafafd,#fff)}.work-head{display:flex;justify-content:space-between;align-items:end;gap:2rem}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;margin-top:3rem}.project-feature,.project-mini{position:relative;border-radius:1.5rem;overflow:hidden;background:#111;min-height:540px}.project-mini{min-height:262px}.project-stack{display:grid;gap:1rem}.project-feature img,.project-mini img{width:100%;height:100%;object-fit:cover;transition:.55s ease}.project-feature:hover img,.project-mini:hover img{transform:scale(1.035)}.project-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:#fff;background:linear-gradient(to top,rgba(8,8,12,.94),rgba(8,8,12,.12) 68%,transparent)}.project-overlay small{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#ffc2d4;font-weight:900}.project-overlay h3{font-size:clamp(1.5rem,3vw,2.6rem);letter-spacing:-.05em;margin-top:.45rem}.project-overlay p{color:#cbd0da;max-width:42rem;margin-top:.45rem}.project-arrow{position:absolute;right:1.2rem;top:1.2rem;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;color:#15171d;background:#fff;font-size:1.2rem}
.process-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:center}.process-console{border-radius:1.7rem;padding:1rem;background:#0a0b10;box-shadow:0 34px 90px rgba(12,8,10,.2)}.console-top{display:flex;gap:.4rem;padding:.25rem .2rem .85rem}.console-top i{width:10px;height:10px;border-radius:50%;background:#ff6c6c}.console-top i:nth-child(2){background:#ffc34d}.console-top i:nth-child(3){background:#44d17a}.console-body{padding:1.25rem;border-radius:1.15rem;background:linear-gradient(145deg,#11131a,#08090e);font:700 .82rem/1.85 ui-monospace,SFMono-Regular,monospace;color:#c7ced9}.code-ruby{color:#ff6f9a}.code-cyan{color:#78e8f4}.code-dim{color:#697184}.process-list{display:grid;gap:.8rem;margin-top:2rem}.process-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.process-row b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ruby);background:#fff0f5}.process-row h3{font-size:1.05rem}.process-row span{color:var(--muted);font-size:.85rem}.process-row em{font-style:normal;font-size:.72rem;color:#9399a5}
.cta{padding-top:2rem}.cta-shell{position:relative;overflow:hidden;border-radius:2rem;padding:4rem;background:radial-gradient(circle at 85% 15%,rgba(101,232,255,.14),transparent 22rem),radial-gradient(circle at 12% 80%,rgba(241,38,99,.33),transparent 26rem),linear-gradient(145deg,#0b0c12,#260813 65%,#0b0c12);color:#fff;box-shadow:0 38px 100px rgba(20,8,12,.25)}.cta-shell:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px}.cta-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:2rem}.cta h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.98;letter-spacing:-.06em}.cta p{color:#bec4cf;max-width:44rem;margin-top:1rem;line-height:1.75}
.site-footer{

    background:#08090d;

    color:#d4d8df;

    padding:80px 0 35px;

    border-top:1px solid rgba(255,255,255,.08);

}

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1.3fr;

    gap:50px;

}

.footer-logo{

    display:flex;

    align-items:flex-start;

    gap:18px;

}

.footer-logo h3{

    color:#fff;

    margin-bottom:10px;

    font-size:1.35rem;

}

.footer-logo p{

    color:#9ca3af;

    line-height:1.8;

}

.site-footer h4{

    color:white;

    margin-bottom:18px;

    font-size:1rem;

    font-weight:700;

}

.site-footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.site-footer li{

    margin-bottom:12px;

}

.site-footer a{

    color:#aeb5c1;

    text-decoration:none;

    transition:.3s;

}

.site-footer a:hover{

    color:var(--ruby-2);

}

.footer-bottom{

    margin-top:55px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.08);

    display:flex;

    justify-content:space-between;

    gap:20px;

    flex-wrap:wrap;

    font-size:.9rem;

    color:#8b95a7;

}
.mobile-menu{display:none}.menu-btn{display:none;width:42px;height:42px;border-radius:.85rem;border:1px solid var(--line);background:#fff;font-weight:950}.quote-panel{position:fixed;right:1rem;bottom:1rem;z-index:100;width:min(420px,calc(100vw - 2rem));border:1px solid rgba(196,16,71,.14);border-radius:1.35rem;background:rgba(255,255,255,.96);box-shadow:0 26px 80px rgba(47,8,22,.2);backdrop-filter:blur(18px);padding:1rem}.quote-panel.hidden{display:none}.quote-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.quote-close{width:36px;height:36px;border-radius:.7rem;border:1px solid var(--line);background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem}.input{width:100%;padding:.8rem .9rem;border:1px solid var(--line);border-radius:.8rem;outline:none;background:#fff}.input:focus{border-color:rgba(196,16,71,.52);box-shadow:0 0 0 4px rgba(196,16,71,.08)}.span-2{grid-column:1/-1}
@media(max-width:980px){.nav-links,.nav-actions{display:none}.menu-btn{display:grid;place-items:center}.hero-grid,.manifesto-grid,.process-lab{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions,.hero-meta{justify-content:center}.orbit-stage{max-width:650px;width:100%;margin:auto}.manifesto-copy{position:static}.service-tile.large,.service-tile.small{grid-column:span 6}.work-grid{grid-template-columns:1fr}.project-feature{min-height:430px}.signal-panel{grid-template-columns:1fr 1fr}.signal-item:nth-child(3){border-left:0;border-top:1px solid var(--line)}.signal-item:nth-child(4){border-top:1px solid var(--line)}.cta-content{align-items:start;flex-direction:column}.mobile-menu{position:fixed;inset:0;z-index:70;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:rgba(8,9,13,.97);color:#fff;font-size:1.25rem;font-weight:850}.mobile-menu.open{display:flex}.mobile-menu button{position:absolute;right:1.2rem;top:1.2rem;width:46px;height:46px;border-radius:1rem;background:rgba(255,255,255,.1)}}
@media(max-width:640px){.section{padding:5rem 0}.site-nav{top:.5rem;width:calc(100% - 1rem)}.hero{padding-top:8.2rem}.hero-copy h1{font-size:clamp(3rem,15vw,4.6rem)}.orbit-stage{min-height:440px}.core-shell{inset:2.8rem .2rem 2rem}.ring-a{width:390px;height:390px;right:-4.5rem}.ring-b{width:300px;height:300px;right:-1rem}.node{font-size:.67rem}.n2{left:-.2rem}.n3{right:-.3rem}.signal-panel{grid-template-columns:1fr}.signal-item+ .signal-item{border-left:0;border-top:1px solid var(--line)}.service-tile.large,.service-tile.small{grid-column:1/-1;min-height:230px}.work-head{align-items:start;flex-direction:column}.project-feature{min-height:360px}.project-mini{min-height:230px}.manifesto-card{padding-left:4.4rem}.cta-shell{padding:2rem 1.35rem;border-radius:1.4rem}.footer-inner{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.pricing{position:relative;background:linear-gradient(180deg,#fff 0%,#fff7fa 52%,#fff 100%);overflow:hidden}.pricing:before{content:"";position:absolute;width:34rem;height:34rem;border-radius:50%;right:-16rem;top:4rem;background:radial-gradient(circle,rgba(241,38,99,.12),transparent 68%)}.pricing-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem}.pricing-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.price-tier{position:relative;display:flex;flex-direction:column;min-height:650px;padding:1.5rem;border:1px solid var(--line);border-radius:1.55rem;background:rgba(255,255,255,.92);box-shadow:0 18px 55px rgba(38,10,20,.07);overflow:hidden;transition:.3s ease}.price-tier:hover{transform:translateY(-8px);border-color:rgba(196,16,71,.25);box-shadow:0 30px 80px rgba(76,7,31,.14)}.price-tier.featured{color:#fff;border-color:rgba(255,255,255,.11);background:radial-gradient(circle at 100% 0%,rgba(241,38,99,.36),transparent 17rem),linear-gradient(145deg,#171018,#74082d 60%,#22040f);box-shadow:0 32px 90px rgba(90,3,33,.28)}.price-tier.featured .tier-copy,.price-tier.featured .coverage-list li{color:#d6cbd0}.tier-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tier-no{font:850 .68rem/1 ui-monospace,monospace;letter-spacing:.16em;color:var(--ruby)}.featured .tier-no{color:#ff9ab8}.tier-pill{padding:.38rem .65rem;border-radius:999px;background:#fff0f5;color:var(--ruby);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.featured .tier-pill{background:rgba(255,255,255,.11);color:#ffd1df}.price-tier h3{font-size:1.65rem;letter-spacing:-.045em;margin-top:1.35rem}.tier-copy{min-height:72px;margin-top:.55rem;color:var(--muted);line-height:1.65;font-size:.92rem}.tier-price{display:flex;align-items:flex-end;gap:.3rem;margin:1.45rem 0}.tier-price strong{font-size:2.55rem;line-height:1;letter-spacing:-.07em}.tier-price span{font-size:.76rem;color:var(--muted);font-weight:750;padding-bottom:.3rem}.featured .tier-price span{color:#cbbbc2}.coverage-title{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.8rem}.coverage-list{display:grid;gap:.72rem}.coverage-list li{display:grid;grid-template-columns:20px 1fr;gap:.55rem;color:#535b69;font-size:.84rem;line-height:1.45}.coverage-list li:before{content:"✓";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--ruby-2),var(--ruby-3));font-size:.64rem;font-weight:950}.price-tier .btn{margin-top:auto}.pricing-note{margin-top:1.4rem;padding:1rem 1.2rem;border:1px dashed rgba(196,16,71,.22);border-radius:1rem;color:var(--muted);font-size:.84rem;line-height:1.65;background:rgba(255,255,255,.65)}
.subscriptions{position:relative;background:#0a0b10;color:#fff;overflow:hidden}.subscriptions:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(241,38,99,.23),transparent 28rem),radial-gradient(circle at 88% 80%,rgba(101,232,255,.08),transparent 25rem),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px}.subscription-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr .75fr;gap:4rem;align-items:end}.subscription-head .body-lg{color:#aeb5c1}.subscription-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:3rem}.sub-plan{position:relative;display:flex;flex-direction:column;min-height:265px;padding:1.25rem;border:1px solid rgba(255,255,255,.11);border-radius:1.25rem;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));overflow:hidden;transition:.3s ease}.sub-plan:hover{transform:translateY(-6px);border-color:rgba(255,106,151,.38);background:linear-gradient(145deg,rgba(241,38,99,.16),rgba(255,255,255,.035))}.sub-plan.best{border-color:rgba(255,125,164,.45);background:radial-gradient(circle at 100% 0%,rgba(241,38,99,.29),transparent 12rem),linear-gradient(145deg,rgba(255,255,255,.1),rgba(196,16,71,.1))}.sub-label{font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ff9ab8}.sub-plan h3{font-size:1.25rem;margin-top:.8rem}.sub-price{font-size:2rem;font-weight:950;letter-spacing:-.06em;margin-top:.5rem}.sub-price small{font-size:.72rem;color:#9ea5b2;letter-spacing:0}.sub-saving{min-height:24px;margin-top:.45rem;color:#75e8f5;font-size:.72rem;font-weight:850}.sub-plan p{margin-top:.9rem;color:#aeb5c1;font-size:.82rem;line-height:1.6}.sub-plan a{margin-top:auto;color:#fff;font-size:.78rem;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.09)}.subscription-coverage{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem}.sub-feature{padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}.sub-feature b{display:block;color:#fff;font-size:.9rem}.sub-feature span{display:block;margin-top:.28rem;color:#969eab;font-size:.75rem;line-height:1.5}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.subscription-grid{grid-template-columns:repeat(3,1fr)}.subscription-coverage{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.pricing-intro,.subscription-head{display:block}.pricing-grid,.subscription-grid,.subscription-coverage{grid-template-columns:1fr}.price-tier{min-height:auto}.tier-copy{min-height:0}.subscription-grid{gap:1rem}.sub-plan{min-height:235px}}



/* =========================================================
   MOBILE-FIRST OPTIMIZATION
   ========================================================= */
html{scroll-padding-top:88px}
body{touch-action:manipulation;-webkit-text-size-adjust:100%}
a,button{ -webkit-tap-highlight-color:transparent }
img{height:auto}

.mobile-cta{display:none}

@media (max-width:1024px){
  .section{padding:5.25rem 0}
  .container{width:min(100% - 1.5rem,1180px)}
  .site-nav{top:.65rem;width:calc(100% - 1rem);border-radius:1rem}
  .nav-inner{padding:.62rem .68rem}
  .nav-links,.nav-cta{display:none!important}
  #menuBtn{display:grid!important;place-items:center;min-width:44px;width:44px;height:44px}
  .hero{min-height:auto;padding:8.2rem 0 4.25rem}
  .hero-grid{grid-template-columns:1fr;gap:2.75rem}
  .hero-copy{text-align:center}
  .hero-copy .body-lg{max-width:700px;margin-inline:auto}
  .hero-actions{justify-content:center}
  .hero-meta{justify-content:center}
  .orbit-stage{min-height:520px;max-width:620px;width:100%;margin-inline:auto}
  .manifesto-grid{grid-template-columns:1fr;gap:2.75rem}
  .manifesto-copy{position:static}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-tile.large,.service-tile.small{grid-column:span 1}
  .work-grid{grid-template-columns:1fr}
  .project-feature{min-height:500px}
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-lab{grid-template-columns:1fr}
  .subscription-head,.work-head{align-items:flex-start;flex-direction:column}
}

@media (max-width:768px){

    .container{
        width:100%;
        padding-inline:1.2rem;
    }

    section{
        padding:5rem 0;
    }

    .hero-copy,
    .manifesto-copy,
    .pricing-intro,
    .subscription-head,
    .work-head{
        padding-inline:.25rem;
    }

    .service-tile,
    .price-tier,
    .sub-plan,
    .manifesto-card,
    .project-feature,
    .project-mini,
    .sub-feature,
    .signal-item,
    .process-console,
    .cta-shell{

        padding:1.4rem;
        border-radius:1.25rem;
    }

    .project-overlay{
        padding:1.35rem;
    }

    .hero-actions{
        gap:.8rem;
    }

    .hero-meta{
        margin-top:2rem;
        gap:1rem;
    }

    .pricing-grid,
    .subscription-grid{
        gap:1.25rem;
    }

}

@media (max-width:420px){
  .hero{padding-top:6.65rem}
  .title{font-size:clamp(2.15rem,11.5vw,3.1rem)}
  .eyebrow{font-size:.64rem;letter-spacing:.13em}
  .orbit-stage{min-height:370px}
  .core-caption{left:1rem;right:1rem;bottom:.9rem}
  .core-caption strong{font-size:1.1rem}
  .node{display:none}
  .signal-panel{grid-template-columns:1fr}
  .signal-item:nth-child(even){border-left:0}
  .hero-meta div{font-size:.76rem}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}


/* =========================================================
   FINAL MOBILE EXPERIENCE — 2026
   ========================================================= */
:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:76px}
body{width:100%;max-width:100%;overflow-x:clip}
section[id]{scroll-margin-top:84px}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(196,16,71,.24);
  outline-offset:3px;
}
img{max-width:100%;height:auto}
.site-nav,.quote-panel,.mobile-cta{backface-visibility:hidden}
body.menu-open,body.modal-open{overflow:hidden}

@media (max-width:1024px){
  .site-nav{
    top:0;
    left:0;
    right:0;
    width:100%;
    max-width:none;
    transform:none;
    border-radius:0 0 1rem 1rem;
    border-left:0;
    border-right:0;
    padding-top:env(safe-area-inset-top);
  }
  .nav-inner{min-height:64px;padding:.55rem .85rem}
  .brand{min-width:0;flex:1}
  .brand>span:last-child{min-width:0}
  .brand-name,.brand-sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav-links,.nav-actions{display:none!important}
  .menu-btn{display:grid!important;place-items:center;flex:0 0 44px;width:44px;height:44px}
  .hero{padding-top:calc(7rem + env(safe-area-inset-top));min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:2.5rem}
  .hero-copy{text-align:center}
  .hero-copy .body-lg{margin-inline:auto}
  .hero-actions,.hero-meta{justify-content:center}
  .orbit-stage{width:min(100%,650px);margin-inline:auto}
  .manifesto-grid,.process-lab{grid-template-columns:1fr;gap:2.5rem}
  .manifesto-copy{position:static}
  .work-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscription-coverage{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscription-head{grid-template-columns:1fr;gap:1.25rem}
}

@media (max-width:768px){
  .container{width:min(100% - 1.25rem,1180px)}
  .section{padding:4.25rem 0}
  .title{font-size:clamp(2.35rem,11vw,3.8rem);line-height:1;letter-spacing:-.05em}
  .body-lg{font-size:1rem;line-height:1.7}
  .eyebrow{font-size:.64rem;letter-spacing:.13em}
  .btn{min-height:48px;width:100%;border-radius:.9rem;padding:.8rem 1rem}
  .hero{padding:calc(6.45rem + env(safe-area-inset-top)) 0 3.5rem}
  .hero-copy h1{font-size:clamp(2.55rem,12.5vw,4rem)}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:.7rem}
  .hero-meta{display:grid;grid-template-columns:1fr;gap:.65rem;padding-top:1.25rem;margin-top:1.5rem}
  .hero-meta div{justify-content:center;text-align:center}
  .orbit-stage{min-height:400px}
  .core-shell{inset:2rem .15rem 1rem;transform:none;border-radius:1.35rem;padding:.45rem}
  .core-screen{border-radius:1rem}
  .core-caption{left:1rem;right:1rem;bottom:.9rem}
  .core-caption strong{font-size:1.05rem}
  .ring-a{width:360px;height:360px;right:-5.5rem;top:1rem}
  .ring-b{width:270px;height:270px;right:-1.75rem;top:4rem}
  .node{font-size:.65rem;padding:.5rem .58rem;border-radius:.75rem}
  .node b{width:26px;height:26px;border-radius:.55rem}
  .n1{top:.35rem;right:.1rem}.n2{left:0;top:47%}.n3{right:0;bottom:.5rem}
  .signal-strip{margin-top:0}
  .signal-panel{grid-template-columns:1fr;border-radius:1rem}
  .signal-item{padding:1rem}
  .signal-item+ .signal-item{border-left:0;border-top:1px solid var(--line)}
  .manifesto-card{padding:1.2rem 1rem 1.2rem 3.8rem;border-radius:1rem}
  .manifesto-card:before{left:.9rem;top:.95rem;font-size:2rem}
  .services-grid{display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:2rem}
  .service-tile,.service-tile.large,.service-tile.small{grid-column:1/-1;min-height:auto;padding:1.2rem;border-radius:1rem}
  .service-tile h3{margin-top:1.5rem;font-size:1.3rem}
  .work-head,.pricing-intro,.cta-content{align-items:flex-start;flex-direction:column}
  .work-grid{gap:.8rem;margin-top:2rem}
  .project-feature,.project-mini{min-height:330px;border-radius:1rem}
  .project-stack{gap:.8rem}
  .project-overlay{padding:1rem}
  .project-overlay h3{font-size:1.55rem}
  .project-overlay p{font-size:.88rem;line-height:1.55}
  .project-arrow{width:40px;height:40px;right:.85rem;top:.85rem}
  .pricing-grid,.subscription-grid,.subscription-coverage{grid-template-columns:1fr}
  .pricing-grid{gap:.85rem;margin-top:2rem}
  .price-tier{min-height:auto;padding:1.2rem;border-radius:1rem}
  .price-tier.featured{order:-1}
  .tier-copy{min-height:0}
  .tier-price strong{font-size:2.2rem}
  .coverage-list{gap:.6rem}
  .coverage-list li{font-size:.82rem}
  .pricing-note{font-size:.82rem}
  .subscription-grid{gap:.85rem;margin-top:2rem}
  .sub-plan{min-height:auto;padding:1.2rem}
  .sub-plan.best{order:-1}
  .subscription-coverage{gap:.7rem}
  .process-row{grid-template-columns:42px 1fr;gap:.75rem;padding:.9rem .25rem}
  .process-row em{display:none}
  .process-console{padding:.7rem;border-radius:1rem}
  .console-body{padding:1rem;font-size:.72rem;overflow-x:auto}
  .cta-shell{padding:1rem;border-radius:1.2rem}
  .cta-content{display:grid;gap:1.25rem;padding:1.25rem}
  .cta h2{font-size:clamp(2.1rem,10vw,3.3rem)}
    .site-footer{

        padding:60px 0 100px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:35px;

    }

    .footer-logo{

        align-items:center;

    }

    .footer-bottom{

        flex-direction:column;

        text-align:center;

        gap:12px;

    }
  .mobile-cta{
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px;
    gap:.5rem;
    left:.65rem;
    right:.65rem;
    bottom:calc(.65rem + var(--safe-bottom));
    padding:.5rem;
    border-radius:1rem;
  }
  .mobile-cta .btn{min-width:0}
  .mobile-cta .mobile-top{width:48px;height:48px}
  .quote-panel{
    inset:auto .5rem calc(.5rem + var(--safe-bottom));
    width:auto;
    max-height:min(86vh,720px);
    overflow-y:auto;
    overscroll-behavior:contain;
    border-radius:1rem;
    padding:1rem;
  }
  .quote-head{position:sticky;top:-1rem;z-index:2;margin:-1rem -1rem .25rem;padding:1rem;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}
  .form-grid{grid-template-columns:1fr}
  .span-2{grid-column:auto}
  .input{min-height:48px;font-size:16px}
  textarea.input{min-height:120px}
  .mobile-menu{
    padding:calc(5.5rem + env(safe-area-inset-top)) 1rem calc(2rem + var(--safe-bottom));
    justify-content:flex-start;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .mobile-menu a,.mobile-menu .btn{width:min(100%,360px);text-align:center;justify-content:center}
  .mobile-menu button#closeMenu{top:calc(.8rem + env(safe-area-inset-top));right:.8rem}
}

@media (max-width:420px){
  .container{width:min(100% - .9rem,1180px)}
  .nav-inner{padding:.48rem .6rem}
  .brand-logo{width:170px;height:54px}.brand-symbol{width:36px;height:36px;flex-basis:36px}
  .brand-name{font-size:.92rem}
  .brand-sub{font-size:.5rem}
  .menu-btn{width:40px;height:40px;flex-basis:40px}
  .hero{padding-top:calc(6rem + env(safe-area-inset-top))}
  .title,.hero-copy h1{font-size:clamp(2.15rem,12vw,3rem)}
  .orbit-stage{min-height:340px}
  .node{display:none}
  .ring-a{width:310px;height:310px}
  .ring-b{width:230px;height:230px}
  .project-feature,.project-mini{min-height:285px}
  .project-overlay p{display:none}
  .tier-price{flex-wrap:wrap}
  .tier-price strong{font-size:2rem}
  .mobile-cta{left:.45rem;right:.45rem;bottom:calc(.45rem + var(--safe-bottom))}
}

@media (hover:none){
  .service-tile:hover,.price-tier:hover,.sub-plan:hover{transform:none}
  .project-feature:hover img,.project-mini:hover img{transform:none}
}


/* =========================================================
   FEATURED PRODUCT — ELITE POS
   ========================================================= */
.product-sale{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(241,38,99,.13),transparent 24rem),
    radial-gradient(circle at 92% 78%,rgba(101,232,255,.11),transparent 25rem),
    linear-gradient(180deg,#fff 0%,#f7f8fc 100%);
}
.product-sale:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.52;
  background-image:
    linear-gradient(rgba(196,16,71,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(196,16,71,.03) 1px,transparent 1px);
  background-size:54px 54px;
}
.product-sale .container{position:relative;z-index:2}
.sale-shell{
  display:grid;
  gap:2rem;
}
.sale-showcase{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);
  gap:3rem;
  align-items:center;
  padding:clamp(1.5rem,3.5vw,3rem);
  border:1px solid rgba(196,16,71,.12);
  border-radius:2rem;
  background:rgba(255,255,255,.92);
  box-shadow:0 34px 90px rgba(64,8,28,.12);
  backdrop-filter:blur(16px);
}
.sale-copy{min-width:0}
.sale-copy h2{
  font-size:clamp(2.7rem,5.2vw,5rem);
  line-height:.96;
  letter-spacing:-.065em;
  font-weight:950;
}
.sale-copy h2 span{
  background:linear-gradient(100deg,#71052c,#c41047 52%,#f12663);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.sale-copy .body-lg{max-width:700px}
.sale-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1.25rem;
}
.sale-badge{
  display:inline-flex;
  align-items:center;
  padding:.48rem .72rem;
  border-radius:999px;
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.03em;
  color:var(--ruby);
  background:#fff0f5;
  border:1px solid rgba(196,16,71,.1);
}
.sale-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
  margin-top:1.5rem;
}
.sale-feature{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  padding:.85rem .9rem;
  border:1px solid var(--line);
  border-radius:.95rem;
  background:#fff;
  color:#4f5867;
  font-size:.82rem;
  line-height:1.5;
  box-shadow:0 8px 20px rgba(21,10,14,.035);
}
.sale-feature:before{
  content:"✓";
  flex:0 0 21px;
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,var(--ruby-2),var(--ruby-3));
  font-size:.66rem;
  font-weight:950;
}
.sale-note{
  margin-top:1rem;
  color:#777f8d;
  font-size:.75rem;
  line-height:1.65;
}
.sale-visual{
  position:relative;
  min-height:560px;
  width:100%;
}
.sale-visual:before{
  content:"";
  position:absolute;
  inset:8% 8% 10%;
  border-radius:2rem;
  background:
    radial-gradient(circle at 30% 30%,rgba(241,38,99,.22),transparent 42%),
    radial-gradient(circle at 70% 70%,rgba(101,232,255,.15),transparent 38%),
    #101118;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.sale-promo-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 28px 42px rgba(35,7,17,.24));
}

.sale-device{
  position:absolute;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:#111;
  box-shadow:0 30px 75px rgba(18,7,11,.27);
}
.sale-device img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.sale-device.server{
  inset:3.2rem 3.6rem 9.5rem .2rem;
  border-radius:1.8rem;
  transform:rotate(-2.5deg);
}
.sale-device.client{
  width:73%;
  height:53%;
  right:0;
  bottom:1.1rem;
  border-radius:1.45rem;
  transform:rotate(3deg);
  z-index:3;
}
.sale-device-label{
  position:absolute;
  left:.9rem;
  bottom:.9rem;
  z-index:4;
  padding:.52rem .7rem;
  border-radius:.72rem;
  color:#fff;
  background:rgba(8,9,14,.78);
  backdrop-filter:blur(10px);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sale-ribbon{
  position:absolute;
  z-index:6;
  right:.4rem;
  top:.4rem;
  width:112px;
  height:112px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  text-align:center;
  font-size:.78rem;
  line-height:1.25;
  font-weight:950;
  background:linear-gradient(145deg,#ff4d82,#c41047 62%,#620421);
  box-shadow:0 18px 45px rgba(196,16,71,.32);
  transform:rotate(7deg);
}

.sale-plans{
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid rgba(196,16,71,.11);
  border-radius:1.7rem;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 70px rgba(47,8,22,.09);
}
.sale-plans-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:2rem;
  margin-bottom:1.4rem;
}
.sale-plans-head h3{
  font-size:clamp(1.9rem,4vw,3rem);
  letter-spacing:-.05em;
  line-height:1;
}
.sale-plans-head p{
  max-width:520px;
  color:var(--muted);
  line-height:1.65;
}
.pos-offer-grid.tiered{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1rem;
}
.pos-offer{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:1.15rem;
  border:1px solid var(--line);
  border-radius:1.1rem;
  background:#fff;
  box-shadow:0 14px 38px rgba(38,10,20,.055);
  transition:.25s ease;
}
.pos-offer:hover{
  transform:translateY(-5px);
  border-color:rgba(196,16,71,.22);
  box-shadow:0 22px 52px rgba(74,7,31,.11);
}
.pos-offer.featured{
  color:#fff;
  border-color:rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 100% 0%,rgba(241,38,99,.3),transparent 13rem),
    linear-gradient(145deg,#161017,#75082e 62%,#260510);
  box-shadow:0 22px 55px rgba(99,4,37,.22);
}
.pos-offer.trial{
  border-style:dashed;
  border-color:rgba(196,16,71,.28);
  background:linear-gradient(180deg,#fff,#fff8fb);
}
.pos-offer-label{
  font-size:.65rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ruby);
}
.pos-offer.featured .pos-offer-label{color:#ffb3c9}
.pos-offer.trial .pos-offer-label{color:#7a082d}
.pos-offer h3{
  margin-top:.48rem;
  font-size:1.2rem;
  letter-spacing:-.03em;
}
.pos-offer-price{
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:.3rem;
  margin-top:.7rem;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.06em;
  font-weight:950;
}
.pos-offer-price small{
  padding-bottom:.18rem;
  font-size:.68rem;
  letter-spacing:0;
  color:var(--muted);
}
.pos-offer.featured .pos-offer-price small{color:#d2c4ca}
.pos-offer.trial .pos-offer-price{color:var(--ruby)}
.tier-limit{
  margin-top:.45rem;
  min-height:34px;
  font-size:.69rem;
  font-weight:850;
  line-height:1.45;
  color:var(--ruby);
}
.pos-offer.featured .tier-limit{color:#ffc2d4}
.pos-offer.trial .tier-limit{color:#7a082d}
.pos-offer p{
  margin-top:.65rem;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.55;
}
.pos-offer.featured p{color:#d6cbd0}
.pos-capacity{
  display:grid;
  gap:.46rem;
  margin:1rem 0;
  padding-top:1rem;
  border-top:1px solid var(--line);
}
.pos-offer.featured .pos-capacity{border-color:rgba(255,255,255,.12)}
.pos-capacity span{
  display:flex;
  align-items:flex-start;
  gap:.46rem;
  font-size:.72rem;
  font-weight:800;
  line-height:1.4;
}
.pos-capacity span:before{
  content:"✓";
  flex:0 0 17px;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  margin-top:.05rem;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,var(--ruby-2),var(--ruby-3));
  font-size:.58rem;
}
.pos-offer .btn{
  width:100%;
  margin-top:auto;
  border-radius:.82rem;
  min-height:46px;
  font-size:.8rem;
}
@media(max-width:1200px){
  .pos-offer-grid.tiered{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  .sale-showcase{grid-template-columns:1fr;gap:2rem}
  .sale-copy{text-align:center}
  .sale-copy .body-lg{margin-inline:auto}
  .sale-badges{justify-content:center}
  .sale-features{text-align:left}
  .sale-visual{width:min(100%,720px);margin-inline:auto}
}
@media(max-width:900px){
  .sale-plans-head{align-items:flex-start;flex-direction:column;gap:.7rem}
  .pos-offer-grid.tiered{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .sale-showcase,.sale-plans{padding:1rem;border-radius:1.25rem}
  .sale-copy{padding:.35rem}
  .sale-copy h2{font-size:clamp(2.35rem,11vw,3.8rem)}
  .sale-features{grid-template-columns:1fr}
  .sale-visual{min-height:430px}
  .sale-device.server{inset:2rem 2.6rem 7.2rem 0}
  .sale-device.client{width:76%;height:49%}
  .sale-ribbon{width:84px;height:84px;font-size:.64rem}
}
@media(max-width:640px){
  .pos-offer-grid.tiered{grid-template-columns:1fr}
  .pos-offer.featured{order:-1}
}
@media(max-width:420px){
  .sale-showcase,.sale-plans{padding:.75rem}
  .sale-copy{padding:.5rem}
  .sale-badges{gap:.45rem}
  .sale-badge{font-size:.62rem}
  .sale-feature{font-size:.78rem}
  .sale-visual{min-height:340px}
  .sale-device.server{inset:1rem 1.6rem 5.8rem 0}
  .sale-device.client{width:80%;height:46%}
}


.sale-showcase{
background:linear-gradient(135deg,#ffffff,#fff7fa);
}
.sale-visual{
border-radius:1.8rem;
background:linear-gradient(145deg,#ffffff,#f8f2f6);
border:1px solid rgba(196,16,71,.12);
padding:1.5rem;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 30px 80px rgba(80,8,30,.12);
}
.sale-promo-image{object-fit:contain;transform:scale(1.03);}

/* =====================================================
   HERO CLICK / OVERLAY FIX
===================================================== */

.hero {
  position: relative;
  isolation: isolate;
}

.hero .hero-grid {
  position: relative;
  z-index: 2;
}

/* Keep the text and buttons above decorative elements */
.hero-copy {
  position: relative;
  z-index: 20;
}

.hero-actions {
  position: relative;
  z-index: 30;
  pointer-events: auto;
}

.hero-actions .btn,
.hero-actions button,
.hero-actions a {
  position: relative;
  z-index: 31;
  pointer-events: auto;
}

/* Decorative visual must not intercept mouse or touch events */
.orbit-stage,
.orbit-stage::before,
.orbit-stage::after,
.orbit-ring,
.pulse-dot,
.node,
.core-shell,
.core-screen,
.core-caption {
  pointer-events: none;
}

/* Keep the visual behind the hero text */
.orbit-stage {
  pointer-events: none;
}

/* Header should remain clickable */
.site-nav {
  position: relative;
  z-index: 1000;
}


/* Refined navigation and featured product */
.site-nav{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:60;width:min(1240px,calc(100% - 1.5rem));border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(155%);box-shadow:0 18px 55px rgba(20,10,14,.1);border-radius:1.2rem}
.nav-inner{display:grid;grid-template-columns:minmax(190px,245px) minmax(0,1fr) auto;align-items:center;gap:1.5rem;min-height:76px;padding:.7rem .85rem .7rem 1rem}
.brand{display:flex;align-items:center;min-width:0}.brand-logo{display:block;width:100%;max-width:225px;height:54px;object-fit:contain;object-position:left center}.nav-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(.72rem,1.25vw,1.35rem);min-width:0}.nav-links a{white-space:nowrap;font-size:.79rem;font-weight:850;color:#515868}.nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:.55rem}.nav-actions .btn{min-height:44px;padding:.7rem .95rem;white-space:nowrap}
.product-sale{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 15%,rgba(196,16,71,.12),transparent 26rem),radial-gradient(circle at 92% 78%,rgba(101,232,255,.09),transparent 24rem),linear-gradient(180deg,#fff 0%,#fff8fb 48%,#f7f8fc 100%)}
.sale-showcase{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);align-items:center;gap:clamp(2rem,4vw,4rem);padding:clamp(1.6rem,3.5vw,3.3rem);border:1px solid rgba(196,16,71,.12);border-radius:2rem;background:radial-gradient(circle at 92% 22%,rgba(241,38,99,.12),transparent 25rem),linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,250,.92));box-shadow:0 34px 90px rgba(64,8,28,.12);overflow:hidden}
.sale-visual{position:relative;z-index:2;min-height:570px;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;overflow:visible}.sale-visual:before{content:"";position:absolute;inset:9% 3% 7%;border-radius:50%;background:radial-gradient(circle at 48% 48%,rgba(196,16,71,.18),rgba(196,16,71,.07) 35%,transparent 68%);filter:blur(10px)}.sale-visual:after{content:"";position:absolute;left:12%;right:8%;bottom:6%;height:12%;border-radius:50%;background:rgba(26,6,13,.2);filter:blur(30px);transform:scaleY(.42)}
.sale-promo-image{position:relative;z-index:3;width:min(100%,820px);height:auto;max-height:590px;object-fit:contain;object-position:center;filter:drop-shadow(0 30px 35px rgba(32,6,15,.2)) drop-shadow(0 12px 14px rgba(196,16,71,.1));mix-blend-mode:multiply}
.footer-brand-logo{flex:0 0 auto;width:min(210px,100%);max-height:84px;object-fit:contain;object-position:left top}
@media(max-width:1120px){.nav-inner{grid-template-columns:minmax(175px,210px) minmax(0,1fr) auto;gap:1rem}.brand-logo{max-width:195px;height:48px}.nav-links{gap:.8rem}.nav-links a{font-size:.74rem}.nav-actions .btn-ghost{display:none}}
@media(max-width:1024px){.site-nav{top:0;left:0;right:0;width:100%;max-width:none;transform:none;border-radius:0 0 1rem 1rem;border-left:0;border-right:0;padding-top:env(safe-area-inset-top)}.nav-inner{display:flex;min-height:68px;padding:.55rem .8rem}.brand{flex:1}.brand-logo{width:auto;max-width:min(210px,66vw);height:48px}.nav-links,.nav-actions{display:none!important}.menu-btn{display:grid!important;place-items:center;flex:0 0 44px;width:44px;height:44px}.sale-showcase{grid-template-columns:1fr}.sale-copy{text-align:center}.sale-copy .body-lg{margin-inline:auto}.sale-badges{justify-content:center}.sale-features{text-align:left}.sale-visual{width:min(100%,850px);min-height:500px;margin-inline:auto}}
@media(max-width:768px){.sale-showcase{gap:1.25rem;padding:1rem;border-radius:1.3rem}.sale-visual{min-height:380px}.sale-promo-image{max-height:410px;mix-blend-mode:normal}}
@media(max-width:420px){.brand-logo{max-width:165px;height:42px}.sale-visual{min-height:245px}.sale-promo-image{max-height:270px}}



/* Production optimization and accessibility */
html{scroll-behavior:smooth}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:9999;background:#fff;color:#111;padding:.75rem 1rem;border-radius:.5rem;font-weight:800}.skip-link:focus{top:1rem}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-status{min-height:1.5rem;font-weight:700}.form-status.success{color:#74e0a7}.form-status.error{color:#ff9aac}:focus-visible{outline:3px solid #ff8aaa;outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}img{height:auto}noscript{display:block;padding:.75rem;text-align:center;background:#fff3cd;color:#4d3b00}


/* ===== 2026 VISUAL, RESPONSIVE IMAGE & GEO UPGRADE ===== */
:root{--surface:#ffffff;--surface-soft:#fff7fa;--ink:#151018;--ruby-glow:rgba(196,16,71,.18)}
body{background:linear-gradient(180deg,#fff 0%,#fff 55%,#fff8fb 100%);overflow-x:hidden}
.site-nav{box-shadow:0 18px 60px rgba(49,4,20,.14);backdrop-filter:blur(22px) saturate(160%)}
.brand-logo{width:clamp(150px,18vw,235px);height:auto;object-fit:contain;filter:drop-shadow(0 5px 18px rgba(255,255,255,.14))}
.hero{position:relative;isolation:isolate;background:radial-gradient(circle at 10% 12%,rgba(241,38,99,.13),transparent 29rem),radial-gradient(circle at 88% 35%,rgba(133,25,75,.12),transparent 30rem),linear-gradient(180deg,#fff 0%,#fff8fb 100%)}
.hero:after{content:"";position:absolute;inset:auto -10% -8rem;height:17rem;background:linear-gradient(180deg,transparent,rgba(196,16,71,.06));filter:blur(24px);z-index:-1}
.hero-copy .title span{background:linear-gradient(95deg,#a8093b,#f12663 55%,#6f0730);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy .body-lg{font-size:clamp(1.05rem,1.4vw,1.22rem)}
.core-shell{box-shadow:0 34px 90px rgba(80,4,31,.22),0 0 0 1px rgba(255,255,255,.72) inset}
.core-screen img,.project-feature img,.project-mini img,.sale-promo-image{display:block;width:100%;height:100%!important;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease}
.project-feature:hover img,.project-mini:hover img,.sale-visual:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.03)}
.proof-bar{padding:0 0 2.1rem;background:#fff}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(51,8,24,.07)}
.proof-grid>div{padding:1.25rem 1.35rem}.proof-grid>div+div{border-left:1px solid var(--line)}
.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{font-size:.9rem;color:var(--ink)}.proof-grid span{margin-top:.3rem;color:var(--muted);font-size:.76rem;line-height:1.45}
.location-copy{max-width:940px;margin-top:1.35rem;padding:1rem 1.2rem;border-left:4px solid var(--ruby);border-radius:0 1rem 1rem 0;background:linear-gradient(90deg,rgba(196,16,71,.07),transparent);color:#5f5360;line-height:1.7}
.service-tile{isolation:isolate;overflow:hidden}.service-tile:after{content:"";position:absolute;width:11rem;height:11rem;border-radius:50%;right:-5rem;bottom:-6rem;background:radial-gradient(circle,var(--ruby-glow),transparent 70%);z-index:-1;transition:.35s}.service-tile:hover:after{transform:scale(1.45)}
.project-feature,.project-mini{border:1px solid rgba(255,255,255,.16);box-shadow:0 26px 80px rgba(17,5,12,.18)}
.sale-visual{overflow:hidden;border-radius:1.5rem;box-shadow:0 28px 90px rgba(62,6,27,.18)}
.sale-promo-image{aspect-ratio:3/2;object-position:center}
.faq-section{position:relative;background:linear-gradient(180deg,#fff,#fff7fa)}
.faq-head{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:3rem}.faq-head .body-lg{color:var(--muted)}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem}
.faq-grid details{border:1px solid var(--line);border-radius:1.25rem;background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(48,5,22,.06);overflow:hidden}
.faq-grid summary{position:relative;cursor:pointer;list-style:none;padding:1.3rem 3.5rem 1.3rem 1.35rem;font-weight:900;line-height:1.35;color:var(--ink)}
.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:"+";position:absolute;right:1.25rem;top:50%;translate:0 -50%;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:#fff0f5;color:var(--ruby);font-size:1.2rem}.faq-grid details[open] summary:after{content:"−"}
.faq-grid details p{padding:0 1.35rem 1.35rem;color:var(--muted);line-height:1.72;font-size:.93rem}
@media(max-width:900px){.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.proof-grid>div:nth-child(4){border-top:1px solid var(--line)}.faq-head{grid-template-columns:1fr;gap:1rem}.faq-grid{grid-template-columns:1fr}}
@media(max-width:640px){.brand-logo{width:165px}.proof-grid{grid-template-columns:1fr}.proof-grid>div+div{border-left:0;border-top:1px solid var(--line)}.core-screen img{object-position:center}.project-feature img,.project-mini img{object-position:center top}.sale-promo-image{aspect-ratio:4/3}.faq-grid summary{font-size:.95rem}.location-copy{font-size:.9rem}}

/* Navigation and logo refinement — August 2026 */
.site-nav{width:min(1320px,calc(100% - 2rem));background:rgba(17,8,13,.94);border-color:rgba(255,255,255,.1);box-shadow:0 20px 70px rgba(31,3,13,.22);transition:top .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease}
.site-nav.scrolled{top:.45rem;background:rgba(14,7,11,.98);box-shadow:0 16px 55px rgba(31,3,13,.3)}
.nav-inner{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) auto;align-items:center;gap:1.25rem;min-height:76px;padding:.62rem .72rem .62rem .82rem}
.brand-upgraded{gap:.68rem;color:#fff;text-decoration:none}.brand-image-wrap{display:flex;align-items:center;width:150px;height:54px;overflow:hidden;border:1px none rgba(255,255,255,.12);border-radius:.8rem;background: transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.01),0 8px 24px rgba(0,0,0,.18)}
.brand-upgraded .brand-logo{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:1.02rem;letter-spacing:.12em}.brand-copy small{margin-top:.27rem;color:#d9c8cf;font-size:.62rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.nav-links{gap:.2rem;flex-wrap:nowrap}.nav-links>a,.nav-more-btn{position:relative;padding:.72rem .76rem;border-radius:.72rem;color:#e8dfe3;font-size:.78rem;font-weight:800;background:transparent;border:0;transition:background .2s ease,color .2s ease}.nav-links>a:hover,.nav-links>a.active,.nav-more-btn:hover,.nav-more.open .nav-more-btn{color:#fff;background:rgba(255,255,255,.09)}.nav-links>a.active:after{content:"";position:absolute;left:.78rem;right:.78rem;bottom:.35rem;height:2px;border-radius:2px;background:#ff315f}.nav-links .nav-highlight{color:#fff;background:linear-gradient(135deg,rgba(255,38,87,.2),rgba(177,15,62,.2));border:1px solid rgba(255,70,112,.24)}
.nav-more{position:relative}.nav-more-btn{display:flex;align-items:center;gap:.35rem;cursor:pointer}.nav-more-btn span{transition:transform .2s ease}.nav-more.open .nav-more-btn span{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + .65rem);right:0;width:190px;padding:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#171016;box-shadow:0 24px 55px rgba(0,0,0,.32);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s ease}.nav-more.open .nav-dropdown{opacity:1;visibility:visible;transform:none}.nav-dropdown a{display:block;padding:.72rem .8rem;border-radius:.65rem;color:#eadfe4;font-size:.82rem;font-weight:750}.nav-dropdown a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-actions{gap:.7rem}.nav-contact{color:#eadfe4;font-size:.76rem;font-weight:800;white-space:nowrap}.nav-contact:hover{color:#fff}.nav-actions .btn-primary{min-height:46px;padding:.75rem 1rem;box-shadow:0 10px 28px rgba(196,16,71,.28)}
.menu-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:.8rem}.menu-btn span{display:block;width:19px;height:2px;margin:2px 0;border-radius:2px;background:#fff}
.menu-backdrop{position:fixed;inset:0;z-index:68;background:rgba(3,2,3,.64);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.25s ease}.menu-backdrop.open{opacity:1;visibility:visible}
.mobile-menu{display:flex!important;position:fixed;inset:0 0 0 auto;z-index:70;width:min(420px,92vw);height:100dvh;padding:0;background:linear-gradient(160deg,#190b12 0%,#0c080a 65%,#250812 100%);color:#fff;transform:translateX(105%);transition:transform .3s cubic-bezier(.22,.8,.25,1);box-shadow:-20px 0 70px rgba(0,0,0,.36);align-items:stretch;justify-content:flex-start;gap:0}.mobile-menu.open{transform:none}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .9rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-brand{display:block;width:155px;height:55px;overflow:hidden;border-radius:.75rem}.mobile-brand img{width:100%;height:100%;object-fit:cover}.mobile-menu button#closeMenu{position:static;width:44px;height:44px;border:1px solid rgba(255,255,255,.13);border-radius:.8rem;background:rgba(255,255,255,.07);color:#fff}.mobile-menu-links{display:flex;flex-direction:column;padding:1rem;overflow:auto}.mobile-menu-links a{display:flex;align-items:center;gap:1rem;width:100%;padding:.88rem .7rem;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;text-align:left;font-size:1rem;font-weight:800}.mobile-menu-links a span{width:1.7rem;color:#f15a7c;font-size:.64rem;letter-spacing:.08em}.mobile-menu-footer{margin-top:auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1)}.mobile-menu-footer p{margin-bottom:.8rem;color:#d8c7cf;font-size:.88rem}.mobile-menu-footer .btn{position:static;width:100%}.mobile-menu-footer>a{display:block;margin-top:.8rem;color:#d8c7cf;text-align:center;font-size:.76rem}
@media(max-width:1180px){.nav-inner{grid-template-columns:minmax(205px,240px) minmax(0,1fr) auto}.brand-image-wrap{width:135px}.brand-copy{display:none}.nav-links>a,.nav-more-btn{padding:.68rem .6rem}.nav-contact{display:none}}
@media(max-width:1024px){.site-nav{top:.55rem;left:50%;right:auto;width:calc(100% - 1rem);transform:translateX(-50%);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding-top:0}.site-nav.scrolled{top:.35rem}.nav-inner{display:flex;min-height:66px;padding:.5rem .55rem .5rem .62rem}.brand-upgraded{flex:1}.brand-image-wrap{width:142px;height:50px}.brand-copy{display:flex}.nav-links,.nav-actions{display:none!important}.menu-btn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px}}
@media(max-width:480px){.brand-image-wrap{width:126px;height:46px}.brand-copy strong{font-size:.87rem}.brand-copy small{font-size:.53rem}.mobile-menu{width:94vw}}


/* Selected product showcase cards */
.showcase-section{position:relative;background:linear-gradient(180deg,#fff 0%,#fff8fb 52%,#fff 100%);overflow:hidden}
.showcase-section:before{content:"";position:absolute;width:34rem;height:34rem;border-radius:50%;top:3rem;right:-18rem;background:radial-gradient(circle,rgba(196,16,71,.11),transparent 68%);pointer-events:none}
.showcase-heading{position:relative;z-index:1;margin-bottom:2.4rem}
.showcase-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}
.showcase-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(62,20,35,.11);border-radius:1.6rem;background:rgba(255,255,255,.94);overflow:hidden;box-shadow:0 22px 65px rgba(44,7,21,.09);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.showcase-card:hover{transform:translateY(-7px);border-color:rgba(196,16,71,.25);box-shadow:0 34px 90px rgba(65,7,29,.16)}
.showcase-card-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr)}
.showcase-media{position:relative;min-height:310px;overflow:hidden;background:#17070d}
.showcase-card-wide .showcase-media{min-height:520px}
.showcase-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(16,3,8,.7));pointer-events:none}
.showcase-media img{display:block;width:100%;height:100%!important;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease}
.showcase-card:hover .showcase-media img{transform:scale(1.035);filter:saturate(1.06) contrast(1.03)}
.showcase-index{position:absolute;z-index:2;left:1rem;top:1rem;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(20,4,10,.76);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22);color:#fff;font:850 .72rem/1 ui-monospace,monospace;letter-spacing:.1em}
.showcase-status{position:absolute;z-index:2;right:1rem;top:1rem;padding:.5rem .72rem;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);color:#7f0a30;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;box-shadow:0 8px 25px rgba(20,4,10,.12)}
.showcase-content{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem 1.55rem 1.65rem}
.showcase-card-wide .showcase-content{justify-content:center;padding:clamp(2rem,4vw,3.4rem)}
.showcase-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
.showcase-meta span{padding:.38rem .58rem;border-radius:999px;background:#fff0f5;color:#9c123e;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.showcase-content h3{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.08;letter-spacing:-.045em;color:#1d1015}
.showcase-card-wide .showcase-content h3{font-size:clamp(2rem,3.2vw,3rem)}
.showcase-content p{margin-top:.8rem;color:#606774;line-height:1.72;font-size:.94rem}
.showcase-points{display:grid;gap:.6rem;margin-top:1.2rem;color:#424957;font-size:.86rem}
.showcase-points li{display:grid;grid-template-columns:17px 1fr;gap:.55rem;align-items:start}
.showcase-points li:before{content:"✓";display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:linear-gradient(145deg,#c41047,#f12663);color:#fff;font-size:.6rem;font-weight:950;margin-top:.08rem}
.showcase-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:1.4rem;color:#a80c3b;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;text-decoration:none}
.showcase-link span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff0f5;transition:transform .25s ease,background .25s ease,color .25s ease}
.showcase-link:hover span{transform:translate(3px,-3px);background:#b10f3e;color:#fff}
@media(max-width:960px){.showcase-card-wide{display:flex}.showcase-card-wide .showcase-media{min-height:420px}.showcase-card-wide .showcase-content{padding:1.7rem}}
@media(max-width:720px){.showcase-grid{grid-template-columns:1fr}.showcase-card-wide{grid-column:auto}.showcase-media,.showcase-card-wide .showcase-media{min-height:300px}.showcase-content,.showcase-card-wide .showcase-content{padding:1.25rem}.showcase-status{font-size:.58rem;max-width:62%;text-align:center}.showcase-card-wide .showcase-content h3{font-size:1.75rem}}
@media(max-width:420px){.showcase-media,.showcase-card-wide .showcase-media{min-height:240px}.showcase-card{border-radius:1.15rem}.showcase-content h3{font-size:1.35rem}.showcase-content p{font-size:.88rem}.showcase-index{width:36px;height:36px}}


/* Full-width selected product showcase layout */
.showcase-container{width:100%;max-width:none;margin-inline:auto;padding-inline:clamp(1rem,2.5vw,3rem)}
.showcase-heading{max-width:1600px;margin-inline:auto;margin-bottom:2.4rem}
.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1800px;margin-inline:auto;gap:clamp(1rem,1.5vw,1.5rem);align-items:stretch}
.showcase-card,.showcase-card-wide{grid-column:auto;display:flex;flex-direction:column;height:100%}
.showcase-card-wide .showcase-media,.showcase-media{min-height:clamp(250px,24vw,390px)}
.showcase-card-wide .showcase-content,.showcase-content{padding:clamp(1.25rem,1.8vw,1.75rem);justify-content:flex-start;flex:1}
.showcase-card-wide .showcase-content h3,.showcase-content h3{font-size:clamp(1.35rem,1.7vw,1.85rem)}
.showcase-card-wide .showcase-content p,.showcase-content p{font-size:.92rem}
.showcase-card-wide .showcase-media img,.showcase-media img{object-position:center top}
@media(min-width:1500px){.showcase-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.showcase-card-wide .showcase-media,.showcase-media{min-height:290px}.showcase-card-wide .showcase-content h3,.showcase-content h3{font-size:1.45rem}}
@media(max-width:1180px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.showcase-container{padding-inline:.75rem}.showcase-grid{grid-template-columns:1fr}.showcase-card-wide .showcase-media,.showcase-media{min-height:280px}}