:root{--sig-gold:#ffd46a;--sig-cyan:#2bd7d9;--sig-deep:#013b42}
.signature-body{min-height:100vh;color:#fff;background:#013f46}
.signature-page{position:relative;min-height:calc(100vh - 72px);padding:clamp(46px,5vw,72px) clamp(22px,5vw,74px) 64px;overflow:hidden;background:radial-gradient(circle at 72% 28%,rgba(43,215,217,.2),transparent 31%),linear-gradient(112deg,#01373e 0%,#075f68 54%,#0b8f98 100%)}
.signature-page::before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.signature-heading{position:relative;z-index:3;width:min(1200px,100%);max-width:1200px;margin-left:auto;margin-right:auto}
.signature-heading h1,.signature-heading h2{max-width:1120px;margin:0;color:#fff;font-size:clamp(43px,4.9vw,72px);font-weight:800;line-height:.92;letter-spacing:-.055em;text-wrap:balance}.signature-heading h1 span,.signature-heading h2 span{color:rgba(255,255,255,.38)}
.signature-heading>p:last-child{max-width:none;margin:24px 0 0;color:rgba(255,255,255,.68);font-size:18px;white-space:nowrap}
.signature-model{position:relative;z-index:2;width:min(1280px,97vw);height:610px;margin:26px auto 0;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(0,31,35,.21));box-shadow:inset 0 1px rgba(255,255,255,.11),0 35px 110px rgba(0,25,29,.27);backdrop-filter:blur(10px)}
.signature-model .signature-heading{position:absolute;top:20px;left:50%;z-index:8;width:auto;max-width:calc(100% - 48px);margin:0;transform:translateX(-50%);text-align:center;pointer-events:none}
.signature-model .signature-heading h1,.signature-model .signature-heading h2{width:max-content;max-width:100%;color:var(--sig-gold);font-size:clamp(21px,2.15vw,30px);line-height:.94;letter-spacing:-.04em}.signature-model .signature-heading h1 span,.signature-model .signature-heading h2 span{color:var(--sig-gold)}
.signature-model::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 26%,rgba(255,255,255,.035) 48%,transparent 67%);background-size:230% 100%;animation:signatureSheen 10s linear infinite}
.signature-model canvas{position:absolute;inset:0;width:100%;height:100%}
.signature-core{position:absolute;left:50%;top:50%;z-index:4;width:236px;height:236px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:translate(-50%,-50%);border:1px solid rgba(255,212,106,.58);border-radius:50%;background:radial-gradient(circle at 45% 38%,#0d8c95,#023e45 68%);box-shadow:0 0 125px rgba(43,215,217,.46),0 30px 80px rgba(0,0,0,.3)}
.signature-core img{width:150px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.24));animation:signatureShield 4s ease-in-out infinite}
.signature-core{padding:0;color:#fff;cursor:pointer}.signature-core:focus-visible{outline:2px solid var(--sig-gold);outline-offset:8px}.core-prompt{position:absolute;left:50%;bottom:-34px;width:150px;transform:translateX(-50%);color:rgba(255,255,255,.55);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:.25s}.signature-core:hover .core-prompt,.signature-core:focus-visible .core-prompt{color:var(--sig-gold)}
.core-label{position:absolute;left:50%;bottom:48px;width:170px;transform:translateX(-50%);color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase;text-shadow:0 3px 14px rgba(0,0,0,.3)}
.signature-body .concept-modal h2+div{color:var(--c-muted);font-size:17px}.signature-body .concept-modal h2+div p{margin:0 0 16px}.signature-body .concept-modal h2+div strong{color:var(--c-deep);font-weight:800}.signature-body .concept-modal a[hidden]{display:none}
.core-halo{position:absolute;inset:-19px;border:1px solid rgba(255,212,106,.25);border-radius:50%;animation:signatureHalo 4s ease-out infinite}.core-halo.halo-two{animation-delay:-2s}
.signature-services{position:absolute;inset:70px 42px 34px;z-index:6;display:grid;grid-template-columns:minmax(245px,1fr) 465px minmax(245px,1fr);grid-template-rows:repeat(5,1fr);align-items:center;pointer-events:none}
.signature-services button{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:13px 4px;border:0;color:rgba(255,255,255,.7);background:transparent;font-size:clamp(18px,1.65vw,24px);font-weight:760;letter-spacing:-.018em;line-height:1.08;text-align:left;text-shadow:0 4px 18px rgba(0,0,0,.12);transition:color .45s ease,transform .45s cubic-bezier(.2,.8,.2,1),text-shadow .45s ease;pointer-events:auto}
.signature-services button:nth-child(1),.signature-services button:nth-child(2){font-size:clamp(21px,1.9vw,28px);font-weight:820}
.signature-services button:nth-child(odd){grid-column:1;justify-content:flex-end;text-align:right}.signature-services button:nth-child(even){grid-column:3}.signature-services button:nth-child(1),.signature-services button:nth-child(2){grid-row:1}.signature-services button:nth-child(3),.signature-services button:nth-child(4){grid-row:2}.signature-services button:nth-child(5),.signature-services button:nth-child(6){grid-row:3}.signature-services button:nth-child(7),.signature-services button:nth-child(8){grid-row:4}.signature-services button:nth-child(9),.signature-services button:nth-child(10){grid-row:5}
.signature-services button small{color:rgba(255,212,106,.6);font-size:10px;font-weight:800;letter-spacing:.12em;transition:.45s}.signature-services button:nth-child(odd) small{order:2}
.signature-services button::after{content:"";position:absolute;top:50%;width:6px;height:6px;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:translateY(-50%);transition:.45s}.signature-services button:nth-child(odd)::after{right:-17px}.signature-services button:nth-child(even)::after{left:-17px}
.signature-services button.is-active,.signature-services button:hover,.signature-services button:focus-visible{color:#fff;transform:translateX(9px) scale(1.045);text-shadow:0 0 25px rgba(255,255,255,.28);outline:none}.signature-services button:nth-child(odd).is-active,.signature-services button:nth-child(odd):hover,.signature-services button:nth-child(odd):focus-visible{transform:translateX(-9px) scale(1.045)}
.signature-services button.is-active small,.signature-services button:hover small{color:var(--sig-gold)}.signature-services button.is-active::after,.signature-services button:hover::after{border-color:var(--sig-gold);background:var(--sig-gold);box-shadow:0 0 0 5px rgba(255,212,106,.11),0 0 22px var(--sig-gold)}
.signature-instruction{position:absolute;left:50%;bottom:18px;z-index:7;display:flex;align-items:center;gap:9px;margin:0;padding:8px 13px;transform:translateX(-50%);border:1px solid rgba(255,212,106,.2);border-radius:999px;color:rgba(255,255,255,.88);background:rgba(1,59,66,.58);box-shadow:0 8px 24px rgba(0,25,29,.2);backdrop-filter:blur(8px);font-size:12px;font-weight:800;letter-spacing:.085em;text-transform:uppercase}.signature-instruction span{width:7px;height:7px;border-radius:50%;background:var(--sig-gold);box-shadow:0 0 12px var(--sig-gold);animation:signatureDot 2s ease-in-out infinite}
@keyframes signatureSheen{from{background-position:150% 0}to{background-position:-150% 0}}@keyframes signatureShield{0%,100%{transform:translateY(-17px) scale(.94)}50%{transform:translateY(-17px) scale(1.06)}}@keyframes signatureHalo{0%{transform:scale(.82);opacity:.7}100%{transform:scale(1.42);opacity:0}}@keyframes signatureDot{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:850px){.signature-heading>p:last-child{white-space:normal}.signature-model{height:auto;min-height:650px}.signature-core{top:155px}.signature-services{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;padding:330px 22px 70px}.signature-services button,.signature-services button:nth-child(odd),.signature-services button:nth-child(even){grid-column:auto;grid-row:auto;justify-content:flex-start;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.signature-services button:nth-child(odd) small{order:0}.signature-services button::after{display:none}}
@media(max-width:520px){.signature-page{padding-inline:14px}.signature-model{width:100%;border-radius:18px}.signature-services{grid-template-columns:1fr;padding-inline:18px}.signature-heading h1,.signature-heading h2{font-size:43px}.signature-model .signature-heading h1,.signature-model .signature-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.signature-model::after,.signature-core img,.core-halo,.signature-instruction span{animation:none!important}}