/* Nocturne workspace. Deliberately scoped to the selected direction. */
body.refined-02{background:#0c1727;color:#eef4fb;--n-feature-surface:radial-gradient(ellipse at 100% 15%,#367183,transparent 73%),linear-gradient(125deg,#1b3b5b,#255567);--n-panel-surface:linear-gradient(135deg,#192e44,#14263b);--n-panel-border:#38536c;--n-feature-border:#456f8d;--n-action:#c0e6d7;--n-action-ink:#254e56}
body.refined-02 .prototype{--bg:#0c1727!important;--paper:#142338!important;--ink:#eef4fb!important;--muted:#a8b9cc!important;--line:#2b3d53!important;--soft:#20364a!important;--heading:Manrope,Inter,sans-serif;color-scheme:dark}
body.refined-02 .prototype.with-sidebar{grid-template-columns:232px minmax(0,1fr);grid-template-rows:80px 1fr;min-height:100vh}
body.refined-02 .prototype .app-header{background:#0c1727!important;border-color:#26384a;padding:0 30px}
body.refined-02 .app-header .wordmark{width:147px}
body.refined-02 .store-nav{font-size:13px;gap:32px}
body.refined-02 .prototype .sidebar{background:linear-gradient(170deg,#173147,#11283d 72%,#173247);border-right:1px solid #2c4459;padding:32px 20px!important;gap:0;min-height:calc(100vh - 80px)}
body.refined-02 .prototype .sidebar .identity{padding:0 0 27px;border-bottom:1px solid #385064;gap:12px}
body.refined-02 .sidebar .identity strong{font-size:14px;font-weight:500}
body.refined-02 .sidebar .identity small{font-size:10px;display:block;margin-top:5px;color:#b0c3d5}
body.refined-02 .sidebar .avatar{width:41px;height:41px;border-radius:14px;background:linear-gradient(135deg,#456780,#2a4c64)!important;border:1px solid #577b934a;font-size:15px}
.n-label{display:block;font-size:10px;letter-spacing:1.6px;line-height:1.5;font-weight:600;color:#a3bed2}
body.refined-02 .sidebar>.n-label{font-size:9px;letter-spacing:1.5px;margin:30px 12px 13px;color:#95b0c6}
body.refined-02 .sidebar .account-nav{gap:7px}
body.refined-02 .sidebar .account-nav button,body.refined-02 .sidebar .account-nav>a{position:relative;padding:14px 13px;border-radius:10px;color:#b7cbdd;font-size:13px;font-weight:400;display:flex;align-items:center;gap:12px;min-height:47px;text-decoration:none;transition:background .2s,color .2s}
body.refined-02 .sidebar .account-nav>a svg,body.refined-02 .sidebar .account-nav button svg{width:18px;height:18px;transition:translate .2s}
body.refined-02 .sidebar .account-nav .active{background:linear-gradient(110deg,#304f66,#29465f)!important;box-shadow:inset 0 0 0 1px #6482976b,0 4px 14px #07132220!important;color:#f2f9ff!important;font-weight:500}
body.refined-02 .sidebar .account-nav .active:before{content:'';position:absolute;width:3px;height:17px;background:#c2ece1;left:-20px;border-radius:0 3px 3px 0;box-shadow:0 0 14px #a3f9ec40}
body.refined-02 .sidebar .account-nav b{font-size:10px;background:#49657a;margin-left:auto}
body.refined-02 .sidebar-foot{padding-top:80px}
body.refined-02 .sidebar-foot>.support-link{padding:22px 5px;border-color:#385064;gap:10px}
body.refined-02 .sidebar-foot>.support-link span{font-size:13px}
body.refined-02 .sidebar-foot>.support-link small{font-size:11px;line-height:1.5;margin-top:5px}
body.refined-02 .sidebar-foot>span{font-size:8px;letter-spacing:1.4px;margin-top:24px;display:block}
.n-sidebar-shop{display:flex;align-items:center;gap:10px;color:#c6e0df;font-size:12px;padding:16px 5px 23px;text-decoration:none}.n-sidebar-shop svg{width:17px;height:17px}.n-sidebar-shop svg:last-child{width:13px;margin-left:auto}
body.refined-02 .app-content{min-width:0;background:radial-gradient(ellipse at 80% 0%,#25416517,transparent 58%)}
body.refined-02 .prototype .screen{max-width:1600px;padding:32px 44px 42px;margin:auto}
body.refined-02 .prototype .app-footer{max-width:1600px;padding:25px 44px;font-size:11px;border-color:#25384c;margin:auto}
.n-toolbar{max-width:1600px;padding:22px 44px 20px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #213448}
.n-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;color:#8da5bc}.n-breadcrumb svg{width:12px;height:12px}.n-breadcrumb>span{color:#d2e0ef}
.n-toolbar-actions{display:flex;gap:10px;align-items:center}
.n-search-trigger{display:flex;align-items:center;gap:11px;border:1px solid #304156;background:#132237;padding:10px 12px;color:#acbfd1;border-radius:9px;font-size:12px;text-align:left;min-height:40px}
.n-search-trigger svg{width:16px;height:16px}.n-search-trigger kbd{font:10px Inter,sans-serif;border:1px solid #3d4f63;color:#b3c6d9;border-radius:4px;padding:3px 5px;margin-left:55px}
.n-icon-button{width:40px;height:40px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;background:transparent;border:1px solid #34475d;border-radius:10px;color:#b6ccdf;position:relative}
.n-icon-button svg{width:18px;height:18px}.n-toolbar-bell.n-unread:after{content:'';position:absolute;right:8px;top:8px;width:5px;height:5px;background:#bce8dd;border:2px solid #15283b;box-sizing:content-box;border-radius:50%}
.n-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.n-welcome .n-label{color:#8fadc6;font-size:9px}
.n-welcome h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(32px,2.8vw,46px);font-weight:500;line-height:1.2;letter-spacing:-1.8px;margin:12px 0}.n-welcome h1>span{color:#bce8dd}
.n-welcome p{color:#a6b9cc;font-size:13px;line-height:1.8;margin:0}
.n-welcome-note{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;color:#9fbdcd}.n-welcome-note svg{height:17px;width:17px;color:#a9d4d1}
.n-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.n-metrics>button{display:flex;align-items:center;gap:16px;text-align:left;background:linear-gradient(115deg,#17283c,#142236);border:1px solid #2b3f55;border-radius:13px;padding:20px;color:#eaf4ff;min-width:0}
.n-metric-icon{width:41px;height:43px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:#213d51;color:#abd1d7;border:1px solid #35556766}.n-metric-icon svg{width:19px;height:19px}
.n-metrics>button>span:nth-child(2){flex:1;min-width:0}.n-metrics small{font-size:11px;font-weight:400;color:#b5c5d5;display:block;margin-bottom:6px}.n-metrics strong{font-size:29px;font-weight:500;display:flex;align-items:center;gap:16px;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.8px}
.n-metrics strong>span{font-size:10px;font-weight:400;letter-spacing:0;color:#91aabf;line-height:1.5}.n-metrics>button>svg{width:13px;height:13px;flex-shrink:0;color:#96b6ce}
.n-primary-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(0,1fr);gap:22px}
.n-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--n-feature-surface);border:1px solid var(--n-feature-border);border-radius:20px;padding:27px 30px 23px;box-shadow:inset 0 1px 0 #d2eaff20,0 15px 45px #020a141a;color:#eff8ff}
.n-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.n-card-top .n-label{color:#c8e1f3;font-size:9px;letter-spacing:1.1px}.n-card-top .n-label span{color:#83abcf;margin:0 9px}
body.refined-02 .n-hero .status{font-size:10px;color:#defaf3;border:1px solid #b5e3f449;background:#e3f6ff12;padding:7px 10px;gap:6px}.n-hero .status i{background:#bdeedd}
.n-hero-middle{display:grid;grid-template-columns:1.35fr 1fr;gap:6px;align-items:center;min-height:272px;padding-top:13px}.n-hero-copy{position:relative;z-index:2;min-width:0}
.n-hero h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(30px,2.5vw,43px);font-weight:500;line-height:1.16;letter-spacing:-1.6px;margin:14px 0 16px}.n-hero-copy>p{font-size:12px;line-height:1.8;color:#bcd4e5;margin:0 0 23px}
.n-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:12px;font-weight:500;line-height:1.5;padding:12px 16px;border:1px solid #435c73;border-radius:9px;background:#20374b;color:#dcebf7;text-decoration:none;min-height:43px}
.n-button svg{width:16px;height:16px;flex-shrink:0}.n-button.n-primary{background:var(--n-action);color:var(--n-action-ink);border-color:#d0efe4;box-shadow:0 4px 13px #061c3320;gap:24px}.n-button.n-primary:hover{background:#e1fbee}
.n-parcel{position:relative;height:260px;perspective:900px;transform:rotate(-8deg);pointer-events:none;z-index:1}
.n-parcel-shadow{position:absolute;left:10%;right:0;bottom:8px;height:28px;border-radius:50%;background:#0d284e8c;filter:blur(15px)}
.n-parcel-back{position:absolute;left:2%;right:5%;height:135px;top:80px;border-radius:11px;background:linear-gradient(130deg,#a4d6d9,#6598a7);transform:skewY(-8deg);border:1px solid #c0e9fb;box-shadow:10px 12px 30px #0a2a5930}
.n-parcel .n-parcel-vial{position:absolute;object-fit:contain;filter:drop-shadow(8px 10px 8px #07193150);height:193px;width:126px;top:5px;left:5%;transform:rotate(-8deg)}
.n-parcel .vial-back{left:38%;top:14px;transform:rotate(9deg);height:179px;width:112px}
.n-parcel-front{position:absolute;left:0;right:0;top:144px;height:93px;border:1px solid #c5eaf8;background:linear-gradient(125deg,#ecfaf7,#c5e4e4);border-radius:6px 6px 11px 11px;color:#2b5570;padding:20px;transform:skewY(5deg);box-shadow:8px 11px 19px #1136673d}
.n-parcel-front>span{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-1.4px;font-size:25px;line-height:1}.n-parcel-front>small{display:block;font-size:4px;letter-spacing:.8px;margin-top:8px}.n-parcel-front>i{position:absolute;top:0;bottom:0;width:22px;right:25px;background:#95c3d943;border-left:1px solid #99c2d544;border-right:1px solid #99c2d544}
.n-parcel-tag{position:absolute;bottom:-5px;left:15%;white-space:nowrap;padding:8px 11px;background:#1c4769d9;border:1px solid #81b8d780;border-radius:7px;font-size:8px;display:flex;align-items:center;gap:6px;transform:rotate(8deg);box-shadow:0 8px 14px #0a234830;color:#d8f5ef}.n-parcel-tag svg{width:12px;height:12px;color:#b4ebd7}
.n-journey{position:relative;margin-top:18px;z-index:2}
body.refined-02 .n-journey .progress{margin:0 0 23px;display:flex;list-style:none;padding:0;width:100%}
body.refined-02 .n-journey .progress li{font-size:9px;color:#c1d9ee;flex:1;position:relative}
body.refined-02 .n-journey .progress li>i{width:20px;height:20px;margin-bottom:10px;background:#315e72;border:1px solid #81a8b8}
body.refined-02 .n-journey .progress li:before{top:9px;background:#83aac87a;height:2px}
body.refined-02 .n-journey .progress .done>i{background:#c4e9e7;border-color:#c4e9e7;color:#2b5875}
body.refined-02 .n-journey .progress .done:before{background:#c4e9e7}
body.refined-02 .n-journey .progress [aria-current]>i{background:#285365;border:1px solid #d4f9ed;box-shadow:0 0 0 4px #b8ede214}
body.refined-02 .n-journey .progress [aria-current] b{background:#d4f9ed;width:5px;height:5px}
body.refined-02 .n-journey .progress [aria-current]>span{color:#eafff7}
.n-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #91b5d44d;padding-top:18px}.n-hero-foot>span{font-size:11px;color:#d0e2f1}.n-hero-foot i{font-style:normal;margin:0 9px;color:#83aed1}.n-hero-foot>strong{font-size:20px;font-weight:500;letter-spacing:-.4px;display:flex;align-items:center;gap:11px}.n-hero-foot small{font-size:9px;color:#bbd5ea;letter-spacing:0;font-weight:400}
.n-card{background:linear-gradient(135deg,#172a3f,#132236);border:1px solid #2d435b;border-radius:17px;padding:27px;min-width:0;box-shadow:inset 0 1px 0 #c8e4ff05}
.n-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.n-section-head .n-icon-button{width:34px;height:34px;border-color:#4059707a}.n-section-head .n-icon-button svg{width:15px;height:15px}
.n-card h2{font-family:Manrope,Inter,sans-serif;font-size:25px;line-height:1.25;font-weight:500;letter-spacing:-.75px;margin:9px 0 0}.n-card h2>span{font:10px Inter,sans-serif;display:inline-flex;vertical-align:middle;margin-left:12px;padding:5px 6px;border:1px solid #42586e;border-radius:6px;color:#a4bfd5;letter-spacing:0}
.n-card .n-label{font-size:9px;letter-spacing:1.3px;color:#96b2c9}.n-card-intro{font-size:12px;color:#9bb3c9;margin:13px 0 18px;line-height:1.7}
.n-orders{display:flex;flex-direction:column}.n-order-list{flex:1}
.n-order-row{display:flex;width:100%;align-items:center;gap:13px;text-align:left;color:#e8f1fc;background:transparent;padding:20px 0;border:0;border-top:1px solid #2d445a;min-height:87px}
.n-thumbnail{flex-shrink:0;width:43px;height:51px;display:grid;place-items:center;background:linear-gradient(120deg,#2b4960,#21384e);border:1px solid #41607966;border-radius:9px}.n-thumbnail .product{width:36px;height:45px;object-fit:contain}
.n-row-copy{min-width:0;flex:1}.n-row-copy strong{font-size:12px;line-height:1.5;font-weight:500;display:block}.n-row-copy small{font-size:10px;color:#9fb7cc;display:block;margin-top:6px}
.n-row-end{text-align:right;flex-shrink:0}.n-row-end>b{display:block;font-size:12px;font-weight:500;margin-top:9px}
body.refined-02 .n-row-end .status{font-size:8px;padding:4px 6px;border:1px solid #49677f80;background:#243e52;color:#bfd9e3;gap:4px;white-space:nowrap}.n-row-end .status i{width:4px;height:4px;background:#bfe6de}.n-order-row>svg{width:12px;height:12px;color:#8dacc5}
.n-text-link{display:inline-flex;align-items:center;gap:15px;padding:0;background:none;border:0;color:#c4e8e1;font-size:12px;font-weight:500;text-decoration:none}.n-text-link svg{width:15px;height:15px}.n-orders>.n-text-link{padding-top:17px;border-top:1px solid #30465c;width:100%;margin-top:0}
.n-order-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#96adc1;margin-top:20px;line-height:1.6}.n-order-note>svg{width:13px;height:13px;flex-shrink:0}.n-order-note>button{background:none;border:0;padding:0;color:#c9e2ed;font-size:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.n-secondary-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.95fr);gap:22px;margin-top:22px}
.n-secondary-grid .n-card{padding:25px}.n-secondary-grid h2{font-size:22px}
.n-activity .n-section-head{margin-bottom:17px}
.n-event{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;color:#dce8f6;padding:15px 0;position:relative}
.n-event+.n-event{border-top:1px solid #2e41544d}.n-event-icon{width:33px;height:35px;display:grid;place-items:center;flex-shrink:0;border:1px solid #3c607566;background:#203d51;border-radius:10px;color:#b4d5dd}.n-event-icon svg{width:16px;height:16px}
.n-event>span:nth-child(2){flex:1;min-width:0}.n-event strong{font-size:11px;line-height:1.5;font-weight:500;display:block}.n-event small{font-size:9px;color:#9bb3c9;line-height:1.7;display:block;margin-top:4px}.n-event time{font-size:9px;white-space:nowrap;color:#91acc2;align-self:flex-start;margin-top:3px}
.n-shortcuts>h2{margin-bottom:20px}
.n-shortcuts>a,.n-shortcut-button{width:100%;display:flex;align-items:center;gap:12px;color:#e0edf7;text-decoration:none;text-align:left;background:none;border:0;padding:13px 0}
.n-shortcuts>a+button,.n-shortcut-button+button{border-top:1px solid #2e41546b}
.n-shortcut-icon{display:grid;place-items:center;width:31px;height:34px;border:1px solid #3e566e8a;border-radius:9px;color:#a8c9d9;flex-shrink:0}.n-shortcut-icon svg{width:15px;height:15px}
.n-shortcuts a>span:nth-child(2),.n-shortcut-button>span:nth-child(2){flex:1}.n-shortcuts strong{font-size:12px;font-weight:500;display:block;line-height:1.5}.n-shortcuts small{display:block;font-size:9px;color:#9eb6ca;margin-top:4px;line-height:1.7}.n-shortcuts a>svg,.n-shortcut-button>svg{width:12px;height:12px;flex-shrink:0;color:#9abacf}
.n-discover{border:1px solid #3a6575;border-radius:17px;padding:25px;display:block;text-decoration:none;color:#e0f0f0;background:radial-gradient(ellipse at 100% 90%,#366c79,transparent 72%),linear-gradient(135deg,#214550,#183543);position:relative;overflow:hidden;isolation:isolate;min-height:294px}
.n-discover .n-label{font-size:9px;color:#afcccd;letter-spacing:1.3px}.n-discover h2{font-family:Manrope,sans-serif;font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.8px;margin:14px 0 18px}.n-discover>div:first-child{position:relative;z-index:2}.n-discover>div>span:not(.n-label){display:flex;align-items:center;gap:11px;font-size:11px;color:#c6e7df}.n-discover svg{width:15px;height:15px}
.n-discover-art{position:absolute;width:144px;height:206px;right:-27px;bottom:-13px;transform:rotate(17deg);z-index:1;transition:transform .5s}.n-discover-art .product{width:125px;height:195px;object-fit:contain;filter:drop-shadow(8px 14px 10px #062c3890)}.n-discover-art i{position:absolute;bottom:-22px;left:-20px;width:190px;height:75px;border-radius:50%;background:#80c6c329;border:1px solid #b2e4de36;transform:rotate(-17deg)}
.n-discover-bottom{position:absolute;bottom:23px;left:25px;color:#a8cacc;font-size:7px;letter-spacing:1.2px;max-width:110px;line-height:1.9}
/* Consistent panels and controls on the existing order and help screens. */
body.refined-02 .screen-orders .page-heading h1,body.refined-02 .screen-help .page-heading h1{font-family:Manrope,Inter,sans-serif;font-size:42px;font-weight:500;letter-spacing:-1.5px}
body.refined-02 .screen-orders .page-heading p,body.refined-02 .screen-help .page-heading p{font-size:14px;line-height:1.8}
body.refined-02 .order-card{background:linear-gradient(130deg,#182b41,#132337);border-color:#30465d;border-radius:14px}
body.refined-02 .order-card-title>strong{font-size:16px}body.refined-02 .order-card-title>small{font-size:12px}
body.refined-02 .order-tools input{font-size:14px}body.refined-02 .order-tools select{font-size:13px}
body.refined-02 .help-cards>a{border-radius:16px;border-color:#344b62;background:linear-gradient(135deg,#1b334b,#14263b)}
body.refined-02 .faq summary{font-size:14px}body.refined-02 .faq p{font-size:13px;line-height:1.8}
/* Native dialogs provide focus containment, Escape dismissal, and inert background. */
.n-dialog{--ink:#e9f2fc;--muted:#a8bdd0;--line:#344d65;--paper:#14273c;--soft:#294458;--accent:#c3ebde;--on-accent:#1c4648;color-scheme:dark;font-family:Inter,sans-serif;color:var(--ink);background:linear-gradient(150deg,#192f45,#102136);border:1px solid #3e5971;box-shadow:-20px 0 80px #030b1c66;padding:0;max-height:100dvh}
.n-dialog::backdrop{background:#040d1f96;backdrop-filter:blur(5px)}
.n-dialog.n-drawer{height:100dvh;width:490px;max-width:100%;margin:0 0 0 auto;border-right:0;border-top:0;border-bottom:0;overflow:auto}
.n-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border-bottom:1px solid #354a60;background:#172c42;position:sticky;top:0;z-index:3}.n-dialog-head h2{font-family:Manrope,sans-serif;font-size:26px;font-weight:500;letter-spacing:-.8px;margin:7px 0 0}.n-dialog-head .n-label{font-size:9px}
.n-dialog-body{padding:28px}.n-dialog-body h3{font-weight:500;letter-spacing:-.3px;font-size:17px}.n-description{font-size:13px;line-height:1.85;color:#aec4d8;margin:0 0 23px}.n-detail-status{display:flex;align-items:center;justify-content:space-between;gap:10px}.n-detail-status>span:last-child{font-size:10px;color:#a8bfd4}.n-dialog .status{display:inline-flex;align-items:center;gap:6px;color:#c5eee5;font-size:10px;border:1px solid #496c80;border-radius:20px;padding:6px 9px;background:#264357}.n-dialog .status i{background:#bce8dc;width:4px;height:4px;border-radius:50%}.n-dialog-body .n-detail-title{font-family:Manrope,sans-serif;font-size:33px;letter-spacing:-1px;margin:25px 0 12px}
.n-detail-progress{padding:3px 0 15px;border-bottom:1px solid #344a60}.n-detail-progress .progress{margin:15px 0;font-size:9px}.n-detail-progress .progress li{font-size:9px}.n-detail-progress .progress li>i{width:21px;height:21px}.n-detail-progress .progress li:before{top:9px}
.n-detail-items{margin-top:25px}.n-detail-items>h3{margin-bottom:10px}.n-detail-items>div{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #33495f}.n-detail-items>div>span:nth-child(2){flex:1}.n-detail-items strong,.n-detail-items b{font-size:13px;font-weight:500}.n-detail-items small{font-size:11px;color:#a1bacf;display:block;margin-top:7px}
.n-totals{margin:22px 0 26px}.n-totals>div{display:flex;justify-content:space-between;font-size:12px;color:#acc3d8;padding:8px 0}.n-totals dd{margin:0;color:#dbe9f5}.n-totals>div:last-child{padding-top:18px;margin-top:8px;border-top:1px solid #344b63;color:#e8f3fc;font-size:15px}.n-totals>div:last-child dd{font-size:22px;font-weight:500}
.n-detail-actions{display:grid;gap:10px}.n-detail-help{display:flex;align-items:center;justify-content:center;gap:9px;background:none;border:0;color:#bedbdc;font-size:12px;padding:23px 0;width:100%}.n-detail-help svg{width:15px;height:15px}.n-preview-note{font-size:10px;color:#97b0c6;text-align:center;line-height:1.7;margin:9px 0}.n-dialog-status{font-size:12px;color:#c5ecdc;text-align:center;line-height:1.7}
.n-updates-intro{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;padding-bottom:22px}.n-updates-intro>p{font-size:12px;line-height:1.7;color:#adbed0;margin:0;max-width:210px}.n-updates-intro .n-text-link{font-size:10px;white-space:nowrap;padding:5px 0;gap:6px}
.n-updates-list>button{display:flex;gap:15px;width:100%;text-align:left;border:1px solid #334e66;border-radius:12px;background:#172e43;color:#e8f2fa;padding:20px 17px;margin-bottom:14px;position:relative}.n-updates-list .is-unread:after{content:'';width:5px;height:5px;background:#c0e9df;border-radius:50%;position:absolute;right:15px;top:20px}.n-updates-list small{font-size:10px;color:#a6bed2;display:block;margin-bottom:10px}.n-updates-list strong{font-size:14px;font-weight:500;line-height:1.5}.n-updates-list p{font-size:12px;line-height:1.7;color:#afc4d7;margin:7px 0 16px}.n-updates-list em{font-style:normal;font-size:11px;color:#bde5de;display:flex;align-items:center;gap:8px}.n-updates-list em svg{width:13px;height:13px}
.n-setting-section{border-bottom:1px solid #354b61;padding:7px 0 26px;margin-bottom:26px}.n-setting-section>.n-label{font-size:9px}.n-setting-section>h3{margin:15px 0 9px}.n-setting-section>p{font-size:12px;color:#a9c0d4;line-height:1.8}.n-density-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.n-density-options label{position:relative;cursor:pointer}.n-density-options input{position:absolute;top:16px;right:14px;accent-color:#b9e6da;width:15px;height:15px}.n-density-options label>span{display:block;border:1px solid #3a546d;background:#172d43;border-radius:11px;padding:17px;font-size:12px;color:#d5e5f3;transition:border-color .2s,background .2s}.n-density-options input:checked+span{border-color:#a1d1cb;background:#244353}.n-density-options small{font-size:9px;color:#a8c4d4;line-height:1.6;display:block;margin-top:7px}.n-density-preview{display:block;width:50px;height:36px;background:repeating-linear-gradient(to bottom,#9bb8cc 0 3px,transparent 3px 12px);opacity:.6;margin:3px 0 15px;border-radius:2px}.n-density-preview.compact{background:repeating-linear-gradient(to bottom,#9bb8cc 0 3px,transparent 3px 8px)}
.n-switch-row{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-top:18px;cursor:pointer}.n-switch-row strong{font-size:13px;font-weight:500}.n-switch-row small{font-size:11px;color:#a6bfd2;line-height:1.8;display:block;margin-top:7px}.n-switch-row input{appearance:none;flex-shrink:0;width:41px;height:24px;border:1px solid #557188;background:#29465f;border-radius:24px;position:relative;cursor:pointer;transition:background .2s}.n-switch-row input:before{content:'';width:16px;height:16px;position:absolute;left:3px;top:3px;border-radius:50%;background:#c4d8e7;transition:translate .2s}.n-switch-row input:checked{background:#b6dfd3;border-color:#c6eee0}.n-switch-row input:checked:before{translate:17px 0;background:#295054}.n-setting-section .n-motion-note{font-size:10px;margin:15px 0 0;color:#8fabbe}.n-preference-footer .n-button{width:100%}.n-preference-footer>p{font-size:10px;line-height:1.7;color:#9cb4c9;text-align:center;margin:17px 0}.n-preference-footer [role=status]{display:block;font-size:12px;text-align:center;color:#c3eadd;line-height:1.7}
.n-dialog.n-search{width:590px;max-width:calc(100% - 32px);border-radius:17px;margin:12vh auto auto;max-height:78dvh;overflow:auto;box-shadow:0 24px 100px #02091999}
.n-search .n-dialog-head{padding:22px 25px;position:static}.n-search .n-dialog-head h2{font-size:24px}.n-search-field{display:flex;align-items:center;gap:14px;border-bottom:1px solid #3c5368;margin:0 25px;padding:17px 0}.n-search-field>svg{width:20px;height:20px;color:#a8c9db}.n-search-field input{font:14px Inter,sans-serif;color:#e8f4fc;background:none;border:0;outline:none;width:100%;min-width:0;padding:4px}.n-search-field input::placeholder{color:#95b2c9}.n-search-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8eaec6;padding:21px 25px 12px}.n-search-meta>span{letter-spacing:0}
#n-search-results{padding:0 13px 14px;max-height:44dvh;overflow:auto}#n-search-results>button,#n-search-results>a{display:flex;align-items:center;gap:13px;background:none;border:0;border-radius:10px;padding:13px 12px;text-align:left;width:100%;color:#e4f1fc;text-decoration:none}#n-search-results>button>span:nth-child(2),#n-search-results>a>span:nth-child(2){flex:1}#n-search-results strong{font-size:12px;font-weight:500;display:block}#n-search-results small{font-size:10px;color:#9bb7cf;display:block;margin-top:6px;line-height:1.6}#n-search-results em{font-style:normal;font-size:9px;color:#8facbf}#n-search-results>button>svg,#n-search-results>a>svg{width:12px;height:12px;color:#97b7ce}#n-search-results>button:hover,#n-search-results>a:hover,#n-search-results>button:focus,#n-search-results>a:focus{background:#29465c}
.n-search-empty{text-align:center;padding:35px 10px;color:#b4cfe0}.n-search-empty>svg{width:27px;height:27px;margin-bottom:12px}.n-search-empty h3{font-size:17px;font-weight:500}.n-search-empty p{font-size:12px;line-height:1.8;color:#93b0c7}.n-search-footer{padding:14px 25px;background:#14273b;border-top:1px solid #344a60;display:flex;justify-content:space-between;color:#9ab7cd;font-size:10px}
body.refined-02:has(.n-dialog[open]){overflow:hidden}
body.refined-02 :is(button,a,input,select,summary):focus-visible{outline:2px solid #c1eddf;outline-offset:4px}
body.refined-02 .n-dialog button,body.refined-02 .n-dialog a{cursor:pointer}
@media(hover:hover){
 body.refined-02 .sidebar .account-nav :is(button,a):hover{background:#2c4960;color:#f2f9ff}.sidebar .account-nav :is(button,a):hover svg{translate:2px 0}
 .n-metrics>button:hover,.n-icon-button:hover,.n-search-trigger:hover{background:#244056;border-color:#58798f}
 .n-order-row:hover,.n-event:hover,.n-shortcut-button:hover,.n-shortcuts>a:hover{color:#c8f0e5;background:linear-gradient(90deg,transparent,#90ccd509)}
 .n-discover:hover .n-discover-art{transform:rotate(10deg) translateY(-7px)}
 .n-text-link:hover svg,.n-button:hover svg{translate:3px 0}.n-button svg,.n-text-link svg{transition:translate .2s}
}
@media(prefers-reduced-motion:no-preference){
 body.refined-02:not(.n-quiet) .animate .n-reveal{animation:n-arrive .65s cubic-bezier(.2,.7,.2,1) both}
 body.refined-02:not(.n-quiet) .animate .n-metrics{animation-delay:.06s}
 body.refined-02:not(.n-quiet) .animate .n-hero{animation-delay:.12s}
 body.refined-02:not(.n-quiet) .animate .n-orders{animation-delay:.18s}
 body.refined-02:not(.n-quiet) .animate .n-secondary-grid>.n-reveal{animation-delay:.24s}
 body.refined-02:not(.n-quiet) .animate .n-parcel{animation:n-parcel-enter 1.2s .18s cubic-bezier(.2,.8,.2,1) both}
 body.refined-02:not(.n-quiet) .animate .n-parcel-tag{animation:n-tag-enter .65s .85s both}
 body.refined-02:not(.n-quiet) .animate .n-parcel .vial-front{animation:n-vial-settle 1.4s .25s both}
 body.refined-02:not(.n-quiet) .animate .n-journey .progress .done:before{transform-origin:left;animation:n-line 1.1s .35s both}
 body.refined-02:not(.n-quiet) .animate .n-hero .status i{animation:n-beacon 2.5s 1s 3}
 body.refined-02:not(.n-quiet) .n-dialog[open]{animation:n-drawer-in .32s cubic-bezier(.2,.7,.2,1) both}
 body.refined-02:not(.n-quiet) .n-dialog.n-search[open]{animation:n-arrive .24s ease-out both}
 body.refined-02:not(.n-quiet) .n-dialog[open]::backdrop{animation:n-backdrop .25s ease both}
 .n-metrics>button,.n-icon-button,.n-search-trigger{transition:background .2s,border-color .2s}
 @keyframes n-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
 @keyframes n-parcel-enter{from{opacity:0;transform:rotate(-17deg) translate(12px,25px)}to{opacity:1;transform:rotate(-8deg)}}
 @keyframes n-tag-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
 @keyframes n-vial-settle{from{translate:0 -24px}to{translate:0 0}}
 @keyframes n-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 @keyframes n-beacon{50%{box-shadow:0 0 0 5px #c9f7e825}}
 @keyframes n-drawer-in{from{opacity:.4;transform:translateX(35px)}to{opacity:1;transform:translateX(0)}}
 @keyframes n-backdrop{from{opacity:0}to{opacity:1}}
}
body.refined-02.motion-paused .n-reveal,body.refined-02.motion-paused .n-parcel,body.refined-02.motion-paused .n-parcel-tag,body.refined-02.motion-paused .n-parcel-vial,body.refined-02.motion-paused .n-hero .status i,body.refined-02.motion-paused .n-journey .progress li:before{animation-play-state:paused!important}
body.refined-02.n-quiet *,body.refined-02.n-quiet *:before,body.refined-02.n-quiet *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.refined-02.n-compact .n-welcome{margin-bottom:22px}body.refined-02.n-compact .n-metrics>button{padding:14px 20px}body.refined-02.n-compact .n-hero-middle{min-height:225px}body.refined-02.n-compact .n-parcel{scale:.88}body.refined-02.n-compact .n-order-row{padding:14px 0;min-height:75px}body.refined-02.n-compact .n-card{padding:22px}body.refined-02.n-compact .n-secondary-grid{margin-top:16px}body.refined-02.n-compact .n-primary-grid,body.refined-02.n-compact .n-secondary-grid{gap:16px}body.refined-02.n-compact .n-event{padding:11px 0}
@media(min-width:1900px){body.refined-02 .prototype.with-sidebar{grid-template-columns:250px minmax(0,1fr)}.n-hero-middle{min-height:320px}.n-parcel{max-width:290px;margin:auto;width:100%;height:290px}.n-parcel-back{top:97px;height:140px}.n-parcel-front{top:165px;height:104px}.n-parcel .n-parcel-vial{height:226px;width:148px}.n-parcel .vial-back{height:209px;width:138px}.n-parcel-tag{bottom:4px}.n-hero h2{font-size:46px}.n-card h2{font-size:28px}.n-secondary-grid h2{font-size:24px}.n-row-copy strong{font-size:14px}.n-event strong{font-size:13px}.n-event small{font-size:11px}.n-shortcuts strong{font-size:13px}.n-shortcuts small{font-size:11px}.n-event{padding:18px 0}.n-discover h2{font-size:30px}.n-order-row{padding:24px 0}.n-metrics strong>span{font-size:12px}.n-hero-copy>p{font-size:14px}.n-metrics>button{padding:23px}.n-secondary-grid .n-card{padding:28px}}
@media(max-width:1250px){
 body.refined-02 .prototype.with-sidebar{grid-template-columns:200px minmax(0,1fr)}body.refined-02 .prototype .sidebar{padding:29px 15px!important}body.refined-02 .sidebar .identity strong{font-size:12px}body.refined-02 .sidebar .identity small{font-size:9px}body.refined-02 .sidebar .account-nav button,body.refined-02 .sidebar .account-nav>a{font-size:12px;padding:13px 10px;gap:10px}body.refined-02 .sidebar .account-nav .active:before{left:-15px}
 body.refined-02 .prototype .screen{padding:27px 28px 35px}.n-toolbar{padding:19px 28px}.n-welcome-note{display:none}.n-welcome h1{font-size:36px}.n-metrics{gap:12px}.n-metrics>button{padding:17px 15px;gap:11px}.n-metrics strong{gap:11px}.n-metrics strong>span{font-size:9px}.n-metric-icon{width:34px;height:38px}.n-metrics>button>svg{display:none}.n-primary-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:17px}.n-hero{padding:24px}.n-hero h2{font-size:34px}.n-hero-middle{grid-template-columns:1.35fr 1fr;min-height:270px}.n-hero-copy>p{font-size:11px}.n-parcel{height:220px;max-width:170px;min-width:130px;width:100%;margin-left:auto}.n-parcel-back{top:65px;height:121px}.n-parcel-front{top:127px;height:82px;padding:17px 15px}.n-parcel-front>span{font-size:20px}.n-parcel-front>small{font-size:3px}.n-parcel-front>i{width:16px;right:16px}.n-parcel .n-parcel-vial{height:164px;width:100px}.n-parcel .vial-back{height:154px;width:95px;left:36%}.n-parcel-tag{font-size:7px;left:0;bottom:-9px;padding:7px 9px}.n-hero-foot small{display:none}.n-hero-foot>span{font-size:10px}.n-card{padding:23px}.n-card h2{font-size:23px}.n-card-intro{font-size:11px}.n-order-row{gap:9px}.n-thumbnail{width:34px;height:44px}.n-thumbnail .product{width:29px;height:39px}.n-row-copy strong{font-size:11px}.n-row-copy small{font-size:9px}.n-order-row>svg{display:none}.n-row-end>b{font-size:11px}.n-order-note{font-size:8px;flex-wrap:wrap;gap:5px}.n-secondary-grid{grid-template-columns:1.25fr 1fr;gap:17px;margin-top:17px}.n-discover{grid-column:1/-1;min-height:165px;padding:25px 28px}.n-discover h2{font-size:26px;margin:10px 0 15px}.n-discover h2 br{display:none}.n-discover-art{right:12%;bottom:-21px;transform:rotate(24deg)}.n-discover-bottom{right:28px;left:auto;bottom:25px;max-width:90px}.n-event strong{font-size:12px}.n-event small{font-size:10px}
}
@media(min-width:851px) and (max-width:1050px){.n-primary-grid{grid-template-columns:1fr}.n-hero-middle{grid-template-columns:1.35fr 1fr;min-height:250px}.n-hero h2{font-size:38px}.n-parcel{margin:auto;max-width:210px;scale:1.08}.n-orders .n-order-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.n-order-row{flex-wrap:wrap;align-items:flex-start;gap:10px;position:relative;padding:18px 0}.n-order-row .n-thumbnail{display:none}.n-row-copy{flex-basis:100%}.n-row-end{text-align:left;display:flex;align-items:center;justify-content:space-between;width:100%}.n-row-end>b{margin:0}.n-order-note{font-size:10px}.n-orders>.n-text-link{margin-top:7px}.n-metrics strong{align-items:flex-start}.n-metrics strong>span{display:none}.n-metrics small{font-size:10px}.n-metrics>button{padding:15px;gap:12px}.n-metric-icon{width:32px;height:36px}.n-secondary-grid{grid-template-columns:1.2fr 1fr}.n-secondary-grid .n-card{padding:21px}.n-event time{display:none}.n-welcome h1{font-size:34px}}
@media(max-width:850px){
 body.refined-02 .prototype.with-sidebar{display:block}body.refined-02 .prototype .app-header{height:72px;padding:0 25px}body.refined-02 .prototype .sidebar{display:block;padding:12px 25px!important;min-height:0;border-right:0;border-bottom:1px solid #344c61;background:#173146}body.refined-02 .sidebar .identity,body.refined-02 .sidebar>.n-label,body.refined-02 .sidebar-foot{display:none}body.refined-02 .sidebar .account-nav{flex-direction:row;gap:7px;width:100%;justify-content:space-between}body.refined-02 .sidebar .account-nav button,body.refined-02 .sidebar .account-nav>a{padding:11px 13px;min-height:42px;flex:1;justify-content:center;font-size:12px;gap:9px}body.refined-02 .sidebar .account-nav .active:before{display:none}body.refined-02 .sidebar .account-nav b{margin-left:0}body.refined-02 .sidebar .account-nav>a{display:none}
 body.refined-02 .prototype .screen{padding:27px 25px 32px}.n-toolbar{padding:17px 25px}.n-search-trigger kbd{margin-left:30px}.n-welcome{margin-bottom:23px}.n-welcome h1{font-size:35px}.n-welcome p{font-size:12px}.n-metrics strong>span{display:none}.n-metrics>button{gap:15px}.n-primary-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.n-hero{padding:23px}.n-hero h2{font-size:32px;letter-spacing:-1.2px}.n-hero-middle{display:block;position:relative;min-height:267px;padding-top:14px}.n-hero-copy>p{font-size:11px}.n-hero-copy>p br{display:none}.n-hero-copy{max-width:290px}.n-parcel{position:absolute;width:130px;right:-10px;bottom:-6px;height:175px;min-width:0;opacity:.7;z-index:0}.n-parcel-back{top:45px;height:95px}.n-parcel-front{top:102px;height:64px;padding:14px 11px}.n-parcel-front>span{font-size:17px}.n-parcel .n-parcel-vial{height:129px;width:81px;top:1px}.n-parcel .vial-back{height:117px;width:73px;top:9px}.n-parcel-tag{display:none}.n-hero .n-button{font-size:11px;padding:11px 13px;gap:16px}.n-hero-foot{display:block}.n-hero-foot>strong{display:block;margin-top:12px}.n-hero-foot small{display:inline;font-size:9px;margin-left:7px}.n-card-top .n-label{font-size:8px;letter-spacing:.6px}.n-card-top .n-label span{margin:0 4px}body.refined-02 .n-hero .status{font-size:8px;padding:5px 7px}.n-card{padding:22px}.n-card h2{font-size:23px}.n-row-copy strong{font-size:10px}.n-row-copy small{font-size:8px}.n-order-row .n-thumbnail{display:none}.n-order-row{min-height:94px}.n-order-note{font-size:9px;margin-top:15px}.n-journey .progress li span{font-size:8px}.n-secondary-grid .n-card{padding:23px}.n-event time{display:none}.n-secondary-grid h2{font-size:22px}
}
@media(max-width:600px){
 body.refined-02 .prototype .app-header{height:68px;padding:0 20px}body.refined-02 .app-header .wordmark{width:128px}body.refined-02 .store-nav{font-size:12px}body.refined-02 .prototype .sidebar{padding:10px 16px!important}body.refined-02 .sidebar .account-nav{gap:6px}body.refined-02 .sidebar .account-nav button{font-size:11px;gap:7px;padding:10px 11px;min-height:40px}body.refined-02 .sidebar .account-nav button svg{width:16px;height:16px}body.refined-02 .sidebar .account-nav .n-nav-preferences{display:none}
 .n-toolbar{padding:15px 20px;gap:10px}.n-breadcrumb{font-size:10px;gap:8px}.n-breadcrumb svg{width:10px}.n-toolbar-actions{gap:7px}.n-search-trigger{width:35px;height:35px;min-height:35px;padding:0;justify-content:center}.n-search-trigger>span,.n-search-trigger>kbd{display:none}.n-toolbar .n-icon-button{width:35px;height:35px;border-radius:9px}.n-toolbar .n-icon-button svg{width:16px;height:16px}
 body.refined-02 .prototype .screen{padding:26px 20px 30px}.n-welcome h1{font-size:34px;line-height:1.19;letter-spacing:-1.5px;max-width:330px;margin:12px 0}.n-welcome .n-label{font-size:8px;letter-spacing:1.4px}.n-welcome p{font-size:12px;max-width:310px;line-height:1.8}.n-metrics{gap:9px;margin-bottom:20px}.n-metrics>button{display:block;padding:15px 12px;border-radius:11px}.n-metric-icon{display:none}.n-metrics small{font-size:9px;white-space:nowrap;margin-bottom:10px}.n-metrics strong{font-size:28px}.n-primary-grid{grid-template-columns:1fr;gap:20px}.n-hero{padding:23px 21px;border-radius:16px}.n-hero-middle{min-height:265px;padding-top:13px}.n-hero h2{font-size:35px;max-width:300px;line-height:1.16;letter-spacing:-1.5px;margin:15px 0}.n-hero-copy>p{font-size:11px;max-width:260px;margin-bottom:22px}.n-hero-copy>p br{display:block}.n-parcel{width:141px;height:183px;right:-8px;bottom:-6px;opacity:.85}.n-parcel-back{top:55px;height:100px}.n-parcel-front{top:110px;height:66px}.n-parcel .n-parcel-vial{height:140px;width:86px}.n-parcel .vial-back{height:129px;width:79px}.n-hero .n-button{gap:16px;padding:12px 14px;font-size:11px;min-height:43px}.n-card-top .n-label{font-size:8px;letter-spacing:.7px}body.refined-02 .n-hero .status{font-size:9px;padding:6px 8px}.n-journey{margin-top:18px}body.refined-02 .n-journey .progress{margin-bottom:20px}body.refined-02 .n-journey .progress li>i{width:18px;height:18px}body.refined-02 .n-journey .progress li:before{top:8px}.n-hero-foot{display:flex;align-items:center;padding-top:17px}.n-hero-foot>span{font-size:9px}.n-hero-foot>strong{font-size:18px;margin:0}.n-hero-foot small{display:none}.n-hero-foot i{margin:0 5px}
 .n-card{padding:24px}.n-card h2{font-size:25px}.n-card-intro{font-size:12px;margin:12px 0 19px}.n-order-row{padding:19px 0;gap:12px;min-height:87px}.n-order-row .n-thumbnail{display:grid;width:38px;height:47px}.n-row-copy strong{font-size:11px}.n-row-copy small{font-size:9px}.n-row-end>b{font-size:12px}.n-order-note{font-size:9px;margin-top:19px}.n-orders>.n-text-link{padding-top:20px;font-size:12px}.n-secondary-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.n-secondary-grid .n-card{padding:24px}.n-secondary-grid h2{font-size:24px}.n-event{padding:17px 0;gap:12px}.n-event strong{font-size:12px}.n-event small{font-size:10px}.n-event time{display:block;font-size:9px}.n-shortcuts>h2{margin-bottom:18px}.n-shortcuts>a,.n-shortcut-button{padding:17px 0}.n-shortcuts strong{font-size:13px}.n-shortcuts small{font-size:11px}.n-shortcut-icon{width:35px;height:39px}.n-discover{min-height:228px;padding:25px}.n-discover h2{font-size:29px;max-width:210px;line-height:1.2;margin-top:15px}.n-discover h2 br{display:block}.n-discover-art{right:-15px;bottom:-7px;width:130px;height:184px}.n-discover-art .product{height:180px;width:120px}.n-discover-bottom{left:25px;right:auto;bottom:21px;max-width:170px;font-size:7px}
 body.refined-02 .prototype .app-footer{padding:24px 20px;font-size:10px}body.refined-02 .screen-orders .page-heading h1,body.refined-02 .screen-help .page-heading h1{font-size:34px}body.refined-02 .screen-orders .page-heading p,body.refined-02 .screen-help .page-heading p{font-size:12px}body.refined-02 .order-card-title>strong{font-size:14px}body.refined-02 .order-card-title>small{font-size:10px}body.refined-02 .order-tools input{font-size:16px}
 .n-dialog-head{padding:22px}.n-dialog-body{padding:23px}.n-dialog-head h2{font-size:25px}.n-dialog-body .n-detail-title{font-size:32px}.n-description{font-size:12px}.n-detail-status>span:last-child{font-size:9px}.n-detail-progress .progress li{font-size:8px}.n-detail-help{font-size:11px}.n-dialog.n-search{margin:5vh auto auto;max-height:89dvh;max-width:calc(100% - 24px)}.n-search .n-dialog-head{padding:20px}.n-search-field{margin:0 20px}.n-search-field input{font-size:16px}.n-search-field input::placeholder{font-size:12px}.n-search-meta{padding-left:20px;padding-right:20px}#n-search-results{max-height:52dvh}#n-search-results>button,#n-search-results>a{gap:10px;padding:13px 8px}#n-search-results small{font-size:9px}#n-search-results em{display:none}.n-search-footer{font-size:9px;padding:14px 20px}.n-density-options label>span{padding:15px}.n-density-options small{font-size:8px}.n-updates-intro{gap:10px}.n-updates-intro>p{font-size:11px}.n-updates-list>button{padding:19px 14px;gap:11px}.n-updates-list strong{font-size:13px}.n-updates-list p{font-size:11px}
 body.refined-02.n-compact .n-metrics>button{padding:12px}body.refined-02.n-compact .n-hero-middle{min-height:240px}
}
@media(max-width:360px){body.refined-02 .prototype .screen{padding-left:16px;padding-right:16px}.n-toolbar{padding-left:16px;padding-right:16px}.n-breadcrumb{font-size:9px;gap:6px}.n-welcome h1{font-size:31px}.n-welcome p{font-size:11px}.n-metrics>button{padding:14px 10px}.n-metrics small{font-size:8px}.n-hero{padding:21px 18px}.n-hero h2{font-size:30px}.n-hero-copy>p{font-size:10px}.n-parcel{width:126px;right:-12px;opacity:.65}.n-hero-foot>span{font-size:8px}.n-hero-foot>strong{font-size:16px}.n-card{padding:22px 19px}.n-card h2{font-size:24px}.n-order-row{gap:8px}.n-row-copy strong{font-size:10px}.n-row-copy small{font-size:8px}.n-row-end>b{font-size:11px}.n-order-row .n-thumbnail{width:33px;height:43px}.n-secondary-grid .n-card{padding:23px 19px}.n-event time{display:none}.n-event small{font-size:9px}.n-discover h2{font-size:27px}.n-discover-art{right:-30px}.n-dialog-body{padding:22px 18px}.n-dialog-head{padding:20px 18px}.n-dialog .n-detail-progress .progress li{font-size:7px}.n-detail-status>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){body.refined-02 *,body.refined-02 *:before,body.refined-02 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the compact artwork clear of the copy on touch layouts. */
@media(max-width:850px){.n-hero-middle{min-height:303px}.n-parcel{bottom:-3px;height:160px}.n-parcel-back{top:38px}.n-parcel-front{top:92px}.n-parcel .n-parcel-vial{height:117px;width:76px}.n-parcel .vial-back{height:108px;width:69px}}
@media(max-width:600px){.n-hero-middle{min-height:310px}.n-parcel{bottom:-2px;height:173px}.n-parcel-back{top:48px}.n-parcel-front{top:102px}.n-parcel .n-parcel-vial{height:127px;width:81px}.n-parcel .vial-back{height:116px;width:74px}body.refined-02.n-compact .n-hero-middle{min-height:295px}}
/* A tighter desktop rhythm leaves more of the workspace in view. */
@media(min-width:1251px){
 .n-toolbar{padding-top:14px;padding-bottom:14px}
 body.refined-02 .prototype .screen{padding-top:26px}
 .n-welcome{margin-bottom:24px}.n-welcome h1{font-size:40px;margin:10px 0}
 .n-metrics>button{padding:17px 20px}
 .n-hero-middle{min-height:260px}.n-hero{padding-top:25px;padding-bottom:22px}
 .n-orders{padding-top:24px;padding-bottom:24px}.n-order-row{padding:15px 0;min-height:80px}
 .n-order-note{margin-top:16px}.n-card-intro{margin-bottom:13px}
 .n-secondary-grid .n-card{padding:24px}.n-event{padding:13px 0}
}
@media(min-width:1900px){.n-hero-middle{min-height:270px}.n-parcel{height:270px;scale:.9}.n-parcel-tag{bottom:-9px}.n-secondary-grid .n-card{padding:25px}.n-event{padding:14px 0}.n-hero h2{font-size:44px}}
/* Final editorial pass: fewer surfaces, clear hierarchy, quieter detail. */
body.refined-02 .prototype .screen,
body.refined-02 .prototype .app-footer,
body.refined-02 .n-toolbar{max-width:1440px}
body.refined-02 .prototype .screen{padding-top:36px;padding-bottom:42px}
body.refined-02 .n-welcome{margin-bottom:32px}
body.refined-02 .n-welcome h1{font-size:38px;letter-spacing:-1.4px;margin:0 0 12px}
body.refined-02 .n-welcome p{font-size:13px;color:#a9bdd0}
body.refined-02 .n-hero{background:radial-gradient(ellipse at 95% 0%,#3679b9,transparent 78%),linear-gradient(120deg,#22466f,#2b5f95);border-color:#557da9;box-shadow:inset 0 1px #d2eaff14;padding:28px 30px 25px}
body.refined-02 .n-hero h2{font-size:40px;letter-spacing:-1.3px;line-height:1.17}
body.refined-02 .n-hero-copy>p{font-size:12px;max-width:230px}
body.refined-02 .n-hero-middle{min-height:295px}
body.refined-02 .n-parcel{scale:.88}
body.refined-02 .n-parcel-front{display:flex;align-items:center}
body.refined-02 .n-orders{background:#15263a;padding:30px;border-color:#2d4258;box-shadow:none}
body.refined-02 .n-orders .n-section-head{margin-bottom:21px}
body.refined-02 .n-orders h2{font-size:25px;letter-spacing:-.7px;margin:0}
body.refined-02 .n-order-row{min-height:98px;padding:20px 0}
body.refined-02 .n-row-copy strong{font-size:12px}
body.refined-02 .n-row-copy small{font-size:10px}
body.refined-02 .n-orders>.n-text-link{padding-top:23px;margin-top:10px;color:#c8dfec}
body.refined-02 .sidebar .account-nav{margin-top:28px}
body.refined-02 .sidebar-foot>span{display:none}
body.refined-02 .prototype .app-footer{border-top:0;color:#8da6bc;padding-top:12px;padding-bottom:28px}
body.refined-02 .n-icon-button{border-color:transparent}
body.refined-02 .n-search-trigger{background:transparent;border-color:#31465b}
body.refined-02 .n-search-trigger kbd{border:0;color:#90a9bf}
body.refined-02 .n-hero-foot small{display:none}
body.refined-02 .n-toolbar{border-color:#23374b}
body.refined-02 .n-dialog-head{padding-top:25px;padding-bottom:25px}
body.refined-02 .n-dialog-head h2{margin:0}
body.refined-02 .screen-orders .page-heading,
body.refined-02 .screen-help .page-heading{margin-bottom:27px}
body.refined-02 .screen-orders .page-heading h1,
body.refined-02 .screen-help .page-heading h1{font-size:36px;margin:0 0 12px;letter-spacing:-1.2px}
body.refined-02 .screen-orders .page-heading p,
body.refined-02 .screen-help .page-heading p{font-size:13px;margin:0;color:#a9bdd0}
body.refined-02 .order-tools{margin-top:0}
body.refined-02 .order-card{background:#15263a;box-shadow:none}
body.refined-02 .order-card>summary{padding:25px 27px}
body.refined-02 .order-card-title>strong{font-size:15px;font-weight:500}
body.refined-02 .order-card-title>small{font-size:11px}
body.refined-02 .help-cards{gap:18px;margin:28px 0 38px}
body.refined-02 .help-cards>a{padding:26px;background:#15263a;border-color:#30465b;box-shadow:none}
body.refined-02 .help-cards>a>svg{width:23px;height:23px;margin-bottom:20px;color:#a8c6d8}
body.refined-02 .help-cards h2{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:0 0 13px}
body.refined-02 .help-cards p{font-size:12px;line-height:1.8;color:#a9bdd0;margin-bottom:24px}
body.refined-02 .help-cards>a>span{font-size:12px;color:#c5dce8}
body.refined-02 .help-bottom{display:block;max-width:850px}
body.refined-02 .help-bottom h2{font-size:24px;font-weight:500;margin-bottom:15px}
body.refined-02 .faq summary{padding:22px 0;font-size:13px}
body.refined-02 .faq p{font-size:12px;max-width:700px}
@media(min-width:1900px){body.refined-02 .n-hero h2{font-size:44px}body.refined-02 .n-hero-middle{min-height:305px}}
@media(max-width:1250px){body.refined-02 .n-hero,body.refined-02 .n-orders{padding:25px}body.refined-02 .n-hero h2{font-size:33px}body.refined-02 .n-hero-middle{min-height:290px}body.refined-02 .n-row-copy strong{font-size:11px}body.refined-02 .n-row-copy small{font-size:9px}body.refined-02 .n-order-row{min-height:91px}}
@media(min-width:851px) and (max-width:1050px){body.refined-02 .n-hero h2{font-size:38px}body.refined-02 .n-hero-middle{min-height:240px}body.refined-02 .n-orders .n-section-head{margin-bottom:10px}body.refined-02 .n-order-row{min-height:90px}body.refined-02 .n-orders>.n-text-link{padding-top:18px}}
@media(max-width:850px){body.refined-02 .sidebar .account-nav{margin-top:0}body.refined-02 .n-welcome h1{font-size:34px}body.refined-02 .n-hero h2{font-size:33px}body.refined-02 .n-hero-middle{min-height:300px}body.refined-02 .n-orders{padding:24px}body.refined-02 .n-orders h2{font-size:23px}body.refined-02 .n-row-copy strong{font-size:10px}body.refined-02 .n-row-copy small{font-size:8px}body.refined-02 .n-order-row{min-height:105px}}
@media(max-width:600px){
 body.refined-02 .prototype .screen{padding:29px 20px 27px}
 body.refined-02 .n-welcome{margin-bottom:25px}
 body.refined-02 .n-welcome h1{font-size:32px;letter-spacing:-1.2px;max-width:270px;line-height:1.2;margin-bottom:10px}
 body.refined-02 .n-welcome p{font-size:12px}
 body.refined-02 .n-hero{padding:24px 21px}
 body.refined-02 .n-hero h2{font-size:35px}
 body.refined-02 .n-hero-copy>p{font-size:11px;max-width:240px}
 body.refined-02 .n-hero-middle{min-height:290px}
 body.refined-02 .n-parcel{bottom:-4px;scale:.85}
 body.refined-02 .n-orders{padding:25px 22px}
 body.refined-02 .n-orders .n-section-head{margin-bottom:20px}
 body.refined-02 .n-orders h2{font-size:25px}
 body.refined-02 .n-order-row{min-height:89px;padding:18px 0}
 body.refined-02 .n-row-copy strong{font-size:11px}
 body.refined-02 .n-row-copy small{font-size:9px}
 body.refined-02 .n-orders>.n-text-link{margin-top:0;padding-top:22px}
 body.refined-02 .screen-orders .page-heading h1,body.refined-02 .screen-help .page-heading h1{font-size:32px}
 body.refined-02 .order-card>summary{padding:21px 20px}
 body.refined-02 .help-cards{gap:12px;margin:26px 0 32px}
 body.refined-02 .help-cards>a{padding:22px}
 body.refined-02 .help-cards>a>svg{position:static;width:18px;height:18px;float:right;margin:0 0 0 18px}
 body.refined-02 .help-cards h2{font-size:21px;margin-bottom:10px}
 body.refined-02 .help-cards p{font-size:12px;max-width:260px;margin-bottom:18px}
 body.refined-02 .help-bottom h2{font-size:23px}
 body.refined-02 .faq summary{font-size:12px;line-height:1.8;gap:20px}
}
@media(max-width:360px){body.refined-02 .prototype .screen{padding-left:16px;padding-right:16px}body.refined-02 .n-welcome h1{font-size:30px}body.refined-02 .n-hero{padding:23px 18px}body.refined-02 .n-hero h2{font-size:31px}body.refined-02 .n-orders{padding:23px 18px}body.refined-02 .n-row-copy strong{font-size:10px}body.refined-02 .n-row-copy small{font-size:8px}}

body.refined-02 .help-cards>a{display:flex;flex-direction:column;align-items:flex-start}
body.refined-02 .help-cards>a>span{margin-top:auto}
@media(max-width:600px){body.refined-02 .help-cards>a>svg{display:none}}
/* Balance: a little context and colour around the two essential panels. */
body.refined-02 .prototype .screen,
body.refined-02 .prototype .app-footer,
body.refined-02 .n-toolbar{max-width:1550px}
body.refined-02 .app-content{background:radial-gradient(ellipse at 85% 23%,#294c7020,transparent 58%),radial-gradient(ellipse at 8% 75%,#3d858d09,transparent 45%)}
.n-account-pulse{display:flex;align-items:center;gap:0;padding:14px 0;flex-shrink:0;border:1px solid var(--n-panel-border);border-radius:14px;background:var(--n-panel-surface)}
.n-account-pulse button{border:0;background:transparent;color:#dcebf6;text-align:left;padding:0 24px;min-height:49px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.n-account-pulse button+button{border-left:1px solid #354b60}
.n-account-pulse button:last-child{padding-right:24px}
.n-account-pulse strong{font-family:Manrope,Inter,sans-serif;font-size:23px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.n-account-pulse span{font-size:10px;color:#9fb9cd}
.n-account-pulse button:nth-child(2) strong{color:#c3e9dd}
body.refined-02 .n-hero{background:var(--n-feature-surface)}
body.refined-02 .n-welcome h1>span{color:#bce7d9}
.n-bottom-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;margin-top:22px}
.n-explore-strip,.n-certificate-strip{border:1px solid #35536a;border-radius:15px;min-height:155px;text-decoration:none;color:#e0edf7;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:27px 29px;transition:border-color .25s,background .25s}
.n-explore-strip{background:radial-gradient(ellipse at 95% 100%,#326777,transparent 75%),linear-gradient(115deg,#193847,#203f51);border-color:#3c6072}
.n-explore-strip>div:first-child{position:relative;z-index:2;max-width:70%}
.n-small-label{font-size:8px;font-weight:500;letter-spacing:1.35px;color:#a4c3cc;line-height:1.7;display:block}
.n-bottom-row h2{font-family:Manrope,Inter,sans-serif;font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.3;margin:8px 0 17px}
.n-strip-link{display:flex;align-items:center;gap:13px;color:#c8e5df;font-size:11px;line-height:1.5}
.n-strip-link>svg{width:14px;height:14px;transition:translate .25s}
.n-strip-products{position:absolute;right:18px;bottom:-18px;width:171px;height:173px;pointer-events:none;transform:rotate(10deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.n-strip-products .product{position:absolute;object-fit:contain;filter:drop-shadow(7px 11px 7px #041e3545)}
.n-strip-vial-one{width:95px;height:160px;right:12px;top:0;transform:rotate(5deg);z-index:2}
.n-strip-vial-two{width:84px;height:140px;left:2px;top:25px;transform:rotate(-13deg);opacity:.8}
.n-strip-products>span{position:absolute;inset:60px -40px -40px;background:radial-gradient(ellipse,#96d7ce20,transparent 65%)}
.n-certificate-strip{background:linear-gradient(115deg,#1a3045,#16293d);gap:24px}
.n-certificate-strip h2{font-size:22px}.n-certificate-strip .n-small-label{color:#a7bdd0}
.n-certificate-art{width:58px;height:68px;display:grid;place-items:center;flex-shrink:0;position:relative;border:1px solid #52718985;border-radius:11px;background:linear-gradient(140deg,#385970,#27445d);transform:rotate(-6deg);box-shadow:5px 8px 16px #07182b25;transition:transform .4s}
.n-certificate-art>svg{width:31px;height:35px;color:#bbd8e5}
.n-certificate-art>i{position:absolute;right:-8px;bottom:-5px;width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#c0e6d8;border:2px solid #1b3248;color:#2c5557}
.n-certificate-art>i>svg{width:12px;height:12px}
@media(hover:hover){
 .n-account-pulse button:hover strong{color:#c6eee0}.n-account-pulse button:hover span{color:#e5f5fc}
 .n-explore-strip:hover,.n-certificate-strip:hover{border-color:#7092a3}
 .n-bottom-row a:hover .n-strip-link>svg{translate:4px 0}
 .n-explore-strip:hover .n-strip-products{transform:rotate(6deg) translateY(-5px)}
 .n-certificate-strip:hover .n-certificate-art{transform:rotate(0deg) translateY(-2px)}
}
@media(prefers-reduced-motion:no-preference){
 body.refined-02:not(.n-quiet) .animate .n-bottom-row>.n-reveal{animation-delay:.23s}
 body.refined-02:not(.n-quiet) .animate .n-bottom-row>.n-reveal:nth-child(2){animation-delay:.3s}
 body.refined-02:not(.n-quiet) .animate .n-parcel{animation:n-parcel-enter 1.2s .18s cubic-bezier(.2,.8,.2,1) both,n-parcel-breathe 7s 1.4s 3 ease-in-out}
 body.refined-02:not(.n-quiet) .animate .n-strip-products{animation:n-products-arrive 1.1s .35s cubic-bezier(.2,.7,.2,1) both}
 @keyframes n-parcel-breathe{0%,100%{translate:0 0}50%{translate:0 -5px}}
 @keyframes n-products-arrive{from{opacity:0;translate:12px 14px}to{opacity:1;translate:0 0}}
}
body.refined-02.motion-paused .n-strip-products{animation-play-state:paused!important}
@media(min-width:1900px){.n-bottom-row{gap:24px;margin-top:24px}.n-explore-strip,.n-certificate-strip{min-height:175px;padding:29px 32px}.n-bottom-row h2{font-size:26px}.n-small-label{font-size:9px}.n-strip-link{font-size:12px}.n-account-pulse strong{font-size:25px}.n-account-pulse button{padding:0 29px}.n-account-pulse span{font-size:11px}.n-strip-products{right:33px;width:182px;height:188px}.n-strip-vial-one{height:173px;width:105px}.n-strip-vial-two{height:150px;width:92px}}
@media(max-width:1250px){.n-account-pulse button{padding:0 16px}.n-account-pulse strong{font-size:21px}.n-account-pulse span{font-size:9px}.n-bottom-row{gap:17px;margin-top:18px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.n-explore-strip,.n-certificate-strip{padding:23px;min-height:157px}.n-bottom-row h2{font-size:21px}.n-strip-products{right:-26px;opacity:.65}.n-explore-strip>div:first-child{max-width:77%}.n-certificate-strip{gap:17px}.n-certificate-art{width:43px;height:55px}.n-certificate-art>svg{width:25px;height:29px}.n-certificate-strip h2{font-size:20px}.n-small-label{font-size:7px;letter-spacing:1px}}
@media(max-width:1050px){.n-account-pulse{gap:0}.n-account-pulse button{padding:0 13px}.n-account-pulse button:first-child{padding-left:13px}.n-account-pulse span{font-size:8px}body.refined-02 .n-welcome h1{font-size:32px}.n-bottom-row h2{font-size:20px}.n-certificate-art{display:none}.n-certificate-strip{padding:25px}.n-explore-strip>div:first-child{max-width:80%}.n-strip-products{right:-38px}}
@media(max-width:850px){body.refined-02 .n-welcome h1{font-size:32px}.n-account-pulse button{padding:0 16px}.n-account-pulse span{font-size:9px}.n-certificate-art{display:grid}.n-certificate-strip{gap:16px}.n-bottom-row{grid-template-columns:1.2fr 1fr}.n-small-label{font-size:7px}.n-strip-products{right:-28px}}
@media(max-width:700px){.n-account-pulse button{padding:0 12px}.n-account-pulse span{font-size:8px}.n-certificate-art{display:none}.n-bottom-row h2{font-size:20px}}
@media(max-width:600px){
 body.refined-02 .n-welcome{display:block;margin-bottom:23px}
 body.refined-02 .n-welcome h1{max-width:100%;font-size:30px}
 .n-account-pulse{margin-top:22px;padding:14px 12px;justify-content:flex-start}
 .n-account-pulse button{min-height:32px;flex:1;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;padding:0 17px}
 .n-account-pulse button:first-child{padding-left:0}.n-account-pulse button:last-child{padding-right:0;justify-content:center}
 .n-account-pulse strong{font-size:21px}.n-account-pulse span{font-size:9px;white-space:nowrap}
 .n-bottom-row{grid-template-columns:1fr;gap:14px;margin-top:20px}
 .n-explore-strip,.n-certificate-strip{padding:24px;min-height:150px}
 .n-bottom-row h2{font-size:23px;max-width:220px;margin:9px 0 16px}
 .n-explore-strip>div:first-child{max-width:75%}.n-strip-products{right:-19px;opacity:.8;width:157px;bottom:-22px}
 .n-strip-vial-one{width:87px;height:153px}.n-strip-vial-two{width:77px;height:133px;left:10px}
 .n-certificate-strip{gap:23px;min-height:135px}.n-certificate-art{display:grid;width:47px;height:58px}
 .n-certificate-strip h2{font-size:22px;max-width:none}.n-small-label{font-size:7px;letter-spacing:1.1px}
 .n-strip-link{font-size:11px}
}
@media(max-width:360px){body.refined-02 .n-welcome h1{font-size:28px}.n-account-pulse button{padding:0 13px;gap:7px}.n-account-pulse span{font-size:8px}.n-account-pulse strong{font-size:20px}.n-explore-strip,.n-certificate-strip{padding:22px}.n-bottom-row h2{font-size:21px}.n-certificate-strip{gap:17px}.n-certificate-strip h2{font-size:20px}.n-certificate-art{width:40px;height:51px}.n-certificate-strip .n-small-label{font-size:6px}.n-strip-products{right:-34px;opacity:.6}}
/* Art direction: fill the workspace with useful, illustrated destinations. */
body.refined-02 .prototype .screen,
body.refined-02 .prototype .app-footer,
body.refined-02 .n-toolbar{max-width:1880px}
body.refined-02 .app-content{background:radial-gradient(ellipse at 85% 16%,#32608724,transparent 62%),radial-gradient(ellipse at 15% 85%,#38768112,transparent 52%)}
.n-route-design{position:absolute;width:76%;height:88%;right:-5%;top:2%;color:#c4e6fb18;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.n-route-base{stroke:#c4e6fb30;stroke-width:1}.n-route-light{stroke:#d0fff1;stroke-width:1.3;stroke-dasharray:45 1100;stroke-dashoffset:45;opacity:0}
body.refined-02 .n-hero{box-shadow:inset 0 1px #d2eaff26,0 20px 55px #030b191c}
body.refined-02 .n-orders{background:var(--n-panel-surface);border-color:var(--n-panel-border);border-radius:18px}
.n-design-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:33px 0 17px}
.n-design-heading h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.4px;font-weight:500;color:#d4e3ef;margin:0}
.n-design-heading>span{font-size:11px;color:#8eabc3}
.n-bottom-row.n-designed-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr);gap:21px;margin-top:0}
.n-designed-row>.n-explore-strip,.n-designed-row>.n-certificate-strip,.n-support-design{min-height:310px;align-items:flex-start;padding:28px;border-radius:17px}
.n-designed-row h2{font-size:27px;letter-spacing:-.8px;margin:12px 0 19px;line-height:1.22}
.n-designed-row>.n-explore-strip{background:radial-gradient(ellipse at 95% 95%,#326775,transparent 75%),linear-gradient(125deg,#1b374b,#234b5e);border-color:#486c7c;display:block}
.n-designed-row .n-small-label{font-size:8px;letter-spacing:1.25px;line-height:1.7}
.n-designed-row .n-strip-link{font-size:12px;position:relative;z-index:2}
.n-designed-row>.n-explore-strip>div:first-child{max-width:80%;z-index:3}
.n-collection-design{position:absolute;right:6px;bottom:0;width:240px;height:218px;pointer-events:none;transition:translate .6s cubic-bezier(.2,.7,.2,1)}
.n-collection-design .product{position:absolute;object-fit:contain;filter:drop-shadow(7px 10px 9px #061d354f);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.n-display-back{position:absolute;width:106px;height:104px;bottom:13px;left:6px;background:linear-gradient(120deg,#648d9870,#365d6c);border:1px solid #a6d2d63d;transform:skewY(-9deg);border-radius:5px;box-shadow:12px 12px 19px #13343e30}
.n-display-front{position:absolute;width:118px;height:60px;bottom:-7px;right:3px;background:linear-gradient(120deg,#80adb47d,#567f89);border:1px solid #b0d9d64a;transform:skewY(6deg);border-radius:5px}
.n-display-one{width:95px;height:169px;right:7px;bottom:33px;transform:rotate(10deg)}
.n-display-two{width:85px;height:145px;left:18px;bottom:96px;transform:rotate(-8deg)}
.n-specimen-label{position:absolute;bottom:21px;left:-25px;font-size:5px;letter-spacing:1.2px;color:#b8d6d8;transform:rotate(-90deg);transform-origin:left}
.n-designed-row>.n-certificate-strip{background:radial-gradient(ellipse at 85% 100%,#2d536b,transparent 75%),linear-gradient(130deg,#192e44,#1c394e);border-color:var(--n-panel-border);display:block}
.n-designed-row>.n-certificate-strip>div:first-child{position:relative;z-index:3}
.n-designed-row>.n-certificate-strip h2{font-size:26px}
.n-report-design{position:absolute;width:215px;height:200px;right:12px;bottom:-39px;transform:rotate(-8deg);pointer-events:none;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.n-report-back{position:absolute;inset:7px 1px -5px 22px;border-radius:8px;background:linear-gradient(125deg,#5597a0,#366f82);border:1px solid #8cabc252;transform:rotate(13deg);box-shadow:0 8px 20px #06193140}
.n-report-page{position:absolute;inset:0 21px 4px 0;background:linear-gradient(125deg,#ecfaf7,#c5e4e4);border:1px solid #f3fcff7f;border-radius:7px;color:#375970;padding:18px 17px;box-shadow:5px 10px 25px #06183140}
.n-report-page>span{font-family:Manrope,sans-serif;font-size:17px;font-weight:700;letter-spacing:-1px;display:block;margin-bottom:17px}
.n-report-page>strong{font-size:8px;font-weight:500;display:block;margin-bottom:12px}
.n-report-page>i{display:block;width:87%;height:2px;background:#82a2b577;margin:6px 0}.n-report-page>i+i{width:62%}
.n-report-page>svg{width:100%;height:45px;margin-top:10px}.n-report-baseline{stroke:#66879d26;stroke-width:1}.n-report-trace{stroke:#4d8da2;stroke-width:1.5}
.n-report-page>div{display:flex;align-items:center;gap:5px;font-size:4px;letter-spacing:.45px;margin-top:8px;color:#507885}.n-report-page>div>svg{width:10px;height:10px}
.n-support-design{display:block;text-align:left;border:1px solid #395a71;background:radial-gradient(ellipse at 95% 0%,#2a5262,transparent 75%),linear-gradient(130deg,#1b374b,#193047);color:#e0edf7;position:relative;isolation:isolate;overflow:hidden;transition:border-color .25s}
.n-support-design>h2{font-family:Manrope,sans-serif;font-size:27px;font-weight:500;line-height:1.22;letter-spacing:-.8px;margin:12px 0 19px;position:relative;z-index:2}
.n-support-design>.n-small-label{position:relative;z-index:2}
.n-conversation-design{position:absolute;left:26px;right:20px;bottom:29px;display:block;pointer-events:none}
.n-chat-one{margin-left:auto;width:max-content;max-width:85%;display:flex;align-items:center;gap:9px;font-size:10px;color:#bed7e4;padding:12px 15px;background:#3a5c7290;border:1px solid #7b9bac55;border-radius:12px 12px 3px 12px;transform:rotate(3deg)}
.n-chat-one>svg{width:13px;height:13px}
.n-chat-two{display:flex;align-items:center;gap:11px;padding:12px;margin-top:11px;background:linear-gradient(110deg,#c0e6d7,#adced3);border:1px solid #c9ebe1;border-radius:12px 12px 12px 3px;max-width:215px;color:#294e5d;transform:rotate(-3deg);box-shadow:5px 10px 20px #08253630;font-size:10px}
.n-chat-avatar{background:#42727d;color:#d4f1e6;width:31px;height:33px;border-radius:10px;display:grid;place-items:center;font:600 19px Manrope,sans-serif;flex-shrink:0}
.n-chat-two>span:last-child{display:block}.n-chat-two i{display:flex;gap:4px;margin-top:8px}.n-chat-two b{width:3px;height:3px;border-radius:50%;background:#5e9198;display:block}
body.refined-02 .n-support-design:focus-visible{outline-offset:4px}
@media(hover:hover){.n-designed-row>a:hover,.n-support-design:hover{border-color:#80a3af}.n-explore-strip:hover .n-display-one{transform:rotate(5deg) translateY(-6px)}.n-explore-strip:hover .n-display-two{transform:rotate(-3deg) translateY(-3px)}.n-certificate-strip:hover .n-report-design{transform:rotate(-3deg) translateY(-5px)}.n-support-design:hover>.n-strip-link>svg{translate:4px 0}}
@media(prefers-reduced-motion:no-preference){
 body.refined-02:not(.n-quiet) .animate .n-designed-row>.n-reveal:nth-child(3){animation-delay:.37s}
 body.refined-02:not(.n-quiet) .animate .n-route-light{animation:n-route-travel 6s 1s 3 ease-in-out}
 body.refined-02:not(.n-quiet) .animate .n-report-design{animation:n-report-arrive 1.1s .45s cubic-bezier(.2,.7,.2,1) both}
 body.refined-02:not(.n-quiet) .animate .n-chat-two{animation:n-chat-arrive .8s .7s ease both}
 body.refined-02:not(.n-quiet) .animate .n-chat-two b{animation:n-chat-dot 1.6s 1.5s 3 ease-in-out}
 body.refined-02:not(.n-quiet) .animate .n-chat-two b:nth-child(2){animation-delay:1.7s}
 body.refined-02:not(.n-quiet) .animate .n-chat-two b:nth-child(3){animation-delay:1.9s}
 @keyframes n-route-travel{0%{stroke-dashoffset:45;opacity:0}15%{opacity:.45}85%{opacity:.45}100%{stroke-dashoffset:-1100;opacity:0}}
 @keyframes n-report-arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
 @keyframes n-chat-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
 @keyframes n-chat-dot{0%,60%,100%{translate:0 0;opacity:.5}30%{translate:0 -3px;opacity:1}}
}
body.refined-02.motion-paused .n-route-light,body.refined-02.motion-paused .n-report-design,body.refined-02.motion-paused .n-chat-two,body.refined-02.motion-paused .n-chat-two b{animation-play-state:paused!important}
@media(min-width:1900px){
 body.refined-02 .prototype .screen{padding-top:42px}
 body.refined-02 .n-welcome h1{font-size:44px}
 body.refined-02 .n-welcome p{font-size:14px}
 body.refined-02 .n-hero{padding:33px 36px 29px}
 body.refined-02 .n-hero h2{font-size:45px;letter-spacing:-1.6px}
 body.refined-02 .n-hero-middle{min-height:325px}
 body.refined-02 .n-hero-copy>p{font-size:14px;max-width:300px}
 body.refined-02 .n-parcel{scale:1.06;max-width:330px;width:100%}
 body.refined-02 .n-orders{padding:33px}
 body.refined-02 .n-orders h2{font-size:27px}
 body.refined-02 .n-order-row{min-height:106px}
 body.refined-02 .n-row-copy strong{font-size:14px}
 body.refined-02 .n-row-copy small{font-size:11px}
 body.refined-02 .n-row-end>b{font-size:14px}
 body.refined-02 .n-hero-foot>span{font-size:12px}
 body.refined-02 .n-hero-foot>strong{font-size:24px}
 .n-design-heading{margin:34px 0 19px}.n-design-heading h2{font-size:23px}.n-design-heading>span{font-size:12px}
 .n-bottom-row.n-designed-row{gap:24px}.n-designed-row>.n-explore-strip,.n-designed-row>.n-certificate-strip,.n-support-design{padding:31px;min-height:310px}
 .n-designed-row h2,.n-designed-row>.n-certificate-strip h2,.n-support-design>h2{font-size:31px}
 .n-designed-row .n-small-label{font-size:9px}.n-designed-row .n-strip-link{font-size:13px}
 .n-collection-design{right:26px;width:258px;height:235px}.n-display-one{width:108px;height:190px;bottom:30px}.n-display-two{width:96px;height:163px;bottom:100px}
 .n-report-design{right:26px;bottom:-45px;width:236px;height:211px}.n-report-page>span{font-size:19px}
 .n-conversation-design{left:31px;right:31px}.n-chat-two{max-width:255px;font-size:12px}.n-chat-one{font-size:11px}
}
@media(max-width:1250px){
 .n-bottom-row.n-designed-row{gap:17px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .n-designed-row>.n-explore-strip,.n-designed-row>.n-certificate-strip{padding:25px;min-height:285px}
 .n-designed-row h2,.n-designed-row>.n-certificate-strip h2{font-size:26px}
 .n-collection-design{right:-9px;width:207px;height:183px;opacity:.8}.n-display-one{width:81px;height:150px;bottom:27px}.n-display-two{width:72px;height:128px;bottom:78px}.n-display-back{height:85px;width:92px}.n-display-front{width:105px;height:47px}.n-specimen-label{display:none}
 .n-report-design{right:9px;bottom:-43px;width:193px;height:181px}
 .n-support-design{grid-column:1/-1;min-height:186px;padding:26px}
 .n-support-design>h2{font-size:25px;margin:10px 0 16px}.n-support-design>h2 br{display:none}
 .n-conversation-design{width:285px;left:auto;right:34px;bottom:29px}.n-chat-two{margin-top:10px}
 .n-design-heading{margin-top:28px}.n-design-heading h2{font-size:20px}
}
@media(max-width:850px){.n-designed-row>.n-explore-strip,.n-designed-row>.n-certificate-strip{padding:24px}.n-designed-row h2,.n-designed-row>.n-certificate-strip h2{font-size:24px}.n-report-design{width:185px;right:4px}.n-conversation-design{width:230px;right:27px}.n-support-design>h2{font-size:24px}.n-collection-design{right:-17px}.n-design-heading>span{font-size:10px}}
@media(max-width:600px){
 .n-bottom-row.n-designed-row{grid-template-columns:1fr;gap:17px}
 .n-design-heading{margin:28px 0 16px}.n-design-heading h2{font-size:20px}.n-design-heading>span{display:none}
 .n-designed-row>.n-explore-strip{min-height:280px;padding:25px}.n-designed-row>.n-certificate-strip{min-height:260px;padding:25px}
 .n-designed-row h2,.n-designed-row>.n-certificate-strip h2{font-size:27px;max-width:270px}.n-designed-row .n-small-label{font-size:8px}.n-designed-row .n-strip-link{font-size:12px}
 .n-designed-row>.n-explore-strip>div:first-child{max-width:90%}.n-designed-row>.n-explore-strip h2{max-width:210px}
 .n-collection-design{right:1px;bottom:-7px;width:199px;height:175px;opacity:.8}.n-display-two{height:120px;width:69px;bottom:76px;left:15px}.n-display-one{height:143px;width:77px}
 .n-report-design{width:185px;height:172px;right:17px;bottom:-47px}.n-report-page{padding:14px}.n-report-page>span{margin-bottom:12px;font-size:16px}.n-report-page>strong{font-size:7px;margin-bottom:8px}
 .n-support-design{min-height:282px;padding:25px}.n-support-design>h2{font-size:27px;max-width:200px;margin:12px 0 18px}.n-support-design>h2 br{display:block}
 .n-conversation-design{width:220px;right:22px;bottom:24px}.n-chat-one{padding:10px 13px;font-size:9px}.n-chat-two{padding:11px;max-width:190px;font-size:10px}.n-chat-avatar{width:29px;height:31px;font-size:18px}
 .n-route-design{width:105%;height:78%;right:-40%;top:8%;opacity:.65}
}
@media(max-width:360px){.n-designed-row>.n-explore-strip,.n-designed-row>.n-certificate-strip,.n-support-design{padding:23px}.n-designed-row h2,.n-designed-row>.n-certificate-strip h2,.n-support-design>h2{font-size:25px}.n-collection-design{right:-20px;opacity:.65}.n-designed-row .n-small-label{font-size:7px}.n-support-design{min-height:285px}.n-conversation-design{right:15px;width:209px}.n-report-design{right:10px;width:170px}}
/* Keep the help card's heading aligned with the adjacent artwork cards. */
.n-support-design{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
@media(max-width:600px){.n-support-design{min-height:310px}}
