.np[data-embedded=true]{min-height:0}
.np .nc-nav-button{border:0;background:transparent;color:inherit;padding:0;font-size:13px}
@font-face{font-family:"Space Grotesk";src:url("https://framerusercontent.com/third-party-assets/fontshare/wf/6DG6HUOGHOB35UGAANBDBVY77OCFNQOA/MX56D7EXTFRCL3EZPNM332VF6D5TDENT/2MGP255ZY2RSFHKW6LNN6W6BWQGC2LUO.woff2");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:"Space Grotesk";src:url("https://framerusercontent.com/third-party-assets/fontshare/wf/GFEQC7SZ2XMFHB2INR6RE24JKHO5JNTS/R2HDHPNP7PMXFG5AIIV7PF3KFELSLGKJ/COAKOVM7H37QQIPEFBZNVR5EL4GEPLQU.woff2");font-display:swap;font-style:normal;font-weight:700}
@font-face{font-family:"Space Grotesk";src:url("https://framerusercontent.com/third-party-assets/fontshare/wf/VSNXONY2BLKCCCIIFN3QP3P5BXXEA5YH/A2J6XXDN7IS2QQTDF3NMODLJZST4TPB3/FZLOZKW4QKL7ZPKPM3GBO5JS4J3JL2DF.woff2");font-display:swap;font-style:normal;font-weight:300}
.np{width:100%;background:#050505;color:#f5f5f5;font-family:"Space Grotesk","Helvetica Neue",Arial,sans-serif;container-type:inline-size;min-height:100vh}
.np *{box-sizing:border-box}.np a{color:inherit;text-decoration:none}.np button,.np input,.np select{font:inherit}.np button,.np a{touch-action:manipulation}.np button{cursor:pointer}.np button:disabled{cursor:default;opacity:.45}
.np :is(a,button,input,select):focus-visible{outline:2px solid #fff;outline-offset:4px}.np h1,.np h2,.np h3,.np p{margin:0}.np h1{font-size:clamp(32px,4cqw,52px);line-height:1.1;letter-spacing:-2px;font-weight:400}.np h2{font-size:23px;letter-spacing:-.6px;font-weight:400}.np h3{font-size:16px;font-weight:500}.np p{color:#aaaab2;line-height:1.65;font-size:14px}
.np-shell{max-width:1240px;margin:0 auto;padding:0 40px}.np-header{min-height:88px;border-bottom:1px solid #252529;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 0}
.np-brand{display:block;position:relative;width:112px;height:45px;overflow:hidden}.np-brand img{position:absolute;width:220px;height:220px;max-width:none;left:-54px;top:-84px;object-fit:contain}.np-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:13px;color:#b4b4bd}
.np-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #424249;border-radius:999px;padding:7px 11px;font-size:11px;letter-spacing:.2px;color:#d7d7dd;white-space:nowrap}.np-banner{padding:14px 0;border-bottom:1px solid #252529;display:flex;gap:16px;align-items:center}.np-banner p{font-size:12px}
.np-heading{display:flex;gap:24px;justify-content:space-between;align-items:flex-end;padding:46px 0 30px}.np-eyebrow{display:block;color:#aaaab2;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px}.np-heading p{margin-top:14px;max-width:550px}.np-actions{display:flex;gap:10px;flex-wrap:wrap}.np-btn{border:1px solid #414149;border-radius:999px;background:transparent;color:#fff;padding:11px 17px;min-height:44px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.np-primary{background:#fff;color:#080808!important;border-color:#fff}.np-btn:hover{border-color:#999}.np-primary:hover{background:#dedee3}
.np-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #28282d;padding-bottom:17px;margin-bottom:28px}.np-tabs button{padding:11px 18px;border:1px solid transparent;background:none;border-radius:999px;color:#aaaab2;font-size:14px}.np-tabs button[aria-selected=true]{background:#fff;color:#080808}.np-tabs button:hover{border-color:#414149}
.np-demo-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.np-demo-controls label{color:#aaaab2;font-size:12px}.np select,.np input{background:#111114;color:#fff;border:1px solid #45454d;border-radius:9px;min-height:44px;padding:10px 12px;max-width:100%;font-size:14px}.np select{margin-left:8px}.np-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.np-card{border:1px solid #303036;border-radius:18px;padding:24px;background:#101012;min-width:0}.np-stat-label{color:#a6a6af;font-size:12px;display:block;margin-bottom:15px}.np-stat{font-size:27px;letter-spacing:-.8px;display:block;margin-bottom:10px}.np-card small{font-size:12px;color:#a6a6af;line-height:1.6;display:block}.np-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.np-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.np-card-head button{font-size:12px}.np-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #2b2b31}.np-row p{font-size:12px;margin-top:5px}.np-details{display:flex;align-items:center;gap:12px}.np-icon{width:40px;height:40px;border:1px solid #414149;display:grid;place-items:center;border-radius:12px;font-size:15px;color:#bebec7;flex-shrink:0}.np-status{font-size:11px;color:#c2c2cb;white-space:nowrap}.np-muted{color:#8f8f9a!important}.np-step{display:flex;gap:14px;margin-top:22px}.np-step span{height:28px;width:28px;border:1px solid #494951;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:12px}.np-step p{font-size:13px;margin-top:5px}.np-callout{padding:20px;border:1px solid #44444d;border-radius:12px;margin-top:20px}.np-callout p{font-size:13px}.np-list{display:flex;flex-direction:column;gap:14px}.np-device{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px}.np-device-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.np-device-controls label{font-size:12px;color:#b2b2bb}.np-rename{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.np-rename input{flex:1;min-width:140px}.np-section-title{margin-bottom:22px}.np-section-title p{margin-top:8px}.np-field{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:13px;color:#b2b2bb}.np-field select{margin-left:0}.np-toggle{display:flex;gap:12px;align-items:flex-start;margin:22px 0}.np-toggle input{min-height:0;width:18px;height:18px;margin:2px 0 0;accent-color:#fff}.np-toggle strong{font-size:14px;font-weight:500;display:block}.np-toggle p{font-size:12px;margin-top:5px}.np-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.np-feature{border-top:1px solid #34343a;padding-top:16px}.np-feature p{font-size:12px;margin-top:7px}.np-notice{min-height:44px;margin:20px 0;color:#d6d6dd;font-size:12px;line-height:1.6}.np-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #28282d;padding:26px 0;margin-top:44px;font-size:12px;color:#9999a3}.np-footer div{display:flex;gap:20px;flex-wrap:wrap}
.np-pass-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.np-pass-list{display:flex;flex-direction:column;gap:14px;margin-top:22px}.np-pass{border:1px solid #414149;border-radius:12px;padding:16px}.np-pass p{font-size:12px;overflow-wrap:anywhere}.np-pass-secret{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.np-pass-secret input{flex:1;min-width:120px;width:100%;font-family:monospace}.np-pass-fields .np-field{margin-top:0}.np-device{grid-template-columns:1fr}.np-device-controls{align-items:flex-start}.np-device-controls select{margin-left:0;display:block;margin-top:6px}
.np main{display:grid;grid-template-columns:148px minmax(0,1fr);gap:0 24px}.np main>.np-heading,.np main>.np-demo-controls,.np main>section,.np main>.np-notice{grid-column:2}.np-tabs{grid-column:1;grid-row:1 / span 4;align-self:start;position:sticky;top:24px;flex-direction:column;margin:38px 0 0;padding:0;border:0}.np-tabs button{text-align:left;border-radius:12px}.np-heading{padding-top:34px}.np h1{font-size:34px;letter-spacing:-1.2px}.np-health{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:14px}.np-score{width:86px;height:86px;border:3px solid #ddd;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.np-score strong{font-size:28px;font-weight:500}.np-score span{font-size:10px;color:#aaaab2}.np-health-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.np-quick{margin:10px 0 22px}.np-quick .np-eyebrow{margin-bottom:12px}.np-insight{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#151519;border:1px solid #3d3d46;border-radius:18px;padding:22px;margin-bottom:28px}.np-insight p{font-size:12px;max-width:450px;margin-top:8px}.np-insight .np-btn{flex-shrink:0}.np-insight .np-eyebrow{margin-bottom:10px}.np-card{background:#111114}.np-pass-fields .np-field{min-width:0}
@container(max-width:900px){.np main{display:block}.np-tabs{flex-direction:row;position:sticky;top:0;z-index:3;background:#050505;padding:12px 0;margin:0 0 18px;border-bottom:1px solid #28282d}.np-insight{flex-direction:column;align-items:flex-start}.np-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.np-columns{grid-template-columns:1fr}.np-device{grid-template-columns:1fr}.np-heading{align-items:flex-start;flex-direction:column}}
@container(max-width:550px){.np-shell{padding:0 18px}.np-header nav{gap:13px;font-size:12px}.np-header{gap:12px}.np-brand{width:96px;height:38px}.np-brand img{width:188px;height:188px;left:-46px;top:-72px}.np-banner{align-items:flex-start;flex-direction:column;gap:8px}.np-heading{padding:32px 0 24px}.np h1{font-size:34px;letter-spacing:-1.3px}.np-grid{gap:10px}.np-card{padding:18px;border-radius:14px}.np-stat{font-size:23px}.np-tabs{gap:3px}.np-tabs button{padding:11px 12px;font-size:13px}.np-features{grid-template-columns:1fr}.np-device-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.np-device-controls select{margin-left:0;width:100%}.np-device-controls label,.np-device-controls .np-btn{width:100%}.np-demo-controls label{display:flex;flex-direction:column;gap:8px}.np-demo-controls select{margin-left:0}.np-status{white-space:normal}.np-footer{margin-top:28px}.np-card-head{flex-wrap:wrap}}
/* Calm app layout: one full-width flow, with advanced guest controls disclosed on demand. */
.np-shell{max-width:1120px;padding:0 36px}.np main{display:block}.np-heading{padding:44px 0 28px}.np-tabs{position:sticky;top:0;z-index:3;display:flex;flex-direction:row;gap:14px;background:#050505;margin:0 0 30px;padding:16px 0;border-bottom:1px solid #28282d}.np-tabs button{padding:12px 24px}.np-demo-controls{margin-bottom:32px}.np-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:32px}.np-card{padding:28px;border-radius:20px}.np-columns{grid-template-columns:1fr;gap:36px}.np-section-title{margin-bottom:24px}.np-list{gap:18px}.np-device{grid-template-columns:minmax(180px,1fr) auto;gap:32px;align-items:center}.np-device-controls{display:grid;grid-template-columns:repeat(2,minmax(125px,1fr));gap:14px}.np-device-controls select{width:100%;min-width:0}.np-device-controls .np-btn{width:100%}.np-callout{margin-top:24px}.np-access-details{border:1px solid #303036;border-radius:20px;padding:24px;background:#101012}.np-access-details summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none}.np-access-details summary::-webkit-details-marker{display:none}.np-access-details summary strong{font-size:18px;font-weight:500;display:block}.np-access-details summary small{display:block;color:#aaaab2;font-size:12px;margin-top:8px;line-height:1.6}.np-access-details[open] summary>span:last-child{transform:rotate(45deg)}.np-access-details summary:focus-visible{outline:2px solid #fff;outline-offset:8px}.np-access-details .np-card{border:0;background:transparent;padding:10px 0 0}.np-quick{margin:0 0 30px}.np-insight{margin-bottom:36px;padding:26px}.np-speed-card{padding:32px;border:1px solid #424249;border-radius:24px;background:#141417;margin-bottom:22px}.np-speed-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:28px}.np-speed-intro p{max-width:520px;font-size:12px;margin-top:10px}.np-speed-intro label{font-size:12px;color:#aaaab2;min-width:150px;flex-shrink:0}.np-speed-intro select{display:block;margin:9px 0 0;width:100%}.np-speed-values{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:26px;padding:32px 0}.np-speed-values strong{font-size:48px;line-height:1.1;font-weight:400;letter-spacing:-1.8px;display:flex;align-items:baseline;gap:8px}.np-speed-values strong small{font-size:13px;color:#aaaab2;letter-spacing:0;font-weight:400}.np-speed-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:22px;border-top:1px solid #39393f}.np-speed-foot p{font-size:12px;max-width:600px}.np-speed-foot .np-btn{flex-shrink:0}.np-notice{margin:28px 0}
@container(max-width:800px){.np-device{grid-template-columns:1fr;gap:22px}.np-speed-intro{flex-direction:column}.np-speed-intro label{width:100%}.np-speed-foot{flex-direction:column;align-items:flex-start}.np-speed-values{gap:18px}.np-speed-values strong{font-size:38px}.np-insight{flex-direction:column;align-items:flex-start}}
@container(max-width:550px){.np-shell{padding:0 20px}.np-header{flex-direction:column;align-items:flex-start;padding:20px 0;gap:18px}.np-header nav{gap:24px}.np-banner{padding:20px 0}.np-heading{padding:30px 0 24px;gap:22px}.np-tabs{margin-bottom:24px;gap:8px;padding:12px 0}.np-tabs button{padding:12px 18px}.np-demo-controls{align-items:flex-start;gap:20px}.np-demo-controls label{width:100%}.np-demo-controls select{width:100%}.np-grid{grid-template-columns:1fr;gap:12px;margin-bottom:28px}.np-grid .np-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:20px}.np-grid .np-stat-label{margin:0;flex:1}.np-grid .np-stat{font-size:23px;margin:0}.np-grid small{width:100%}.np-card{padding:22px}.np-speed-card{padding:24px 20px}.np-speed-values{grid-template-columns:1fr 1fr;gap:24px 16px;padding:26px 0}.np-speed-values>div:last-child{grid-column:span 2}.np-speed-values strong{font-size:40px}.np-speed-values>div:last-child strong{font-size:28px}.np-speed-values .np-stat-label{font-size:11px}.np-speed-foot .np-btn{width:100%}.np-device-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.np-device-controls .np-btn{font-size:12px;padding:11px 10px}.np-access-details{padding:22px}.np-insight{padding:22px}.np-pass-fields{grid-template-columns:1fr}.np-quick .np-actions{gap:12px}.np-heading .np-actions{width:100%}.np-heading .np-actions .np-btn{flex:1}}

@container(max-width:550px){.np-heading .np-eyebrow,.np-heading>div>p{display:none}.np-heading{padding:24px 0}.np-heading .np-actions{display:none}.np-banner{padding:14px 0;gap:8px}.np-banner p{font-size:11px}.np-demo-controls>.np-pill{display:none}.np-demo-controls{margin-bottom:22px}.np-speed-intro .np-eyebrow{display:none}.np-speed-intro h2{font-size:22px}.np-speed-intro{gap:20px}.np-speed-intro p{font-size:11px}.np-speed-values{padding:24px 0}}


/* Core document defaults and live-data details; Prototype styling above is unchanged. */
html{background:#050505}body.np{margin:0;font-size:12px;line-height:normal}.np [hidden]{display:none!important}.np form{margin:0}.nc-connection{display:flex;align-items:center;gap:12px;color:#aaaab2;font-size:12px}.nc-space-top{margin-top:22px!important}.np-row>span:last-child{overflow-wrap:anywhere;text-align:right;min-width:0}.np input[readonly]{cursor:default}@container(max-width:550px){.nc-connection{width:100%;justify-content:space-between}.np-demo-controls>.np-pill{display:inline-flex}.np-row{gap:14px}}
.nc-confirmation{position:fixed;z-index:1000;bottom:28px;left:50%;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 40px);box-sizing:border-box;padding:16px 22px;border:1px solid #52695c;border-radius:18px;background:#121a16;color:#edfff3;font-size:16px;line-height:1.4;box-shadow:0 12px 50px #0008;opacity:0;visibility:hidden;transform:translate(-50%,14px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.nc-confirmation.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nc-confirmation-check{display:block;position:relative;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#9be8b5}
.nc-confirmation-check:after{content:'';position:absolute;left:9px;top:6px;width:8px;height:14px;border:solid #102519;border-width:0 3px 3px 0;transform:rotate(45deg)}
.nc-confirmation.is-visible .nc-confirmation-check{animation:nc-confirm-pop .4s ease-out}
@keyframes nc-confirm-pop{0%{transform:scale(.5);opacity:0}65%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.nc-confirmation{transition:none}.nc-confirmation.is-visible .nc-confirmation-check{animation:none}}



/* Align the live device fields and center their values. */
.np .np-device-controls{align-items:end;justify-items:stretch;width:100%;max-width:600px;margin-inline:auto}.np .np-device-controls label{text-align:center;min-width:0}.np .np-device-controls label input,.np .np-device-controls label select{display:block;width:100%;min-width:0;margin:6px 0 0;text-align:center}.np .np-device-controls .np-btn{justify-content:center}

.nc-countdown{font-size:24px!important;font-variant-numeric:tabular-nums;color:#edfff3!important;margin:16px 0!important}