@font-face{font-family:Manrope;src:url('/presentation/assets/fonts/manrope-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/presentation/assets/fonts/manrope-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('/presentation/assets/fonts/manrope-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ground:#101724;--silver:#dce7f8;--ink:#141823;--blue:#a9c8ff;--rx:0deg;--ry:0deg;--lx:50%;--ly:35%}*{box-sizing:border-box}body{margin:0;background:#101724;color:var(--silver);font-family:Manrope,sans-serif;font-size:15px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #5275e8;outline-offset:4px}button{color:inherit}h1,h2,p{margin:0}button:disabled{cursor:wait}button[hidden],[hidden]{display:none!important}.stage{min-height:100svh;display:grid;place-items:center;padding:28px 16px;background:#101724}.scene{width:min(100%,420px);perspective:1800px}.card{position:relative;min-height:682px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.2,1)}.card.is-flipped{transform:rotateY(180deg)}.face{min-height:682px;border-radius:26px;border:1px solid #465165;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 24px 70px #0006}.front{position:relative;padding:24px;display:flex;flex-direction:column;background:linear-gradient(145deg,#223047 0%,#101724 45%,#141f31 100%)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.signature{width:154px;height:38px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}.languages{display:flex;gap:0}.languages a{min-width:44px;min-height:44px;display:grid;place-items:center;font-size:12px;color:#b5c3d8}.languages a[aria-current]{color:#fff;text-decoration:underline;text-underline-offset:7px}.artifact{position:relative;height:262px;display:grid;place-items:center;margin:4px -12px 0;perspective:900px}.artifact::before{content:'';position:absolute;width:210px;height:210px;border:1px solid #52617a;border-radius:50%;opacity:.35;transform:rotateX(65deg) translateY(94px);box-shadow:0 28px 32px #0008}.monogram{width:232px;height:232px;position:relative;transform:rotateX(calc(var(--pose-rx,0deg) + var(--rx))) rotateY(calc(var(--pose-ry,0deg) + var(--ry)));transition:transform .4s ease;filter:drop-shadow(0 24px 22px #0008)}.foil{position:absolute;inset:0;mask:url('/card/assets/mark.svg') center/contain no-repeat;-webkit-mask:url('/card/assets/mark.svg') center/contain no-repeat;background-image:url('/card/assets/metal-silver.webp');background-size:160% 160%;background-position:var(--lx) var(--ly);transition:background-position .5s ease}.artifact[data-mode="1"]{--pose-rx:-9deg;--pose-ry:19deg}.artifact[data-mode="2"]{--pose-rx:8deg;--pose-ry:-19deg;--lx:85%}.service-picker{display:flex;border-bottom:1px solid #42516b;gap:26px;justify-content:center;margin:0 8px}.service-picker button{min-width:44px;border:0;background:none;min-height:46px;padding:8px 6px;color:#a9bbd3;font-size:13px;letter-spacing:.04em;position:relative}.service-picker button[aria-pressed=true]{color:#fff}.service-picker button[aria-pressed=true]::after{position:absolute;content:'';height:2px;background:#dce7f8;bottom:-1px;left:0;right:0}.promise{padding:24px 0 26px;min-height:150px}.promise h1{font-size:35px;line-height:1.12;letter-spacing:-.035em;font-weight:500;max-width:340px}.promise p{margin-top:12px;color:#b8c7db;font-size:14px}.primary{border:0;border-radius:10px;background:#dce7f8;color:#101724;min-height:56px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;width:100%;text-align:left;transition:background .2s,transform .2s}.primary:hover{background:#fff;transform:translateY(-2px)}.primary span:last-child{font-size:22px;line-height:1}.front>.primary{margin-top:auto}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:16px}.quiet{min-width:44px;background:none;border:0;padding:8px 4px;min-height:44px;font-size:13px;color:#bdcbe0}.quiet:hover{color:#fff}.card-foot a{font-size:13px;min-height:44px;display:flex;align-items:center;color:#bdcbe0}.back{position:absolute;inset:0;background:#f1f4f8;color:#141823;transform:rotateY(180deg);padding:24px;display:flex;flex-direction:column;border-color:#cbd3df}.back .signature{filter:none}.back-head{display:flex;align-items:center;justify-content:space-between}.turn-back{background:#e2e7ef;border:0;width:44px;height:44px;border-radius:50%;font-size:23px;color:#141823}.contact-intro{padding:27px 0 22px}.contact-intro h2{font-size:32px;letter-spacing:-.035em;font-weight:500;line-height:1.15}.contact-intro p{color:#59616e;font-size:13px;margin-top:9px}.contact-links{border-top:1px solid #cbd3df}.contact-links a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:57px;border-bottom:1px solid #cbd3df;font-size:14px}.contact-links a:hover{color:#354ed0}.contact-links small{font-size:12px;color:#59616e}.contact-links .contact-value{font-size:14px;white-space:nowrap}.messengers{display:flex;border-bottom:1px solid #cbd3df}.messengers a{flex:1;min-height:52px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.messengers a+a{margin-left:22px}.back .primary{background:#141823;color:#fff;margin-top:auto}.back .primary:hover{background:#354ed0}.back .quiet,.back .card-foot a{color:#59616e}.back .quiet:hover{color:#141823}.under-card{text-align:center;color:#a8b6ca;font-size:12px;margin:18px 0 0}.under-card a{display:inline-block;padding:10px;min-height:44px}.under-card a:hover{text-decoration:underline}.status{min-height:20px;color:#bdcbe0;text-align:center;font-size:12px;margin-top:4px}.qr-dialog{border:1px solid #cbd3df;border-radius:22px;padding:28px;width:min(360px,calc(100% - 32px));background:#f1f4f8;color:#141823;box-shadow:0 30px 100px #0008;text-align:center}.qr-dialog::backdrop{background:#050a14c9;backdrop-filter:blur(8px)}.qr-dialog h2{font-size:23px;margin:12px 0}.qr-dialog img{width:232px;max-width:100%;height:auto;display:block;margin:16px auto}.qr-dialog p{font-size:13px;color:#59616e}.qr-dialog .primary{background:#141823;color:#fff;justify-content:center;margin-top:22px}.fallback{display:block;padding:20px;color:#fff}.no-js .card{transform:none}.no-js .back{position:relative;transform:none;margin-top:24px}.no-js [data-js]{display:none}.no-js .face{backface-visibility:visible}.no-js .contact-intro{padding-top:20px}@media(max-width:380px){.stage{padding:12px}.front,.back{padding:20px}.signature{width:130px}.languages a{min-width:36px}.artifact{height:228px}.monogram{width:210px;height:210px}.promise h1{font-size:31px}.promise{min-height:145px}.card,.face{min-height:646px}.contact-links .contact-value{font-size:12px}.contact-intro h2{font-size:29px}}@media print{body,.stage{background:#fff;color:#141823}.stage{display:block;padding:0}.scene{max-width:420px;margin:auto}.card{transform:none!important}.front,.under-card,.status{display:none}.back{position:relative;transform:none;backface-visibility:visible;box-shadow:none}.turn-back,.card-foot{display:none}}

.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}.turn-back{display:grid;place-items:center}.contact-value .icon{width:15px;height:15px}

/* Touch and keyboard share the same native button actions. */
.artifact{border:0;padding:0;background:transparent;color:inherit;width:calc(100% + 24px);touch-action:pan-y pinch-zoom;-webkit-appearance:none;appearance:none}
.flip-hint{position:absolute;bottom:3px;font-size:11px;letter-spacing:.04em;color:#b8c7db}
.contact-flip{display:block;text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;border:0;padding:0;background:none;width:100%;min-height:44px}
.face{cursor:pointer;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.front{transform:translateZ(1px)}.back{transform:rotateY(180deg) translateZ(1px)}
.face[aria-hidden="true"]{pointer-events:none}

/* One motion language: a silver object catching a moving studio light. */
.card{transform:none!important;transition:none;perspective:1500px;-webkit-perspective:1500px;transform-style:flat}
.face{transform-style:flat;-webkit-transform-style:flat;transition:transform .85s cubic-bezier(.45,0,.15,1),opacity .2s ease;will-change:auto}
.front{transform:rotateY(0deg)}.back{transform:rotateY(180deg)}
.card.is-flipped .front{transform:rotateY(-180deg)}.card.is-flipped .back{transform:rotateY(0deg)}
.monogram-motion{display:block;width:232px;height:232px;transform-style:preserve-3d}
.monogram{display:block;width:100%;height:100%;transform-style:preserve-3d}
.foil{display:block;overflow:hidden;background-size:150% 150%;background-position:var(--lx) var(--ly)}
.metal-light{position:absolute;inset:-40%;display:block;pointer-events:none;background:linear-gradient(112deg,transparent 34%,#b1cfff22 41%,#f5f9ffcc 47%,#ffffffed 50%,#d6e4ff66 54%,transparent 62%);transform:translateX(-70%);opacity:.9;mix-blend-mode:screen}
.artifact::before{border-color:#859dc4;opacity:.38}
[data-motion="full"] .monogram-motion{animation:metal-float 7.2s ease-in-out infinite}
[data-motion="full"] .metal-light{animation:metal-sweep 4.8s cubic-bezier(.45,0,.3,1) infinite}
[data-motion="full"] .artifact::before{animation:metal-shadow 7.2s ease-in-out infinite}
.card.is-flipped .monogram-motion,.card.is-flipped .metal-light,.card.is-flipped .artifact::before,
.card[data-paused="true"] .monogram-motion,.card[data-paused="true"] .metal-light,.card[data-paused="true"] .artifact::before{animation-play-state:paused}
@keyframes metal-float{0%,100%{transform:translateY(4px) rotateX(-5deg) rotateY(-9deg) rotateZ(-1deg)}50%{transform:translateY(-7px) rotateX(7deg) rotateY(12deg) rotateZ(1deg)}}
@keyframes metal-sweep{0%,12%{transform:translateX(-70%);opacity:0}23%{opacity:.95}64%{transform:translateX(70%);opacity:.95}78%,100%{transform:translateX(70%);opacity:0}}
@keyframes metal-shadow{0%,100%{transform:rotateX(65deg) translateY(94px) scale(.98);opacity:.4}50%{transform:rotateX(65deg) translateY(94px) scale(1.08);opacity:.22}}

/* A complete card inside the smallest available browser viewport. */
.stage{--top:max(12px,env(safe-area-inset-top));--bottom:max(12px,env(safe-area-inset-bottom));padding:var(--top) max(12px,env(safe-area-inset-right)) var(--bottom) max(12px,env(safe-area-inset-left));min-height:100svh;overflow:clip}
.card{min-height:0;height:min(700px,calc(100svh - var(--top) - var(--bottom)))}
.face{min-height:0;height:100%;padding:clamp(16px,4vw,24px)}
.front>*{flex-shrink:0}
.artifact{height:auto;min-height:110px;flex:1 1 110px;margin-top:0;container-type:size}
.monogram-motion{width:min(232px,78cqh);height:min(232px,78cqh)}
.artifact::before{width:min(210px,72cqh);height:min(210px,72cqh)}
.promise{min-height:0;padding:18px 0 20px}
.promise h1{font-size:clamp(27px,7.5vw,35px)}
.card-foot{padding-top:8px}
.languages a{min-width:40px}
.status{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:5;max-width:calc(100% - 32px);width:max-content;min-height:0;margin:0;padding:10px 16px;border-radius:10px;background:#dce7f8;color:#101724;box-shadow:0 8px 24px #0004;font-size:13px;overflow-wrap:anywhere}
.status:empty{display:none}
@media(max-height:720px){
 .face{padding:16px}.signature{width:140px}.promise{padding:12px 0 14px}.promise h1{font-size:clamp(26px,7vw,31px)}.promise p{margin-top:8px}
 .contact-intro{padding:16px 0}.contact-intro h2{font-size:29px}.contact-links a{min-height:50px}.messengers a{min-height:46px}
 .primary{min-height:50px;padding:12px 16px}.card-foot{padding-top:4px}
}
@media(max-height:620px){
 .face{padding:12px 16px}.signature{width:128px}.promise{padding:8px 0 10px}.promise h1{font-size:26px;line-height:1.1}.promise p{font-size:13px;line-height:1.35;margin-top:6px}
 .artifact{min-height:90px}.service-picker button{min-height:44px}.card-foot{padding-top:0}.card-foot a,.quiet{font-size:12px}
 .contact-intro{padding:10px 0}.contact-intro h2{font-size:27px}.contact-intro p{font-size:12px;margin-top:6px}.contact-links a{min-height:44px}.messengers a{min-height:44px}
 .primary{min-height:48px;padding:10px 14px}
}
/* Short landscape / enlarged-text views retain access to every control. */
@media(max-height:520px){.card{height:520px}.stage{place-items:start center}}
.no-js .card{height:auto}.no-js .face{height:auto;min-height:520px}.no-js .back{transform:none}
@media print{.stage{padding:0}.card{height:auto}.back{height:auto;min-height:620px;transform:none!important;opacity:1!important}.status{display:none}}