/* DIGIGROUPE — chrome, carmine and space. Native scroll on touch screens. */
:root{--brand-pink:#ff0055;--dg-surface:#101014;--dg-silver:#d0cbd2;--dg-line:#ffffff24}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{background:#08070a}::selection{background:#ff0055;color:white}
body #content-wrapper>nav{mix-blend-mode:normal;background:#08070ac9;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff14;padding:15px 5%;gap:12px;min-height:72px}
.dg-navlinks{display:flex;gap:16px;align-items:center;font-size:12px}
.dg-navlinks a{display:flex;align-items:center;min-height:44px}
body #hero{height:auto;min-height:100svh;padding:100px 6% 56px;gap:0;overflow:hidden;background:radial-gradient(ellipse at 50% 24%,#6f093b33,transparent 55%)}
.dg-monolith{position:relative;width:220px;height:220px;display:grid;place-items:center;margin:0 auto 16px;isolation:isolate}
.dg-monolith::before{content:"";position:absolute;inset:8%;border-radius:50%;background:#ff005526;filter:blur(35px);z-index:-1}
.dg-monolith img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 20px 24px #0009);animation:dg-float 8s ease-in-out infinite}
.dg-orbit{position:absolute;inset:5%;border:1px solid #ff8ab44d;transform:rotate(-28deg) scaleY(.47);border-radius:50%;box-shadow:0 0 22px #ff005512}
.dg-orbit-two{inset:0;border-color:#d0cbd240;transform:rotate(50deg) scaleY(.6)}
.dg-orbit-one::after{content:"";position:absolute;left:15%;top:12%;width:7px;height:7px;border-radius:50%;background:#ff6a9a;box-shadow:0 0 20px #ff0055}
.dg-signal{position:absolute;bottom:0;color:#c5adb8;font:10px/1.5 'Space Grotesk',sans-serif;letter-spacing:.18em}
body #hero .hero-title{font-size:clamp(44px,12.2vw,88px);margin:12px 0 18px;line-height:.93;letter-spacing:-.065em;text-shadow:none;opacity:1!important;visibility:visible!important}
body #hero .pink-text{background:linear-gradient(115deg,#ff9abf,#ff0055 57%,#c3004b);background-clip:text;-webkit-background-clip:text;color:transparent}
body #hero .hero-kicker{font-size:10px;line-height:1.7;letter-spacing:.16em;color:#f19ab8;margin:0 0 12px}
body #hero .hero-subtitle{font-size:16px;line-height:1.65;font-weight:400;letter-spacing:0;max-width:580px;text-transform:none;color:#c9c4cf;opacity:1!important;visibility:visible!important}
body #hero .hero-actions{display:flex;align-items:center;flex-direction:column;gap:18px;margin-top:24px;opacity:1!important;visibility:visible!important}
body .hero-primary,body .growth-cta{background:linear-gradient(115deg,#ff0055,#b00043);box-shadow:0 8px 32px #ff00552b;min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;border:1px solid #ff5e9466;border-radius:12px;letter-spacing:.06em;font-size:11px;text-align:center}
.dg-secondary{font-size:13px;min-height:44px;display:flex;align-items:center;text-decoration:none;color:#c9c4cf}
.dg-products{padding:70px 6%;background:linear-gradient(180deg,#08070a,#111015 60%,#08070a);border-block:1px solid #ffffff10;isolation:isolate}
.dg-products-heading{max-width:800px;margin:0 auto 32px}.dg-products h2{font-size:clamp(34px,7vw,72px);line-height:1.03;text-transform:none;letter-spacing:-.045em;margin:18px 0}.dg-products h2 span{color:#bdb6c2}
.dg-products-heading>p{font-size:16px;line-height:1.7;color:#b9b2bf;max-width:540px}
.dg-product-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:1250px;margin:auto}
.dg-product{position:relative;display:grid;grid-template-columns:1fr 80px;padding:24px;min-height:220px;border:1px solid #ffffff20;border-radius:20px;color:#fff;text-decoration:none;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--product) 13%,transparent),transparent 65%),#111115;transition:transform .25s,border-color .25s;overflow:hidden}
.dg-product-index{grid-column:1/-1;font-size:10px;color:#c5bdcb;letter-spacing:.09em;text-transform:uppercase;line-height:1.6}
.dg-product>img{grid-column:2;grid-row:2/4;width:80px;height:80px;align-self:center;filter:drop-shadow(0 10px 20px #0006)}
.dg-product h3{grid-column:1;align-self:end;font-size:27px;text-transform:none;letter-spacing:-.035em;margin:24px 0 9px}
.dg-product p{grid-column:1;color:#c4bdcb;font-size:14px;line-height:1.6;margin:0 8px 24px 0}
.dg-product-link{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff16;padding-top:16px;color:var(--product);font-size:13px}.dg-product-link b{font-size:20px;font-weight:400}
.dg-product:focus-visible{outline:2px solid var(--product);outline-offset:4px}
body .partners-grid{gap:18px}body .partner-item{min-height:64px}
input,textarea,select{font-size:16px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff8ab4;outline-offset:4px}
#contact-modal{overflow:auto;padding:20px}#contact-modal .modal-content{max-height:90dvh;overflow-y:auto}
@keyframes dg-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(4deg)}}
@media(hover:hover){.dg-product:hover{transform:translateY(-5px);border-color:var(--product)}}
@media(min-width:700px){.dg-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-monolith{width:260px;height:260px}.dg-products{padding-block:100px}.dg-products-heading{max-width:1250px;margin-bottom:48px}}
@media(min-width:1050px){body #hero{display:grid;grid-template-columns:1.15fr 1fr;align-content:center;column-gap:4vw;text-align:left;min-height:100svh;padding:140px 8% 100px}body #hero .hero-title{grid-column:1;grid-row:2;font-size:clamp(72px,7.5vw,122px);text-align:left;margin:22px 0}body #hero .hero-kicker{grid-column:1;grid-row:1}body #hero .hero-subtitle{grid-column:1;grid-row:3;text-align:left;font-size:19px;margin:0}body #hero .hero-actions{grid-column:1;grid-row:4;align-items:flex-start;flex-direction:row;gap:22px;flex-wrap:wrap}.dg-monolith{grid-column:2;grid-row:1/5;width:min(38vw,530px);height:min(38vw,530px);margin:auto}.dg-monolith img{width:76%;height:76%}.dg-signal{bottom:1%;font-size:11px}.dg-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dg-product{min-height:265px;padding:28px}}
@media(max-width:699px){body #content-wrapper>nav{padding:10px 16px}body nav a.logo{font-size:14px}.dg-navlinks{gap:10px;font-size:11px}.dg-navlinks a{max-width:90px;line-height:1.25}.chrono-beacons,.chrono-chapter,.chrono-telemetry,.chrono-label{display:none!important}body #projects-wrapper{height:auto!important;min-height:0!important;overflow:visible!important;padding:48px 0!important}body .horizontal-section{display:grid!important;grid-template-columns:1fr!important;width:100%!important;transform:none!important;height:auto!important;gap:20px!important}body .horizontal-section>.panel{width:100%!important;height:auto!important;min-height:0!important;padding:12px 6%!important;opacity:1!important;transform:none!important}body .horizontal-section .project-card{width:100%!important;height:auto!important;transform:none!important;opacity:1!important}body .section-title{font-size:36px!important}body .project-img{height:210px!important}body #contact .footer-cta{font-size:clamp(36px,10vw,64px)}body #contact{min-height:0;padding-block:80px}.response-step-copy p,.agent-card p{font-size:15px;line-height:1.65}body .hero-title{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.dg-monolith img{transform:none}}
