:root{--bg:#080c1c;--panel:#10172a;--panel2:#151d33;--line:#27314c;--muted:#94a1bf;--text:#f8faff;--purple:#8b7bff;--cyan:#63dcff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}h1,h2,h3,.logo{font-family:Manrope,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{max-width:1200px;padding:0 28px;margin:auto}.hidden{display:none!important}.aurora{pointer-events:none;position:absolute;filter:blur(110px);z-index:-1;opacity:.35}.aurora-one{width:520px;height:400px;top:50px;right:-140px;background:#4442bf}.aurora-two{width:460px;height:420px;top:450px;left:-230px;background:#196aab}.site-header{height:84px;max-width:1260px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.logo{font-weight:800;font-size:24px;letter-spacing:-1.5px;white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;background:linear-gradient(140deg,#a899ff,#5ce1ff);color:#080c1c;border-radius:12px;width:33px;height:33px;margin-right:8px}.logo-accent{color:#a69aff}.site-header nav{display:flex;gap:36px;color:#b3bfda;font-size:14px}.site-header nav a:hover,.footer-inner a:hover{color:#fff}.small-button{border:1px solid #626aaa;background:#ffffff0d;padding:11px 16px;border-radius:12px;font-size:13px;font-weight:700}.small-button:hover{background:#ffffff1c}.hero{min-height:595px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding-top:45px;padding-bottom:65px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#a9a5ff}.eyebrow{border:1px solid #8272db58;background:#7064ca13;display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border-radius:50px}.pulse{width:7px;height:7px;background:#80f7d3;border-radius:50%;box-shadow:0 0 0 5px #80f7d31d}.hero h1{font-size:clamp(42px,4.5vw,65px);letter-spacing:-3px;line-height:1.16;margin:25px 0 21px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#a79aff,#5ad7f6);background-clip:text;color:transparent}.hero p{font-size:17px;max-width:530px;line-height:1.8;color:#aebbd5}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.button{padding:15px 22px;border-radius:13px;display:inline-flex;align-items:center;gap:25px;border:1px solid #4b5676;font-weight:700;font-size:14px}.button.primary,.action-button{background:linear-gradient(110deg,#7768f6,#5eaeed);border:none;color:#fff;box-shadow:0 8px 35px #6957db2f}.button.primary:hover,.action-button:hover{filter:brightness(1.1)}.button.secondary{background:#ffffff0a}.trust{display:flex;gap:22px;flex-wrap:wrap;color:#8492ae;font-size:12px;margin-top:35px}.hero-art{height:480px;position:relative;perspective:900px;transform-style:preserve-3d}.orbit{position:absolute;border:1px solid #8292e92e;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(65deg);width:500px;height:500px}.orbit-b{width:340px;height:340px;border-color:#66d8f64a}.hero-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-4deg);display:flex;flex-direction:column;align-items:center;justify-content:center;width:195px;height:200px;border:1px solid #9b96ff82;background:linear-gradient(140deg,#1f2b62ec,#1a2247ed);border-radius:44px;box-shadow:0 40px 90px #5359ef4a,inset 0 0 36px #a59aff22}.core-icon{font-size:56px;color:#b7aaff;text-shadow:0 0 35px #a6a2ff}.hero-core strong{font:800 25px Manrope}.hero-core small{color:#adb9ec;font-size:11px;margin-top:5px}.floating-sheet{position:absolute;width:144px;height:190px;background:linear-gradient(155deg,#f7faff,#cbd5f7);border-radius:14px;box-shadow:0 20px 55px #0009;padding:18px;display:flex;flex-direction:column;gap:13px;border:1px solid #fff;animation:float 7s ease-in-out infinite}.sheet-one{top:32px;left:18%;transform:rotate(-16deg)}.sheet-two{right:1%;top:95px;transform:rotate(17deg);animation-delay:-2s}.sheet-three{bottom:30px;left:23%;transform:rotate(11deg);animation-delay:-4s}.file-glyph{font-weight:800;font-size:13px;width:49px;text-align:center;padding:8px 0;border-radius:8px;margin-bottom:6px}.file-glyph.purple{background:#dcd7ff;color:#7563dc}.file-glyph.cyan{background:#d2f1fb;color:#117a9d}.file-glyph.peach{background:#ffe0d5;color:#be6248}.sheet-line{height:6px;border-radius:5px;background:#acb9d2;width:77%}.sheet-line.long{width:100%}.sheet-line.short{width:55%}.floating-tag{position:absolute;bottom:20px;right:0;background:#1d2945d9;border:1px solid #50658b;border-radius:15px;padding:14px 16px;color:#d7e5ff;font-size:12px;backdrop-filter:blur(14px)}.floating-tag b{color:#87dafb;margin:0 4px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -15px}}.tools-section{padding-top:75px;padding-bottom:95px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2,.roadmap h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1.7px;margin:11px 0 10px}.section-heading h2 span,.roadmap h2 span{color:#a2aef0}.section-heading p{max-width:630px;color:var(--muted);line-height:1.7;margin:0}.tool-count{font-family:Manrope;font-size:40px;font-weight:800;display:flex;align-items:baseline;gap:8px}.tool-count small{font:500 12px 'DM Sans';color:var(--muted)}.search-row{display:flex;gap:15px;justify-content:space-between;margin:28px 0}.search-box{display:flex;align-items:center;gap:12px;background:#151d31;border:1px solid var(--line);border-radius:14px;padding:0 15px;flex:1;max-width:570px;color:#8e9dbb;font-size:26px}.search-box input{background:none;border:0;color:white;outline:none;height:51px;width:100%;font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #33405b;color:#a9b6d3;background:#10182b;border-radius:10px;padding:0 15px}.filter.active{background:#6b61da29;border-color:#7168d6;color:#e8e5ff}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.tool-card{border:1px solid #2b3450;border-radius:18px;background:linear-gradient(145deg,#151e35,#101629);padding:22px 17px;text-align:left;min-height:184px;transition:transform .2s,border-color .2s;display:flex;flex-direction:column;color:#f6f8ff;position:relative}.tool-card:hover{transform:translateY(-5px);border-color:#817ff8}.tool-card .glyph{font-size:24px;background:#7569d61f;border:1px solid #776dbb39;border-radius:13px;display:grid;place-items:center;width:48px;height:48px;margin-bottom:19px}.tool-card strong{font-size:14px}.tool-card p{font-size:12px;color:#8796b5;line-height:1.5;margin:6px 0 0}.tool-card .micro-status{position:absolute;top:16px;right:13px;font-size:10px;color:#a9b9cf}.tool-card .micro-status.live{color:#8bebcb}.workspace-section{padding-bottom:110px}.workspace-top{display:flex;justify-content:space-between;margin-bottom:18px}.back-btn{background:none;border:0;color:#adc2ea;padding:10px 0}.status{font-size:11px;border:1px solid #4b627b;padding:8px 12px;border-radius:10px;color:#c5defa}.status.ready{border-color:#467966;color:#96e2c5}.workspace-panel{border:1px solid #344262;border-radius:24px;background:#11192d;padding:35px;max-width:900px;margin:auto;box-shadow:0 25px 100px #0004}.workspace-intro{text-align:center;max-width:600px;margin:0 auto 25px}.workspace-icon{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:17px;background:#7266d52c;font-size:27px}.workspace-intro h2{margin:14px 0 8px}.workspace-intro p{color:var(--muted);line-height:1.7}.tool-form{display:grid;gap:14px}.tool-form label{font-weight:700;font-size:13px;color:#d9e1f5}.tool-form input,.tool-form select,.tool-form textarea{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #3b4865;background:#0c1325;color:#f4f5ff;outline-color:#958afa}.tool-form input[type=file]{border-style:dashed;padding:22px}.tool-form input::file-selector-button{background:#353e68;border:0;color:white;border-radius:8px;padding:9px;margin-right:14px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.action-button{border:0;border-radius:12px;padding:14px 20px;font-weight:800}.tool-message{padding:12px 15px;background:#1d2b43;border-radius:10px;color:#bed5ef;font-size:13px;line-height:1.6}.download-link{display:inline-flex;margin-top:15px;background:#1c574c;padding:12px 16px;border-radius:10px;color:#bcffe5;font-weight:700}.preview{white-space:pre-wrap;overflow:auto;border:1px solid #374562;border-radius:12px;padding:18px;background:#0a1020;max-height:350px;color:#e8ebfa;font-size:13px}.preview table{width:100%;border-collapse:collapse}.preview td,.preview th{border-bottom:1px solid #34425c;padding:9px;text-align:left}.why-section{padding-top:45px;padding-bottom:100px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-grid article{border:1px solid #283653;border-radius:20px;padding:26px;background:#111b31}.value-icon{color:#a89aff;font-size:32px}.value-grid h3{margin:15px 0 9px}.value-grid p{color:#95a5c2;font-size:14px;line-height:1.7}.roadmap{padding-top:55px;padding-bottom:105px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.roadmap-grid>div{border-top:1px solid #6269aa;padding:25px 8px}.phase{font-size:11px;font-weight:800;color:#a89afa;letter-spacing:1px}.roadmap-grid h3{margin-bottom:5px}.roadmap-grid p{color:#9aabc8;line-height:1.7;font-size:14px}footer{background:#080d1a;border-top:1px solid #28334a}.footer-inner{display:flex;gap:30px;justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:30px}.footer-inner small{color:#7e8fae;max-width:530px}.footer-inner a{color:#b1c4e7;font-size:12px;white-space:nowrap}.toast{position:fixed;bottom:25px;right:25px;background:#23385b;border:1px solid #566b92;padding:16px;border-radius:12px;box-shadow:0 12px 45px #0008;z-index:10;font-size:13px}.empty-state{color:#95a4c0;padding:25px;text-align:center}.footnote{font-size:12px;color:#92a3bd;line-height:1.6}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.output-card{padding:20px;border:1px solid #445170;background:#f9fbff;color:#161d32;border-radius:12px}.output-card h2,.output-card h3{color:#161d32}.output-card p{line-height:1.5}.pill{border:1px solid #506184;padding:9px;border-radius:9px;color:#b6c6e4;font-size:12px} @media(max-width:1000px){.tool-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1.1fr .9fr}.floating-sheet{scale:.78}.hero-core{scale:.88}.floating-tag{right:0}}@media(max-width:720px){.container{padding-left:20px;padding-right:20px}.site-header{height:70px;padding:0 20px}.site-header nav{display:none}.hero{display:block;padding-top:55px;padding-bottom:50px}.hero h1{letter-spacing:-2px}.hero-art{height:330px;margin-top:30px}.orbit{width:300px;height:300px}.orbit-b{width:220px;height:220px}.floating-sheet{scale:.67}.sheet-one{left:1%;top:0}.sheet-two{right:-13%;top:20px}.sheet-three{bottom:2px;left:8%}.hero-core{scale:.78}.floating-tag{bottom:-5px;right:0}.tool-grid{grid-template-columns:repeat(2,1fr)}.search-row{display:block}.search-box{max-width:none}.filters{margin-top:12px}.filter{height:38px}.section-heading{align-items:start}.tool-count{display:none}.value-grid,.roadmap-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.workspace-panel{padding:22px}.trust{gap:10px}.tool-card{min-height:180px}}@media(max-width:390px){.tool-grid{grid-template-columns:1fr}.hero-art{height:310px}.hero-cta .button{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* PDF workflow controls */
.mode-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.file-order{display:grid;gap:8px;margin:12px 0}.file-order-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;border:1px solid rgba(157,174,230,.22);border-radius:12px;background:rgba(255,255,255,.035);overflow-wrap:anywhere}.file-order-row span:first-child{min-width:0}.file-order-row button{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:7px 11px;cursor:pointer}.file-order-row button:disabled{opacity:.3;cursor:not-allowed}.action-button:disabled{opacity:.55;cursor:wait}

