/* Creative v1 — intentionally isolated from legacy components */
:root{--cr-bg:#07121d;--cr-card:#102336;--cr-gold:#ffc879;--cr-ink:#eef7ff}
html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#07121d,#0b1b2b 55%,#09121a)!important;color:var(--cr-ink);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 83% 13%,#0b4e7955,transparent 39%),radial-gradient(circle at 10% 50%,#4d2d1850,transparent 42%)}
body>*{position:relative}.header{z-index:70!important;background:#06101ae9!important;border-bottom:1px solid #ffffff20!important;backdrop-filter:blur(20px)}
.brand__name{font-weight:850!important;letter-spacing:-.035em}.nav__link,.mobile__link{color:#e6ecf5!important}.nav__link:hover{color:var(--cr-gold)!important}
.btn--primary{color:#161b20!important;background:linear-gradient(135deg,#ffdfaa,#edae58)!important;border-color:#f2c37b!important;font-weight:750!important;box-shadow:0 10px 30px #efba7833}
.btn--ghost{border-color:#c1d5e455!important;background:#11283c66!important;color:#f5f9fd!important}
.h1{font-weight:800!important;font-size:clamp(2.3rem,4.65vw,5rem)!important;line-height:1.08!important;letter-spacing:-.06em!important}.grad,.grad2{background:linear-gradient(100deg,#fff3d9,#ffb95e)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero{padding-top:clamp(32px,6vw,90px)!important;padding-bottom:50px!important}.hero__grid{gap:clamp(30px,5vw,85px)!important;align-items:center!important}
.hero__left{position:relative;z-index:2}.hero__right{position:relative;isolation:isolate}.portrait{border-radius:34px!important;overflow:hidden!important;box-shadow:0 26px 90px #0009;border:1px solid #bcdef34a!important}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait__glow{pointer-events:none}
.heroCard,.glassCard,.caseCard,.skillCard,.certCard{background:linear-gradient(145deg,#132b40dd,#0a1726ed)!important;border:1px solid #a7cbe72f!important;border-radius:21px!important;overflow:hidden}
.trust__num{color:#ffcb85!important}.chips .chip{border-color:#e4c09155}.h2{letter-spacing:-.045em!important}.section{padding-block:clamp(36px,6vw,86px)!important}.link{color:#ffd18e!important}
.caseCard img{transition:transform .35s}.caseCard:hover img{transform:scale(1.045)}
.cr-footer{position:relative!important;z-index:30!important;background:#040b12!important;border-top:1px solid #91b2ca44!important;padding:56px 0 24px!important;isolation:isolate;pointer-events:auto!important}
.cr-footer *{pointer-events:auto!important}.cr-footer a{color:#dceaf4!important;text-decoration:none!important;display:inline-flex;padding:9px 0;position:relative;z-index:31!important;touch-action:manipulation}.cr-footer a:hover,.cr-footer a:focus-visible{color:#ffcc83!important;text-decoration:underline!important}
.cr-footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px}.cr-footer h3{font-size:1.04rem;color:#fff;margin:0 0 15px}.cr-footer__links{display:flex;flex-direction:column;align-items:start}.cr-footer__brand{font-weight:850;font-size:1.35rem}.cr-footer__muted{color:#9bb0c2;font-size:.93rem;line-height:1.75}.cr-footer__bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff24;margin-top:35px;padding-top:20px;color:#9bb0c2;font-size:.86rem}
.cr-cookie{position:fixed!important;z-index:1000!important;bottom:18px;left:50%;transform:translateX(-50%);width:min(690px,calc(100% - 24px));padding:19px 23px;border-radius:18px;background:#12283af5;box-shadow:0 15px 65px #000c;border:1px solid #e2c18d65;color:white;display:flex;gap:17px;align-items:center;justify-content:space-between;backdrop-filter:blur(15px)}.cr-cookie[hidden]{display:none!important}.cr-cookie p{margin:4px 0 0;color:#d0dce8;font-size:.86rem;line-height:1.45}.cr-cookie a{color:#ffce86}.cr-cookie button{background:#ffc879;border:0;border-radius:10px;padding:12px 20px;font-weight:800;cursor:pointer;color:#121d28}
.cr-certs-placeholder{border:1px solid #b5c6dc44;background:#12283a;padding:38px;border-radius:22px;text-align:center;color:#d5e3f0}
@media(max-width:1000px){.cr-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header{z-index:80!important}}
@media(max-width:640px){.cr-footer__grid{grid-template-columns:1fr 1fr;gap:24px}.cr-footer__grid>div:first-child{grid-column:1/-1}.cr-footer__bottom{display:block}.cr-cookie{bottom:10px;align-items:stretch;flex-direction:column;padding:15px}.cr-cookie button{width:100%}.hero__grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.hero__right{max-width:460px;margin-inline:auto}.h1{font-size:clamp(2.2rem,9vw,3.35rem)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.caseCard img{transition:none}}

/* Creative refinement v2: mobile usability & robust footer navigation */
.cr-footer{transform:none!important;filter:none!important;contain:none!important;}
.cr-footer a{min-height:44px;align-items:center;cursor:pointer!important;}
.cr-footer__links{position:relative;z-index:2;}
.cr-footer a:focus-visible,.cr-cookie button:focus-visible{outline:3px solid #ffce86!important;outline-offset:3px;}
.cr-cookie{box-sizing:border-box;max-height:min(65vh,420px);overflow:auto;}
.cr-cookie__actions{flex-shrink:0;}
body{min-width:0!important;overflow-wrap:break-word;}
img{max-width:100%;}
@media(max-width:480px){.cr-footer__grid{grid-template-columns:1fr!important;gap:14px!important}.cr-footer__grid>div:first-child{grid-column:auto!important}.cr-footer{padding-top:32px!important}.cr-cookie{width:calc(100% - 20px)!important;bottom:10px!important}.cr-footer__bottom{font-size:.78rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Cookie viewport pin v3: independent of page scroll, including mobile Safari. */
html > .cr-cookie {
  position:fixed!important;
  inset:auto auto max(12px, env(safe-area-inset-bottom, 0px)) 50%!important;
  transform:translate3d(-50%,0,0)!important;
  margin:0!important;
  z-index:2147483000!important;
  width:min(690px,calc(100vw - 24px))!important;
  max-height:min(65dvh,420px);
  overflow-y:auto;
  overscroll-behavior:contain;
  pointer-events:auto!important;
}
@media(max-width:640px){
  html > .cr-cookie {
    width:calc(100vw - 20px)!important;
    bottom:max(10px, env(safe-area-inset-bottom, 0px))!important;
  }
}