@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--red:#f21d2b;--red-dark:#d91422;--black:#080808;--ink:#171717;--muted:#777;--paper:#f7f7f5;--line:#e6e6e1;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-.05em;line-height:1.08}p{color:#707070}.scroll-progress{position:fixed;z-index:2000;left:0;top:0;height:3px;width:0;background:var(--red)}
.site-nav{padding:15px 0;background:#f7f7f5eF;backdrop-filter:blur(18px);transition:padding .25s,box-shadow .25s}.site-nav.nav-scrolled{padding:8px 0;box-shadow:0 5px 30px #00000008}.nav-logo{width:180px;height:48px;object-fit:contain;object-position:left center}.navbar-nav .nav-link{font-size:12px;font-weight:700;color:#4d4d4d;padding:10px 11px!important}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--red)}.btn{font-family:var(--display);font-weight:600;border-radius:3px;transition:transform .25s var(--ease),background .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);border-color:var(--red);box-shadow:0 8px 22px #f21d2b20}.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.nav-cta{padding:10px 15px;font-size:11px}.hero-section{position:relative;overflow:hidden;padding:165px 0 45px;min-height:745px;background:var(--paper)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#00000006 1px,transparent 1px),linear-gradient(90deg,#00000006 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-glow{position:absolute;right:-140px;top:100px;width:440px;height:440px;border-radius:50%;background:#f21d2b0a;filter:blur(2px)}.hero-wrap{position:relative;z-index:1}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.17em;font-weight:700;color:#888}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.status-dot{width:7px;height:7px;background:#2aa46a;border-radius:50%;box-shadow:0 0 0 5px #2aa46a18}.hero-title{font-size:clamp(52px,7vw,92px);line-height:.98;letter-spacing:-.08em;margin:0 0 26px}.outline-word{-webkit-text-stroke:1.5px #171717;color:transparent}.red-word{color:var(--red)}.hero-copy{max-width:505px;font-size:15px;line-height:1.9;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-actions .btn{padding:15px 19px;font-size:13px}.text-link{font-size:12px;font-weight:700}.text-link i{color:var(--red)}.hero-proof{display:flex;gap:30px;max-width:550px;margin-top:48px;padding-top:22px;border-top:1px solid #deded9}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-family:var(--display);font-size:16px}.hero-proof span{font-size:10px;color:#888}.hero-visual{background:#080808;color:white;position:relative;padding:20px 22px;min-height:455px;box-shadow:0 30px 65px #00000018;transform:rotate(1deg);isolation:isolate}.visual-label,.visual-foot{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.15em;color:#aaa}.hero-image-chip{position:absolute;background:white;color:#171717;padding:11px 14px;font-size:10px;font-weight:700;box-shadow:0 12px 28px #0002}.hero-image-chip i{color:var(--red);margin-right:7px}.chip-top{right:-18px;top:92px;transform:rotate(3deg)}.chip-bottom{left:-18px;bottom:75px;transform:rotate(-3deg)}.visual-foot{padding-top:13px;border-top:1px solid #ffffff24}.service-strip{background:var(--red);color:#fff;overflow:hidden;padding:15px 0}.strip-track{display:flex;gap:38px;min-width:max-content;white-space:nowrap;justify-content:space-around;animation:marquee 27s linear infinite;font-size:10px;font-weight:700;letter-spacing:.14em}.strip-track span{padding:0 15px}.strip-track i{font-style:normal;margin-left:25px}@keyframes marquee{to{transform:translateX(-35%)}}
.section-pad{padding:108px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:end}.section-kicker{margin-bottom:20px}.section-title{font-size:clamp(37px,4.5vw,59px);line-height:1.08;letter-spacing:-.065em;margin:0}.section-title span{color:#999}.intro-copy{font-size:17px;line-height:1.9;margin-bottom:22px}.under-link{display:inline-flex;align-items:center;gap:17px;font-size:11px;font-weight:700;border-bottom:1px solid #aaa;padding-bottom:8px}.under-link i{color:var(--red);transition:transform .2s}.under-link:hover i{transform:translate(3px,-3px)}.services-home{background:#efefec}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.service-tile{display:block;background:#fff;height:100%;border:1px solid #e5e5e0;transition:transform .3s var(--ease),box-shadow .3s;overflow:hidden}.service-tile:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0000000a}.service-photo{height:165px;background-size:cover;background-position:center;position:relative}.service-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 60%)}.service-tile-content{padding:23px;position:relative}.service-symbol{display:grid;place-items:center;width:44px;height:44px;background:var(--red);color:white;margin-top:-45px;position:relative;z-index:1;border:4px solid white;font-size:15px}.service-tile h3{font-size:21px;margin:19px 0 10px}.service-tile p{font-size:11px;min-height:57px;margin-bottom:18px}.tile-link{font-size:10px;font-weight:700}.tile-link i{color:var(--red);margin-left:8px}.featured-work{background:var(--paper)}.featured-project{display:block;height:100%}.project-image{position:relative;overflow:hidden;background:#e7e7e2;aspect-ratio:1.1/1}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);display:block}.featured-project:hover .project-image img,.portfolio-card:hover .portfolio-image img{transform:scale(1.045)}.project-open{position:absolute;right:15px;bottom:15px;width:42px;height:42px;display:grid;place-items:center;background:var(--red);color:#fff;transition:transform .2s}.featured-project:hover .project-open{transform:rotate(45deg)}.project-info{padding:17px 0}.project-info span,.project-type{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--red)}.project-info h3{font-size:21px;margin:7px 0}.package-teaser{background:#090909;color:white;padding:72px 0}.package-teaser-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.package-teaser .section-kicker{color:#999}.package-teaser h2{font-size:clamp(34px,4.4vw,56px);line-height:1.04;margin:0 0 17px}.package-teaser h2 span{color:var(--red)}.package-teaser p:not(.section-kicker){font-size:12px;color:#aaa;max-width:480px;margin:0}.package-teaser .btn{color:#111;padding:14px 18px;white-space:nowrap}.final-cta{text-align:center}.final-cta .section-title{font-size:clamp(45px,6vw,76px)}.site-footer{background:#080808;color:white;padding:57px 0 20px}.footer-logo{width:min(100%,235px);height:auto;max-height:76px;object-fit:contain;object-position:left center;background:transparent;padding:0;display:block}.footer-note{font-size:11px;line-height:1.8;color:#888;max-width:330px;margin:17px 0}.social-links{display:flex;gap:8px;flex-wrap:wrap}.social-links a{width:35px;height:35px;display:grid;place-items:center;border:1px solid #ffffff2c;color:#ddd;font-size:13px;transition:.2s}.social-links a:hover{background:var(--red);border-color:var(--red);color:white;transform:translateY(-2px)}.footer-heading{font-family:var(--display);font-size:13px;letter-spacing:-.01em;margin:8px 0 20px}.site-footer .col-lg-2>a{display:block;color:#999;font-size:11px;margin:10px 0}.site-footer .col-lg-2>a:hover{color:white}.footer-contact-copy{font-size:11px;color:#999}.footer-contact-link{font-size:11px;font-weight:700;color:#fff}.footer-contact-link i{color:var(--red)}.footer-bottom{border-top:1px solid #ffffff20;margin-top:45px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#777;font-size:9px}.back-to-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;background:var(--red);color:white;z-index:100;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.page-hero{padding:178px 0 83px;background:#efefec;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-110px;top:35px;width:360px;height:360px;border:1px solid #00000012;border-radius:50%;box-shadow:0 0 0 42px #00000003,0 0 0 85px #00000002}.page-hero .container{position:relative;z-index:1}.page-title{font-size:clamp(54px,7.5vw,91px);line-height:.98;letter-spacing:-.08em;margin:0 0 25px}.page-title span{color:var(--red)}.page-lead{font-size:16px;line-height:1.85;max-width:600px;margin:0}.about-image{min-height:400px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.about-image img{width:min(100%,285px)}.about-image span{font-size:8px;letter-spacing:.15em;color:#999;margin-top:20px;text-align:center}.body-copy{font-size:13px;line-height:1.95;margin-top:20px}.dark-section{background:#0a0a0a;color:white}.dark-section .section-kicker{color:#888}.dark-section .section-title span{color:#777}.process-card{background:#141414;border:1px solid #292929;padding:25px;min-height:205px}.process-mark{color:var(--red);font-size:22px}.process-card h3{font-size:23px;margin:23px 0 10px}.process-card p{font-size:11px;color:#888;margin:0}
.service-list-section{padding-top:80px}.service-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:0 0 75px;margin-bottom:75px;border-bottom:1px solid var(--line)}.service-feature:last-child{border-bottom:0;margin-bottom:0}.service-feature:nth-child(even) .service-feature-image{order:2}.service-feature-image{height:370px;position:relative;overflow:hidden;background:#e5e5e0}.service-feature-image img{width:100%;height:100%;object-fit:cover}.image-icon{position:absolute;left:20px;bottom:20px;background:var(--red);color:white;width:50px;height:50px;display:grid;place-items:center;font-size:18px}.service-feature-copy h2{font-size:clamp(28px,3.4vw,43px);margin:0 0 15px}.service-feature-copy>p:not(.section-kicker){font-size:13px}.service-feature-copy ul{padding:0;list-style:none;margin:22px 0 25px}.service-feature-copy li{font-size:11px;margin:10px 0;color:#555}.service-feature-copy li i{color:var(--red);margin-right:9px}
.packages-section{padding-top:60px}.package-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:45px}.package-filter-btn{background:transparent;border:1px solid #ddd;padding:10px 15px;font-size:11px;font-weight:700}.package-filter-btn:hover,.package-filter-btn.active{background:#111;color:white;border-color:#111}.package-group{margin-bottom:60px}.package-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}.package-group-heading h2{font-size:27px;margin:0}.package-group-heading span{font-size:10px;color:#999}.package-card{height:100%;padding:27px;background:white;border:1px solid #e6e6e1;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.package-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000009}.package-card-top{display:flex;justify-content:space-between;align-items:center;color:#999;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.package-card-top i{color:var(--red);font-size:17px}.package-card h3{font-size:25px;margin:24px 0 10px}.package-card>p{font-size:11px;min-height:54px}.package-price{font-family:var(--display);font-size:25px;font-weight:700;margin:15px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}.package-card ul{list-style:none;padding:0;margin:0 0 24px;flex:1}.package-card li{font-size:11px;color:#555;margin:11px 0}.package-card li i{color:var(--red);margin-right:9px}.package-card .btn{font-size:11px;padding:12px}.pricing-note{font-size:10px;color:#999;margin-top:-20px}
.portfolio-section{padding-top:60px}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.filter-btn{border:1px solid #ddd;background:transparent;padding:10px 14px;font-size:11px;font-weight:700}.filter-btn.active,.filter-btn:hover{background:#111;color:#fff;border-color:#111}.portfolio-card{background:white;border:1px solid #e7e7e2;height:100%;transition:transform .3s,box-shadow .3s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000000b}.portfolio-image{display:block;position:relative;aspect-ratio:1.35/1;overflow:hidden;background:#e7e7e2}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.portfolio-card-body{display:flex;justify-content:space-between;gap:18px;padding:22px}.portfolio-card-body h2{font-size:22px;margin:7px 0}.portfolio-card-body p{font-size:11px;margin:0}.project-link{color:var(--red);font-size:18px}
.contact-section{padding-top:75px}.contact-method{display:flex;align-items:flex-start;gap:14px;margin-top:27px}.contact-method-icon{display:grid;place-items:center;width:42px;height:42px;background:#fff;color:var(--red);border:1px solid var(--line)}.contact-method div{display:flex;flex-direction:column}.contact-method small{font-size:9px;letter-spacing:.14em;color:#999}.contact-method a,.contact-method strong{font-size:13px;font-weight:700}.contact-method p{font-size:10px;margin:4px 0 0}.contact-socials{margin-top:28px}.contact-form{background:#fff;border:1px solid var(--line);padding:30px}.contact-form label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.form-control,.form-select{border-radius:2px;border-color:#ddd;padding:12px;font-size:12px}.form-control:focus,.form-select:focus{border-color:var(--red);box-shadow:0 0 0 3px #f21d2b14}.form-control::placeholder{color:#aaa}.contact-form textarea{resize:vertical}.form-privacy{font-size:9px;color:#999;max-width:210px;line-height:1.5}#formMessage{font-size:12px}#formMessage.success,#formMessage.error{padding:12px;margin-top:5px}#formMessage.success{background:#e8f6ed;color:#216b3a}#formMessage.error{background:#fff0f0;color:#a11d28}
.reveal,.service-tile,.featured-project,.service-feature,.package-card,.portfolio-card,.process-card{opacity:0;transform:translateY(17px);transition:opacity .65s var(--ease),transform .65s var(--ease),box-shadow .3s}.is-visible{opacity:1!important;transform:translateY(0)!important}
@media(max-width:991.98px){.site-nav{padding:9px 0}.nav-logo{width:155px;height:42px}.navbar-collapse{padding:14px 0}.hero-section{padding-top:135px;min-height:auto}.hero-visual{max-width:520px;margin:15px auto 0}.section-pad{padding:82px 0}.page-hero{padding:150px 0 68px}.service-feature{gap:5%}.service-feature-image{height:320px}}
@media(max-width:767.98px){.hero-title{font-size:clamp(49px,12.5vw,72px)}.hero-proof{gap:16px;margin-top:35px}.hero-proof strong{font-size:14px}.hero-proof span{font-size:9px;max-width:95px}.hero-visual{min-height:385px;margin-left:8px;margin-right:8px;padding:17px}.hero-image-chip{font-size:8px;padding:9px}.chip-top{right:-8px;top:78px}.chip-bottom{left:-8px;bottom:65px}.visual-label,.visual-foot{font-size:7px}.section-pad{padding:68px 0}.intro-grid{grid-template-columns:1fr;gap:25px}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:28px}.section-title{font-size:40px}.service-photo{height:145px}.service-tile-content{padding:19px}.service-tile h3{font-size:19px}.service-tile p{min-height:0}.package-teaser{padding:55px 0}.package-teaser-inner{align-items:flex-start;flex-direction:column}.package-teaser h2{font-size:40px}.footer-bottom{margin-top:32px;flex-direction:column}.page-hero{padding:140px 0 62px}.page-title{font-size:clamp(49px,12vw,74px)}.page-lead{font-size:14px}.about-image{min-height:300px}.service-feature{grid-template-columns:1fr;gap:28px;padding-bottom:45px;margin-bottom:45px}.service-feature:nth-child(even) .service-feature-image{order:0}.service-feature-image{height:260px}.service-feature-copy h2{font-size:32px}.package-group-heading{align-items:flex-start;flex-direction:column;gap:5px}.package-card{padding:22px}.portfolio-image{aspect-ratio:1.15/1}.contact-form{padding:22px}.contact-section{padding-top:55px}}
@media(max-width:420px){.hero-actions{gap:15px}.hero-actions .btn{font-size:11px;padding:13px}.hero-proof{gap:11px}.hero-proof span{max-width:78px}.hero-visual{min-height:345px}.hero-image-chip{font-size:7px}.page-title{font-size:49px}.package-filter-btn,.filter-btn{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal,.service-tile,.featured-project,.service-feature,.package-card,.portfolio-card,.process-card{opacity:1;transform:none}}

/* V2 responsive and motion refinements */
html{scroll-behavior:smooth}
img{max-width:100%}
.site-nav .navbar-toggler{border-color:#ddddda;padding:7px 10px}
.site-nav .navbar-toggler:focus{box-shadow:0 0 0 .15rem #f21d2b30}
.site-footer .footer-logo{transition:transform .25s ease,opacity .25s ease}
.site-footer .footer-logo:hover{transform:translateY(-2px);opacity:.92}
.social-links a{border-radius:50%}
.hero-visual{animation:heroFloat 7s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(max-width:767.98px){
  .site-nav .navbar-collapse{max-height:calc(100vh - 80px);overflow-y:auto}
  .navbar-nav{align-items:stretch!important}
  .navbar-nav .nav-link{padding:12px 8px!important}
  .navbar-nav .nav-item.ms-lg-2{margin:7px 0 0!important}
  .hero-section{padding-bottom:38px}
  .hero-title{overflow-wrap:anywhere}
  .hero-visual{width:calc(100% - 12px);padding:16px;min-height:340px}
  .hero-logo-wrap{height:265px}
  .hero-logo-wrap img{max-width:65%;height:auto}
  .hero-image-chip{max-width:65%;white-space:normal}
  .footer-main{row-gap:28px!important}
  .footer-bottom span{line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.hero-visual{animation:none}}


/* Creative board hero: custom art direction, no logo-as-hero-image */
.creative-board{border:1px solid #292929;background:radial-gradient(ellipse at 50% 45%,#272020 0,#101010 46%,#080808 76%);overflow:visible}
.creative-board:before{content:"";position:absolute;inset:42px 18px 42px;border:1px solid #ffffff10;pointer-events:none}
.creative-board-main{position:relative;min-height:350px;display:grid;place-items:center;overflow:hidden}
.creative-orbit{position:absolute;aspect-ratio:1;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}
.orbit-one{width:275px;animation:orbitSpin 30s linear infinite;border-top-color:#f21d2b80}
.orbit-two{width:350px;border-style:dashed;animation:orbitSpin 45s linear infinite reverse}
.creative-core{position:relative;z-index:2;width:205px;min-height:225px;padding:20px 17px;background:linear-gradient(145deg,#f8f7f3,#e7e5df);color:#151515;box-shadow:0 18px 45px #0008;transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:center}
.core-kicker{font-size:8px;letter-spacing:.16em;color:#666;font-weight:700}
.creative-core strong{font-family:'Space Grotesk',sans-serif;font-size:43px;line-height:.82;letter-spacing:-.08em;margin:16px 0 13px}
.creative-core strong em{font-style:normal;color:var(--red)}
.core-line{height:3px;width:45px;background:var(--red);margin-bottom:10px}
.creative-core small{font-size:7px;letter-spacing:.14em;font-weight:700}
.floating-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:11px 13px;background:#fff;color:#111;font-size:9px;box-shadow:0 12px 30px #0005;animation:tagFloat 5s ease-in-out infinite}
.floating-tag i{color:var(--red);font-size:17px}.floating-tag span{line-height:1.45}.floating-tag b{font-size:10px}
.tag-code{top:42px;right:0;transform:rotate(4deg)}.tag-brand{left:0;bottom:45px;transform:rotate(-4deg);animation-delay:-2s}
.mini-project{position:absolute;width:105px;padding:9px;background:#171717;border:1px solid #ffffff22;color:#aaa;font-size:6px;letter-spacing:.12em;box-shadow:0 10px 25px #0006}
.mini-project-a{left:9px;top:58px;transform:rotate(-8deg)}.mini-project-b{right:7px;bottom:35px;transform:rotate(7deg)}
.mini-bars{display:flex;align-items:end;gap:5px;height:38px;margin-top:8px}.mini-bars i{display:block;width:18px;background:var(--red);height:48%}.mini-bars i:nth-child(2){height:90%;background:#eee}.mini-bars i:nth-child(3){height:65%;background:#777}
.mini-shapes{display:flex;gap:5px;margin-top:9px}.mini-shapes i{display:block;width:20px;height:20px;background:var(--red);border-radius:50%}.mini-shapes i:nth-child(2){border-radius:2px;background:#eee;transform:rotate(20deg)}.mini-shapes i:nth-child(3){background:#777;border-radius:2px 12px 2px 2px}
@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes tagFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:991.98px){.creative-board{max-width:540px;margin-inline:auto}.creative-board-main{min-height:340px}}
@media(max-width:575.98px){.creative-board{padding:15px;min-height:390px}.creative-board-main{min-height:300px}.orbit-one{width:210px}.orbit-two{width:270px}.creative-core{width:160px;min-height:190px;padding:15px}.creative-core strong{font-size:35px}.floating-tag{padding:8px;font-size:8px;max-width:145px}.floating-tag b{font-size:9px}.tag-code{right:-2px;top:35px}.tag-brand{left:-2px;bottom:35px}.mini-project{width:82px}.mini-project-a{left:0;top:35px}.mini-project-b{right:0;bottom:20px}.visual-label,.visual-foot{font-size:6px;letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){.orbit-one,.orbit-two,.floating-tag{animation:none!important}}


/* V5 hero showcase: polished browser mockup replaces the dark poster panel */
.hero-showcase{position:relative;isolation:isolate;min-height:490px;display:flex;align-items:center;justify-content:center;padding:32px 10px;overflow:visible;transform:none!important}
.showcase-orbit{position:absolute;border:1px solid #e4e1dc;border-radius:50%;z-index:-1;pointer-events:none}
.showcase-orbit-a{width:440px;height:440px;right:-8px;top:25px;animation:showcaseSpin 42s linear infinite}
.showcase-orbit-b{width:350px;height:350px;left:4px;bottom:12px;border-style:dashed;opacity:.7;animation:showcaseSpin 60s linear infinite reverse}
.showcase-browser{position:relative;z-index:2;width:100%;max-width:500px;background:#fff;border:1px solid #e5e3df;border-radius:9px;overflow:hidden;box-shadow:0 28px 75px #19191916;transform:rotate(-1.5deg);transition:transform .45s var(--ease),box-shadow .45s}
.showcase-browser:hover{transform:rotate(0) translateY(-5px);box-shadow:0 35px 85px #19191920}
.browser-top{height:39px;background:#fff;border-bottom:1px solid #efeeeb;display:flex;align-items:center;gap:14px;padding:0 14px;color:#96938e;font-size:9px;letter-spacing:.06em}
.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#dedbd6}.browser-dots i:first-child{background:var(--red)}.browser-open{margin-left:auto;color:#aaa}
.browser-content{padding:0 24px 19px;background:linear-gradient(135deg,#fff 0%,#faf9f6 100%)}
.mock-nav{height:53px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #efede8}
.mock-brand{font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.08em;color:#181818;white-space:nowrap}.mock-brand>i{display:inline-block;width:9px;height:9px;background:var(--red);border-radius:2px;margin-right:4px;transform:rotate(45deg)}.mock-brand span{color:var(--red)}
.mock-links{display:flex;gap:9px}.mock-links i{width:22px;height:3px;background:#d9d6d0;border-radius:4px}.mock-nav>b{font-size:7px;letter-spacing:.07em;background:#171717;color:#fff;padding:8px 9px;border-radius:2px;white-space:nowrap}
.mock-hero{min-height:270px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:10px;padding:22px 0 16px}
.mock-copy small{font-size:7px;font-weight:700;letter-spacing:.13em;color:#85817a;display:block;margin-bottom:13px}
.mock-copy strong{display:block;font-family:var(--display);font-size:clamp(24px,3vw,36px);line-height:.98;letter-spacing:-.07em;color:#181818}.mock-copy strong em{font-style:normal;color:var(--red)}
.mock-copy p{font-size:9px;line-height:1.7;margin:13px 0;color:#85817a;max-width:200px}
.mock-button{display:inline-flex;align-items:center;gap:12px;background:var(--red);color:white;padding:9px 11px;font-size:8px;font-weight:700;border-radius:2px;box-shadow:0 8px 18px #f21d2b25}
.mock-art{position:relative;min-height:205px;overflow:hidden;background:#f0eee9;border-radius:3px;display:grid;place-items:center}
.art-disc{position:absolute;width:145px;height:145px;border-radius:50%;background:var(--red);right:-18px;top:14px;opacity:.96;animation:discDrift 7s ease-in-out infinite}
.art-block{position:absolute;z-index:1;width:100px;height:126px;background:#171717;left:17px;bottom:18px;transform:rotate(-14deg);box-shadow:0 12px 25px #0002}.art-block-two{width:75px;height:93px;left:auto;right:21px;bottom:20px;background:#fff;border:1px solid #dedbd5;transform:rotate(13deg)}
.art-ring{position:absolute;z-index:2;width:140px;height:140px;border:1px solid #ffffffaa;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.mock-art>span{position:relative;z-index:3;color:#fff;font-family:var(--display);font-weight:700;font-size:17px;line-height:.95;letter-spacing:-.06em;text-align:center;transform:rotate(-8deg);text-shadow:0 2px 12px #0004}
.mock-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #e8e5df;padding-top:13px;color:#88847e;font-size:7px;letter-spacing:.14em;font-weight:700}.mock-bottom i{width:3px;height:3px;background:var(--red);border-radius:50%}
.showcase-float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border:1px solid #efede8;box-shadow:0 15px 35px #17171712;border-radius:5px;animation:floatGently 6s ease-in-out infinite}
.float-quality{top:62px;right:-3px}.float-code{bottom:58px;left:-15px;animation-delay:-3s}.float-icon{width:32px;height:32px;display:grid;place-items:center;background:#fff0f1;color:var(--red);border-radius:4px;font-size:13px}
.showcase-float b,.showcase-float small{display:block;white-space:nowrap}.showcase-float b{font-size:10px;line-height:1.4}.showcase-float small{font-size:8px;color:#8c8984;margin-top:2px}
.showcase-stamp{position:absolute;z-index:3;right:3px;bottom:10px;width:73px;height:73px;border-radius:50%;background:#171717;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;box-shadow:0 8px 25px #0002;transform:rotate(9deg)}.showcase-stamp span{font-size:7px;line-height:1.25;letter-spacing:.1em;font-weight:700;text-align:center}.showcase-stamp i{color:var(--red);font-size:13px}
@keyframes showcaseSpin{to{transform:rotate(360deg)}}@keyframes floatGently{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes discDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-8px,7px) scale(1.04)}}
@media(max-width:1199.98px){.hero-showcase{min-height:455px}.showcase-float{padding:10px}.float-quality{right:-5px}.float-code{left:-4px}.mock-hero{min-height:245px}.mock-art{min-height:185px}}
@media(max-width:991.98px){.hero-showcase{max-width:590px;margin:8px auto 0;min-height:465px}.showcase-browser{max-width:520px}.showcase-orbit-a{right:25px}.float-quality{right:0}.float-code{left:0}}
@media(max-width:575.98px){.hero-showcase{min-height:365px;padding:22px 2px;margin:0 auto}.showcase-browser{width:calc(100% - 16px);border-radius:6px}.browser-top{height:31px;padding:0 9px;font-size:8px}.browser-content{padding:0 12px 12px}.mock-nav{height:42px}.mock-brand{font-size:8px}.mock-links{gap:4px}.mock-links i{width:12px}.mock-nav>b{font-size:6px;padding:6px}.mock-hero{min-height:205px;gap:6px;padding:14px 0 12px}.mock-copy small{font-size:6px;letter-spacing:.08em;margin-bottom:9px}.mock-copy strong{font-size:clamp(21px,6.4vw,30px)}.mock-copy p{font-size:8px;margin:9px 0}.mock-button{font-size:7px;padding:7px;gap:6px}.mock-art{min-height:155px}.art-disc{width:105px;height:105px;right:-17px;top:10px}.art-block{width:65px;height:88px;left:9px;bottom:12px}.art-block-two{width:53px;height:68px;right:8px;bottom:12px}.art-ring{width:105px;height:105px}.mock-art>span{font-size:13px}.mock-bottom{font-size:5px;gap:6px;padding-top:10px}.showcase-float{gap:7px;padding:7px 9px;border-radius:4px}.float-quality{top:7px;right:0}.float-code{bottom:6px;left:0}.float-icon{width:25px;height:25px;font-size:10px}.showcase-float b{font-size:8px}.showcase-float small{font-size:7px}.showcase-stamp{width:55px;height:55px;right:1px;bottom:4px}.showcase-stamp span{font-size:5px}.showcase-stamp i{font-size:10px}.showcase-orbit-a{width:290px;height:290px;right:-5px;top:35px}.showcase-orbit-b{width:230px;height:230px;left:0;bottom:20px}}
@media(prefers-reduced-motion:reduce){.showcase-orbit-a,.showcase-orbit-b,.showcase-float,.art-disc{animation:none!important}.showcase-browser{transition:none}}


/* V6: abstract creative-tech artwork, no people or stock portraits */
.hero-lab{min-height:500px;padding:27px 20px 18px;background:#101010;color:#f7f6f2;border:1px solid #2b2b2b;box-shadow:0 28px 75px #11111118;overflow:visible;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.lab-topline,.lab-bottomline{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:.16em;color:#a5a39e;font-weight:700}
.lab-topline span:first-child{color:#f7f6f2}.lab-topline span:first-child i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #f21d2b22}
.lab-canvas{position:relative;flex:1;min-height:370px;margin:17px 0 14px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#252525 0%,#171717 45%,#101010 75%)}
.lab-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 82%)}
.lab-orbit{position:absolute;left:50%;top:50%;border:1px solid #ffffff1c;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.lab-orbit-one{width:275px;height:275px;border-left-color:#f21d2b;animation:labOrbit 22s linear infinite}.lab-orbit-two{width:340px;height:340px;border-style:dashed;opacity:.6;animation:labOrbit 38s linear infinite reverse}
.lab-sculpture{position:absolute;width:160px;height:178px;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-9deg);filter:drop-shadow(0 25px 25px #0009);animation:sculptureFloat 6s ease-in-out infinite}
.sculpture-face{position:absolute}.sculpture-face-front{inset:0;background:linear-gradient(140deg,#ff3340 0%,#f21d2b 48%,#a90918 100%);clip-path:polygon(22% 0,100% 27%,100% 53%,48% 31%,30% 65%,15% 65%,0 100%,0 72%)}
.sculpture-face-side{right:0;top:48px;width:80px;height:92px;background:linear-gradient(145deg,#e81727,#710812);clip-path:polygon(0 0,100% 24%,100% 50%,20% 100%)}
.sculpture-cut{position:absolute;left:49px;top:69px;width:65px;height:60px;background:#101010;clip-path:polygon(0 0,100% 35%,24% 100%)}.sculpture-core{position:absolute;width:10px;height:10px;left:73px;top:87px;background:#fff;border-radius:50%;box-shadow:0 0 25px #f21d2b}
.lab-coordinate{position:absolute;display:flex;align-items:center;gap:7px;color:var(--red);font-family:var(--display);font-size:12px;font-weight:700}.lab-coordinate span{font-family:var(--body);font-size:6px;letter-spacing:.12em;color:#999}.coordinate-one{left:12px;top:25px}.coordinate-two{right:12px;bottom:25px}.lab-cross{position:absolute;color:#f21d2b;font-size:20px;font-weight:300;opacity:.8}.cross-one{left:17%;top:45%}.cross-two{right:18%;top:25%;font-size:16px}
.lab-code-card{position:absolute;left:13px;bottom:22px;width:120px;padding:0 10px 11px;background:#1b1b1b;border:1px solid #ffffff20;box-shadow:0 15px 30px #0005;transform:rotate(-5deg)}.code-card-head{height:27px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #ffffff16;margin-bottom:9px}.code-card-head>span{width:4px;height:4px;border-radius:50%;background:#f21d2b}.code-card-head>span:nth-child(2){background:#777}.code-card-head>span:nth-child(3){background:#aaa}.code-card-head b{margin-left:auto;font-size:6px;color:#aaa;font-weight:500}.code-lines{display:grid;gap:5px}.code-lines i{height:3px;width:85%;background:#656565;border-radius:3px}.code-lines i:nth-child(2){width:62%;background:#f21d2b}.code-lines i:nth-child(3){width:72%;margin-left:8px}.code-lines i:nth-child(4){width:48%;margin-left:8px;background:#b8b8b8}.code-lines i:nth-child(5){width:67%;background:#f21d2b}
.lab-palette{position:absolute;right:14px;top:20px;width:108px;padding:10px;background:#f4f2ed;color:#171717;display:flex;align-items:center;gap:5px;box-shadow:0 12px 25px #0004;transform:rotate(5deg)}.lab-palette i{width:15px;height:24px;display:block;background:#f21d2b}.lab-palette i:nth-child(2){background:#171717}.lab-palette i:nth-child(3){background:#d8d5ce}.lab-palette span{font-size:5px;font-weight:700;line-height:1.4;letter-spacing:.07em;margin-left:3px}
.lab-bottomline{border-top:1px solid #ffffff20;padding-top:13px}.lab-status{display:flex;align-items:center;gap:6px}.lab-status i{width:5px;height:5px;background:#31c48d;border-radius:50%;box-shadow:0 0 0 3px #31c48d20}
.lab-float{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:10px 13px;background:#f8f7f3;color:#171717;box-shadow:0 12px 30px #0002;animation:labFloat 5s ease-in-out infinite}.lab-float>i{width:29px;height:29px;display:grid;place-items:center;background:#ffe9eb;color:var(--red);font-size:12px}.lab-float b,.lab-float small{display:block;white-space:nowrap}.lab-float b{font-size:9px}.lab-float small{font-size:7px;color:#85817a;margin-top:2px}.lab-float-design{right:-13px;top:95px}.lab-float-code{left:-13px;bottom:80px;animation-delay:-2.5s}
@keyframes labOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes sculptureFloat{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -9px;rotate:2deg}}@keyframes labFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:1199.98px){.hero-lab{min-height:470px}.lab-canvas{min-height:345px}.lab-float{padding:8px 10px}.lab-float-design{right:-3px}.lab-float-code{left:-3px}}
@media(max-width:991.98px){.hero-lab{max-width:560px;margin:0 auto}.lab-canvas{min-height:360px}}
@media(max-width:575.98px){.hero-lab{min-height:390px;padding:17px 12px 13px}.lab-topline,.lab-bottomline{font-size:6px;letter-spacing:.1em}.lab-canvas{min-height:285px;margin:12px 0}.lab-orbit-one{width:205px;height:205px}.lab-orbit-two{width:260px;height:260px}.lab-sculpture{scale:.78}.lab-code-card{width:92px;left:5px;bottom:12px;padding:0 7px 8px}.code-card-head{height:21px}.lab-palette{right:5px;top:10px;scale:.8;transform-origin:top right}.coordinate-one{left:5px;top:15px}.coordinate-two{right:5px;bottom:14px}.lab-coordinate span{font-size:5px}.lab-float{padding:6px 8px;gap:6px}.lab-float>i{width:23px;height:23px;font-size:10px}.lab-float b{font-size:7px}.lab-float small{font-size:6px}.lab-float-design{top:55px;right:-2px}.lab-float-code{bottom:45px;left:-2px}.cross-one{left:10%;top:42%}.cross-two{right:10%;top:27%}}
@media(prefers-reduced-motion:reduce){.lab-orbit,.lab-sculpture,.lab-float{animation:none!important}}


/* V7: real custom hero artwork, replacing the empty CSS-only black canvas */
.hero-image-showcase{
  position:relative;
  width:100%;
  aspect-ratio: 4 / 4.35;
  max-height:570px;
  min-height:360px;
  overflow:hidden;
  isolation:isolate;
  background:#f5f2ed;
  border:1px solid rgba(20,20,20,.09);
  border-radius:4px;
  box-shadow:0 28px 70px rgba(18,18,18,.13);
  transform:translateZ(0);
}
.hero-artwork{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% center;
  transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.hero-image-showcase:hover .hero-artwork{transform:scale(1.035);filter:saturate(1.04)}
.artwork-label{
  position:absolute;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:calc(100% - 28px);
  padding:12px 15px;
  background:rgba(255,255,255,.94);
  color:#171717;
  border:1px solid rgba(20,20,20,.09);
  box-shadow:0 12px 30px rgba(0,0,0,.09);
  backdrop-filter:blur(12px);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.artwork-label-top{top:20px;left:20px;right:20px;justify-content:space-between}
.artwork-label-top>span:last-child{color:#777;font-size:9px;white-space:nowrap}
.artwork-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#f21d2b;box-shadow:0 0 0 4px rgba(242,29,43,.12)}
.artwork-label-bottom{left:18px;bottom:20px;letter-spacing:0;font-size:12px}
.artwork-label-bottom>i{display:grid;place-items:center;width:36px;height:36px;background:#f21d2b;color:#fff}
.artwork-label-bottom span{display:flex;flex-direction:column;gap:4px}
.artwork-label-bottom b{font-size:12px}
.artwork-label-bottom small{font-size:10px;color:#777;font-weight:500}
.artwork-caption{position:absolute;right:18px;bottom:26px;color:#fff;text-shadow:0 2px 12px #0008;font-size:clamp(11px,1vw,14px);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media(min-width:992px){
 .hero-image-showcase{margin-left:auto;width:calc(100% + 12px);max-width:500px}
}
@media(max-width:991.98px){
 .hero-image-showcase{max-width:620px;margin:4px auto 0;aspect-ratio:1.15/1;min-height:0}
 .hero-artwork{object-position:58% center}
}
@media(max-width:575.98px){
 .hero-image-showcase{aspect-ratio:1/1.05;border-radius:3px}
 .artwork-label{padding:9px 10px;gap:7px;font-size:8px}
 .artwork-label-top{top:12px;left:12px;right:12px}
 .artwork-label-top>span:last-child{font-size:8px}
 .artwork-label-bottom{left:12px;bottom:12px}
 .artwork-label-bottom>i{width:30px;height:30px}
 .artwork-label-bottom b{font-size:10px}
 .artwork-label-bottom small{font-size:9px}
 .artwork-caption{right:12px;bottom:19px;max-width:42%;font-size:9px;text-align:right}
}
@media(prefers-reduced-motion:reduce){
 .hero-artwork{transition:none}
}


/* V8: complete right-side hero redesign */
.hero-section{padding-top:145px;padding-bottom:48px}
.hero-side-stage{
  --stage-red:#f21d2b;position:relative;isolation:isolate;overflow:hidden;
  width:100%;padding:18px 18px 17px;background:#111;border-radius:3px;
  color:#fff;box-shadow:0 28px 70px rgba(18,18,18,.16);
  border:1px solid rgba(255,255,255,.16);transform:translateZ(0)
}
.stage-topline,.stage-bottomline{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px}
.stage-topline{min-height:28px;font-size:9px;letter-spacing:.13em;color:#f7f7f7}
.stage-topline>span:first-child{display:flex;align-items:center;gap:8px;font-weight:800}
.stage-topline i{font-size:7px;color:var(--stage-red)}
.stage-topline b{margin-left:9px;color:#aaa;font-size:8px;font-weight:600}
.stage-index{font-size:8px;color:#a6a6a6;white-space:nowrap}
.stage-index em{color:var(--stage-red);font-style:normal}
.stage-art{position:relative;overflow:hidden;margin-top:13px;aspect-ratio:1.02/1;background:#ece8e2}
.stage-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 30%,transparent 75%,rgba(0,0,0,.08))}
.stage-artwork{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.hero-side-stage:hover .stage-artwork{transform:scale(1.045);filter:saturate(1.07)}
.stage-stamp{position:absolute;z-index:2;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;color:#111;font-size:8px;font-weight:800;letter-spacing:.1em;box-shadow:0 8px 24px #0002;transform:rotate(-3deg)}
.stage-stamp strong{font-size:17px;color:var(--stage-red);font-weight:500}
.stage-side-note{position:absolute;z-index:2;right:16px;top:18px;display:flex;align-items:center;gap:12px;background:#fff;color:#151515;padding:11px 13px;font-size:8px;letter-spacing:.1em;font-weight:800;box-shadow:0 8px 24px #0002;transform:rotate(2deg)}
.stage-side-note i{color:var(--stage-red)}
.stage-bottomline{padding-top:17px;align-items:flex-end}
.stage-bottomline>div:first-child{display:flex;flex-direction:column;gap:6px}
.stage-small-label{font-size:8px;letter-spacing:.18em;color:#999}
.stage-bottomline strong{font-size:clamp(15px,1.5vw,20px);letter-spacing:-.045em;font-weight:600}
.stage-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.stage-tags span{padding:6px 7px;border:1px solid #393939;color:#c7c7c7;font-size:7px;letter-spacing:.13em}
.stage-orbit{position:absolute;z-index:-1;border:1px solid #ffffff0b;border-radius:50%;pointer-events:none}
.orbit-one{width:370px;height:370px;right:-210px;top:130px}
.orbit-two{width:270px;height:270px;left:-190px;bottom:-130px;border-color:#f21d2b22}
@media(min-width:992px){.hero-side-stage{margin-left:2px}.hero-wrap>.row{--bs-gutter-x:3.2rem}}
@media(max-width:991.98px){.hero-section{padding-top:120px}.hero-side-stage{max-width:620px;margin:0 auto}.stage-art{aspect-ratio:1.18/1}}
@media(max-width:575.98px){
 .hero-section{padding-top:105px}
 .hero-side-stage{padding:12px}
 .stage-topline{align-items:flex-start;flex-direction:column;gap:5px}
 .stage-topline b{margin-left:5px}
 .stage-art{margin-top:10px;aspect-ratio:.92/1}
 .stage-side-note{right:9px;top:10px;padding:8px 9px;font-size:7px;gap:7px}
 .stage-stamp{left:10px;bottom:10px;padding:8px 9px;gap:7px}
 .stage-bottomline{align-items:flex-start;flex-direction:column;gap:12px}
 .stage-bottomline strong{font-size:18px}
 .stage-tags{justify-content:flex-start}
 .stage-index{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.stage-artwork{transition:none!important}}


/* V9: text-only hero panel, no hero image or illustration */
.hero-text-panel{position:relative;isolation:isolate;overflow:hidden;min-height:490px;padding:24px 26px 18px;background:#fff;border:1px solid #e3e0db;color:#171717;box-shadow:0 28px 75px rgba(18,18,18,.08);}
.text-panel-top,.text-panel-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.14em;font-weight:800;color:#656565}
.text-panel-top i{color:var(--red);font-size:7px;margin-right:6px}.text-panel-top b{color:var(--red);font-weight:800}
.text-panel-main{position:relative;z-index:2;padding:54px 0 27px}.text-panel-kicker{margin:0 0 12px;color:#777;font-size:9px;font-weight:800;letter-spacing:.19em}
.text-panel-main h2{font-size:clamp(39px,4.1vw,59px);line-height:.98;letter-spacing:-.075em;font-weight:800;margin:0 0 20px}.text-panel-main h2 span{color:var(--red)}
.text-panel-description{font-size:13px;line-height:1.8;color:#666;margin:0}.text-panel-rule{display:flex;gap:5px;margin-top:25px}.text-panel-rule span{display:block;height:4px;width:38px;background:#171717}.text-panel-rule span:first-child{width:68px;background:var(--red)}
.text-panel-services{position:relative;z-index:2;border-top:1px solid #e6e3de}.text-panel-services a{display:grid;grid-template-columns:35px 1fr 16px;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e6e3de;color:#171717;text-decoration:none;transition:padding .25s ease,color .25s ease}.text-panel-services a:hover{padding-left:7px;color:var(--red)}
.panel-service-index{font-size:9px;color:var(--red);font-weight:800;letter-spacing:.08em}.text-panel-services a>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.text-panel-services strong{font-size:12px;font-weight:800}.text-panel-services small{font-size:9px;color:#858585}.text-panel-services a>i{font-size:10px;color:#888}
.text-panel-footer{padding-top:17px;font-size:7px;color:#888}.text-panel-footer i{color:var(--red);margin-right:5px}.text-panel-watermark{position:absolute;z-index:0;right:-7px;top:72px;font-size:245px;line-height:1;font-weight:900;letter-spacing:-.13em;color:rgba(242,29,43,.035);pointer-events:none;user-select:none}
@media(min-width:992px){.hero-text-panel{margin-left:2px}.hero-wrap>.row{--bs-gutter-x:3.2rem}}
@media(max-width:991.98px){.hero-text-panel{max-width:620px;margin:0 auto;min-height:0}.text-panel-main{padding:38px 0 24px}.text-panel-main h2{font-size:clamp(42px,7vw,58px)}}
@media(max-width:575.98px){.hero-text-panel{padding:19px 18px 16px}.text-panel-top{font-size:7px}.text-panel-main{padding:35px 0 23px}.text-panel-main h2{font-size:clamp(39px,10vw,51px)}.text-panel-services a{grid-template-columns:27px 1fr 14px;padding:12px 0}.text-panel-footer{align-items:flex-start;flex-direction:column;gap:8px}.text-panel-watermark{font-size:180px;top:82px}}
@media(prefers-reduced-motion:reduce){.text-panel-services a{transition:none}}


/* Multipage motion refinement */
:root{--motion-ease:cubic-bezier(.2,.75,.25,1)}
body{animation:siteEnter .55s var(--motion-ease) both}
@keyframes siteEnter{from{opacity:.7}to{opacity:1}}
.page-hero:before{content:"";position:absolute;z-index:0;right:-80px;bottom:-220px;width:420px;height:420px;border:1px solid #f21d2b24;border-radius:50%;box-shadow:0 0 0 35px #f21d2b08,0 0 0 75px #f21d2b05;animation:orbitDrift 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes orbitDrift{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-35px,-25px,0) rotate(22deg)}}
.hero-text-panel{animation:panelEnter .85s .1s var(--motion-ease) both}
@keyframes panelEnter{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.hero-title .outline-word,.hero-title .red-word{display:inline-block;animation:titleEnter .75s var(--motion-ease) both}
.hero-title .outline-word{animation-delay:.08s}.hero-title .red-word{animation-delay:.16s}
@keyframes titleEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.btn-primary{position:relative;overflow:hidden}
.btn-primary:after{content:"";position:absolute;top:-60%;left:-80%;width:45%;height:220%;background:linear-gradient(90deg,transparent,#ffffff45,transparent);transform:rotate(20deg);transition:left .65s var(--motion-ease)}
.btn-primary:hover:after{left:140%}
.service-tile,.featured-project,.package-card,.portfolio-card,.process-card,.service-feature{will-change:transform}
.service-tile,.featured-project,.portfolio-card{transition:transform .45s var(--motion-ease),box-shadow .45s var(--motion-ease),opacity .6s ease}
.service-tile:hover,.featured-project:hover,.portfolio-card:hover{transform:translateY(-7px)}
.section-head,.intro-grid,.contact-form,.contact-method,.about-copy,.process-card{transition:transform .6s var(--motion-ease),opacity .6s ease}
.reveal{transition-delay:var(--reveal-delay,0ms)}
.service-tile:nth-child(2),.package-card:nth-child(2),.portfolio-card:nth-child(2){transition-delay:70ms}
.service-tile:nth-child(3),.package-card:nth-child(3),.portfolio-card:nth-child(3){transition-delay:140ms}
.service-tile:nth-child(4),.package-card:nth-child(4),.portfolio-card:nth-child(4){transition-delay:210ms}
.site-nav{transition:background .3s ease,padding .3s ease,box-shadow .3s ease}
.navbar-toggler{border-color:#00000020}.navbar-toggler:focus{box-shadow:0 0 0 .15rem #f21d2b28}
.navbar-collapse{transition:height .28s ease}
.social-links a,.contact-method-icon,.service-symbol{transition:transform .3s var(--motion-ease),background .3s ease,color .3s ease,border-color .3s ease}
.social-links a:hover,.service-tile:hover .service-symbol{transform:translateY(-3px) rotate(-3deg)}
.back-to-top{transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
.back-to-top.visible{animation:backTopIn .25s var(--motion-ease) both}
@keyframes backTopIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
::selection{background:#f21d2b;color:#fff}
@media(max-width:991.98px){
 .navbar-collapse{background:rgba(247,247,245,.98);backdrop-filter:blur(18px);padding:12px 16px 18px;border:1px solid #0000000b;box-shadow:0 18px 35px #0000000a}
 .navbar-nav{align-items:stretch!important}.navbar-nav .nav-link{padding:11px 8px!important}
 .navbar-nav .nav-cta{display:inline-block;margin-top:8px}
}
@media(max-width:575.98px){
 .page-hero:before{width:260px;height:260px;right:-125px;bottom:-140px}
 .section-head{align-items:flex-start;gap:18px;flex-direction:column}
 .package-teaser-inner{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 body{animation:none}
}

.motion-ready{opacity:0;transform:translateY(16px);transition:opacity .65s var(--motion-ease),transform .65s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}.motion-ready.motion-in{opacity:1;transform:translateY(0)}
/* Billing and admin print helpers */
.invoice-paper{padding:clamp(18px,3vw,36px)}
.invoice-paper h2{font-weight:800;letter-spacing:-.04em}
.invoice-line{background:#fafafa}


/* Admin-controlled development notice popup */
.development-notice-overlay{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(8,10,14,.72);backdrop-filter:blur(12px);opacity:0;transition:opacity .22s ease}
.development-notice-overlay[hidden]{display:none}
.development-notice-overlay.notice-visible{opacity:1}
.development-notice-card{width:min(100%,520px);position:relative;overflow:hidden;padding:clamp(30px,6vw,52px);background:#fff;border:1px solid rgba(255,255,255,.65);border-radius:25px;box-shadow:0 30px 100px #0005;transform:translateY(22px) scale(.97);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.notice-visible .development-notice-card{transform:translateY(0) scale(1)}
.development-notice-card:before{content:"";position:absolute;width:240px;height:240px;border:1px solid #f21d2b24;border-radius:50%;right:-125px;top:-135px;box-shadow:0 0 0 25px #f21d2b08,0 0 0 50px #f21d2b05;pointer-events:none}
.development-notice-close{position:absolute;right:17px;top:17px;width:39px;height:39px;border:1px solid #e8e8e8;background:#fff;border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .2s}
.development-notice-close:hover{background:#f4f4f4;transform:rotate(90deg)}
.development-notice-icon{width:62px;height:62px;border-radius:18px;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:24px;margin-bottom:25px;box-shadow:inset 0 0 0 1px #f21d2b12}
.development-notice-card .section-kicker{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--red);margin-bottom:12px}
.development-notice-card h2{font-size:clamp(32px,6vw,47px);line-height:1.04;letter-spacing:-.065em;margin:0 0 16px}
.development-notice-card #developmentNoticeText{font-size:14px;line-height:1.85;color:#666;margin:0 0 26px;max-width:390px}
.development-notice-okay{border-radius:999px;padding:13px 20px;font-size:12px;font-weight:700}
.development-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid #e8e8e8;border-radius:14px;background:#fafafa}
.development-toggle-row strong{display:block;margin-bottom:5px}.development-toggle-row p{font-size:12px;line-height:1.6;max-width:480px}
/* More polished landing motion, keeping the existing layout intact. */
.hero-title{animation:landingRise .8s cubic-bezier(.2,.8,.2,1) both}
.hero-lead,.hero-proof,.hero-actions{animation:landingRise .8s .12s cubic-bezier(.2,.8,.2,1) both}
.hero-visual{animation:landingFloat .9s .1s cubic-bezier(.2,.8,.2,1) both}
.service-tile,.package-card,.portfolio-card,.process-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.service-tile:hover,.package-card:hover,.portfolio-card:hover,.process-card:hover{transform:translateY(-7px);box-shadow:0 18px 48px #0000000c}
@keyframes landingRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes landingFloat{from{opacity:0;transform:translateY(28px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* Footer CTA refinement */
.site-footer .col-lg-3 .footer-contact-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 15px;margin:10px 8px 0 0;border:1px solid #ffffff38;border-radius:4px;background:#ffffff08;color:#fff;font-family:var(--display);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.site-footer .col-lg-3 .footer-contact-link i{color:var(--red);font-size:11px;margin:0!important}
.site-footer .col-lg-3 .footer-contact-link:hover{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #f21d2b30}
.site-footer .col-lg-3 .footer-contact-link:hover i{color:#fff}
@media(max-width:575.98px){.site-footer .col-lg-3 .footer-contact-link{min-height:40px;padding:0 12px;margin-right:6px;font-size:10px}}

/* Animated footer CTA buttons */
.site-footer .col-lg-3 .footer-contact-link{
 position:relative;isolation:isolate;overflow:hidden;min-width:148px;
 border:1px solid var(--red);border-radius:6px;
 background:linear-gradient(110deg,var(--red) 0%,#d90d20 48%,#ff3948 100%);
 background-size:200% 100%;box-shadow:0 5px 18px #f21d2b25;
 animation:footerCtaGlow 3.2s ease-in-out infinite;
 transition:transform .25s ease,box-shadow .25s ease,background-position .45s ease;
}
.site-footer .col-lg-3 .footer-contact-link::before{
 content:"";position:absolute;z-index:-1;top:-60%;left:-65%;width:42%;height:220%;
 background:linear-gradient(90deg,transparent,#ffffff65,transparent);
 transform:skewX(-22deg);animation:footerCtaShine 4s ease-in-out infinite;
}
.site-footer .col-lg-3 .footer-contact-link i{color:#fff;transition:transform .25s ease}
.site-footer .col-lg-3 .footer-contact-link:hover{
 background-position:100% 0;transform:translateY(-4px);box-shadow:0 10px 26px #f21d2b55;
}
.site-footer .col-lg-3 .footer-contact-link:hover i{color:#fff;transform:translateX(4px)}
.site-footer .col-lg-3 .footer-contact-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes footerCtaShine{0%,35%{left:-65%}70%,100%{left:130%}}
@keyframes footerCtaGlow{0%,100%{box-shadow:0 5px 18px #f21d2b25}50%{box-shadow:0 7px 23px #f21d2b48}}
@media(prefers-reduced-motion:reduce){.site-footer .col-lg-3 .footer-contact-link,.site-footer .col-lg-3 .footer-contact-link::before{animation:none!important;transition:none!important}}