/* ===== Accessibility & preview ===== */
.skip-link{position:absolute;left:12px;top:-60px;background:#fff;color:#0b1430;padding:10px 14px;border-radius:8px;font-weight:700;z-index:100}.skip-link:focus{top:12px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid #9d93ff;outline-offset:2px}
.preview-banner{background:#2a2350;color:#e6e1ff;text-align:center;font-size:13px;padding:8px 16px;border-bottom:1px solid #4b3f8f}
.tool-card .micro-status{font-weight:700;letter-spacing:.3px}.tool-card .micro-status.live{color:#8bebcb}.tool-card .micro-status.basic{color:#ffd88a}.tool-card .micro-status.planned{color:#9aa7c2}
.status.live{border-color:#467966;color:#96e2c5}.status.basic{border-color:#7d6a3c;color:#ffdc94}.status.planned{border-color:#4b627b;color:#c5defa}
.filter{min-height:40px}
.mt{margin-top:15px}.wrap-pre{white-space:pre-wrap;word-break:break-word}.pre-line{white-space:pre-line}

/* ===== Workspace width for the invoice builder ===== */
.workspace-panel.wide{max-width:1360px}
.invoice-builder{display:grid;gap:18px}
.ib-toolbar{display:grid;gap:12px}.ib-toolbar .tool-message{margin:0}
.ib-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ib-small-select{background:#0c1325;color:#e9edff;border:1px solid #3b4865;border-radius:9px;padding:8px 10px;font-size:13px}
.pill{background:transparent;cursor:pointer;min-height:38px;padding:8px 12px}.pill:hover{background:#ffffff10;color:#fff}
.ib-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
@media(min-width:1180px){.ib-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}.ib-preview-col{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}}
fieldset.invoice-section{border:1px solid #34415e;border-radius:15px;padding:16px 18px 18px;background:#0e1729;display:grid;gap:14px;margin:0;min-width:0}
fieldset.invoice-section legend{font:700 16px Manrope,system-ui,sans-serif;padding:0 8px;color:#eef1ff}
.ib-form .field{display:grid;gap:6px;min-width:0}.ib-form .field label{font-weight:700;font-size:13px;color:#d9e1f5}
.ib-form .form-row{gap:12px}.form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.req{color:#ff9db5}.hint{font-size:12px;color:#9fb0cc;line-height:1.5;margin:0}
.ib-check{display:flex!important;align-items:center;gap:9px;font-weight:600!important;font-size:14px!important}.ib-check input{width:18px!important;height:18px;padding:0!important}
details.ib-more{border:1px dashed #3b4865;border-radius:11px;padding:10px 12px}details.ib-more summary{cursor:pointer;color:#bfcaf0;font-weight:700;font-size:13px}details.ib-more[open] summary{margin-bottom:10px}
.ib-logo-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ib-logo-row input{flex:1}
[aria-invalid="true"]{border-color:#ff7a9a!important;box-shadow:0 0 0 2px #ff7a9a33}
.ib-errors{background:#3a1626;border:1px solid #8a3550;color:#ffd5df;border-radius:11px;padding:12px 14px;font-size:13px;margin:10px 0}.ib-errors ul{margin:6px 0 0;padding-left:18px}.ib-errors a{color:#ffe7ee;text-decoration:underline}
/* line item cards */
.ib-lines{display:grid;gap:12px}
.ib-line{border:1px solid #2f3b58;border-radius:13px;background:#0b1324;padding:12px}
.ib-line-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ib-line-no{font-weight:800;font-size:13px;color:#aeb9ff}
.ib-line-total{margin-left:auto;font-weight:800;color:#e9edff;font-variant-numeric:tabular-nums}
.ib-line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ib-line-grid .span2{grid-column:span 2}
.ib-line-grid input,.ib-line-grid select{padding:10px 10px!important;font-size:14px}
.ib-inline{display:flex;gap:6px}.ib-inline input{flex:1;min-width:0}.ib-inline select{flex:0 0 auto}
.inv-remove{border:0;background:#4c2338;color:#ffcad8;font-weight:bold;border-radius:8px;font-size:20px;line-height:1;padding:6px 11px}
.ib-line[data-kind="service"] .product-field{display:none}
#workspaceContent:not([data-mode="mixed"]) .ln-kind{display:none}
#workspaceContent[data-mode="service"] .goods-only{display:none}
#workspaceContent[data-doc="quote"] :is(.invoice-only,.pay-only,.pay-amounts,.receipt-only){display:none}
#workspaceContent[data-doc="invoice"] .receipt-only{display:none}
#workspaceContent[data-doc="receipt"] :is(.invoice-only,.pay-only){display:none}
#workspaceContent[data-doc="receipt"]:has(#paidInFull:checked) .not-receipt{display:none}
#workspaceContent:not([data-doc="receipt"]) .ib-check.receipt-only{display:none!important}
/* preview */
.inv-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px}.inv-preview-head h3{margin:0}
.action-button:disabled{opacity:.45;cursor:not-allowed;filter:none}
.inv-preview-area{overflow:auto;border-radius:14px;background:#dce4f2;padding:14px}
#ibPreview.stale{opacity:.45}

/* ===== Invoice document (screen + print) ===== */
.inv-paper{width:100%;min-width:600px;max-width:820px;margin:0 auto;background:#fff;color:#16223a;padding:34px 36px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5;box-shadow:0 12px 35px #0013}
.inv-paper *{box-sizing:border-box}.inv-paper b{color:#0f1a30}
.inv-letterhead{display:flex;justify-content:space-between;gap:28px;border-bottom:3px solid #3f51b5;padding-bottom:20px}
.inv-company-logo{display:block;max-height:64px;max-width:200px;object-fit:contain;margin-bottom:10px}
.inv-company-name{font-size:21px;font-weight:800;color:#1f2a52;line-height:1.2}.inv-subtitle{color:#56637c}.inv-contact{color:#56637c;font-size:11px;margin-top:6px}
.inv-title-box{text-align:right;flex-shrink:0;min-width:190px}.inv-title-box h1{font-size:26px;letter-spacing:1px;color:#3f51b5;text-transform:uppercase;margin:0 0 6px;font-family:Arial,Helvetica,sans-serif}
.inv-kv{overflow-wrap:anywhere}.inv-kv span{color:#5f6c86}
.inv-status{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:20px;font-weight:700;font-size:11px;border:1.5px solid currentColor}
.inv-status.paid{color:#137a4b}.inv-status.part{color:#a15c00}.inv-status.due{color:#3f51b5}.inv-status.overdue{color:#b3261e}
.inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:20px 0 14px}.inv-parties.three{grid-template-columns:1fr 1fr 1fr;gap:20px}
.inv-paper h3{font-size:10px;color:#5468a8;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 6px;font-family:Arial,Helvetica,sans-serif}
.inv-paper section div{overflow-wrap:anywhere}.inv-branch{margin-top:8px;font-size:11px;color:#3d4a63}.inv-branch span{color:#5f6c86}
.inv-meta{display:flex;flex-wrap:wrap;gap:6px 26px;background:#f2f4fb;border-radius:6px;padding:9px 12px;margin-bottom:6px}.inv-meta div{display:grid}.inv-meta span{font-size:10px;color:#5f6c86}
.inv-print-table{width:100%;border-collapse:collapse;margin:12px 0 16px}
.inv-print-table th{background:#e8ecfa;color:#2c3e70;font-size:10.5px;text-align:left;font-weight:700}
.inv-print-table th,.inv-print-table td{padding:8px 7px;border-bottom:1px solid #e1e5ee;vertical-align:top}
.inv-print-table td{font-variant-numeric:tabular-nums}.inv-print-table small{display:block;color:#5f6c86}
.inv-paper .right{text-align:right}.inv-paper .num{width:26px;color:#5f6c86}.inv-paper .unit{color:#5f6c86;font-size:10.5px}
.inv-bottom{display:flex;justify-content:flex-end}
.inv-totals{width:52%;min-width:280px;font-variant-numeric:tabular-nums}.inv-totals>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0}
.inv-totals .inv-grand{border-top:2px solid #3f51b5;font-weight:800;font-size:14px;color:#1f2f7a;margin-top:6px;padding-top:10px}
.inv-totals .inv-balance{background:#eef1fc;border-radius:6px;padding:8px 10px;margin-top:6px;font-weight:800;font-size:14px;color:#1f2f7a}
.inv-taxnote{font-size:11px;color:#3d4a63;margin:10px 0 0}
.inv-notes{border-top:1px solid #e1e5ee;margin-top:16px;padding-top:11px}
.inv-sign-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:26px}.inv-sign-row div{border-top:1px solid #9aa4ba;padding-top:4px;font-size:10.5px;color:#5f6c86}
.inv-footer{background:transparent;border-top:1px solid #e1e5ee;text-align:center;color:#6b7891;padding-top:10px;margin-top:22px;font-size:9.5px}
.print-plain{font-family:Arial,Helvetica,sans-serif;color:#1c293a;line-height:1.55}.print-plain table{width:100%;border-collapse:collapse}.print-plain th,.print-plain td{text-align:left;padding:7px;border-bottom:1px solid #ddd}.print-plain pre{font:11px monospace}.cv .cv-title{font-weight:700;color:#3f51b5;margin-top:-8px}
.output-card .print-plain h1{margin-top:0}

#printRoot{display:none}
@media(max-width:900px){.form-row.three,.form-row.four{grid-template-columns:repeat(2,minmax(0,1fr))}.ib-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){fieldset.invoice-section{padding:12px}.form-row.three,.form-row.four{grid-template-columns:minmax(0,1fr)}.ib-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ib-line-grid .span2{grid-column:1/-1}.inv-preview-area{padding:6px}.inv-preview-head .action-button{width:100%}.ib-toolbar-actions .pill,.ib-toolbar-actions select{flex:1 1 45%}.workspace-panel{padding:16px}}

/* ===== Printing: only the document is printed, on A4 ===== */
@page{size:A4;margin:14mm 13mm}
@media print{
  html,body{background:#fff!important;color:#000}
  body.print-mode>*:not(#printRoot){display:none!important}
  body.print-mode #printRoot{display:block!important}
  body:not(.print-mode) .site-header,body:not(.print-mode) .preview-banner,body:not(.print-mode) footer,body:not(.print-mode) .aurora{display:none!important}
  .inv-paper{min-width:0;max-width:none;width:100%;padding:0;box-shadow:none;font-size:10pt;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .inv-print-table thead{display:table-header-group}
  .inv-print-table tr,.inv-letterhead,.inv-parties,.inv-bottom,.inv-notes,.inv-meta,.inv-sign-row{break-inside:avoid;page-break-inside:avoid}
  .inv-bottom{break-before:avoid}
  .print-plain{font-size:10.5pt}
}
/* Comfortable touch targets */
.ib-small-select{min-height:40px}.inv-remove{min-width:40px;min-height:40px}
.ib-check{min-height:44px}.ib-check input{width:22px!important;height:22px!important}
/* Stop decorative glows from widening the page on phones */
html{overflow-x:hidden}@supports(overflow:clip){html,body{overflow-x:clip}}
@media(max-width:720px){.aurora-one{width:300px;right:-60px}.aurora-two{width:280px;left:-120px}.toast{left:16px;right:16px;bottom:16px;max-width:none}}
.toast{max-width:min(460px,calc(100vw - 32px));overflow-wrap:anywhere}
.aurora-wrap{position:absolute;top:0;left:0;right:0;height:1200px;overflow:hidden;pointer-events:none;z-index:-1}
@media(max-width:720px){.hero{overflow:hidden}}
/* PDF page thumbnails */
.thumb-grid{display:flex;flex-wrap:wrap;gap:10px}.thumb-grid:empty{display:none}
.thumb{margin:0;display:grid;gap:4px;justify-items:center;background:#0b1324;border:1px solid #2f3b58;border-radius:10px;padding:8px}
.thumb canvas{background:#fff;border-radius:3px;box-shadow:0 2px 8px #0006}.thumb figcaption{font-size:11px;color:#b8c4e0}.thumb-failed::before{content:"Preview unavailable";font-size:11px;color:#9fb0cc}
/* Sign & fill */
.sig-pad{width:100%;max-width:600px;aspect-ratio:3/1;background:#fff;border-radius:10px;touch-action:none;cursor:crosshair;display:block;margin-bottom:8px}
.sig-pager{display:flex;align-items:center;gap:12px}.sig-pager span{font-weight:700;font-size:14px}
.sig-stage-wrap{overflow:auto;background:#dce4f2;border-radius:12px;padding:10px;display:flex;justify-content:center}
.sig-stage{position:relative;cursor:crosshair;box-shadow:0 6px 20px #0004}.sig-stage canvas{display:block}
.sig-overlay{position:absolute;outline:2px dashed #3f51b5;outline-offset:2px;background:#ffffff40;pointer-events:auto;cursor:move}
/* EML */
.eml-card{background:#fff;color:#16223a;border-radius:12px;overflow:hidden}
.eml-headers{width:100%;border-collapse:collapse;background:#f2f4fb;font-size:13px}.eml-headers th{width:90px;text-align:left;color:#5f6c86;font-weight:700;padding:7px 12px;vertical-align:top}.eml-headers td{padding:7px 12px;overflow-wrap:anywhere}
.eml-body{padding:16px;font-size:14px;line-height:1.55;overflow-x:auto;max-height:600px;overflow-y:auto}.eml-body img{max-width:100%;height:auto}.eml-body a{color:#2a46c4;text-decoration:underline}.eml-body table{max-width:100%}
.eml-blocked-img{display:inline-block;border:1px dashed #9aa4ba;color:#5f6c86;font-size:11px;padding:2px 6px;border-radius:4px}
.eml-attachments h3{margin:0 0 6px}
.eml-print .eml-body{max-height:none;overflow:visible;padding:0}.eml-print .eml-headers{margin:10px 0}
@media print{.eml-print .eml-body img{max-width:100%}}
.file-order-row{gap:10px}.file-order-row span{min-width:0;overflow-wrap:anywhere}.file-order-row .pill{white-space:nowrap;flex-shrink:0}
.eml-body a:not([href]){color:inherit;text-decoration:none;cursor:default}

/* ===== v0.6: navigation ===== */
.menu-toggle{display:none;background:#ffffff10;border:1px solid #3b4865;color:#fff;border-radius:10px;width:44px;height:44px;font-size:20px}
@media(max-width:720px){
  .site-header{position:relative;flex-wrap:wrap}
  .menu-toggle{display:inline-grid;place-items:center;margin-left:auto;margin-right:10px}
  .site-header .small-button{display:none}
  .site-header nav#mainNav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;flex-direction:column;gap:0;background:#0d1428;border-bottom:1px solid #2f3b58;padding:6px 20px 12px}
  .site-header nav#mainNav.open{display:flex}
  .site-header nav#mainNav a{padding:13px 4px;border-bottom:1px solid #ffffff10;font-size:16px;color:#e3e9ff}
}
/* ===== homepage ===== */
.quick-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px}.quick-row>span{color:#8f9cbb;font-size:13px;margin-right:2px}
.quick-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #3b4870;background:#ffffff0a;color:#e4e9ff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;min-height:40px;cursor:pointer}
.quick-chip:hover{background:#ffffff18;border-color:#7d78e8}
.tool-group{margin-top:26px}.tool-group h3{font-size:15px;color:#c3ccef;margin:0 0 12px;letter-spacing:.2px}
a.tool-card{color:#f6f8ff}.tool-card.planned{opacity:.6;cursor:default}.tool-card.planned:hover{transform:none;border-color:#2b3450}
/* ===== tool pages ===== */
.tool-hero{padding-top:34px;padding-bottom:6px;text-align:center}
.tool-hero h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px;margin:14px 0 10px;line-height:1.15}
.tool-lead{color:#b4c0dc;font-size:17px;line-height:1.6;max-width:640px;margin:0 auto}
.crumbs{font-size:13px;color:#8f9cbb}.crumbs a{color:#b9c6ea}.crumbs a:hover{color:#fff}
.trust-row{list-style:none;padding:0;margin:16px 0 0;display:flex;gap:8px 22px;justify-content:center;flex-wrap:wrap;color:#8fe3c6;font-size:13px;font-weight:600}
body[data-tool] .workspace-section{padding-top:18px;padding-bottom:50px}
body[data-tool] .workspace-intro{display:none}
.seo-block{padding-bottom:40px}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.seo-block h2,.related h2{font-size:24px;letter-spacing:-.5px;margin:0 0 14px}
.steps{margin:0;padding-left:22px;color:#c8d2ec;line-height:1.7}.steps li{margin-bottom:8px;padding-left:4px}
.faq-item{border:1px solid #2b3653;border-radius:12px;background:#0f172b;margin-bottom:10px}
.faq-item summary{cursor:pointer;padding:14px 16px;font-weight:700;color:#e8edff;list-style-position:outside}
.faq-item p{margin:0;padding:0 16px 15px;color:#aebbd8;line-height:1.65}
.related{padding-bottom:80px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.related-card{display:grid;gap:4px;border:1px solid #2b3450;border-radius:16px;background:linear-gradient(145deg,#151e35,#101629);padding:18px}
.related-card span{font-size:22px}.related-card small{color:#8f9dbb;line-height:1.5}.related-card:hover{border-color:#817ff8}
.next-steps{margin-top:18px;border:1px solid #2f6b58;background:#0f2a24;border-radius:14px;padding:14px 16px}.next-steps p{margin:0;color:#c9f5e4}.next-steps .quick-row{margin-top:10px}
/* ===== drag and drop ===== */
.dropzone{position:relative;border:2px dashed #46558a;border-radius:16px;background:#0c1428;transition:border-color .15s,background .15s}
.dropzone.dragover{border-color:#8d84ff;background:#1a1f45}
.dropzone-hint{display:grid;justify-items:center;gap:3px;padding:26px 16px 6px;text-align:center;color:#c5cff0;pointer-events:none}
.dropzone-hint b{font-size:16px;color:#fff}.dropzone-hint span{font-size:13px;color:#9aa8c8}.dz-icon{font-size:26px!important;color:#a99cff!important}
.tool-form .dropzone input[type=file]{border:0;background:transparent;padding:10px 16px 22px;text-align:center;cursor:pointer}
.span-all{grid-column:1/-1}
/* ===== footer & legal ===== */
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:26px;padding-top:40px;padding-bottom:22px}
.footer-grid h2{font-size:13px;color:#dfe5fb;margin:0 0 10px}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.footer-grid a{color:#9eacc9;font-size:13px}.footer-grid a:hover{color:#fff}.footer-brand p{color:#8796b5;font-size:13px;line-height:1.6;max-width:280px}
.footer-legal{display:flex!important;gap:14px!important;margin-top:10px!important}
.footer-note{padding-bottom:26px}.footer-note small{color:#6f7f9e}
.legal{max-width:760px;padding-top:40px;padding-bottom:80px;line-height:1.7;color:#c9d3ec}.legal h1{font-size:36px;letter-spacing:-1px}.legal h2{font-size:20px;margin-top:28px;color:#fff}.legal a{color:#a99cff;text-decoration:underline}.legal-note{background:#1d2b43;border-radius:10px;padding:10px 14px;font-size:13px}
@media(max-width:900px){.seo-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.tool-hero{padding-top:22px}.tool-lead{font-size:15px}}

/* ===== v0.8: hero drop router ===== */
.hero-drop{margin-top:22px;max-width:560px}.hero-drop .dropzone{background:#0d1530cc;backdrop-filter:blur(6px)}
.hero-suggest{max-width:560px;margin-top:12px;border:1px solid #3b4870;background:#121a35;border-radius:14px;padding:12px 14px}.hero-suggest p{margin:0;color:#dfe6ff;font-size:14px;line-height:1.5}.hero-suggest .quick-row{margin-top:10px}
/* ===== generators ===== */
.gen-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}
.gen-preview{position:sticky;top:12px;display:grid;justify-items:center;gap:10px;background:#0b1324;border:1px solid #2f3b58;border-radius:16px;padding:18px}
.gen-preview canvas{width:min(100%,320px);height:auto;aspect-ratio:1;border-radius:10px;background:#fff;image-rendering:pixelated}
.bc-preview{width:100%;min-height:140px;display:grid;place-items:center;background:#fff;border-radius:10px;padding:10px;overflow-x:auto}.bc-preview svg{max-width:100%;height:auto}
.bc-error{color:#b3261e;font-size:14px;margin:0;text-align:center}
.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip-row .quick-chip{padding:7px 11px;min-height:40px}
.field{display:grid;gap:6px;margin-bottom:10px}
/* label sheet print */
.label-sheet{display:grid;gap:8mm 6mm;padding:0}.label-sheet.cols-2{grid-template-columns:repeat(2,1fr)}.label-sheet.cols-3{grid-template-columns:repeat(3,1fr)}.label-sheet.cols-4{grid-template-columns:repeat(4,1fr)}
.label-cell{display:grid;place-items:center;break-inside:avoid;page-break-inside:avoid}.label-cell svg{max-width:100%;height:auto}
/* calculators */
.calc-form{max-width:820px;margin:0 auto}
.calc-out{display:grid;gap:8px;margin:18px 0 10px}
.calc-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;background:#0b1324;border:1px solid #2f3b58;border-radius:12px;padding:12px 16px;font-variant-numeric:tabular-nums}
.calc-row span{color:#b8c4e0}.calc-row b{font-size:18px;color:#fff}.calc-row.big{background:linear-gradient(135deg,#232a63,#1a2f55);border-color:#6f6ae8}.calc-row.big b{font-size:26px}
.footer-grid{grid-template-columns:1.3fr repeat(5,1fr)}
@media(max-width:900px){.gen-layout{grid-template-columns:1fr}.gen-preview{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
/* ===== v0.9: document types ===== */
#workspaceContent:not([data-doc="invoice"]):not([data-doc="credit"]) .ref-field{display:none}
#workspaceContent:is([data-doc="quote"],[data-doc="delivery"],[data-doc="credit"]) .terms-field{display:none}
#workspaceContent[data-doc="delivery"] :is(.invoice-only,.pay-only,.pay-amounts,.receipt-only,.price-only),
#workspaceContent[data-doc="delivery"] .ib-line-total{display:none}
#workspaceContent[data-doc="po"] :is(.invoice-only,.pay-amounts,.receipt-only,.bank-only){display:none}
#workspaceContent[data-doc="credit"] :is(.invoice-only,.pay-only,.pay-amounts,.receipt-only){display:none}
/* ===== guides ===== */
.guide{max-width:820px;padding-top:30px;padding-bottom:70px}
.guide h1{font-size:clamp(30px,4vw,42px);letter-spacing:-1.2px;line-height:1.15;margin:14px 0 8px}
.guide-meta{color:#8f9cbb;font-size:13px;margin:0 0 22px}
.guide-body{color:#d3dbef;font-size:17px;line-height:1.75}
.guide-body h2{font-size:23px;color:#fff;margin:34px 0 10px;letter-spacing:-.4px}
.guide-body a,.legal a{color:#b3a9ff;text-decoration:underline;text-underline-offset:3px}
.guide-body li{margin-bottom:6px}.guide-body strong{color:#fff}
.checklist{list-style:none;padding:0}.checklist li{padding-left:30px;position:relative}.checklist li::before{content:"✓";position:absolute;left:4px;color:#7de3c0;font-weight:800}
.guide-cta{margin:40px 0 24px;border:1px solid #3b4870;border-radius:18px;padding:20px;background:linear-gradient(135deg,#171f45,#101a33)}.guide-cta h2{margin:0 0 14px;font-size:20px}
.guide-list{display:grid;gap:10px}.guide-link{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #2b3653;border-radius:12px;padding:14px 16px;background:#0f172b;color:#e8edff}.guide-link small{color:#8f9cbb;white-space:nowrap}.guide-link:hover{border-color:#817ff8}
.guide-index{padding-top:34px;padding-bottom:80px}.guide-index h1{font-size:42px;letter-spacing:-1.3px;margin:0 0 8px}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
.guide-card{display:grid;gap:8px;border:1px solid #2b3450;border-radius:18px;padding:20px;background:linear-gradient(145deg,#151e35,#101629);color:#f2f5ff}.guide-card p{margin:0;color:#a5b2cf;line-height:1.55;font-size:14px}.guide-card small{color:#8fe3c6}.guide-card:hover{border-color:#817ff8;transform:translateY(-2px)}
@media(max-width:720px){.guide-grid{grid-template-columns:1fr}.guide-body{font-size:16px}.guide-link{flex-direction:column;align-items:flex-start}}
/* ===== light workspace (toggle) ===== */
.theme-toggle{background:#ffffff10;border:1px solid #3b4870;color:#dfe6ff;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;min-height:38px}
.workspace-top{align-items:center;gap:10px;flex-wrap:wrap}.workspace-top .ws-right{display:flex;gap:8px;align-items:center}
body.light-tools .workspace-panel{background:#f5f7fc;border-color:#d6deec;color:#18223a;box-shadow:0 25px 80px #0006}
body.light-tools .workspace-panel :is(h2,h3,legend,b,strong){color:#141d33}
body.light-tools .workspace-panel :is(label,.tool-form label,.ib-form .field label){color:#24304d}
body.light-tools .workspace-panel :is(p,.footnote,.hint,.workspace-intro p,small){color:#4b5875}
body.light-tools .workspace-panel :is(input,select,textarea){background:#fff!important;color:#141d33!important;border-color:#c5cfe2!important}
body.light-tools .workspace-panel :is(fieldset.invoice-section,.ib-line,.gen-preview,.calc-row,.thumb,.file-order-row,details.ib-more,.eml-attachments .file-order-row){background:#fff;border-color:#d6deec}
body.light-tools .workspace-panel .dropzone{background:#f0f3fb;border-color:#9aa8d6}.light-tools .workspace-panel .dropzone-hint b{color:#141d33}.light-tools .workspace-panel .dropzone-hint span{color:#56627d}
body.light-tools .workspace-panel .tool-message{background:#e9eefb;color:#2a3a63}
body.light-tools .workspace-panel :is(.filter,.pill,.quick-chip,.ib-small-select){background:#fff;color:#2a3a63;border-color:#c5cfe2}
body.light-tools .workspace-panel .filter.active{background:linear-gradient(90deg,#8a7bff,#5e8dff);color:#fff;border-color:transparent}
body.light-tools .workspace-panel .next-steps{background:#e7f7f0;border-color:#9fd9c2}.light-tools .workspace-panel .next-steps p{color:#145a43}
body.light-tools .workspace-panel .ib-errors{background:#fdecef;border-color:#f0a7b6;color:#7a1430}.light-tools .workspace-panel .ib-errors a{color:#7a1430}
body.light-tools .workspace-panel .calc-row.big{background:linear-gradient(135deg,#e9ebff,#e5f0ff);border-color:#9b96f0}.light-tools .workspace-panel .calc-row b{color:#141d33}
body.light-tools .workspace-panel .ib-line-no{color:#4d55c9}.light-tools .workspace-panel .ib-line-total{color:#141d33}
body.light-tools .workspace-panel .inv-remove{background:#fde3ea;color:#8a1538}
body.light-tools .workspace-panel .preview{background:#fff;color:#141d33;border-color:#d6deec}
body.light-tools .workspace-panel .thumb figcaption{color:#4b5875}
/* ===== dashboard ===== */
.dash{padding-top:30px;padding-bottom:80px}
.dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.dash-head h2{font-size:34px;letter-spacing:-1px;margin:0}
.dash-cur{display:flex;gap:8px;align-items:center;font-size:13px;color:#b8c4e0}.dash-cur select,.dash-tools input,.dash-tools select{background:#0c1325;color:#fff;border:1px solid #3b4865;border-radius:10px;padding:9px 12px;min-height:40px}
.dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dash-card{border:1px solid #2f3b58;border-radius:16px;padding:16px;background:linear-gradient(150deg,#151e38,#0f1629);display:grid;gap:4px}
.dash-card span{color:#a9b6d3;font-size:13px}.dash-card b{font-size:24px;color:#fff;font-variant-numeric:tabular-nums}.dash-card small{color:#8796b5}
.dash-card.warn{border-color:#7d6a3c}.dash-card.alert{border-color:#8a3550;background:linear-gradient(150deg,#2a1426,#141629)}
.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin:12px 0}
.dash-panel{border:1px solid #2f3b58;border-radius:16px;padding:16px 18px;background:#0f172b;margin-bottom:12px}.dash-panel h3{margin:0 0 12px;font-size:15px}
.dash-chart{width:100%;height:auto}.dash-chart text{fill:#8f9cbb;font-size:11px}.dash-bar{fill:#5b57d6}.dash-bar.now{fill:url(#none);fill:#8fe3c6}
.dash-top{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 10px;margin-bottom:6px;border-radius:8px;overflow:hidden;font-size:14px}
.dash-top i{position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:#5b57d633;z-index:0}.dash-top span,.dash-top b{position:relative;z-index:1}
.dash-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.dash-tools h3{margin:0 auto 0 0}
.dash-table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse;font-size:14px}
.dash-table th{text-align:left;color:#8f9cbb;font-size:12px;font-weight:700;padding:8px;border-bottom:1px solid #2f3b58}.dash-table td{padding:10px 8px;border-bottom:1px solid #1f2942;vertical-align:middle}
.dash-table td small{display:block;color:#8796b5;font-size:11px}.dash-table .right{text-align:right;font-variant-numeric:tabular-nums}
.dash-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.dash-actions .pill{min-height:34px;padding:6px 10px}
.dash-status{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;border:1px solid currentColor;white-space:nowrap}
.dash-status.paid{color:#8fe3c6}.dash-status.unpaid{color:#a9b6ff}.dash-status.partially-paid{color:#ffd88a}.dash-status.overdue{color:#ff9db5}
.dash-import{cursor:pointer;display:inline-flex;align-items:center}
.dash-empty{text-align:center;max-width:560px;margin:40px auto;display:grid;gap:12px;justify-items:center}.dash-empty-icon{font-size:48px;color:#a69aff}.dash-empty p{color:#b4c0dc;line-height:1.6}.dash-cta{justify-content:center}
.ib-dash a{color:#b3a9ff;text-decoration:underline}
@media(max-width:900px){.dash-cards{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}}
@media(max-width:520px){.dash-cards{grid-template-columns:1fr}}
/* ===== v1.0: 3D hero ===== */
.hero{perspective:1400px}
.hero-art{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;will-change:transform}
.sheet-one{transform:rotate(-16deg) translateZ(90px) translate(calc(var(--s,0)*70px),calc(var(--s,0)*80px))}
.sheet-two{transform:rotate(17deg) translateZ(60px) translate(calc(var(--s,0)*-90px),calc(var(--s,0)*40px))}
.sheet-three{transform:rotate(11deg) translateZ(120px) translate(calc(var(--s,0)*50px),calc(var(--s,0)*-70px))}
.hero-core{transform:translate(-50%,-50%) rotate(-4deg) translateZ(30px)}
.orbit{transform:translate(-50%,-50%) rotateX(65deg) translateZ(-60px) rotateZ(calc(var(--s,0)*60deg))}
.floating-tag{transform:translateZ(140px);opacity:calc(1 - var(--s,0)*.8)}
.hero-art::after{content:"";position:absolute;inset:10% 15%;background:radial-gradient(circle at calc(50% + var(--gx,0%)) calc(50% + var(--gy,0%)),#8b7bff33,transparent 60%);filter:blur(30px);transform:translateZ(-120px);pointer-events:none}
/* tool card tilt + spotlight */
.tool-card{transform:perspective(800px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .2s ease-out,border-color .2s,box-shadow .2s}
.tool-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),#8b7bff26,transparent 60%);opacity:0;transition:opacity .2s;pointer-events:none}
.tool-card:hover::before{opacity:1}.tool-card{position:relative;overflow:hidden}
/* success animation + privacy meter */
.next-steps{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.next-steps.pop{animation:popIn .45s cubic-bezier(.2,1.4,.4,1)}
@keyframes popIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.done-anim{position:relative;width:48px;height:56px;margin-top:2px}
.done-sheet{position:absolute;inset:0 8px 8px 0;background:linear-gradient(155deg,#f7faff,#cbd5f7);border-radius:6px;box-shadow:0 6px 16px #0006;animation:dropIn .6s cubic-bezier(.2,1.3,.4,1) both}
.done-sheet::before,.done-sheet::after{content:"";position:absolute;left:7px;right:7px;height:3px;border-radius:2px;background:#9aa7d8;top:12px}.done-sheet::after{top:20px;right:14px}
.done-check{position:absolute;right:0;bottom:0;width:26px;height:26px;border-radius:50%;background:#2fbf8f;color:#fff;display:grid;place-items:center;font-weight:900;font-size:14px;box-shadow:0 0 0 4px #0f2a24;animation:checkPop .5s .35s cubic-bezier(.2,1.6,.4,1) both}
@keyframes dropIn{from{opacity:0;transform:translateY(-22px) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes checkPop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
.done-body{min-width:0}
.privacy-meter{display:flex;align-items:center;gap:8px;font-size:13px;color:#9fe5cb!important;margin:6px 0 0!important}.privacy-meter b{color:#fff}
.pm-dot{width:9px;height:9px;border-radius:50%;background:#2fbf8f;box-shadow:0 0 0 0 #2fbf8f88;animation:pulseDot 2s infinite}
.privacy-meter.warn{color:#ffd88a!important}.privacy-meter.warn .pm-dot{background:#ffb84d}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 #2fbf8f88}70%{box-shadow:0 0 0 8px #2fbf8f00}100%{box-shadow:0 0 0 0 #2fbf8f00}}
body.light-tools .workspace-panel .privacy-meter{color:#146b4f!important}body.light-tools .workspace-panel .privacy-meter b{color:#0d3f2f}
@media (prefers-reduced-motion: reduce){
  .hero-art,.tool-card{transform:none!important;transition:none!important}
  .floating-sheet,.pm-dot,.done-sheet,.done-check,.next-steps.pop{animation:none!important}
}
a.tool-card:hover{transform:perspective(800px) translateY(-5px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg))}
.related-card,.guide-card{position:relative;overflow:hidden;transform:perspective(800px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .2s ease-out,border-color .2s}
.related-card:hover,.guide-card:hover{transform:perspective(800px) translateY(-3px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg))}
.related-card::before,.guide-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),#8b7bff22,transparent 60%);opacity:0;transition:opacity .2s;pointer-events:none}
.related-card:hover::before,.guide-card:hover::before{opacity:1}
@media (prefers-reduced-motion: reduce){a.tool-card:hover,.related-card,.guide-card,.related-card:hover,.guide-card:hover{transform:none!important}}
.install-btn{margin-right:10px;cursor:pointer;border:1px solid #6f6ae8}
@media(max-width:720px){.install-btn{display:none}}
/* ===== v1.1 tools ===== */
.tf-out{margin-top:16px;display:grid;justify-items:center;gap:8px;border:1px solid #2f3b58;border-radius:16px;padding:20px;background:#0b1324}
.tf-code{font:800 46px/1.1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:4px;color:#fff;font-variant-numeric:tabular-nums}
.tf-bar{width:min(320px,100%);height:6px;border-radius:6px;background:#1f2942;overflow:hidden}.tf-bar i{display:block;height:100%;background:linear-gradient(90deg,#8b7bff,#5ce1ff);transition:width 1s linear}.tf-bar i.low{background:#ff7a9a}
.tr-card{margin-top:14px;border:1px solid #3b4870;border-radius:16px;padding:16px 18px;background:#121a35}.tr-card.bad{border-color:#8a3550}
.tr-kind{font-size:12px;font-weight:800;color:#8fe3c6;text-transform:uppercase;letter-spacing:1px}.tr-card.bad .tr-kind{color:#ff9db5}
.tr-num{font:700 22px ui-monospace,Menlo,Consolas,monospace;color:#fff;margin:4px 0 8px;overflow-wrap:anywhere}.tr-card p{margin:4px 0;color:#c8d2ec;font-size:14px;line-height:1.55}
.crop-stage{display:grid;place-items:center;background:repeating-conic-gradient(#1a2238 0 25%,#141b2e 0 50%) 0 0/20px 20px;border-radius:12px;padding:12px;margin:10px 0}
.crop-stage canvas{max-width:100%;cursor:grab;touch-action:none;border-radius:4px;box-shadow:0 0 0 2px #8b7bff}
#ptOut{font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;margin-top:10px}
body.light-tools .workspace-panel :is(.tf-out,.tr-card){background:#fff;border-color:#d6deec}body.light-tools .workspace-panel :is(.tf-code,.tr-num){color:#141d33}
/* ===== v1.2: features + layout stability ===== */
body[data-tool] .workspace-intro{display:block!important;position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body[data-tool] #workspaceContent{min-height:420px}
.features{padding-bottom:30px}.features h2{font-size:24px;letter-spacing:-.5px;margin:0 0 14px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.feature{border:1px solid #2b3653;border-radius:14px;background:#0f172b;padding:16px}.feature h3{margin:0 0 6px;font-size:15px;color:#fff}.feature p{margin:0;color:#aebbd8;line-height:1.6;font-size:14px}
.dash #dashRoot{min-height:900px}
/* install button + dialog */
.install-btn{color:#fff!important;font:inherit;font-size:13px;font-weight:700;background:linear-gradient(135deg,#2a2f6e,#1b2550)!important;border:1px solid #7d78e8!important;margin-right:10px;cursor:pointer}
.install-btn:hover{background:linear-gradient(135deg,#3a3f8e,#24306a)!important}
.nav-install{display:none;background:linear-gradient(90deg,#8a7bff,#5e8dff);color:#fff;border:0;border-radius:10px;padding:13px 14px;font:inherit;font-weight:700;margin-top:10px;cursor:pointer;text-align:left}
@media(max-width:720px){.site-header nav#mainNav .nav-install{display:block}.nav-install.hidden{display:none!important}}
.install-dialog{border:1px solid #3b4870;border-radius:18px;background:#10172b;color:#e8edff;max-width:420px;width:calc(100% - 32px);padding:22px}
.install-dialog::backdrop{background:#040712cc}
.install-dialog h2{margin:0 0 10px;font-size:20px}.install-dialog ol{padding-left:22px;line-height:1.7;color:#d3dbef}.install-dialog b{color:#fff}
.install-dialog form{margin-top:12px}.install-dialog .action-button{width:100%}
/* ===== Resume builder ===== */
.cv-paper{--cv-accent:#2f4bd8;width:100%;max-width:816px;margin:0 auto;background:#fff;color:#1d2433;padding:42px 46px;font:10.5pt/1.45 Calibri,"Segoe UI",Arial,Helvetica,sans-serif;box-shadow:0 12px 35px #0013;min-height:500px}
.cv-paper *{box-sizing:border-box}.cv-paper h1,.cv-paper h2{font-family:inherit;color:inherit}
.cv-name{font-size:25pt;line-height:1.1;margin:0;letter-spacing:-.3px;font-weight:700}
.cv-title{margin:4px 0 0;font-size:12pt;font-weight:600;color:#3b4560}.cv-contact{margin:6px 0 0;font-size:9.5pt;color:#4b5568;overflow-wrap:anywhere}
.cv-sec{margin-top:16px}.cv-sec h2{font-size:10.5pt;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 6px;padding-bottom:3px;border-bottom:1.5px solid var(--cv-accent);color:var(--cv-accent)}
.cv-sec p{margin:0 0 4px}.cv-item{margin-bottom:9px}.cv-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.cv-date{color:#555e72;font-size:9.5pt;white-space:nowrap}
.cv-sub{font-style:italic;color:#4b5568;font-size:9.8pt}.cv-paper ul{margin:4px 0 0;padding-left:17px}.cv-paper li{margin-bottom:2px}
.cv-skills{line-height:1.6}.cv-placeholder{color:#8a93a6;font-style:italic;margin-top:30px}
.tpl-classic .cv-name{color:var(--cv-accent)}
.tpl-modern .cv-head{border-left:6px solid var(--cv-accent);padding-left:14px}.tpl-modern .cv-name{color:#11182b}.tpl-modern .cv-sec h2{border-bottom:0;padding:0;display:flex;align-items:center;gap:8px}.tpl-modern .cv-sec h2::after{content:"";flex:1;height:1px;background:#d6dbe6}
.tpl-minimal .cv-sec h2{color:#111;border-bottom:1px solid #cfd4de;font-weight:700}.tpl-minimal .cv-name{font-weight:600}
.tpl-executive{font-family:Georgia,"Times New Roman",serif}.tpl-executive .cv-head{text-align:center;border-bottom:2px solid var(--cv-accent);padding-bottom:10px}.tpl-executive .cv-sec h2{border-bottom:0;text-align:left;letter-spacing:2px}
.cl-body{margin-top:24px;font-size:11pt;line-height:1.6}.cl-body p{margin:0 0 12px}
.cv-design{margin-bottom:10px}.cv-design label{font-size:12px;font-weight:700;color:#d9e1f5}.cv-move{display:flex;gap:4px;margin-left:auto}.cv-move .pill{min-height:34px;padding:4px 10px}
/* ATS report */
.ats-out{margin-top:14px}
.ats-score{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;border-radius:14px;padding:14px 16px;border:1px solid #3b4870;background:#121a35}.ats-score b{font-size:40px;line-height:1}.ats-score small{flex-basis:100%;color:#b8c4e0}
.ats-score.good b{color:#7de3c0}.ats-score.ok b{color:#ffd88a}.ats-score.low b{color:#ff9db5}
.ats-kw h4{margin:14px 0 6px;font-size:14px}.kw{display:inline-block;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;margin:0 6px 6px 0}.kw.miss{background:#3a1626;color:#ffc3d1;border:1px solid #8a3550}.kw.hit{background:#0f2a24;color:#9fe5cb;border:1px solid #2f6b58}
.ats-checks{list-style:none;padding:0;margin:14px 0 6px;display:grid;gap:6px}.ats-checks li{border:1px solid #2f3b58;border-radius:10px;padding:9px 12px;background:#0b1324;font-size:14px}.ats-checks li b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;margin-right:6px;font-size:12px}
.ats-checks li.ok b{background:#2fbf8f;color:#fff}.ats-checks li.bad b{background:#e0a33a;color:#111}.ats-checks small{display:block;color:#aebbd8;margin:4px 0 0 28px}
body.light-tools .workspace-panel :is(.ats-score,.ats-checks li){background:#fff;border-color:#d6deec}body.light-tools .workspace-panel .cv-design label{color:#24304d}
@media print{.cv-paper{max-width:none;padding:0;box-shadow:none;min-height:0}.cv-item,.cv-paper li{break-inside:avoid}}
/* PDF power pack */
.rd-stage{cursor:crosshair;touch-action:none}.rd-box{position:absolute;background:#000;border:0;padding:0;cursor:pointer;opacity:.85}.rd-box:hover{outline:2px solid #ff5d7a}.rd-box.ghost{background:#0008;outline:2px dashed #ff5d7a;pointer-events:none}
.cmp-report h2{font-size:18px;margin:6px 0}.cmp{font:12.5px/1.5 ui-monospace,Menlo,Consolas,monospace;padding:3px 8px;border-left:3px solid transparent;overflow-wrap:anywhere}.cmp span{display:inline-block;min-width:52px;color:#7a869e}
.cmp.add{background:#e6f7ee;border-color:#2fbf8f;color:#0d4a33}.cmp.del{background:#fde9ed;border-color:#e0466a;color:#6d1027;text-decoration:line-through}.cmp.same{color:#5f6c86}
#proOut .cmp-report{background:#fff;color:#16223a;border-radius:12px;padding:14px;max-height:520px;overflow:auto;margin-top:12px}
input[type=checkbox]{width:24px!important;height:24px!important;min-width:24px;flex:0 0 24px;accent-color:#8b7bff;margin:0}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0}
.contact-card{display:grid;gap:4px;border:1px solid #3b4870;border-radius:16px;padding:18px;background:#121a35;color:#e8edff!important;text-decoration:none!important}.contact-card span:first-child{font-size:24px}.contact-card:hover{border-color:#8b7bff}

/* ===== v1.4.3 mobile footer fix ===== */
.footer-grid{grid-template-columns:minmax(0,1.3fr) repeat(5,minmax(0,1fr))}
.footer-grid>div{min-width:0}
.footer-legal{flex-wrap:wrap!important;gap:8px 16px!important}
.footer-legal a{white-space:nowrap}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}
@media(max-width:480px){.footer-grid{gap:22px 18px;padding-top:32px}.footer-grid a{display:inline-block;padding:3px 0}}
.footer-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px}.footer-note strong{color:#b9c4e0;font-weight:700}
.social-links{list-style:none;display:flex!important;flex-wrap:wrap;gap:10px!important;padding:0;margin:16px 0 0!important}
.social-links a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid #2c3a58;background:#ffffff08;color:#b9c6e4}
.social-links a:hover,.social-links a:focus-visible{color:#fff;border-color:#8b7bff;background:#8b7bff22}
.footer-note a{color:inherit}.footer-note a:hover{color:#fff}
/* contain decorative glow + hero art so iOS Safari can never scroll sideways */
html,body{overflow-x:hidden}@supports(overflow:clip){html,body{overflow-x:clip}}
.aurora-wrap{position:absolute;top:0;left:0;right:0;height:1400px;overflow:hidden;pointer-events:none;z-index:-1}
.hero{overflow-x:clip}
.dropzone input[type=file]{display:block;width:100%;color:#9aa8c8;font-size:13px}
.dropzone input[type=file]::file-selector-button{background:linear-gradient(110deg,#7768f6,#5eaeed);border:0;color:#fff;border-radius:10px;padding:10px 16px;margin-right:12px;font-weight:700;cursor:pointer}
.hero-drop .dropzone input[type=file]{padding:10px 16px 20px}