@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap");
:root{--red:#d51f29;--red2:#ff3540;--black:#09090a;--cream:#f4f1ec;--ink:#151517;--muted:#777;--line:#d9d5cf;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}body.locked{overflow:hidden}
header{height:82px;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:30}.brand{display:flex;gap:12px;align-items:center}.brand-mark,.logo-ring{display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;width:42px;height:42px;font:800 12px Inter;letter-spacing:-1px}.brand b{font:800 15px Inter;letter-spacing:.14em}.brand em{font-style:normal;color:var(--red2);font-size:11px;margin-left:5px;letter-spacing:.2em}.brand span:last-child{display:flex;align-items:baseline}.brand{gap:12px}nav{display:flex;gap:32px;font:700 11px Inter;letter-spacing:.15em;text-transform:uppercase}nav a:hover{color:var(--red2)}.header-call{border:1px solid #555;padding:11px 16px;font-size:12px;font-weight:800}
.hero{min-height:720px;position:relative;overflow:hidden;color:#fff}.hero-image{position:absolute;inset:0;background:url("assets/cloud-culture-banner.jpg") center/cover no-repeat;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.28) 65%,rgba(0,0,0,.15))}.hero-inner{position:relative;max-width:var(--max);width:90%;margin:auto;padding:125px 0 95px}.kicker{display:block;color:var(--red2);font-size:11px;font-weight:900;letter-spacing:.25em;margin-bottom:14px}.hero h1{font:800 clamp(72px,10vw,145px)/.78 "Barlow Condensed",sans-serif;letter-spacing:-.045em;margin:0 0 35px;text-transform:uppercase}.hero h1 strong{color:#fff;text-shadow:3px 3px 0 var(--red)}.hero p{font-size:20px;max-width:500px;color:#eee}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.primary,.outline,.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 21px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red2)}.outline{border-color:#fff;color:#fff}.outline:hover{background:#fff;color:#111}.outline.dark{border-color:#111;color:#111}.hero-badge{position:absolute;right:0;bottom:105px;border-left:3px solid var(--red);padding-left:15px;display:grid;gap:4px}.hero-badge span{font-size:9px;letter-spacing:.2em;color:#bbb}.hero-badge b{font-size:14px}.scroll{position:absolute;bottom:28px;left:5%;font-size:9px;letter-spacing:.2em;color:#aaa}.scroll span{color:var(--red2);margin-left:10px}
.section{max-width:var(--max);width:90%;margin:auto;padding:110px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro h2,.section-head h2,.visit h2{font:800 clamp(48px,6vw,82px)/.88 "Barlow Condensed";letter-spacing:-.025em;margin:0;text-transform:uppercase}.intro h2 i{font-style:normal;color:var(--red)}.intro-copy{align-self:end;font-size:21px;line-height:1.7;color:#333}.line{height:1px;background:var(--line);margin:28px 0}.muted{font-size:14px!important;color:var(--muted)}
.feature-strip{display:grid;grid-template-columns:1.15fr .85fr;min-height:560px;background:#111;color:#fff}.feature-image{background:linear-gradient(120deg,rgba(213,31,41,.35),transparent),url("assets/cloud-culture-banner.jpg") center/cover;filter:grayscale(.15)}.feature-copy{padding:80px;display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font:800 76px/.82 "Barlow Condensed";margin:0 0 25px;text-transform:uppercase}.feature-copy h2 span{color:var(--red2)}.feature-copy p{color:#c8c8c8;line-height:1.8;max-width:500px}.text-link{color:#fff;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-top:20px}.text-link b{color:var(--red2);font-size:18px;margin-left:8px}
.cards{padding-bottom:105px}.section-head{margin-bottom:45px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card-grid article{background:#fff;border:1px solid var(--line);padding:34px;min-height:275px;transition:.2s}.card-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.08)}.card-icon{color:var(--red);font:800 12px "Barlow Condensed";letter-spacing:.1em}.card-grid h3{font:800 32px "Barlow Condensed";text-transform:uppercase;margin:35px 0 10px}.card-grid p{color:#555;line-height:1.7;min-height:75px}.card-grid a{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.dark-panel{background:var(--black);color:#fff;padding:100px max(5%,calc((100% - 1180px)/2));display:grid;grid-template-columns:1.1fr 1fr;gap:50px;position:relative;overflow:hidden}.dark-panel:after{content:"";position:absolute;width:450px;height:450px;border:70px solid rgba(213,31,41,.13);border-radius:50%;right:-170px;top:-180px}.dark-panel h2{font:800 80px/.82 "Barlow Condensed";margin:0;text-transform:uppercase}.dark-panel h2 span{color:var(--red2)}.dark-panel p{color:#bbb;line-height:1.8;align-self:end}.mini-stats{grid-column:1/-1;display:flex;gap:70px;border-top:1px solid #333;padding-top:28px}.mini-stats b{display:block;font:800 44px "Barlow Condensed";color:var(--red2)}.mini-stats span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aaa}
.visit{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visit h2 span{color:var(--red)}.visit-copy p{font-size:19px;line-height:1.8;color:#444}.map-card{height:390px;position:relative;overflow:hidden;background:#d6d2cb}.map-grid{position:absolute;inset:-20%;background:linear-gradient(28deg,transparent 48%,#c6c2ba 49%,#c6c2ba 51%,transparent 52%),linear-gradient(148deg,transparent 48%,#c6c2ba 49%,#c6c2ba 51%,transparent 52%);background-size:130px 130px;opacity:.75}.map-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:22px 28px;min-width:230px;box-shadow:0 15px 45px rgba(0,0,0,.18);display:grid;gap:5px}.map-label span{color:var(--red);font-size:20px}.map-label small{color:#777}
.contact{background:#fff;text-align:center;padding:95px 5%}.contact h2{font:800 90px "Barlow Condensed";text-transform:uppercase;margin:0}.contact>a{font:800 clamp(35px,6vw,75px) "Barlow Condensed";color:var(--red)}.contact p{color:#777}
footer{background:#080809;color:#aaa;padding:35px 5%;display:flex;justify-content:space-between;gap:30px;font-size:11px}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand .brand-mark{color:#fff}.footer-brand b{display:block;color:#fff;letter-spacing:.13em}.footer-brand small{display:block;line-height:1.6;margin-top:5px}.footer-brand+div{display:flex;gap:24px;align-items:center}
.age-gate{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:20px}.age-panel{background:#fff;width:min(500px,100%);padding:50px;text-align:center;border-top:6px solid var(--red);box-shadow:0 30px 100px rgba(0,0,0,.5)}.logo-ring{color:#111;margin:0 auto 18px}.age-panel h1{font:800 52px "Barlow Condensed";text-transform:uppercase;margin:0}.age-panel p{color:#555;line-height:1.7}.gate-actions{display:flex;gap:10px;margin:25px 0}.gate-actions>*{flex:1;cursor:pointer}.secondary{background:#eee;color:#111;border-color:#ddd}.age-panel small{font-size:10px;color:#888;line-height:1.5;display:block}.age-gate.hide{display:none}
@media(max-width:800px){header{height:70px}nav{display:none}.header-call{padding:9px;font-size:10px}.hero{min-height:680px}.hero-inner{padding-top:95px}.hero h1{font-size:78px}.hero-badge{position:static;margin-top:45px;width:max-content}.intro,.feature-strip,.visit{grid-template-columns:1fr}.feature-copy{padding:55px 8%}.feature-copy h2,.dark-panel h2{font-size:60px}.card-grid{grid-template-columns:1fr}.dark-panel{grid-template-columns:1fr;padding:75px 7%}.mini-stats{grid-column:auto;gap:35px}.section{padding:75px 0}.contact h2{font-size:65px}footer{flex-direction:column}.footer-brand+div{flex-direction:column;align-items:flex-start;gap:6px}.age-panel{padding:38px 24px}}

/* V4 visual merchandising */
.category-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.category-head h2 span{color:var(--red)}.category-head>p{font-size:18px;line-height:1.8;color:#555;max-width:520px;margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.category-card{min-height:330px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden;background:#111}.category-card:before{content:"";position:absolute;width:230px;height:230px;border:45px solid rgba(255,255,255,.07);border-radius:50%;right:-110px;top:-80px}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 35%,rgba(0,0,0,.65));pointer-events:none}.category-card>*{position:relative;z-index:1}.category-number{font:800 12px "Barlow Condensed";letter-spacing:.12em;color:#fff;opacity:.7}.category-card h3{font:800 42px/.9 "Barlow Condensed";text-transform:uppercase;margin:0 0 10px}.category-card p{font-size:13px;line-height:1.6;color:#ddd;max-width:210px;margin:0}.c1{background:linear-gradient(135deg,#171719,#9c1018)}.c2{background:linear-gradient(135deg,#111,#5c1e21)}.c3{background:linear-gradient(135deg,#151515,#343434)}.c4{background:linear-gradient(135deg,#211214,#d51f29)}
.brand-promise{background:#e8e4de;border-top:1px solid #d3cec6;border-bottom:1px solid #d3cec6}.promise-inner{max-width:1180px;width:90%;margin:auto;padding:105px 0}.promise-inner h2{font:800 clamp(55px,7vw,95px)/.82 "Barlow Condensed";text-transform:uppercase;margin:0 0 60px;letter-spacing:-.02em}.promise-inner h2 span{color:var(--red)}.promise-points{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.promise-points>div{border-top:2px solid #171717;padding-top:20px}.promise-points b{display:block;color:var(--red);font:800 14px "Barlow Condensed";margin-bottom:25px}.promise-points strong{font:800 29px "Barlow Condensed";text-transform:uppercase}.promise-points p{font-size:14px;line-height:1.7;color:#666;max-width:280px}
@media(max-width:800px){.category-head{grid-template-columns:1fr;gap:25px}.category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:260px}.promise-points{grid-template-columns:1fr;gap:30px}.promise-inner{padding:75px 0}}
@media(max-width:520px){.category-grid{grid-template-columns:1fr}.category-card{min-height:230px}}

/* V5 polish */
:root{--accent:#c71920;--accent2:#ef343c;--cream:#f4f2ee}
::selection{background:#c71920;color:#fff}
header{backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.hero-inner{z-index:3}
.hero-badge{box-shadow:0 14px 40px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.cards article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cards article:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.10);border-color:#c71920}
.category-showcase{position:relative}
.category-showcase:before{content:"";position:absolute;left:-10vw;right:-10vw;top:0;height:1px;background:#dedbd6}
.cta-band{background:#c71920;color:#fff;padding:72px 5vw;position:relative;overflow:hidden}
.cta-band:after{content:"CC";position:absolute;right:4vw;top:-45px;font-size:260px;line-height:1;font-weight:900;color:rgba(255,255,255,.07)}
.cta-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1}
.cta-band .kicker{color:#fff;opacity:.8}.cta-band h2{font-size:clamp(38px,5vw,64px);line-height:.95;margin:8px 0 0;letter-spacing:-.045em}.cta-band h2 span{font-style:italic}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta-band .primary{background:#0b0b0c}.cta-band .outline{border:1px solid #fff;color:#fff}
.social-proof{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.social-proof h2{font-size:clamp(40px,5vw,64px);line-height:.95;letter-spacing:-.045em;margin:8px 0 22px}.social-proof p{max-width:560px;font-size:18px;color:#555}
.proof-list{border-top:1px solid #d7d4cf}.proof-list div{display:flex;gap:28px;align-items:center;padding:24px 0;border-bottom:1px solid #d7d4cf;font-size:17px}.proof-list b{font-size:12px;color:#c71920;letter-spacing:.12em}.proof-list span{font-weight:700}
@media(max-width:800px){.cta-inner,.social-proof{grid-template-columns:1fr;display:grid;gap:30px}.cta-band{padding:55px 6vw}.cta-band:after{font-size:180px;right:-20px}.social-proof{gap:35px}}
