:root{
  --navy:#28112f;--navy2:#3a1c43;--blue:#43234d;--blue2:#55aeb7;
  --ink:#251d29;--muted:#6f6672;--paper:#fff;--mist:#f7f5f8;--line:#e7e0e8;
  --font-body:"DM Sans",Arial,sans-serif;--font-head:"Manrope","DM Sans",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:var(--font-body);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.section-pad{padding:100px 0}.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(16,36,58,.08)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;border-radius:9px;background:var(--navy);color:white;display:grid;place-items:center;font:800 23px var(--font-head);position:relative}.brand-mark:after{content:"";position:absolute;right:6px;bottom:6px;width:7px;height:7px;background:var(--blue2);border-radius:2px}.brand-name{font:800 19px var(--font-head);letter-spacing:.12em;color:var(--navy);line-height:1.2}.brand-sub{display:block;font:600 8px var(--font-body);letter-spacing:.12em;color:#687b8b;margin-top:4px}.main-nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600;color:#405365}.main-nav a:hover{color:var(--blue)}.main-nav .nav-cta{padding:11px 19px;background:var(--navy);color:white;border-radius:4px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--navy)}
.hero{min-height:610px;background:linear-gradient(112deg,#0d2034 0%,#15334d 58%,#1d4a68 100%);position:relative;overflow:hidden;color:#fff;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,black,transparent 90%)}.hero-content{position:relative;z-index:2;padding-top:68px;padding-bottom:72px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--blue);margin:0 0 17px}.eyebrow.light{color:#83bde0}.hero h1{font:700 clamp(42px,5.3vw,68px)/1.12 var(--font-head);letter-spacing:-.045em;max-width:760px;margin:0}.hero h1 span{color:#72c4c5}.hero-copy{max-width:620px;color:#d3e0e9;font-size:17px;line-height:1.8;margin:25px 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 20px;border-radius:4px;font-size:12px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s}.button span{font-size:18px;line-height:1}.button-primary{background:#55aeb7;color:white}.button-primary:hover{background:#347eae;transform:translateY(-2px)}.button-ghost{border-color:rgba(255,255,255,.4);color:white}.button-ghost:hover{background:rgba(255,255,255,.1)}.hero-note{margin-top:58px;color:#aebfcb;font-size:11px;letter-spacing:.03em;display:flex;align-items:center;gap:12px}.note-line{width:31px;height:1px;background:#79b9dc}.hero-orbit{position:absolute;border:1px solid rgba(143,197,228,.18);border-radius:50%;pointer-events:none}.orbit-one{width:600px;height:600px;right:-100px;top:0}.orbit-two{width:430px;height:430px;right:-15px;top:85px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.intro h2,.section-heading h2,.about h2,.contact h2{font:700 clamp(32px,4vw,46px)/1.18 var(--font-head);letter-spacing:-.04em;margin:0;color:var(--navy)}.intro-text p,.section-heading>p,.about-copy>p,.contact-grid>div>p{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 19px}.text-link{font-size:12px;font-weight:700;color:var(--blue);display:inline-flex;gap:12px;align-items:center}.text-link span{font-size:17px}.services{background:var(--mist)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px}.section-heading>p{max-width:440px;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{background:white;padding:30px 27px 28px;border:1px solid #e7edf1;min-height:300px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(16,36,58,.07)}.service-card.featured{border-top:3px solid var(--blue)}.service-icon{width:43px;height:43px;border-radius:9px;background:#eaf3f8;color:var(--blue);display:grid;place-items:center;font-size:24px;margin-bottom:23px}.card-index{font-size:9px;letter-spacing:.15em;color:#80909d;font-weight:700;margin:0 0 8px}.service-card h3{font:700 19px/1.3 var(--font-head);margin:0 0 12px;color:var(--navy)}.service-card>p:not(.card-index){font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 22px}.service-card .text-link{margin-top:auto;font-size:11px}.small-note{font-size:10px;color:#8795a0;line-height:1.6;margin:18px 0 0}.audience{background:var(--navy);color:white}.audience-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.audience h2{font:700 clamp(34px,4vw,48px)/1.15 var(--font-head);letter-spacing:-.04em;margin:0}.audience-copy{display:grid;gap:28px}.audience-item{display:grid;grid-template-columns:48px 1fr;gap:17px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:24px}.audience-number{font:600 13px var(--font-head);color:#81bde0;padding-top:4px}.audience-item h3{font:700 17px var(--font-head);margin:0 0 7px}.audience-item p{font-size:13px;color:#bdcbd5;line-height:1.75;margin:0}.approach{background:#fff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);padding-top:27px}.step{padding:0 23px 0 0;position:relative}.step:not(:last-child):after{content:"";position:absolute;right:17px;top:10px;width:1px;height:105px;background:var(--line)}.step span{font:700 12px var(--font-head);color:var(--blue)}.step h3{font:700 17px var(--font-head);color:var(--navy);margin:17px 0 8px}.step p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:175px}.about{background:var(--mist)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{min-height:390px;position:relative;display:grid;place-items:center}.visual-panel{width:85%;height:330px;background:linear-gradient(145deg,#3a1c43,#28112f);padding:38px;color:white;position:relative;overflow:hidden}.visual-panel:before,.visual-panel:after{content:"";position:absolute;border:1px solid rgba(143,197,228,.2);border-radius:50%;width:300px;height:300px;right:-110px;top:-95px}.visual-panel:after{width:220px;height:220px;right:-70px;top:-55px}.visual-kicker{font:800 14px var(--font-head);letter-spacing:.2em;color:#72c4c5}.visual-lines{display:flex;gap:9px;margin-top:65px;align-items:end;height:65px}.visual-lines i{display:block;width:35px;background:#55aeb7;border-radius:3px 3px 0 0}.visual-lines i:nth-child(1){height:28px}.visual-lines i:nth-child(2){height:48px}.visual-lines i:nth-child(3){height:39px}.visual-lines i:nth-child(4){height:65px;background:#72c4c5}.visual-caption{font:700 23px/1.25 var(--font-head);margin-top:25px}.visual-stamp{position:absolute;bottom:0;right:0;background:white;box-shadow:0 12px 35px rgba(16,36,58,.1);padding:19px 24px;display:flex;align-items:center;gap:13px}.visual-stamp strong{font:800 27px var(--font-head);color:var(--blue)}.visual-stamp span{font-size:10px;line-height:1.4;color:var(--muted)}.about-copy h2{margin-bottom:23px}.about-copy>p{font-size:14px}.button-dark{background:var(--navy);color:white;margin-top:14px}.button-dark:hover{background:var(--blue)}.product{background:#fff}.product-card{background:linear-gradient(110deg,#10243a,#43234d);min-height:350px;padding:55px 65px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;position:relative;color:white}.product-copy{position:relative;z-index:2;max-width:520px}.product-label{font-size:9px;letter-spacing:.18em;color:#72c4c5;font-weight:700;margin:0 0 10px}.product-copy h2{font:700 39px/1.15 var(--font-head);letter-spacing:-.04em;margin:0 0 15px}.product-copy>p:not(.eyebrow):not(.product-label):not(.product-disclaimer){color:#d1dce4;font-size:13px;line-height:1.8;max-width:440px}.button-light{background:#fff;color:var(--navy);margin-top:12px}.button-light:hover{background:#eaf6f5}.product-disclaimer{font-size:9px;color:#a9bac6;margin:13px 0 0}.product-art{height:260px;display:grid;place-items:center;position:relative}.screen-frame{width:300px;height:190px;background:#e9f0f4;border:9px solid #49364d;border-radius:10px;box-shadow:0 20px 45px rgba(0,0,0,.25);position:relative;z-index:2;transform:perspective(700px) rotateY(-10deg) rotateX(3deg)}.screen-top{height:17px;background:#d4dfe6;display:flex;align-items:center;gap:4px;padding:0 7px}.screen-top b{width:5px;height:5px;background:#8fa2af;border-radius:50%}.screen-body{display:flex;height:155px}.screen-side{width:54px;background:#3a1c43}.screen-content{padding:13px;flex:1}.screen-content i{display:block;height:7px;width:75%;background:#c1d2dc;margin-bottom:8px;border-radius:3px}.screen-content i:nth-child(2){width:55%}.screen-content i:nth-child(3){width:65%}.screen-chart{height:62px;margin-top:12px;background:linear-gradient(135deg,#e2f2f1,#f5f8f8);border-left:3px solid #55aeb7}.product-orb{position:absolute;width:260px;height:260px;border:1px solid rgba(143,197,228,.2);border-radius:50%;right:10px;top:0}.contact{background:var(--mist)}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px}.contact h2{margin-bottom:20px}.contact-prompt{font-size:11px;color:var(--blue);font-weight:700;margin-top:30px}.contact-prompt span{font-size:18px;margin-right:10px}.contact-form{background:#fff;padding:30px;display:flex;flex-direction:column;box-shadow:0 10px 35px rgba(16,36,58,.05)}.contact-form label{font-size:11px;font-weight:700;color:#42576a;margin:0 0 7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dce4e9;border-radius:3px;padding:12px;font:13px var(--font-body);color:var(--ink);margin-bottom:17px;background:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #c9e9e8;border-color:#55aeb7}.form-button{border:0;align-self:flex-start}.form-note,.form-status{font-size:10px;color:#8795a0;margin:12px 0 0}.form-status{color:#246b48}.site-footer{background:#0b1c2d;color:#dce5eb;padding:42px 0 20px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding-bottom:32px}.footer-brand .brand-name{color:white}.footer-brand .brand-sub{color:#9eafbb}.footer-brand .brand-mark{background:#49304f}.footer-main>p{font-size:11px;color:#aebdc8}.footer-links{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;font-size:10px;color:#c1cdd5}.footer-links a:hover{color:#72c4c5}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:17px;display:flex;justify-content:space-between;color:#8294a2;font-size:9px}
@media(max-width:900px){.main-nav{gap:15px}.intro-grid,.about-grid,.contact-grid{gap:48px}.audience-inner{gap:55px}.product-card{padding:45px}.service-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr);row-gap:30px}.step:nth-child(3):after{display:none}}
@media(max-width:700px){.container{width:min(100% - 36px,560px)}.site-header{height:72px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:18px 24px 24px;box-shadow:0 15px 25px rgba(16,36,58,.1);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 4px;border-bottom:1px solid #edf1f4}.main-nav .nav-cta{text-align:center;margin-top:12px;border:0}.brand-name{font-size:17px}.brand-sub{font-size:7px}.hero{min-height:590px}.hero-content{padding-top:65px;padding-bottom:55px}.hero h1{font-size:43px}.hero-copy{font-size:15px}.hero-note{margin-top:43px;max-width:300px;line-height:1.6}.orbit-one{right:-430px}.orbit-two{right:-350px}.section-pad{padding:70px 0}.intro-grid,.about-grid,.contact-grid,.audience-inner{grid-template-columns:1fr;gap:28px}.intro h2,.section-heading h2,.about h2,.contact h2{font-size:35px}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.audience-inner{gap:35px}.steps{grid-template-columns:1fr 1fr;row-gap:27px}.step:nth-child(2):after,.step:nth-child(4):after{display:none}.step:nth-child(3):after{display:block}.about-visual{min-height:340px}.visual-panel{height:290px}.product-card{grid-template-columns:1fr;padding:38px 25px}.product-copy h2{font-size:34px}.product-art{height:220px;margin-top:15px}.screen-frame{transform:scale(.88)}.contact-form{padding:23px}.footer-main{grid-template-columns:1fr;gap:15px}.footer-links{justify-content:flex-start}.footer-bottom{gap:10px;flex-direction:column}.button{font-size:11px;padding:13px 16px}}

/* ALEXIAN brand refinements for Draft 2 */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:220px}
.brand-logo{display:block;width:205px;height:auto;max-height:49px;object-fit:contain;object-position:left center}
.brand-tagline{font-size:8px;line-height:1.2;letter-spacing:.15em;font-weight:700;color:var(--muted);padding-left:2px}
.footer-brand .brand-logo{width:190px}
.footer-brand .brand-tagline{color:#c9bdcf}
.about-founded{border-left:3px solid var(--blue2);padding:10px 0 10px 17px;margin:22px 0 24px!important;color:var(--navy);font-weight:600}
.eyebrow{color:var(--blue)}
.hero{background:linear-gradient(112deg,#28112f 0%,#3a1c43 58%,#263e49 100%)}
.hero:after{background:radial-gradient(circle,rgba(85,174,183,.22),transparent 68%)}
.service-card.featured{border-top-color:var(--blue2)}
.text-link{color:var(--blue)}
.button-primary{background:var(--blue2);color:#211527}
.button-primary:hover{background:#79c8c8}
.nav-cta{background:var(--navy);}
.product-card{background:linear-gradient(110deg,#28112f,#43234d 66%,#24515a)}
@media(max-width:700px){.brand-logo{width:174px;max-height:42px}.brand-tagline{font-size:7px}}

/* Draft 2 readability update: increase typography across desktop and mobile */
body{font-size:18px;line-height:1.75}
.main-nav{font-size:16px;gap:27px}
.brand-tagline{font-size:10px}
.hero h1{font-size:clamp(48px,5.8vw,76px)}
.hero-copy{font-size:19px;line-height:1.85}
.eyebrow{font-size:12px}
.button{font-size:15px;padding:16px 23px}
.hero-note{font-size:13px}
.intro-text p,.section-heading>p,.about-copy>p,.contact-grid>div>p{font-size:17px;line-height:1.85}
.text-link{font-size:15px}
.service-card{padding:34px 30px}
.service-card h3{font-size:22px}
.service-card>p:not(.card-index){font-size:16px;line-height:1.8}
.service-card .text-link{font-size:14px}
.card-index{font-size:11px}
.small-note{font-size:12px}
.audience-item h3{font-size:20px}
.audience-item p{font-size:16px;line-height:1.8}
.audience-number{font-size:15px}
.step span{font-size:14px}
.step h3{font-size:19px}
.step p{font-size:15px;line-height:1.8}
.visual-caption{font-size:26px}
.visual-stamp span{font-size:12px}
.product-copy h2{font-size:44px}
.product-copy>p:not(.eyebrow):not(.product-label):not(.product-disclaimer){font-size:16px;line-height:1.85}
.product-label{font-size:11px}
.product-disclaimer{font-size:11px}
.contact-form{padding:36px}
.contact-form label{font-size:14px}
.contact-form input,.contact-form select,.contact-form textarea{font-size:16px;padding:14px}
.form-note,.form-status{font-size:12px}
.contact-prompt{font-size:14px}
.footer-main>p{font-size:14px}
.footer-links{font-size:13px}
.footer-bottom{font-size:12px}
@media(max-width:700px){
 body{font-size:17px}
 .main-nav{font-size:17px}
 .hero h1{font-size:clamp(43px,9vw,52px)}
 .hero-copy{font-size:17px}
 .intro h2,.section-heading h2,.about h2,.contact h2{font-size:38px}
 .intro-text p,.section-heading>p,.about-copy>p,.contact-grid>div>p{font-size:17px}
 .service-card h3{font-size:22px}
 .service-card>p:not(.card-index){font-size:16px}
 .audience h2{font-size:38px}
 .audience-item h3{font-size:20px}
 .audience-item p{font-size:16px}
 .step h3{font-size:18px}
 .step p{font-size:15px}
 .product-copy h2{font-size:36px}
 .product-copy>p:not(.eyebrow):not(.product-label):not(.product-disclaimer){font-size:16px}
 .contact-form label{font-size:14px}
 .contact-form input,.contact-form select,.contact-form textarea{font-size:16px}
 .footer-links{font-size:13px}
}


/* Contact details */
.contact-details { margin-top: 2rem; display: grid; gap: 1.25rem; }
.contact-details h3 { margin: 0 0 .35rem; font-size: 1rem; font-weight: 700; color: var(--text, #20263a); }
.contact-details p, .contact-details address { margin: 0; font-style: normal; line-height: 1.65; color: var(--muted, #626b7d); }
.contact-details a { color: inherit; text-decoration: none; }
.contact-details a:hover { text-decoration: underline; }

/* Contact section layout refinement: clear, scannable information cards */
.contact-grid{align-items:start;gap:clamp(42px,6vw,82px)}
.contact-grid>div:first-child{min-width:0}
.contact-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:30px;
}
.contact-details>div{
  min-width:0;
  background:#fff;
  border:1px solid #e5dfe8;
  border-top:3px solid var(--blue2);
  border-radius:8px;
  padding:19px 20px 20px;
  box-shadow:0 8px 22px rgba(40,17,47,.045);
}
.contact-details>div:nth-child(3){grid-column:1/-1}
.contact-details h3{
  margin:0 0 8px;
  color:var(--navy);
  font-size:15px;
  line-height:1.35;
  letter-spacing:.01em;
}
.contact-details p,.contact-details address{
  margin:0;
  color:#514957;
  font-size:16px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.contact-details a{color:var(--blue);font-weight:700;text-decoration:underline;text-decoration-color:rgba(67,35,77,.28);text-underline-offset:3px}
.contact-details a:hover{text-decoration-color:currentColor}
.contact-form{
  border:1px solid #e9e3eb;
  border-radius:10px;
  box-shadow:0 14px 38px rgba(40,17,47,.08);
}
.contact-form label{color:var(--navy)}
.contact-form input,.contact-form select,.contact-form textarea{border-color:#d9d1dc;border-radius:5px;min-height:48px}
.contact-form textarea{min-height:125px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid rgba(85,174,183,.2);border-color:var(--blue2)}
@media(max-width:900px){
 .contact-grid{gap:38px}
 .contact-details{gap:12px}
}
@media(max-width:700px){
 .contact-grid{gap:30px}
 .contact-details{grid-template-columns:1fr;gap:12px;margin-top:25px}
 .contact-details>div:nth-child(3){grid-column:auto}
 .contact-details>div{padding:17px 18px}
 .contact-details h3{font-size:15px}
 .contact-details p,.contact-details address{font-size:16px;line-height:1.65}
 .contact-form{padding:24px 20px}
 .contact-form input,.contact-form select,.contact-form textarea{min-height:48px;font-size:16px}
 .contact-form textarea{min-height:130px}
}


/* Our Partners */
.partners{background:#fff}
.partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.partner-card{min-width:0;min-height:350px;padding:27px 23px 25px;background:var(--mist);border:1px solid #e7e0e8;border-top:3px solid var(--blue2);border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}
.partner-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(40,17,47,.08)}
.partner-brand{height:62px;width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:17px;font-family:var(--font-head);font-weight:800;letter-spacing:-.045em}
.partner-bluehost{font-size:31px;color:#1766a8;letter-spacing:-.06em}
.partner-square{font-size:34px;color:#161616;letter-spacing:-.07em}
.partner-shopify{font-size:31px;color:#659b36;font-style:italic}
.partner-suitecrm{font-size:27px;color:#49304f;letter-spacing:-.06em}
.partner-category{font-size:10px;line-height:1.4;letter-spacing:.13em;font-weight:700;color:#78838d;margin:0 0 8px}
.partner-card h3{font:700 22px/1.25 var(--font-head);color:var(--navy);margin:0 0 10px}
.partner-card>p:not(.partner-category){font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 20px}
.partner-card .text-link{margin-top:auto;font-size:13px;line-height:1.5;align-items:flex-start}
.partner-card .text-link span{flex:0 0 auto}
.partner-disclaimer{font-size:11px;line-height:1.65;color:#81808a;margin:22px 0 0;max-width:900px}
@media(max-width:1000px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-card{min-height:315px}}
@media(max-width:700px){.partner-grid{grid-template-columns:1fr;gap:14px}.partner-card{min-height:0;padding:24px 22px}.partner-brand{height:50px;margin-bottom:13px}.partner-card .text-link{margin-top:4px}.partner-disclaimer{font-size:10px}}

/* Image-led service cards */
.service-card{padding:0 0 27px;overflow:hidden}
.service-image{width:100%;height:156px;overflow:hidden;background:#f1edf5;margin:0 0 23px}
.service-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.service-card:hover .service-image img{transform:scale(1.035)}
.service-card .card-index,.service-card h3,.service-card>p:not(.card-index),.service-card .text-link{margin-left:27px;margin-right:27px}
.service-card .card-index{margin-bottom:8px}
.service-card h3{margin-top:0}
.service-card>p:not(.card-index){margin-bottom:22px}
.service-card .text-link{margin-top:auto}
@media(max-width:700px){.service-image{height:190px}.service-card{padding-bottom:24px}}


/* Draft 5: professional office photography in the homepage hero */
.hero{isolation:isolate;background:linear-gradient(112deg,#28112f 0%,#3a1c43 56%,#263e49 100%)}
.hero-photo{position:absolute;inset:0 0 0 auto;width:57%;height:100%;z-index:0;overflow:hidden}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#28112f 0%,rgba(40,17,47,.88) 9%,rgba(40,17,47,.45) 33%,rgba(40,17,47,.05) 72%)}
.hero-grid{z-index:1;pointer-events:none}
.hero-content{z-index:2;max-width:100%;width:min(1160px,calc(100% - 48px))}
.hero-content h1,.hero-copy{max-width:640px}
.hero-orbit{z-index:1}
@media(max-width:700px){
 .hero-photo{width:100%;height:48%;top:auto;bottom:0;opacity:.72}
 .hero-photo:after{background:linear-gradient(180deg,#28112f 0%,rgba(40,17,47,.88) 12%,rgba(40,17,47,.4) 54%,rgba(40,17,47,.2) 100%)}
 .hero-content{width:min(100% - 36px,560px)}
}


/* Retail Manager Payroll website artwork */
.product-card{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:38px}
.product-art{height:auto;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}
.product-art img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;border-radius:8px;box-shadow:0 18px 42px rgba(0,0,0,.22)}
@media(max-width:900px){
  .product-card{grid-template-columns:1fr 1fr;gap:24px}
  .product-art img{max-height:320px}
}
@media(max-width:700px){
  .product-card{grid-template-columns:1fr;gap:22px}
  .product-art{margin-top:8px}
  .product-art img{width:100%;max-height:none}
}

/* Updated ALEXIAN hero artwork: technology-led, with no stock-person photography */
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}
@media(max-width:700px){
  .hero-photo img{object-position:62% center}
}


/* Draft 10: rebalance the hero for more copy space and a tighter image area */
@media (min-width: 701px){
  .hero-photo{width:40%}
  .hero-photo img{object-position:100% center}
  .hero-photo:after{
    background:linear-gradient(90deg,#28112f 0%,rgba(40,17,47,.68) 10%,rgba(40,17,47,.22) 36%,rgba(40,17,47,0) 78%);
  }
  .hero-content{width:min(1160px,calc(100% - 48px))}
  .hero-content h1{max-width:680px}
  .hero-copy{max-width:660px}
}
@media (min-width:701px) and (max-width:1000px){
  .hero-photo{width:38%}
  .hero h1{font-size:clamp(42px,5vw,54px)}
  .hero-copy{max-width:560px;font-size:16px}
}
@media(max-width:700px){
  .hero-photo{width:100%;height:43%;top:auto;bottom:0;opacity:.72}
  .hero-photo img{object-position:100% center}
}


/* Draft 13: eSac product presentation and expanded partner directory */
.esac-art{min-height:270px;padding:18px}
.esac-display{position:relative;z-index:2;width:min(100%,390px);min-height:235px;padding:30px 32px;background:linear-gradient(145deg,#fff 0%,#f0f5f7 100%);border:1px solid rgba(255,255,255,.65);border-radius:9px;box-shadow:0 22px 50px rgba(0,0,0,.24);color:var(--navy);transform:perspective(850px) rotateY(-7deg) rotateX(2deg)}
.esac-wordmark{font:800 56px/.95 var(--font-head);letter-spacing:-.075em;color:#34203d}
.esac-wordmark span{color:#55aeb7}
.esac-rule{height:3px;width:58px;background:#55aeb7;margin:19px 0 15px}
.esac-display>p{font:700 12px/1.55 var(--font-head);letter-spacing:.14em;color:#4b5361;margin:0}
.esac-feature-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}
.esac-feature-list span{font:700 8px/1.3 var(--font-body);letter-spacing:.06em;color:#fff;background:#43234d;border-radius:3px;padding:7px 8px}
.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.partner-dynasoft{font-size:25px;font-weight:900;letter-spacing:.08em;color:#659b36;-webkit-text-fill-color:#659b36;background:none;text-shadow:none}
.partner-stripe{font-size:37px;letter-spacing:-.07em;color:#635bff}
@media(max-width:1000px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.partner-grid{grid-template-columns:1fr}.esac-art{min-height:225px;padding:8px}.esac-display{min-height:210px;padding:25px 24px}.esac-wordmark{font-size:49px}.esac-feature-list{margin-top:18px}}