@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:#eef3fa;background:#0a1018;font-synthesis:none;font-size:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:290px;background:radial-gradient(ellipse 750px 550px at 88% -4%,#17484b33,transparent 80%),linear-gradient(180deg,#0a111b,#0b111a);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}input,select{color:#ecf5fa}::selection{background:#5ddabc;color:#07141a}.topbar{max-width:1280px;margin:0 auto;padding:24px clamp(24px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:12px;font:700 24px Space Grotesk,sans-serif;letter-spacing:-1.3px}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #69e9b3;border-radius:12px;color:#7bf6ce;font-size:26px}.tiny{margin-left:8px;font-size:9px;color:#63bba8;vertical-align:top;letter-spacing:2px}.topbar nav{display:flex;gap:26px;align-items:center;font-size:13px;color:#afbac9}.topbar nav a:hover,.crumb a:hover{color:#71ecc1}.top-status{font-size:10px;letter-spacing:2px;border:1px solid #35434e;padding:10px 12px;border-radius:18px;color:#93aab0}.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(24px,5vw,64px)}.hero{padding:116px 0 130px;position:relative}.eyebrow{font:600 11px Space Grotesk,sans-serif;letter-spacing:3px;color:#73dcb9;text-transform:uppercase}.hero h1,.inner h1{font-family:Space Grotesk,sans-serif;line-height:1.02;letter-spacing:-.07em;font-weight:700;margin:23px 0 24px;font-size:clamp(55px,9.5vw,116px)}h1 em{font-weight:500;color:#7ae7c2;font-style:normal}.hero>p,.lead{color:#a5b4c5;font-size:clamp(17px,2vw,20px);line-height:1.65;max-width:650px;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid #334857;border-radius:9px;font-weight:700;font-size:13px;transition:.2s;background:transparent;color:#eff9f9}.btn:hover{transform:translateY(-2px);border-color:#77dfbe}.btn.primary{background:#74f0c6;border-color:#74f0c6;color:#10221f}.btn.primary:hover{background:#adf6de}.btn.ghost{background:#192632}.hero-foot{display:flex;gap:35px;flex-wrap:wrap;margin-top:55px;color:#7c97a7;font:600 10px Space Grotesk,sans-serif;letter-spacing:2px}.feature-section{margin-bottom:100px;scroll-margin-top:50px}.section-heading h2{font:700 clamp(29px,4.5vw,50px) "Space Grotesk";letter-spacing:-.05em;max-width:790px;margin:15px 0}.section-heading p{color:#91a7b8;max-width:720px;line-height:1.7;margin-bottom:24px}.feature-panel{display:flex;justify-content:space-between;gap:35px;align-items:center;background:linear-gradient(115deg,#1b3440,#16312e 90%);border:1px solid #39685c;border-radius:16px;padding:clamp(24px,5vw,56px);min-height:280px}.feature-panel h3{font:700 clamp(26px,3.2vw,38px) "Space Grotesk";letter-spacing:-.04em;margin:16px 0}.feature-panel p{line-height:1.7;color:#b0c6c8;max-width:550px}.kicker{color:#aaf6d5;font-size:11px;letter-spacing:2px;font-weight:700}.card-go{font-size:13px;color:#8bffca;font-weight:700;display:block;margin-top:22px}.timeline-demo{border-left:1px solid #446e61;min-width:210px;padding:18px 0 18px 24px;display:flex;flex-direction:column;gap:14px;color:#add5c5;font:600 11px Space Grotesk;letter-spacing:1px}.timeline-demo strong{font-size:19px;color:#ecfff7;letter-spacing:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card{border:1px solid #2b3d49;background:linear-gradient(155deg,#131f2a,#0c151e);border-radius:13px;padding:25px;min-height:195px;display:flex;flex-direction:column;transition:background .2s,border-color .2s}.tool-card:hover{background:#20343a;border-color:#64bca2}.tool-card h3{font:700 20px Space Grotesk;letter-spacing:-.035em;margin:16px 0 4px}.tool-card p{color:#8fa4b5;font-size:13px;line-height:1.6;margin:0}.tool-card .card-go{margin-top:auto;padding-top:15px}.note,.instructions{border:1px solid #293b46;border-radius:13px;background:#111c27;padding:26px 30px;color:#9cb0bd;line-height:1.75}.note strong,.instructions h2{color:#e9faf7}.note p{margin-bottom:0}.inner{padding-top:36px;padding-bottom:75px}.crumb{font-size:12px;color:#829cad;margin:20px 0 47px}.inner h1{font-size:clamp(44px,6.8vw,80px);max-width:1120px;line-height:1.12}.inner .lead{max-width:850px}.period{color:#74edc0}.tool-workbench{border:1px solid #39505e;border-radius:17px;background:#111e29;padding:clamp(18px,3vw,40px);margin:37px 0 38px}.drop{border:1px dashed #4d7c7b;border-radius:14px;padding:31px 22px;display:flex;align-items:center;flex-direction:column;gap:9px;background:#142b2f;position:relative;text-align:center}.drop.over{border-color:#82f3c4;background:#214039}.drop strong{font:700 19px Space Grotesk;color:#e6fffa}.drop span{color:#8caeb5;font-size:12px}.drop input{width:min(100%,350px);margin-top:9px;color:#b7d6ce;cursor:pointer}.drop input::file-selector-button{border:1px solid #72c8ac;padding:9px 14px;border-radius:7px;background:#213f3e;color:#fff;margin-right:12px}.feedback{margin:22px 0;background:#162634;border-left:3px solid #477c8e;padding:15px 16px;color:#a9c1d1;font-size:13px;line-height:1.6}.feedback.success{border-left-color:#76dfa8;background:#173126}.feedback.error{border-left-color:#e58d8d;background:#3b2326;color:#ffbdba}.form-grid,.tool-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.form-grid label,.tool-controls label,.date-fields label{display:flex;flex-direction:column;gap:9px;color:#b2c9d4;font-size:12px;font-weight:700}.form-grid .check-row{align-self:end;flex-direction:row;align-items:center;font-weight:500;padding-bottom:13px}.form-grid input[type=checkbox]{width:18px;height:18px;accent-color:#70dfba}input:not([type=file]):not([type=checkbox]),select{background:#0d1924;border:1px solid #375060;border-radius:8px;padding:12px 11px;width:100%;min-width:0;outline:none}input:focus,select:focus{border-color:#71e5c1}.results-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:30px 0 18px}.results-head h2{font:700 24px Space Grotesk;margin:4px 0}.date-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:22px}.date-card{border:1px solid #345061;border-radius:12px;background:#142734;padding:20px}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.row-check{font-size:12px;color:#a8e7c9;display:flex;align-items:center;gap:8px}.row-check input{accent-color:#60cda4}.date-meta{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 5px}.chip{font-size:10px;letter-spacing:1px;background:#254944;color:#a2eed2;padding:6px 9px;border-radius:6px;text-transform:uppercase}.chip.warn{color:#ffd19b;background:#503b2e}.context{font-size:13px;color:#a5b8c5;line-height:1.6;overflow-wrap:anywhere}.warning{background:#4e38243d;border-left:3px solid #dca15e;color:#f3d1a8;padding:12px 14px;border-radius:4px;font-size:12px;line-height:1.5}.muted{color:#90a7b9;font-size:12px;line-height:1.65}.muted a{color:#79e9c1}.instructions{margin-top:28px}.instructions h2{font:700 22px Space Grotesk;margin:10px 0}.instructions p{margin:6px 0 15px}.sample-grid,.small-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sample-grid a,.small-links a{padding:13px;border:1px solid #304852;border-radius:8px;background:#13202d;color:#b8dacd;font-size:12px;text-align:center}.sample-grid a:hover,.small-links a:hover{border-color:#70dbb3}.more-tools{margin-top:80px}.more-tools h2{font:700 27px Space Grotesk}.more-tools .small-links{margin:20px 0}.preview-area{margin:15px 0 25px;background:#09131c;border:1px solid #344752;min-height:120px;padding:16px;display:flex;justify-content:center;border-radius:10px}.canvas-preview{max-width:100%;height:auto;object-fit:contain;cursor:crosshair}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meta-grid>div{background:#162836;padding:14px;border:1px solid #344753;border-radius:9px;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}.meta-grid strong{font-size:11px;color:#7de9c0}.meta-grid span{font-size:12px;color:#d1e1e8}.hash{display:block;word-break:break-all;background:#06151b;padding:22px;color:#a8fcd0;font-size:15px;border:1px solid #31544c;border-radius:10px}.actions{margin:20px 0}.empty-state{border:1px dashed #40515d;border-radius:9px;padding:24px;color:#9caebc}.tool-controls{margin:22px 0}.tool-controls+.btn{margin-bottom:15px}footer{border-top:1px solid #24323d;padding:26px clamp(24px,5vw,64px);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;color:#697f91;font-size:11px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-demo{min-width:170px}.sample-grid,.small-links{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.top-status{display:none}.topbar nav{gap:13px;font-size:11px}.brand{font-size:19px}.hero{padding:62px 0 80px}.feature-panel{flex-direction:column;align-items:stretch}.timeline-demo{border-left:0;border-top:1px solid #446e61;padding:20px 0 0}.cards,.date-results,.form-grid,.meta-grid{grid-template-columns:1fr}.sample-grid,.small-links{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{min-height:170px}.inner h1{font-size:clamp(42px,8vw,62px)}.crumb{margin:12px 0 30px}.date-fields{grid-template-columns:1fr}.hero-foot{gap:12px 22px;font-size:9px}.topbar{flex-wrap:wrap}}:focus-visible{outline:3px solid #87efce;outline-offset:3px}.topbar nav a,footer a{min-height:44px;display:inline-flex;align-items:center}.btn,.small-links a,.sample-grid a,.tool-card .card-go{min-height:44px}.drop input::file-selector-button{min-height:44px}input:not([type=file]):not([type=checkbox]),select{min-height:44px}.check-row input[type=checkbox],.include-date{min-width:20px;min-height:20px}.date-card input[type=date],.date-card input[type=time]{font-size:16px}.meta-grid span,.hash,.context{overflow-wrap:anywhere;word-break:break-word}@media(max-width:650px){.topbar{padding-top:15px;padding-bottom:15px;align-items:flex-start}.topbar nav{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 14px}.topbar nav a{font-size:13px;min-height:44px}.hero h1{font-size:clamp(44px,12vw,66px);letter-spacing:-.065em;overflow-wrap:break-word}.hero-actions .btn{width:100%;min-height:48px}.inner{padding-top:10px}.tool-workbench{padding:16px}.drop{padding:24px 14px;min-height:156px}.drop input[type=file]{max-width:100%;font-size:14px}.form-grid label,.tool-controls label{gap:8px}.date-fields label,.form-grid label,.tool-controls label{font-size:13px}.form-grid input:not([type=checkbox]),.form-grid select,.tool-controls input{font-size:16px}.date-card{padding:16px}.date-fields{gap:14px}.sample-grid a,.small-links a{display:flex;align-items:center;justify-content:center;min-height:48px}.meta-grid{grid-template-columns:minmax(0,1fr)}.hash{font-size:13px}.results-head{flex-wrap:wrap}.canvas-preview{max-height:65vh;max-width:100%}footer{gap:12px;line-height:1.6}}@media(max-width:360px){.brand{font-size:18px}.wrap,.topbar{padding-left:16px;padding-right:16px}.inner h1{font-size:42px}.cards{gap:10px}.tool-card{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.tool-card{transition:none}.btn:hover{transform:none}}footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:18px 32px}footer .footer-meta{display:flex;flex-direction:column;gap:9px;max-width:540px}footer .footer-meta strong{color:#e2f3ed;font:700 15px Space Grotesk,sans-serif}footer .footer-meta span{color:#8da9b5;font-size:12px;line-height:1.7}footer nav{display:flex;flex-wrap:wrap;gap:4px 17px;align-items:center}footer nav a{min-height:44px;display:inline-flex;align-items:center;font-size:13px;color:#b8dbc9}footer nav a:hover,.instructions a:hover{color:#a2ffe3;text-decoration:underline}.instructions a{color:#93f2cf;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.instructions .contact-email{font-size:clamp(17px,2.5vw,24px);font-weight:700}@media(max-width:650px){footer{flex-direction:column;gap:16px}footer nav{gap:4px 14px}}