@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0a1020;--panel:#111b30;--muted:#a4afc3;--line:#29354c;--cyan:#82a7ff;--white:#f5f7ff;--blue:#456dff;--orange:#ffab79}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button,a,input,textarea{touch-action:manipulation}::selection{background:#456dff;color:white}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-100px;z-index:50;background:white;color:black;padding:10px}.skip:focus{top:10px}.nav{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font:600 29px 'Space Grotesk',Arial;letter-spacing:-1.5px}.mark{display:grid;place-items:center;width:33px;height:37px;color:var(--blue);font-size:38px;font-weight:700;letter-spacing:-5px;margin-right:6px}.dot{color:var(--orange);margin-left:-8px}.nav nav{display:flex;gap:34px;font-size:14px;color:#bfc8dc}.nav a:hover{color:#fff}.navcta{border:1px solid #5b6880;padding:10px 18px;border-radius:30px;font-size:14px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center;padding-block:100px 90px;min-height:690px}.eyebrow,.section-label,.kicker{font-size:12px;letter-spacing:1.8px;font-weight:600;color:var(--cyan)}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow>span{width:20px;height:2px;background:var(--orange)}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}h1{font-size:clamp(52px,6.5vw,90px);line-height:1.05;letter-spacing:-5px;font-weight:500;margin:30px 0}h1 em,.contact em{font-style:normal;color:var(--orange)}.lead{max-width:430px;font-size:18px;line-height:1.8;color:#bbc6da}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:16px 23px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--blue);color:white}.primary:hover{background:#5d80ff;transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid #63718c;padding:5px 0}.hero-foot{display:flex;gap:24px;font-size:12px;color:#8391ab;letter-spacing:1px;margin-top:42px}.hero-console{background:#121d34;border:1px solid #415477;border-radius:13px;overflow:hidden;box-shadow:0 30px 100px #02051088,20px -18px 0 -1px #192b52;transform:rotate(-2deg)}.console-top,.console-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;gap:12px;border-bottom:1px solid #2c3b58}.app-brand{font-family:'Space Grotesk',Arial;font-weight:600;display:flex;align-items:center;gap:9px}.app-brand i{font-style:normal;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#fff;background:#456dff}.sample-label,.console-bottom{font-size:10px;letter-spacing:1px;color:#a2b1cc}.console-body{padding:25px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.micro{font-size:11px;letter-spacing:1px;color:#94a8d0}.console-body h2{font-size:26px;letter-spacing:-1px;margin:6px 0 20px;font-weight:500}.file-pill{font-size:11px;color:#a9bde6;border:1px solid #3c5277;border-radius:5px;padding:5px 8px}.score-row{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:23px}.quality-score>strong{display:block;font:500 68px/1.1 'Space Grotesk',Arial;letter-spacing:-3px;color:#97b5ff}.quality-score strong span{font-size:24px;letter-spacing:0}.quality-score>span{font-size:11px;color:#9fafd0}.mini-metrics{display:flex;gap:20px}.mini-metrics b{font:500 24px 'Space Grotesk',Arial;display:block}.mini-metrics span{display:block;font-size:10px;color:#a2b1cc}.data-flow{display:flex;gap:3px;margin-bottom:15px}.data-flow span{flex:1;padding:7px 3px;background:#1e2a42;text-align:center;font-size:11px;color:#a1b2d2}.data-flow .active{background:#2c4270;color:#d8e4ff}.sample-table>div{display:grid;grid-template-columns:1fr 1fr .65fr;padding:10px 4px;font-size:12px;border-bottom:1px solid #293b59}.sample-table>div:first-child{font-size:10px;letter-spacing:1px;color:#8298bf}.sample-table strong{font-weight:500}.check{color:#91d6bd}.console-launch{width:100%;border:1px solid #557cdd;background:#456dff24;color:#c4d5ff;padding:12px;margin-top:22px;border-radius:5px;font-size:13px}.console-launch:hover{background:#456dff50}.console-bottom{border-bottom:0;border-top:1px solid #2c3b58;font-size:9px}.statement{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px}.statement>span{font-size:11px;letter-spacing:1.4px;color:#8695b0}.statement p{margin:0;font:400 25px/1.3 'Space Grotesk',Arial;color:#8e9ab0}.statement strong{font-weight:400;color:#edf2ff}.statement-end{color:#aab9d3;font-size:14px}.statement-end b{color:var(--orange);margin:0 12px}.section{padding-block:105px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section h2{font-size:clamp(36px,4.5vw,61px);font-weight:500;line-height:1.12;letter-spacing:-2.5px;margin:23px 0 0}.section h2 span{color:#8396ba}.section-head p{max-width:350px;color:var(--muted);margin:0;line-height:1.8}.project-grid{display:grid;gap:48px}.project{display:grid;grid-template-columns:1.16fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#10192c}.project-preview{min-width:0;position:relative;padding:26px 30px 50px;display:flex;flex-direction:column;justify-content:center;min-height:460px}.clean-preview{background:#203e91}.invoice-preview{background:#dd916e}.stock-preview{background:#28564e}.preview-top{position:absolute;top:23px;left:27px;right:27px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#d9e5ff}.preview-caption{position:absolute;bottom:21px;left:27px;font-size:10px;letter-spacing:1.3px;color:#c5d8ff}.invoice-preview .preview-top,.invoice-preview .preview-caption{color:#482c24}.stock-preview .preview-caption,.stock-preview .preview-top{color:#c5e4d7}.product-window{background:#f7f9ff;color:#28344b;border:1px solid #ffffff66;border-radius:8px;box-shadow:0 22px 38px #0003;overflow:hidden;margin-top:28px;transform:rotate(-2deg)}.stock-preview .product-window{transform:rotate(2deg)}.window-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid #dbe1ee;font-size:13px}.window-bar>span:last-child{font-size:10px;color:#687a97}.window-body{padding:22px}.window-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.window-heading h3{font-size:21px;font-weight:500;letter-spacing:-.7px;margin:0 0 20px}.mini-badge{font-size:9px;color:#667c9b}.metric-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 25px}.metric-trio>div{background:#e8edfa;border-radius:5px;padding:12px}.metric-trio small{display:block;font-size:10px;color:#667792}.metric-trio strong{font:500 28px 'Space Grotesk',Arial;color:#345fcc}.profile-line{display:flex;gap:16px;align-items:center;font-size:11px;margin:16px 0}.profile-line>span{width:40px}.profile-line>div{flex:1;background:#e4eaf7;height:6px;border-radius:10px;overflow:hidden}.profile-line i{display:block;background:#4c78ee;height:100%}.profile-line b{font-size:10px;font-weight:400}.window-footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;border-top:1px solid #dfe5f1;padding-top:16px;color:#718098}.window-footer span{color:#345fcc}.project-copy{padding:48px 42px;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:10px;letter-spacing:1.5px}.project-copy h3{font-size:39px;letter-spacing:-1.5px;line-height:1.2;margin:18px 0 12px;font-weight:500}.project-copy p{font-size:15px;line-height:1.8;color:#9cacc8;margin:0 0 15px}.project-copy .project-intro{font-size:19px;line-height:1.5;color:#e3eafa;margin-bottom:18px}.feature-list{list-style:none;margin:3px 0 20px;padding:0;font-size:13px;color:#becce3}.feature-list li{padding:7px 0;border-bottom:1px solid #23334f}.feature-list li:before{content:'+';margin-right:10px;color:#80a4ff}.demo-btn{background:transparent;color:#e7efff;border:1px solid #516584;padding:14px 18px;text-align:center;border-radius:5px;font-size:14px;margin-top:4px;transition:background .2s}.demo-btn:hover{background:#456dff;border-color:#456dff}.project-meta{margin-top:18px;color:#768baa;font-size:10px;letter-spacing:1.1px}.invoice-composition{position:relative;margin:35px auto 0;width:90%}.invoice-sheet{background:#fffaf5;color:#483f3b;width:82%;padding:27px 24px;transform:rotate(-5deg);box-shadow:0 15px 30px #693e3033}.sheet-brand{font:600 22px 'Space Grotesk',Arial;display:flex;justify-content:space-between;align-items:center}.sheet-brand>span{font:9px 'DM Sans';letter-spacing:1px}.sheet-id{margin-top:8px;display:flex;justify-content:space-between;font-size:10px;color:#8c7770}.sheet-client{margin:26px 0 20px}.sheet-client small{display:block;font-size:8px;letter-spacing:1px}.sheet-client strong{font-size:12px;font-weight:500}.sheet-line{display:flex;justify-content:space-between;gap:8px;font-size:10px;border-bottom:1px solid #ded0c8;padding:12px 0}.sheet-line b{font-weight:500}.sheet-total{margin-top:18px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px}.sheet-total strong{font:500 24px 'Space Grotesk',Arial}.sheet-note{font-size:8px;margin-top:30px;color:#9f8980}.invoice-tag{position:absolute;right:-12px;bottom:18px;padding:20px;background:#683e32;color:#fff1e8;border-radius:7px;box-shadow:0 10px 30px #683e3240;transform:rotate(5deg)}.invoice-tag span{font-size:8px;letter-spacing:1px;color:#ecc0a9}.invoice-tag strong{display:block;font:400 19px/1.3 'Space Grotesk',Arial;margin-top:10px}.stock-summary{display:flex;justify-content:space-between;gap:14px;margin-bottom:15px}.stock-summary small{display:block;font-size:10px;color:#6b827c}.stock-summary strong{display:block;font:500 25px 'Space Grotesk',Arial;color:#235f50;margin-top:4px}.stock-summary .orange{color:#a56035;font-size:19px}.stock-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d9e6df;padding:11px 0;font-size:11px}.stock-row>span{width:70px}.stock-row small{display:block;font-size:8px;color:#789188}.stock-track{flex:1;background:#e1eee8;height:5px;border-radius:8px;overflow:hidden}.stock-track i{display:block;background:#589c84;height:100%}.stock-row.low i{background:#d89852}.stock-row b{font-weight:500;min-width:15px}.reorder-hint{display:flex;justify-content:space-between;gap:10px;font-size:9px;padding:12px;background:#e8eee7;border-radius:4px;color:#517063}.project-note{text-align:center;color:#889ab7;font-size:13px;margin:30px auto 0;max-width:670px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.tile{padding:35px 28px;position:relative;border-right:1px solid var(--line)}.tile:first-child{padding-left:0}.tile:last-child{border-right:0}.number{position:absolute;right:28px;top:40px;color:#7c8dac;font-size:12px}.service-symbol{font:30px monospace;color:#92b1ff}.tile:nth-child(2) .service-symbol{color:var(--orange)}.tile:nth-child(3) .service-symbol{color:#8ed3b6}.tile h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:35px 0 14px}.tile p{color:var(--muted);font-size:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.chips span{font-size:12px;color:#b1c3df;border:1px solid var(--line);padding:4px 10px;border-radius:20px}.toolkit{padding-bottom:90px;display:flex;align-items:start;gap:50px}.toolkit>div{display:flex;flex-wrap:wrap;gap:18px 32px;color:#acbcd7;font-family:'Space Grotesk',Arial}.toolkit .section-label{white-space:nowrap}.about{background:#111c32;border-block:1px solid #273956}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-grid p{color:#a4b4cf;line-height:1.8}.about-grid .about-lead{font-size:22px;line-height:1.6;color:#e7edfa;margin-top:0}.principles{display:flex;gap:20px;border-top:1px solid #334565;margin-top:30px;padding-top:20px;font-size:12px;color:#a9c1ec}.contact{padding-block:100px 80px}.contact h2{font-size:clamp(60px,10vw,140px);line-height:1.02;letter-spacing:-6px;margin-bottom:35px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p{color:var(--muted);font-size:17px}.contact .fine{font-size:12px;color:#8092b0;margin-top:30px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:30px;color:#8597b6;font-size:13px}.footer .brand{color:#e7edfa;font-size:24px}
dialog{color:var(--white);max-height:90vh;border-radius:12px}dialog::backdrop{backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #344467;padding-bottom:20px;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-head button{background:none;border:0;color:#d6e3ff;font-size:30px;line-height:1}dialog label{display:block;margin:16px 0 8px}dialog input,dialog textarea,dialog select{display:block;width:100%;padding:12px;border:1px solid #456084;border-radius:5px;color:#f4f7ff}dialog textarea{min-height:120px;resize:vertical}dialog p{line-height:1.6}dialog .btn{margin:15px 0}.tool-grid{min-width:0}.tool-grid>div{min-width:0}
dialog{width:min(980px,calc(100% - 32px));background:#14191c;border-color:#55644b;padding:32px}dialog::backdrop{background:#050807db}dialog .dialog-head h2{font:500 28px 'Space Grotesk',Arial}dialog input,dialog select,dialog textarea{background:#0c1012;border-color:#414b50}dialog input[type=checkbox]{display:inline-block;width:auto;margin:0 10px 0 0;accent-color:#b9f568}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tool-toolbar .btn{margin:12px 0}.tool-toolbar input{flex:1;min-width:180px}.tool-note{font-size:14px;color:#8f9fa6!important}.table-wrap{overflow:auto;margin:16px 0;border:1px solid #354148;border-radius:7px;max-height:360px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #354148;white-space:nowrap}th{background:#20282b;color:#b9f568;font-weight:500}td button{background:#263236;color:#eaf3ee;border:1px solid #53605d;border-radius:4px;min-height:32px;min-width:32px;margin:0 3px}td input{min-width:80px}td input[type=text]{min-width:140px}.tool-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.tool-stats>div{background:#1f2929;padding:18px;border:1px solid #3b4c41;border-radius:7px}.tool-stats small{display:block;color:#a1b4aa;font-size:12px}.tool-stats strong{display:block;font-size:26px;color:#c6f691;margin-top:7px}.result{color:#c6f691}.remove{color:#f5aaa2!important}.invoice-output{background:#fafbf7;color:#243031;padding:25px;border-radius:8px}.invoice-output h3{font-size:26px;margin-top:0}.invoice-output p{color:#465657}.invoice-output th{background:#e4ebdf;color:#26352b}.invoice-output td,.invoice-output th{border-color:#ced8cc}.invoice-output .invoice-total{text-align:right;font-size:22px;color:#26352b}.invoice-output .muted{font-size:13px;color:#637268}.small-btn{background:none;color:#c6f691;border:1px solid #576746;padding:9px 15px;border-radius:5px;font-size:14px}.error{color:#f3b3a9}.low-badge{color:#f2c776;background:#493b22;padding:4px 8px;border-radius:4px}
/* Application theme */
dialog{background:#101c33;border-color:#526e9e}dialog input,dialog textarea,dialog select{background:#0b1427;border-color:#3b5279}dialog .tool-note{color:#acbdda!important}dialog input[type=checkbox]{accent-color:#6d96ff}.tool-stats>div{background:#192c4b;border-color:#314d75}.tool-stats small{color:#adbfda}.tool-stats strong{color:#9dbbff}.small-btn{border-color:#55739f;color:#c3d6ff}.small-btn:hover{background:#243f68}th{color:#b9d0ff;background:#1c3153}.table-wrap,th,td{border-color:#304767}.low-badge{background:#62432c;color:#ffe1b6}.profile-table td:first-child{font-weight:600}.profile-cell{display:flex;gap:10px;align-items:center}.profile-cell meter{width:80px}.tool-subtitle{font-size:20px;font-weight:500;margin-top:30px}.inventory-output-note{color:#aabcdb;font-size:13px}
@media(min-width:1500px){.hero{padding-block:120px}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero{gap:32px;padding-block:75px}.hero h1{font-size:64px;letter-spacing:-3.5px}.hero-console{box-shadow:0 20px 50px #0005,10px -10px 0 #192b52}.console-body{padding:20px}.mini-metrics{gap:12px}.quality-score>strong{font-size:54px}.dashboard-heading{display:block}.file-pill{display:none}.project{grid-template-columns:1.1fr 1fr}.project-preview{padding-inline:24px}.project-copy{padding:35px 28px}.project-copy h3{font-size:32px}.metric-trio>div{padding:8px}.window-body{padding:17px}.mini-badge{display:none}.invoice-sheet{padding:23px 18px;width:91%}.invoice-tag{right:-8px;padding:15px;bottom:0}.invoice-tag strong{font-size:16px}.about-grid{gap:45px}.section{padding-block:80px}.statement-end{font-size:12px}.statement-end b{margin:0 5px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:83px}.nav nav{display:none}.brand{font-size:25px}.navcta{font-size:12px;padding:9px 13px}.hero{grid-template-columns:1fr;padding-block:65px;gap:50px}.hero h1{font-size:clamp(54px,10vw,76px);letter-spacing:-3px}.hero .lead{max-width:520px}.hero-console{width:min(100% - 12px,480px);margin:auto}.console-body{padding:23px}.dashboard-heading{display:flex}.file-pill{display:block}.quality-score>strong{font-size:66px}.hero-foot{margin-top:30px;gap:18px;font-size:10px}.statement{padding-block:25px}.statement>span{max-width:110px;font-size:10px}.statement p{font-size:22px}.statement-end{display:none}.section-head{display:block;margin-bottom:32px}.section-head p{margin-top:24px;max-width:500px}.section h2{font-size:42px;letter-spacing:-2px}.project{grid-template-columns:1fr}.project-preview{min-height:420px;padding:42px 30px 50px}.product-window{width:100%;max-width:430px;margin:25px auto 0}.project-copy{padding:32px 25px}.project-copy h3{font-size:36px}.project-copy p{font-size:16px}.kicker{font-size:11px}.project-meta{font-size:10px}.invoice-composition{max-width:370px}.invoice-sheet{width:85%}.invoice-tag{right:0}.preview-top,.preview-caption{font-size:9px}.services{grid-template-columns:1fr}.tile,.tile:first-child{padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}.tile:last-child{border:0}.tile h3{margin-top:20px}.toolkit{display:block;padding-bottom:65px}.toolkit>div{margin-top:22px;gap:15px 25px}.about-grid{grid-template-columns:1fr;gap:30px}.principles{gap:15px;flex-wrap:wrap}.contact h2{font-size:80px;letter-spacing:-4px}.contact-bottom{align-items:start;flex-direction:column;gap:10px}.footer{flex-wrap:wrap}.tool-grid{grid-template-columns:1fr}dialog{padding:20px;width:calc(100% - 20px);max-height:94vh}.dialog-head h2{font-size:23px!important}.tool-stats{grid-template-columns:1fr 1fr}.tool-stats>div:last-child{grid-column:1/-1}.tool-stats strong{font-size:23px}.section{padding-block:65px}.invoice-output{padding:15px}.window-heading h3{font-size:22px}}
@media(max-width:370px){.navcta{max-width:135px;text-align:center}.eyebrow{font-size:10px}.hero h1{font-size:51px}.actions{gap:18px}.hero-console{transform:none}.console-body{padding:18px}.quality-score>strong{font-size:54px}.mini-metrics{gap:9px}.project-preview{padding-inline:18px}.sample-label{font-size:8px}.contact h2{font-size:69px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;max-height:none;width:100%;border:0;padding:0;background:white}dialog>*{display:none!important}dialog>#demo-content{display:block!important}#demo-content>*{display:none!important}#demo-content>.invoice-output{display:block!important;border:0;padding:20px}.invoice-output *{color:black!important}.invoice-output .table-wrap{max-height:none;overflow:visible}dialog::backdrop{display:none}}