@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0;font-family:DM Sans,sans-serif}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.ncc-homepage-selector{--ncc-navy:#16273d;--ncc-olive:#4b4b3d;--ncc-ink:#16273d;--ncc-muted:#727272;--ncc-line:#d4dee3;--ncc-bg:#eef2f7;--ncc-card:#fff;--ncc-accent:#0065b2;--ncc-accent-hover:#124a9e;--ncc-focus:#7ca8f0;--ncc-jade:#7faab3;--ncc-jade-2:#ecf2f4;--ncc-sky:#7da3d1;--ncc-sky-2:#eff4f9;--ncc-cotton:#dab174;--ncc-cotton-2:#f5efe6;--ncc-ocean:#64aec4;--ncc-ocean-2:linear-gradient(90deg, #7fbabf 0%, #95c8bc 100%);--ncc-azure:#75a4ea;--ncc-azure-2:linear-gradient(90deg, #7bb1de 0%, #3a8cd0 100%);--ncc-apricot:#bf8977;--ncc-apricot-2:linear-gradient(90deg, #d89e99 0%, #c6a85e 170.57%);--ncc-navyP:#0065b2;--ncc-navyP-2:linear-gradient(90deg, #0f2d52 0%, #c6a85e 214.94%);--ncc-indigo:#1a3a8a;--ncc-indigo-2:linear-gradient(90deg, #152b61 0%, #5385f1 214.94%);--ncc-rose:#d6776f;--ncc-rose-2:linear-gradient(89.99deg, #b06392 -16.45%, #d9816b 127.15%);color:var(--ncc-ink);font-family:Dm Sans,system-ui,sans-serif}.ncc-homepage-selector *,.ncc-homepage-selector :before,.ncc-homepage-selector :after{box-sizing:border-box}body{font-family:DM Sans,sans-serif}.ncc-homepage-selector h1,.ncc-homepage-selector h2,.ncc-homepage-selector h3{margin:0;font-family:DM Sans,sans-serif}.ncc-topbar-blue{background-color:#0065b2;padding:20px 40px}.ncc-topbar-blue h2{letter-spacing:0%;text-align:left;vertical-align:middle;color:#fff;font-size:16px;font-weight:400;line-height:100%}.ncc-topbar-logo{background-color:#fff;justify-content:flex-start;align-items:center;padding:20px 40px;display:flex}.ncc-topbar{text-align:left;background:linear-gradient(90deg,#0f2d52 0%,#c6a85e 214.94%);padding:20px 40px;position:relative;overflow:hidden}.ncc-topbar:after{content:"";z-index:1;background-image:url(/assets/background-heading-Gj9TA-kr.png);background-position:100%;background-repeat:no-repeat;background-size:cover;width:50%;height:100%;position:absolute;top:0;right:0}.ncc-topbar>*{z-index:2;position:relative}.ncc-topbar-img img{max-height:100px}.ncc-topbar h2{color:#fff;margin-bottom:10px;font-size:16px;font-weight:400;line-height:1.2}.ncc-topbar h1{color:#fff;letter-spacing:0;font-family:Playfair Display;font-size:44px;font-weight:700;line-height:1.2}.ncc-content{background:#fff;max-width:1320px;padding:50px 40px}.ncc-q-block{border-bottom:1px solid var(--ncc-line);margin-bottom:50px;padding-bottom:50px}.ncc-q-block:last-of-type{margin-bottom:34px}.ncc-q-title{color:#12242e;align-items:baseline;gap:10px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.ncc-q-sub{color:var(--ncc-muted);text-align:left;margin-bottom:26px;margin-left:24px;font-size:15px;line-height:1.5}.ncc-slider-row{height:10px;margin-bottom:14px;margin-left:24px;position:relative}.ncc-slider-track{pointer-events:none;z-index:1;background:#dce3ec;border-radius:99px;width:100%;height:10px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ncc-slider-fill{background:linear-gradient(90deg, var(--ncc-navy), var(--ncc-accent));pointer-events:none;z-index:2;border-radius:99px;height:10px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ncc-slider-ticks{pointer-events:none;z-index:2;height:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ncc-slider-ticks .tick{background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:0;transform:translate(-50%,-50%)}.ncc-slider-ticks .tick.is-hidden{opacity:0}.ncc-homepage-selector input[type=range]{appearance:none;cursor:pointer;z-index:3;background:0 0;border-radius:99px;outline:none;width:100%;height:10px;margin:0;padding:0;display:block;position:relative;top:0}.ncc-homepage-selector input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:99px;height:6px}.ncc-homepage-selector input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--ncc-accent);cursor:grab;background:#fff;border-radius:50%;width:26px;height:26px;margin-top:-10px;transition:transform .15s;position:relative;box-shadow:0 2px 6px #16273d40}.ncc-homepage-selector input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}.ncc-homepage-selector input[type=range]::-moz-range-track{background:0 0;border-radius:99px;height:6px}.ncc-homepage-selector input[type=range]::-moz-range-thumb{border:2px solid var(--ncc-accent);cursor:grab;background:#fff;border-radius:50%;width:24px;height:24px}.ncc-homepage-selector input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ncc-focus);outline-offset:2px}.ncc-tick-labels{text-align:center;text-transform:uppercase;color:#000;justify-content:space-between;margin-left:30px;font-size:12px;font-weight:400;display:flex}.ncc-tick-labels span{opacity:.4;transition:opacity .15s,color .15s}.ncc-tick-labels span.on{opacity:1;color:var(--ncc-accent);font-weight:700}.ncc-helper{color:#12242e;text-align:left;background:#e6f0ff;border-radius:16px;margin-top:18px;padding:18px 24px;font-size:12px;line-height:1.5}.ncc-helper b{color:var(--ncc-accent);text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:700}.ncc-cta-row{justify-content:flex-start;padding-top:6px;display:flex}.ncc-btn{letter-spacing:-.42px;text-align:center;cursor:pointer;border:2px solid #0000;border-radius:999px;padding:8px 53px;font-family:Dm Sans;font-size:16px;font-weight:500;line-height:32.02px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .15s,border-color .15s,opacity .15s;display:inline-block}.ncc-btn:active{transform:translateY(1px)}.ncc-btn:focus-visible{outline:3px solid var(--ncc-focus);outline-offset:2px}.ncc-btn-primary{background:var(--ncc-accent);color:#fff;box-shadow:0 5.34px 8px -5.34px #0000001a,0 13.34px 20.01px -4px #0000001a}.ncc-btn-primary:hover{background:var(--ncc-accent-hover)}.ncc-btn-ghost{color:var(--ncc-accent);border-color:var(--ncc-accent);background:0 0}.ncc-btn-ghost:hover{background:#f3f6fa;border-color:#b7c1ce}.ncc-btn-primary.disabled{box-shadow:none;cursor:not-allowed;pointer-events:none;background:#b9c6d8}.ncc-result-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:52px;display:flex}.ncc-result-head h2{color:#12242e;font-family:Playfair Display;font-size:44px;font-weight:700}.ncc-palette-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;display:grid}.ncc-palette-card{border:1px solid var(--ncc-line);cursor:pointer;background:#fff;border-radius:14px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s}.ncc-palette-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -16px #16273d59}.ncc-palette-card.selected{border:2px solid var(--ncc-accent);box-shadow:0 2px 8px #12242e14}.ncc-p-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.ncc-radio{border:2px solid #b7c1ce;border-radius:50%;flex:none;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.ncc-radio .ncc-dot{background:var(--ncc-accent);opacity:0;border-radius:50%;width:9px;height:9px;transition:opacity .15s}.ncc-palette-card.selected .ncc-radio{border-color:var(--ncc-accent)}.ncc-palette-card.selected .ncc-radio .ncc-dot{opacity:1}.ncc-p-name{font-size:16px;font-weight:700}.ncc-flex-wrap{border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.ncc-swatch{flex:1;height:32px}.ncc-preview-wrap{border:1px solid var(--ncc-line);background:#fff;min-height:400px;max-height:700px;padding:0;overflow:hidden auto;box-shadow:0 22px 48px -30px #16273d66}.ncc-preview-scale{transform-origin:0 0;transition:transform .2s}.ncc-preview-image{object-fit:contain;transform-origin:0 0;width:100%;height:auto;transition:transform .2s;display:block}.ncc-preview-placeholder{color:var(--ncc-muted);text-align:center;padding:20px;font-size:14px;font-weight:600}.ncc-mock-topline{background:var(--ncc-navy);color:#fff;justify-content:space-between;align-items:center;padding:9px 22px;font-size:11.5px;display:flex}.ncc-a-wrap{justify-content:center;align-items:center;gap:24px;display:flex}.ncc-mock-topline .ncc-brand-mini{letter-spacing:.02em;font-weight:700}.ncc-mock-topline .ncc-links{opacity:.75;gap:16px;display:flex}.ncc-mock-navbar{border-bottom:1px solid var(--ncc-line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.ncc-mock-logo{align-items:center;gap:10px;display:flex}.ncc-mock-logo .ncc-badge{background:linear-gradient(135deg, var(--c1,#175cd3), var(--c2,#4b4b3d));border-radius:50%;width:34px;height:34px}.ncc-mock-logo b{font-family:Dm Sans,sans-serif;font-size:14.5px}.ncc-mock-logo span{color:var(--ncc-muted);font-size:10.5px;display:block}.ncc-mock-navlinks{color:var(--ncc-ink);gap:20px;font-size:13px;font-weight:600;display:flex}.ncc-mock-cta{background:var(--c1,#175cd3);color:#fff;border-radius:99px;padding:8px 16px;font-size:12px;font-weight:600}.ncc-mock-hero{grid-template-columns:1.05fr .95fr;gap:0;min-height:300px;display:grid;position:relative}.ncc-mock-hero-copy{background:radial-gradient(600px 300px at 0 0,#175cd30f,#0000);flex-direction:column;justify-content:center;padding:40px 34px;display:flex}.ncc-mock-hero-copy .ncc-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--c1,#175cd3);margin-bottom:10px;font-size:11.5px;font-weight:700}.ncc-mock-hero-copy h3{max-width:360px;color:var(--ncc-ink);font-size:28px;font-weight:700;line-height:1.15}.ncc-mock-hero-copy p{color:var(--ncc-muted);max-width:340px;margin:14px 0 20px;font-size:13.5px;line-height:1.6}.ncc-mock-hero-btns{gap:10px;display:flex}.ncc-mock-btn{border-radius:99px;padding:10px 18px;font-size:12.5px;font-weight:600}.ncc-mock-btn.solid{background:var(--c1,#175cd3);color:#fff}.ncc-mock-btn.outline{border:1.5px solid var(--c1,#175cd3);color:var(--c1,#175cd3)}.ncc-mock-photo-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:6px;padding:10px;display:grid}.ncc-photo-block{background:linear-gradient(135deg, var(--c1,#175cd3), var(--c2,#4b4b3d));border-radius:10px;min-height:90px;position:relative;overflow:hidden}.ncc-photo-block:after{content:"";background:radial-gradient(120px 90px at 30% 20%,#ffffff59,#0000 70%);position:absolute;inset:0}.ncc-mock-help{border:1px solid var(--ncc-line);z-index:2;background:#fff;border-radius:14px;margin:-26px 22px 0;padding:16px 18px 18px;position:relative;box-shadow:0 14px 30px -18px #16273d59}.ncc-mock-help b{font-size:13.5px}.ncc-mock-help .ncc-pills{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ncc-ctas{flex-wrap:wrap;gap:12px;display:flex}.ncc-mock-help .ncc-pill{border:1px solid var(--ncc-line);color:var(--ncc-ink);border-radius:99px;padding:6px 12px;font-size:11px;font-weight:600}.ncc-mock-help .ncc-pill.active{background:var(--c1,#175cd3);color:#fff;border-color:#0000}.ncc-mock-stats{background:var(--ncc-navy);display:flex}.ncc-mock-stats div{color:#fff;border-right:1px solid #ffffff1f;flex:1;padding:18px 22px}.ncc-mock-stats div:last-child{border-right:none}.ncc-mock-stats b{font-family:Dm Sans,sans-serif;font-size:20px;display:block}.ncc-mock-stats span{opacity:.75;font-size:11px}.ncc-pdf-preview-head{text-transform:uppercase;letter-spacing:.04em;color:var(--ncc-muted);justify-content:space-between;align-items:center;margin:26px 0 10px;font-size:13px;font-weight:700;display:flex}.ncc-pdf-preview-head .ncc-pdf-path{text-transform:none;color:var(--ncc-accent);background:#eef3fc;border:1px solid #d7e3f8;border-radius:99px;padding:3px 10px;font-family:Dm Sans;font-size:12px;font-weight:500}.ncc-pdf-preview-wrap{border:1px solid var(--ncc-line);background:#f7f9fc;border-radius:14px;flex-direction:column;height:600px;display:flex;position:relative;overflow:hidden auto}.ncc-pdf-checking{color:var(--ncc-muted);text-align:center;margin:auto;padding:20px;font-size:14px;font-weight:600}.ncc-pdf-object{border:0;width:100%;height:100%;display:block}.ncc-fallback{color:#8a3b2a;background:#fdf3f1;border:1px solid #f3d6ce;border-radius:12px;margin-top:22px;padding:16px 18px;font-size:14px;line-height:1.5}.ncc-result-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;display:flex}.ncc-hint{text-align:center;color:var(--ncc-muted);margin-top:24px;font-size:12.5px}.ncc-footer{background-color:#0d4169;padding:56px 40px}.footer-content-wrapper{justify-content:flex-start;gap:60px;display:flex}.separator{background-color:#8f8f8f;width:1.4px}.ftc{color:#ffffffb2;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:12px;font-size:16px;display:flex}.wide-flex{justify-content:space-between;align-items:center;display:flex;overflow:hidden}@media (width<=820px){.ncc-homepage-selector .ncc-topbar{padding:26px 22px}.ncc-homepage-selector .ncc-content{padding:30px 22px}.ncc-homepage-selector .ncc-palette-grid,.ncc-homepage-selector .ncc-mock-hero{grid-template-columns:1fr}.ncc-homepage-selector .ncc-mock-navlinks{display:none}.ncc-homepage-selector .ncc-result-actions{flex-direction:column;align-items:stretch}.ncc-homepage-selector .ncc-zoom{justify-content:center}.ncc-topbar h1{font-size:28px}.ncc-topbar-img img{max-height:40px}.wide-flex{align-items:flex-end;gap:20px}.ncc-topbar h2{margin-bottom:8px;font-size:12px}.ncc-result-head h2{text-align:left;font-size:28px}.ncc-a-wrap{flex-wrap:wrap}.ncc-btn{width:100%}.footer-content-wrapper{flex-direction:column;gap:20px}.footer-content-wrapper .footer-ncg-logo{width:100px}.ftc{text-align:left;font-size:12px}.ncc-ctas{width:100%}}