.demo-cards .noir-card{grid-column:1/-1;background:#111316;color:#f1f3f5;border-color:#393e44;overflow:hidden}
.noir-card .badge{border-color:#69747e;color:#d2d9df}.noir-card p{color:#b2bac3}.noir-card h3{font-size:clamp(27px,5vw,48px);letter-spacing:-.045em}.noir-card .button{background:#dce1e5;color:#151719;border:0;max-width:320px}.noir-card .button:hover{background:#fff}
.noir-card-art{position:relative;margin:22px -24px 0;height:clamp(200px,35vw,340px);overflow:hidden;background:#0b0d10}.noir-card-art img{width:100%;height:100%;object-fit:cover;object-position:50% 56%}.noir-card-art>span{position:absolute;bottom:15px;left:24px;font-size:8px;letter-spacing:3px;color:#d8dee4}
.noir{color-scheme:dark;border:0;padding:0;margin:0;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;overflow-y:auto;overscroll-behavior:contain;background:#0c0e10;color:#eef0f2;font-family:Arial,Helvetica,sans-serif}.noir::backdrop{background:#0c0e10}.noir [hidden]{display:none!important}.nd-shell{width:min(100%,800px);min-height:100%;margin:auto;padding:calc(24px + max(env(safe-area-inset-top),var(--safe-top,0px))) 28px calc(28px + max(env(safe-area-inset-bottom),var(--safe-bottom,0px)));background:radial-gradient(ellipse at 100% 0,#242a3038,transparent 55%),#0c0e10}
.nd-header{display:flex;align-items:center;justify-content:space-between}.nd-header>span{font-size:30px;font-weight:700;line-height:.9;letter-spacing:3px}.nd-header>span>span{display:block;font-size:8px;letter-spacing:4px;margin-top:9px}.nd-close{width:44px;height:44px;border:1px solid #41474d;border-radius:50%;color:#eef0f2;background:transparent;cursor:pointer}.nd-close:hover{background:#30363c}.nd-meta{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.7px;color:#9da7b1;padding:20px 0;margin-top:20px;border-block:1px solid #30363c}.nd-navigation{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-size:10px;color:#a6afb8}.nd-navigation>span{margin-left:auto}.nd-back{min-height:44px;border:0;background:transparent;color:#c8cfd5;font-size:12px;padding:0 16px 0 0;cursor:pointer}.nd-progress{height:2px;background:#2a3035;overflow:hidden}.nd-progress>span{display:block;height:100%;width:16.667%;background:#ccd6de;transition:width .4s ease}
.nd-screen{padding-top:32px;animation:nd-reveal .45s ease both;outline:none}.nd-eyebrow{font-size:9px;line-height:1.7;letter-spacing:2.3px;color:#b2bec9;margin-bottom:15px}.noir h2{font-size:clamp(32px,6vw,52px);line-height:1.1;letter-spacing:-.055em;font-weight:500;overflow-wrap:anywhere}.noir h2>span{color:#929da8}.nd-welcome h2{font-size:clamp(50px,11vw,84px);line-height:.96;font-weight:600;letter-spacing:-.065em}.nd-welcome h2>span{font-size:.73em;letter-spacing:-.05em;color:#e2e6ea}.nd-intro{color:#aeb7c0;font-size:14px;line-height:1.7;margin-top:18px;max-width:580px}.nd-hero{position:relative;margin:24px -28px 0}.nd-hero img{display:block;width:100%;height:auto}.nd-image-caption{position:absolute;bottom:16px;left:28px;font-size:8px;letter-spacing:2px;color:#bec8d1}.nd-start-note{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:23px 0;color:#b9c1c9;font-size:12px;line-height:1.6}.nd-start-note>span:last-child{font-size:9px;color:#8995a0;text-align:right}
.nd-primary{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:60px;border:1px solid #e0e5e9;padding:18px 22px;background:linear-gradient(110deg,#f1f3f5,#bdc7cf);color:#14181c;text-align:left;font-size:14px;font-weight:600;cursor:pointer;margin-top:24px;transition:filter .2s,transform .2s}.nd-primary>span{font-size:23px;font-weight:400}.nd-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.nd-primary:disabled{opacity:.4;cursor:default}.nd-welcome .nd-primary{margin-top:0}.nd-small{font-size:11px;line-height:1.75;color:#a1acb6;margin-top:20px}.nd-footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #30363c;margin-top:36px;padding-top:20px;color:#86939f;font-size:8px;letter-spacing:1px;line-height:1.7}
.nd-compare{position:relative;margin-top:28px;aspect-ratio:3/2;isolation:isolate;background:#171b20;overflow:hidden;border:1px solid #41484f}.nd-compare img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.nd-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.nd-compare-labels{position:absolute;inset:16px 16px auto;display:flex;justify-content:space-between;pointer-events:none}.nd-compare-labels span{font-size:9px;letter-spacing:2px;background:#0c0e10c9;border:1px solid #5e6872;padding:7px 9px}.nd-divider{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#ecf1f6;box-shadow:0 0 12px #000;pointer-events:none}.nd-divider>span{position:absolute;top:65%;left:0;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border:1px solid #e0e8ef;border-radius:50%;background:#1c242cda;color:#fff;font-size:19px;box-shadow:0 3px 20px #0008}.nd-compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;direction:ltr}.nd-compare:focus-within{outline:2px solid #e3ecf5;outline-offset:5px}.nd-compare-foot{display:flex;justify-content:space-between;gap:14px;font-size:9px;line-height:1.5;color:#8f9ca8;margin-top:12px}.nd-compare-foot>span:last-child{text-align:right}
.nd-zone-image{position:relative;margin:24px 0}.nd-zone-image img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;object-position:50% 57%}.nd-zone-image>span{position:absolute;bottom:12px;left:14px;font-size:7px;letter-spacing:1.6px;color:#b4c0cc}.nd-zones{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nd-zone{display:flex;flex-direction:column;text-align:left;gap:10px;border:1px solid #39424b;background:linear-gradient(135deg,#20262c,#121619);color:#e2e7eb;padding:18px;cursor:pointer}.nd-zone-number{display:flex;justify-content:space-between;width:100%;font-size:9px;color:#a1afbb;letter-spacing:1px}.nd-zone strong{font-weight:500;font-size:23px;letter-spacing:-.04em}.nd-zone small{color:#a5b1bd;font-size:10px;line-height:1.6}.nd-zone:hover,.nd-zone[aria-pressed=true]{border-color:#c0cfdd;background:#29333d}.nd-needs{display:grid;gap:12px;margin-top:30px}.nd-need{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:86px;border:1px solid #3c444d;padding:22px;background:#151a1f;color:#d5dde4;text-align:left;font-size:16px;cursor:pointer;transition:background .2s,border-color .2s}.nd-check{display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #677582;border-radius:50%;font-size:13px}.nd-need[aria-pressed=true]{background:#27313b;border-color:#bdccd9;color:#fff}.nd-need[aria-pressed=true] .nd-check{background:#d8e3ed;border-color:#d8e3ed;color:#151a1f}.nd-need[aria-pressed=true] .nd-check:after{content:'✓'}
.nd-offer-art{position:relative;margin:0 0 24px;overflow:hidden;border:1px solid #35414b}.nd-offer-art img{width:100%;aspect-ratio:2.6/1;object-fit:cover;object-position:50% 58%;display:block}.nd-offer-art>span{position:absolute;left:14px;bottom:12px;font-size:8px;letter-spacing:1.6px;color:#d9e0e6}.nd-offer-art+.nd-intro{margin-bottom:12px}.nd-offer-facts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;border-block:1px solid #3b444d;padding:22px 0;margin-top:28px;font-size:12px;color:#b2bfcb}.nd-offer-facts strong{margin-left:auto;color:#e9edf1;font-size:26px;letter-spacing:-1px;font-weight:500}.nd-request{margin-top:22px}.nd-request>span{font-size:8px;letter-spacing:2px;color:#8796a3}.nd-request>p{font-size:12px;line-height:1.7;color:#c4cfd8;margin-top:9px}.nd-summary{border-left:2px solid #b7c7d5;padding:14px 18px;background:#1b2229;color:#c4cfd8;font-size:12px;line-height:1.7;margin-top:24px}.nd-future{list-style:none;padding:0;margin:24px 0}.nd-future li{display:flex;gap:20px;border-bottom:1px solid #303940;padding:18px 0}.nd-future li>span{color:#8c9dab;font-size:10px;padding-top:4px}.nd-future h3{font-size:16px;font-weight:500;letter-spacing:-.02em}.nd-future p{font-size:12px;line-height:1.7;color:#9daab6;margin-top:6px}.nd-restart{display:block;margin:12px auto 0;min-height:44px;padding:12px;border:0;background:transparent;color:#acb9c4;font-size:12px;cursor:pointer}.noir :focus-visible{outline:2px solid #c9d9e8;outline-offset:5px}
.nd-needs-group{border:1px solid #3c444d;padding:0 14px 14px}.nd-needs-group:not([open]){padding-bottom:0}.nd-needs-group>summary{display:flex;align-items:center;gap:12px;min-height:60px;padding:16px 0;cursor:pointer;list-style:none;font-size:16px}.nd-needs-group>summary::-webkit-details-marker{display:none}.nd-needs-group>summary>span:last-child{margin-left:auto;color:#a5b1bd;font-size:11px}.nd-needs-group>summary:after{content:'+';color:#b7c7d5}.nd-needs-group[open]>summary:after{content:'−'}.nd-needs-group .nd-need{width:100%;margin-top:10px}.nd-zone-toggle{font-size:17px}.nd-package-zone{padding:20px 0;border-bottom:1px solid #303940}.nd-package-zone h3{font-size:17px;font-weight:500}.nd-package-zone>p{font-size:13px;line-height:1.7;color:#c4cfd8;margin-top:8px}.nd-package-zone>p.nd-small{font-size:11px;color:#a1acb6}#nd-offer-needs{white-space:pre-line}
@keyframes nd-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:700px){.nd-shell{padding-inline:56px}.nd-hero{margin-inline:-56px}.nd-image-caption{left:56px}.nd-screen{padding-top:40px}}
@media(max-width:760px){.noir-card-art{margin-inline:-18px}.noir-card-art>span{left:18px}}
@media(max-width:370px){.nd-shell{padding-inline:18px}.nd-hero{margin-inline:-18px}.nd-image-caption{left:18px}.nd-meta{font-size:7px;letter-spacing:1px}.nd-zone{padding:14px}.nd-zone small{font-size:9px}.nd-primary{padding-inline:16px}.nd-offer-facts{gap:14px}.nd-offer-facts strong{font-size:23px}.nd-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){.noir *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Studio invitation uses the same service-selection typography and materials. */
.nd-owner{border-top:1px solid #3b444d;margin-top:36px;padding-top:28px}.nd-owner h3{font:500 clamp(28px,5vw,38px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:14px 0}.nd-owner h3 span{color:#a5b1bd}.nd-owner .nd-intro{font-size:14px;line-height:1.7}.nd-owner a.nd-primary{display:flex;text-decoration:none;line-height:1.5}.nd-owner .nd-small{margin-top:12px}