:root{font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d3030;background:#faf9f5;--green:#17483e;--lime:#e4edc5;--line:#dce2d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit}button,a.button{font:inherit}header{position:sticky;top:0;background:#faf9f5f5;border-bottom:1px solid var(--line);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(24px,calc((100vw - 1180px)/2))}.wordmark{font-weight:850;letter-spacing:-1px;font-size:1.8rem;text-decoration:none;color:var(--green)}.wordmark span{display:block;font-size:.65rem;letter-spacing:1px;text-transform:uppercase}nav{display:flex;gap:24px;align-items:center;font-size:.88rem}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.nav-button{border:1px solid var(--green);padding:8px 14px;border-radius:6px}#menu{display:none}main{max-width:1180px;margin:auto;padding:0 24px}section{padding:76px 0;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;min-height:650px}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:2px;font-weight:750;color:#4e7167;margin:0 0 14px}h1,h2,h3{line-height:1.13;letter-spacing:-1.7px}h1{font-size:clamp(2.7rem,5vw,4.5rem);margin:0 0 28px;max-width:720px}h2{font-size:clamp(2rem,3vw,3rem);max-width:800px;margin:0 0 26px}h3{font-size:1.35rem;letter-spacing:-.5px;margin:16px 0}p{margin:0 0 20px}.lead{font-size:1.12rem;color:#526361;max-width:520px}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:28px 0}button,.button{background:var(--green);color:white;border:1px solid var(--green);border-radius:6px;padding:12px 20px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:650}button:disabled{opacity:.45;cursor:default}.secondary{background:transparent;color:var(--green)}.text-button{border:0;color:var(--green);background:none;padding:12px 0}.text-link{font-size:.9rem}.small{font-size:.78rem;color:#63726b}.example{background:#fff;border:1px solid #d8e1d6;border-radius:16px;padding:28px;box-shadow:12px 16px 0 var(--lime)}.example-head{display:flex;justify-content:space-between;font-size:.8rem;border-bottom:1px solid var(--line);padding-bottom:20px}.badge{background:#eef3e5;color:#436449;border-radius:30px;padding:0 10px}.example ol{padding:0;list-style:none;margin:24px 0 0}.example li{display:flex;gap:18px;margin:20px 0}.example p{font-size:.85rem;color:#596b65;margin:4px 0}.step{font-size:.75rem;color:#58826e;padding-top:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.grid article{padding:28px;background:white;border:1px solid var(--line);border-radius:10px}.grid article p{font-size:.95rem;color:#596b65}.icon{font-size:.8rem;color:#58826e}.scope{margin-top:30px;padding:22px;border-left:3px solid #7c9c6a;background:#eef2e5;font-size:.86rem}.plan-label{font-weight:750!important;text-transform:uppercase;font-size:.8rem!important;letter-spacing:1px}.grid ul{padding-left:20px;font-size:.92rem;min-height:135px}.grid li{margin:12px 0}.highlight{background:#f0f4e4!important;border-color:#b0c293!important}.availability{font-size:.82rem!important;min-height:115px}.preview-panel{padding:32px;background:#fff;border:1px solid var(--line);border-radius:10px;max-width:800px}.preview-panel h3{font-size:1.8rem}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.contact-card{background:var(--green);color:white;border-radius:12px;padding:32px;align-self:center}.contact-card a{display:block;margin-top:20px}.contact-card button{background:#fff;color:var(--green)}footer{max-width:1180px;margin:auto;padding:40px 24px}footer a{margin-right:24px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:50;background:white;padding:12px}a:focus-visible,button:focus-visible{outline:3px solid #ad9517;outline-offset:4px}.boundary{max-width:800px;min-height:65vh}.boundary .actions{align-items:stretch}.boundary-note{padding:24px;background:#eef2e5;border-radius:8px}.brand-logo{max-width:180px;max-height:75px;object-fit:contain}@media(max-width:800px){header{padding:14px 20px;flex-wrap:wrap}#menu{display:block;padding:8px 14px}nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:15px;padding:12px 0}nav.open{display:flex}.hero{grid-template-columns:1fr;gap:32px;min-height:0;padding:44px 0 60px}.grid{grid-template-columns:1fr}.grid ul,.availability{min-height:0}.contact{grid-template-columns:1fr;gap:20px}section{padding:48px 0}.example{box-shadow:6px 8px 0 var(--lime);padding:20px}main{padding:0 20px}h1{font-size:2.7rem}.actions{gap:12px}.preview-panel{padding:22px}.wordmark span{font-size:.6rem}.boundary{min-height:70vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand-logo{display:block;width:min(100%,360px);max-width:100%;max-height:none;height:auto;object-fit:contain;margin:0 auto;border-radius:8px}.brand-banner{padding:24px 20px 0}.brand-home{display:block;max-width:260px;margin:0 auto 16px}

/* Approved Many Worlds identity: black lacquer, brushed chrome, ice-blue edges. */
:root{color:#e7edf3;background:#030507;color-scheme:dark;--green:#dce9f3;--lime:#163344;--line:#34424f;--muted:#b4c0cc;--blue:#9bddff}
body{background:radial-gradient(ellipse 70% 28% at 50% 0,#10212e80,transparent 75%),#030507}
header{background:#05090df5;border-bottom-color:#40515e;box-shadow:0 8px 30px #0005}
.wordmark{color:#e7edf3;text-shadow:0 1px 0 #fff3}.wordmark span{color:var(--muted);letter-spacing:1.4px}
nav a{color:#d3dde7}nav a:hover{color:#fff}.nav-button{border-color:#728a9c;background:linear-gradient(135deg,#24313e,#101820);box-shadow:inset 0 1px 0 #ffffff1f}
.eyebrow,.step,.icon{color:var(--blue)}h1,h2,h3{color:#eff5fa}.lead,.small,.example p,.grid article p{color:var(--muted)}
@supports(background-clip:text){h1,.wordmark{background:linear-gradient(175deg,#fff 10%,#c4d0db 42%,#fff 48%,#bbcbd9 74%,#eaf6ff);background-clip:text;-webkit-background-clip:text;color:transparent}.wordmark span{color:var(--muted)}}
button,.button{background:linear-gradient(165deg,#fff,#dfe8ef 40%,#b8c8d6);color:#101922;border-color:#ecf5fc;box-shadow:inset 0 1px 0 #fff,0 3px 14px #0006}
button:hover:not(:disabled),.button:hover{background:linear-gradient(165deg,#fff,#d9f0ff);border-color:var(--blue)}
button:disabled{opacity:1;background:#18232d;color:#b4c0cc;border-color:#536372;box-shadow:none;cursor:default}
.secondary{background:#0c141d;color:#e4edf5;border-color:#768b9d;box-shadow:inset 0 1px 0 #ffffff15}.secondary:hover:not(:disabled){background:#1c2d3c;color:white}
.text-button{border:0;color:var(--blue);background:none;box-shadow:none}.text-button:hover:not(:disabled){background:none;color:white}.text-link{color:#d6e6f3}
.example{background:linear-gradient(140deg,#18232f,#090e14 62%);border-color:#62798c;box-shadow:inset 0 1px 0 #ffffff35,0 24px 60px #0008,0 0 28px #65c5ff0b;position:relative}
.example:before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#dff4ff,transparent)}
.example-head{color:#d7e2eb;gap:12px}.badge{background:#102e40;color:#bce8ff;border:1px solid #426e86}.step,.icon{font-variant-numeric:tabular-nums}
.grid article{background:linear-gradient(145deg,#121b24,#090e14);box-shadow:inset 0 1px 0 #ffffff12}
.scope{border:1px solid #304c60;border-left:3px solid #92d7ff;background:#0b1822;color:#cad6e0}
.plan-label{color:var(--blue)!important}.grid ul{color:#d2dde7}.grid article a{color:#b6e3ff}
.highlight{background:linear-gradient(145deg,#1b2b39,#0c151e)!important;border-color:#88a9c1!important;box-shadow:inset 0 1px 0 #d8eeff40,0 10px 30px #0005!important}
.preview-panel{background:linear-gradient(140deg,#15212c,#0a1017);border-color:#5f778b;box-shadow:inset 0 1px 0 #ffffff24}
.contact-card{background:linear-gradient(140deg,#1a2935,#090f16);color:#e7edf3;border:1px solid #668195;box-shadow:inset 0 1px 0 #ffffff24}.contact-card a{color:#b6e3ff}.contact-card button{max-width:100%;background:#18232d;color:#b4c0cc}
footer{color:var(--muted)}.skip:focus{background:#e7edf3;color:#101922}a:focus-visible,button:focus-visible{outline-color:#9bddff}
.boundary-note{background:#0b1822;border:1px solid #426079;color:#d2dde7}
.brand-logo{width:min(100%,440px)}.brand-banner{padding-top:30px}
.brand-lockup{display:flex;align-items:center;gap:12px}.brand-seal{display:block;width:76px;height:auto;object-fit:contain;flex-shrink:0;border:1px solid #385163;border-radius:10px;background:#030507}
.brand-detail{display:flex;align-items:center;gap:18px;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid #365065;color:var(--muted);font-size:.78rem;letter-spacing:.5px}.brand-detail img{width:120px;height:auto;object-fit:contain;border-radius:6px}.brand-detail span{max-width:260px}
.brand-footer{display:flex;align-items:center;gap:24px;margin-bottom:22px}.brand-footer img{width:170px;height:auto;object-fit:contain;border-radius:6px}.brand-footer .wordmark{margin:0}
/* Static code-native rim accent echoes the logo without inventing another mark. */
#service{position:relative}#service:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#b3e5ff,transparent);pointer-events:none}
@media(max-width:800px){.brand-seal{width:60px}.brand-lockup{gap:9px}.wordmark{font-size:1.55rem}.brand-banner{padding:24px 0 0}.brand-logo{width:min(100%,360px)}.example{box-shadow:inset 0 1px 0 #ffffff35,0 16px 35px #0007}.brand-detail{gap:12px}.brand-detail img{width:100px}.brand-footer{gap:16px}.brand-footer img{width:140px}}
@media(max-width:360px){header{padding:12px 14px;gap:12px}.brand-seal{width:48px}.wordmark{font-size:1.35rem}.wordmark span{font-size:.55rem}.brand-detail{align-items:flex-start}.brand-detail span{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){h1,.wordmark{background:none;color:CanvasText}.example:before,#service:before{display:none}button,.button{border:1px solid ButtonText}}

.number-benefit{padding:18px 20px;border:1px solid #426079;border-left:3px solid #9bddff;background:linear-gradient(120deg,#142431,#090f16);border-radius:8px;margin-top:24px;max-width:550px}.number-benefit strong{color:#e7edf3;font-size:1.03rem}.number-benefit p{margin:7px 0 0;color:#b4c0cc;font-size:.85rem}.routing-note{margin:26px 0 0}

/* Non-destructive viewport onto the approved raster's lettermark area.
   Original image stays intact; company/name/tagline remain in the ordinary logo placements. */
.mwt-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#030507;contain:strict}
.mwt-stage{position:absolute;left:50%;top:16vh;width:min(125vw,1800px);aspect-ratio:2.25;transform:translateX(-50%);perspective:1600px}
.mwt-metal{position:absolute;inset:0;overflow:hidden;background-image:url('brand-logo.png');background-size:170% auto;background-position:50% 38%;background-repeat:no-repeat;opacity:.43;filter:brightness(.78) contrast(1.12);transform:rotateX(7deg) rotateY(-6deg) rotateZ(-2deg) scale(.98);transform-origin:center;animation:mwt-drift 28s ease-in-out infinite alternate}
.mwt-metal:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 38%,#e2f5ff12 46%,#fff5 50%,#a8deff12 54%,transparent 62%);width:55%;height:120%;top:-10%;left:-70%;transform:skewX(-12deg);opacity:.38;animation:mwt-sheen 18s ease-in-out infinite}
.mwt-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030507b8 0%,#03050765 35%,#03050718 72%,#03050758),linear-gradient(180deg,#03050758 0%,transparent 22%,#03050765 70%,#030507a8);pointer-events:none}
body>header,body>main,body>footer{position:relative;z-index:1}body>header{position:sticky}
.hero>div{background:radial-gradient(ellipse at 30% 50%,#030507c9 0%,#03050788 62%,transparent 78%);border-radius:16px}.lead,.hero .small,.hero .text-link{text-shadow:0 1px 5px #000,0 0 18px #000}
/* Section text stays on a black reading surface, with the backdrop visible at its margins. */
main>section:not(.hero){background:linear-gradient(90deg,#030507ee,#030507d9);padding-left:24px;padding-right:24px;border-radius:10px}.brand-banner{position:relative}.brand-banner .brand-logo{box-shadow:0 12px 42px #0008}
.mwt-paused .mwt-metal,.mwt-paused .mwt-metal:after{animation-play-state:paused}
@keyframes mwt-drift{0%{transform:rotateX(7deg) rotateY(-6deg) rotateZ(-2deg) translateY(0) scale(.98)}100%{transform:rotateX(4deg) rotateY(5deg) rotateZ(1deg) translateY(-12px) scale(1.025)}}
@keyframes mwt-sheen{0%,14%{transform:translateX(0) skewX(-12deg);opacity:0}28%{opacity:.38}58%{transform:translateX(355%) skewX(-12deg);opacity:.2}65%,100%{transform:translateX(355%) skewX(-12deg);opacity:0}}
@media(max-width:800px){.mwt-stage{top:23vh;width:155vw}.mwt-metal{opacity:.34;animation-duration:36s;filter:none}.mwt-metal:after{animation-duration:24s}.mwt-backdrop:after{background:linear-gradient(180deg,#03050748,transparent 28%,#03050785 68%,#030507b8)}main>section:not(.hero){padding-left:14px;padding-right:14px}.hero>div{background:#030507b8}}
@media(prefers-reduced-motion:reduce){.mwt-metal,.mwt-metal:after{animation:none!important;transform:none}.mwt-metal:after{display:none}.mwt-metal{opacity:.3;filter:none}}
@media(forced-colors:active){.mwt-backdrop{display:none}.hero>div,main>section:not(.hero){background:Canvas}}

/* Approved public email CTA: keep dark text readable on the chrome button. */
.contact-card a.button{color:#17212b}