:root{--dark:#163b48;--cyan:#4bb4bf;--violet:#595fd9;--white:#f5f5f5;--gray:#c2ccd3;color-scheme:light;font-family:'Hanken Grotesk',Arial,sans-serif;color:var(--dark);background:var(--white)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}::selection{background:var(--cyan);color:var(--dark)}
.hero{max-width:1920px;margin:auto;min-height:100svh;overflow:hidden}.header{height:116px;padding:0 6%;display:flex;align-items:center;gap:38px;border-bottom:1px solid #163b4818}.logo{width:172px;height:auto}.signature{font-size:12px;letter-spacing:.01em;color:#57717b;padding-left:30px;border-left:1px solid #163b4826}.header-contact{margin-left:auto;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:11px 19px;border:1px solid #163b4826;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap}.header-contact:hover{background:#e8eef0}
.hero-layout{display:grid;grid-template-columns:55% 45%;min-height:calc(100svh - 116px)}.copy{padding:70px 6.3% 32px 10.9%;align-self:center}.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 25px;font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:600}.eyebrow-line{display:block;width:27px;height:2px;background:var(--violet)}h1{font-family:Sora,Arial,sans-serif;font-size:clamp(42px,4.35vw,78px);font-weight:400;letter-spacing:-.065em;line-height:1.14;margin:0 0 26px}h1 span{color:var(--violet)}.description{max-width:440px;font-size:17px;line-height:1.6;color:#49636c;margin:0 0 29px}.description strong{font-weight:600;color:var(--dark)}.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:29px;min-height:60px;padding:17px 23px;background:var(--violet);color:white;font-size:14px;font-weight:600;border-radius:3px;transition:background .18s,transform .18s}.cta svg{width:23px;height:23px;flex:none}.cta:hover{background:#474cb8;transform:translateY(-2px)}.conditions{font-size:11px;line-height:1.65;color:#687c83;margin:14px 0 0}.copy-bottom{display:flex;align-items:center;gap:15px;margin-top:56px;padding-top:22px;border-top:1px solid #163b481f;max-width:440px}.mini-symbol{width:19px;height:30px;background:var(--cyan);mask:url('assets/symbol.png') center/contain no-repeat;-webkit-mask:url('assets/symbol.png') center/contain no-repeat}.copy-bottom p{margin:0;font-size:12px;color:#64808a;line-height:1.5}.copy-bottom strong{font-weight:500;color:var(--dark)}
.visual{position:relative;min-height:710px;overflow:hidden;background:var(--dark);clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 14%)}.photo{position:absolute;inset:0;background:url('assets/city.jpg') center center/cover no-repeat;transform:scale(1.02)}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#163b4838 0%,transparent 45%,#102c37bd 100%)}.chevron{position:absolute;right:-30%;top:15%;width:66%;height:70%;background:var(--violet);opacity:.96;clip-path:polygon(0 0,40% 0,100% 50%,40% 100%,0 100%,60% 50%)}.visual-caption{position:absolute;bottom:57px;left:10%;color:white}.caption-line{display:block;width:35px;height:3px;background:var(--cyan);margin-bottom:20px}.visual-caption p{font-family:Sora,sans-serif;font-size:21px;font-weight:400;line-height:1.5;letter-spacing:-.04em;margin:0}.corner{position:absolute;bottom:55px;right:9%;color:var(--cyan);font-size:47px;font-weight:400}
@media(min-width:1600px){.copy{padding-top:80px;padding-bottom:65px}.description{font-size:19px;max-width:490px}.visual{min-height:800px}.copy-bottom{margin-top:70px}.cta{font-size:16px;min-height:65px}}
@media(max-width:1100px){.header{height:95px;padding:0 5%}.signature{display:none}.hero-layout{min-height:calc(100svh - 95px);grid-template-columns:56% 44%}.copy{padding:52px 8% 32px 9%}h1{font-size:clamp(37px,4.7vw,53px)}.description{font-size:16px}.cta{gap:15px;padding:15px 17px;font-size:12px}.visual{min-height:670px}.visual-caption p{font-size:18px}.copy-bottom{margin-top:40px}}
@media(max-width:700px){.header{height:85px;padding:0 24px}.logo{width:140px}.header-contact{font-size:11px;padding:10px 13px}.hero-layout{display:flex;flex-direction:column}.copy{padding:43px 24px 30px;align-self:stretch}.eyebrow{font-size:10px;margin-bottom:23px;letter-spacing:.17em}h1{font-size:clamp(35px,9.6vw,62px);line-height:1.16;letter-spacing:-.055em;margin-bottom:22px}.description{max-width:480px;font-size:16px;line-height:1.55;margin-bottom:25px}.cta{width:100%;font-size:13px;padding:16px 17px;gap:10px;min-height:58px}.conditions{font-size:10px;max-width:360px;margin-top:13px}.desktop-break{display:none}.copy-bottom{display:none}.visual{min-height:360px;margin-left:24px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 14%)}.photo{background-position:center 43%;transform:none}.visual-caption{bottom:27px;left:8%}.visual-caption p{font-size:17px}.caption-line{margin-bottom:13px;width:25px}.corner{bottom:24px;font-size:35px}.chevron{top:4%;height:82%;right:-34%;width:70%}}
@media(prefers-reduced-motion:reduce){.cta{transition:none}.cta:hover{transform:none}}

/* Hero CTAs: pill shape and hierarchy from the official Empires reference. */
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.hero-actions .cta{gap:16px;min-height:58px;padding:9px 11px 9px 23px;border:1px solid transparent;border-radius:999px;white-space:nowrap}
.hero-actions .cta-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:50%;background:#f5f5f5;color:var(--dark)}
.hero-actions .cta-icon svg{width:20px;height:20px}
.hero-actions .cta-secondary{background:#fff;color:var(--dark);border-color:#163b4826}
.hero-actions .cta-secondary .cta-icon{background:var(--dark);color:#fff}
.hero-actions .cta-secondary:hover{background:#e8eef0;border-color:#163b484d}
@media(min-width:1600px){.hero-actions .cta{min-height:65px;padding:12px 13px 12px 26px}}
@media(max-width:700px){.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-actions .cta{width:100%;font-size:14px;min-height:58px;padding:10px 12px 10px 23px}}