@font-face{font-family:LabRoboto;src:url('fonts/Roboto-VF.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f3f2eb;color:#222820;font-family:LabRoboto,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #879b22;outline-offset:3px}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}.topbar{max-width:1380px;margin:auto;padding:24px 40px;border-bottom:1px solid #d7d9cb;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;font-weight:600;letter-spacing:-1px}.brand b{font-weight:400}.brand-icon{background:#293c2c;color:#e4f39c;padding:3px 8px;font-size:28px;line-height:1.15;position:relative}.brand-icon span{font-size:15px;padding-left:5px}.topbar nav{display:flex;align-items:center;gap:30px;font-size:13px}.topbar nav a{text-decoration:none}.private{background:#e5e8d8;padding:6px 12px;border-radius:50px;color:#52613d;font-size:11px}.hero{max-width:1300px;margin:auto;padding:66px 0 55px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;margin:0 0 15px}.hero h1{font-size:clamp(48px,5.8vw,78px);line-height:1.03;font-weight:520;letter-spacing:-4px;margin:0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#47683b}.intro{color:#677062;font-size:17px;line-height:1.65;margin:25px 0}.hero-link{display:inline-flex;gap:26px;align-items:center;text-decoration:none;font-weight:600;border-bottom:1px solid;padding:3px 0}.hero-link span{font-size:25px}.type-art{background:#dceaa6;padding:28px 32px;transform:rotate(-2deg);border:1px solid #c8d98a;box-shadow:8px 9px 0 #e5e6d9;overflow:hidden}.art-tag{font-size:9px;letter-spacing:1.7px}.art-big{font-family:Georgia,serif;font-size:170px;letter-spacing:-13px;line-height:1.3;white-space:nowrap}.art-big span{font-family:Arial,sans-serif;font-size:76px;letter-spacing:-5px;padding-left:30px}.art-rule{border-top:1px solid #97aa5f;position:relative}.art-rule:before,.art-rule:after{content:'+';position:absolute;top:-13px;font-size:16px}.art-rule:after{right:0}.art-bottom{display:flex;justify-content:space-between;font-size:10px;margin-top:14px}.trustbar{max-width:1300px;border-top:1px solid #d7d9cb;border-bottom:1px solid #d7d9cb;margin:auto;display:flex;justify-content:space-between;padding:13px 0;font-size:11px;color:#677062}.trustbar i{display:inline-block;width:6px;height:6px;background:#668341;border-radius:100%;margin-right:7px}.workbench{max-width:1300px;margin:auto;padding:48px 0 64px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.section-heading h2{font-size:29px;font-weight:500;letter-spacing:-1px;margin:0}.section-heading .eyebrow{color:#73805e;margin-bottom:7px}.toolbar{display:flex;gap:8px}.quiet{border:0;background:transparent;padding:9px 10px;font-size:12px;color:#5c6851}.quiet:hover{background:#e7e9dd}.status{font-size:12px;color:#54613e;padding:11px 14px;background:#e8ecdb;border-left:3px solid #93a968;margin-bottom:18px;overflow-wrap:anywhere}.status.error{color:#824230;background:#f5e7df;border-color:#bf705a}.workspace-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:24px}.controls,.results{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{padding:21px;background:#fafbf6;border:1px solid #d9ddcf;border-radius:5px}.panel-title{display:flex;align-items:center;gap:9px;margin-bottom:16px;flex-wrap:wrap}.panel-title h3{font-size:15px;margin:0;font-weight:600;letter-spacing:-.2px}.step{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:10px;background:#e7ecda;color:#586b37}.badge{margin-left:auto;font-size:8px;letter-spacing:1px;color:#788369;border:1px solid #d7ddcb;padding:3px 6px;border-radius:3px}.dropzone{cursor:pointer;display:flex;align-items:center;flex-direction:column;border:1px dashed #aab997;background:#f1f5e8;padding:20px 10px;border-radius:4px;text-align:center}.dropzone:hover,.dropzone.drag{background:#e6eecd;border-color:#4c672d}.upload-icon{font-size:25px;line-height:1.2;margin-bottom:9px}.dropzone strong{font-size:14px}.dropzone span:not(.upload-icon){font-size:12px;color:#778269}.dropzone small{margin-top:13px;font-size:10px;color:#6b775e}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.dropzone:has(+.file-input:focus-visible){outline:3px solid #879b22}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.primary,.secondary{border:1px solid #2c4230;border-radius:4px;min-height:40px;padding:9px 14px;font-size:12px;font-weight:550;display:inline-flex;gap:14px;align-items:center;justify-content:center}.primary{background:#2c4230;color:#f7ffe6}.primary:hover{background:#405c36}.secondary{background:#f7f9ef;border-color:#c8d2ba;color:#3d5230}.secondary:hover{background:#e7eedb}#demoButton{width:100%;justify-content:space-between}#cancelButton{width:100%;color:#974a30}.micro{font-size:10px;line-height:1.6;color:#75806b;margin-bottom:0}.small{font-size:12px;color:#66715b;line-height:1.7}.font-info{border-top:1px solid #d9ddcf;margin-top:16px;padding-top:12px;font-size:12px;overflow-wrap:anywhere}.font-info strong{display:block}.axis{margin-top:15px}.axis label{display:flex;justify-content:space-between;font-size:11px}.axis input{width:100%;accent-color:#4b6539}.axis small{display:flex;justify-content:space-between;font-size:9px;color:#778269}textarea{width:100%;min-height:124px;resize:vertical;background:#fffef8;border:1px solid #ccd3c0;border-radius:3px;padding:13px;font-size:15px;line-height:1.6;color:#34402c}.sample-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sample-row button{background:#edf0e4;border:0;padding:5px 7px;font-size:10px;border-radius:3px;color:#596748}.sample-row button:hover{background:#dce7c6}.panel-title #charCount{margin-left:auto;margin-top:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:13px}.field-grid label{font-size:10px;color:#68735c;min-width:0}.field-grid label>span{float:right;color:#919b87}.field-grid input,.field-grid select{display:block;margin-top:5px;width:100%;min-width:0;border:1px solid #d0d7c5;background:#fffef9;color:#34402c;padding:8px;border-radius:3px;height:38px;font-size:13px}.check{display:flex;align-items:center;gap:7px;font-size:11px;color:#67725b;margin:17px 0}.check input{accent-color:#4b6539;width:16px;height:16px}#analyzeButton{width:100%;justify-content:space-between}.preview-panel{background:#fcfcf8;border:1px solid #d9ddcf;border-radius:5px;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e7d8;padding:16px 21px;gap:12px}.preview-toolbar .eyebrow{margin:0;color:#748164;font-size:9px;letter-spacing:1.5px}.segments{display:flex;background:#ecefe3;padding:3px;border-radius:4px}.segments button{font-size:10px;padding:5px 10px;background:none;border:0;color:#7b846f;border-radius:2px}.segments .active{background:#fffef8;color:#35472a;box-shadow:0 1px 3px #34422f20}.specimen-ruler{display:flex;justify-content:space-between;margin:22px 25px 0;border-top:1px solid #dce3ce;padding-top:7px;font-size:9px;color:#8d9980;letter-spacing:.7px}.preview-stage{min-height:200px;margin:30px 25px 20px;overflow:hidden;position:relative}.preview-copy{transform-origin:top left;white-space:pre-wrap;line-height:1.2;overflow-wrap:normal;color:#253e2a;font-synthesis:none}.preview-footer{padding:12px 20px;background:#eff2e8;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#78846c}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-grid article{background:#e9eedc;border:1px solid #d9e0c9;border-radius:4px;padding:16px}.summary-grid p{font-size:8px;letter-spacing:1px;color:#778766;margin:0 0 10px}.summary-grid strong{display:block;font-size:33px;letter-spacing:-1px;font-weight:500;line-height:1.2;color:#37532c}.summary-grid span{display:block;font-size:9px;color:#7d896e;margin-top:6px}.breakpoint-results{margin-top:16px}.empty{text-align:center;padding:25px 20px;color:#879276}.empty>span{font-size:30px}.empty p{font-size:14px;margin:4px}.empty small{font-size:11px;max-width:340px;display:block;margin:auto}.fit-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;padding:13px 0;border-top:1px solid #e4e8db;gap:10px}.fit-row strong{font-size:12px}.fit-row .readout{font-size:11px;color:#6b785e}.fit-row small{display:block;font-size:9px;color:#8b957f;margin-top:3px}.pill{font-size:9px;background:#e6eed6;color:#597438;padding:4px 8px;border-radius:50px;text-align:center}.pill.warn{background:#f5e6d6;color:#996a31}.overflow-note{grid-column:2/4;font-size:10px;color:#976d42;overflow-wrap:anywhere}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.metric-grid>div{padding:10px;background:#eff2e7;font-size:10px;color:#7b876a}.metric-grid strong{font-size:15px;display:block;color:#49633a;font-weight:500}.glyph-list{max-height:240px;overflow:auto;margin-top:12px;display:grid;gap:7px}.glyph-item{background:#f7eadc;padding:9px;font-size:11px;color:#976e3c;overflow-wrap:anywhere}.glyph-item button{font-size:10px;background:#fff7e9;border:1px solid #e0c8aa;border-radius:3px;color:#865b2f;padding:4px 7px;margin-left:8px}.success-text{color:#536d35}.export-panel{background:#e9eedf}.export-panel pre{font:11px/1.8 monospace;color:#c9d7bb;background:#283c2d;border-radius:4px;padding:18px;overflow:auto;max-height:200px}.export-panel .button-row>*{flex:1;min-width:140px}.restore-summary{padding:12px;border:1px solid #aebb92;border-radius:4px;font-size:12px;margin-top:14px}.guide{max-width:1300px;margin:auto;border-top:1px solid #d6dccb;padding:48px 0 64px}.guide-number{font-family:Georgia,serif;color:#789265;font-size:22px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:15px 0 30px}.guide-grid article>span{font-size:8px;letter-spacing:1px;color:#8d997c}.guide h3{font-size:17px;font-weight:500;line-height:1.35;margin:12px 0}.guide p{font-size:12px;color:#778269;line-height:1.8}.guide details{border-top:1px solid #d6dccb;padding:15px 0;font-size:13px}.guide summary{cursor:pointer}.guide details p{max-width:850px}.guide a{color:#486332}footer{max-width:1380px;margin:auto;border-top:1px solid #d6dccb;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:10px;color:#8d9980}footer .brand{font-size:20px;color:#425b35}footer .brand span{font-size:13px;letter-spacing:-.3px}dialog{max-width:440px;width:calc(100% - 32px);background:#f8faf1;border:1px solid #bbc9a5;border-radius:8px;padding:24px;color:#34442c}dialog h2{font-size:23px;letter-spacing:-.5px}dialog p{font-size:13px;line-height:1.7}dialog::backdrop{background:#20302070}.skip{position:absolute;top:-100px}.skip:focus{top:5px;left:5px;background:white;padding:8px;z-index:5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#measurementRoot{position:fixed;left:-20000px;top:0;pointer-events:none;visibility:hidden}.measure-text{margin:0;padding:0;border:0;white-space:pre-wrap;font-synthesis:none;box-sizing:content-box}.nowrap-measure{position:absolute;width:max-content!important;white-space:pre!important} [hidden]{display:none!important}@media(max-width:1400px){.hero,.trustbar,.workbench,.guide{margin-left:40px;margin-right:40px}.art-big{font-size:145px}.art-big span{font-size:65px}}@media(max-width:1000px){.workspace-grid{grid-template-columns:300px minmax(0,1fr);gap:16px}.hero{gap:30px}.hero h1{font-size:58px}.art-big{font-size:120px}.art-big span{font-size:40px;padding-left:10px}.type-art{padding:25px}.metric-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.summary-grid article{padding:12px}.summary-grid strong{font-size:27px}.hero,.trustbar,.workbench,.guide{margin-left:25px;margin-right:25px}.topbar{padding:20px 25px}}@media(max-width:760px){.hero{padding:40px 0 35px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:60px}.hero .intro{font-size:15px}.type-art{max-width:520px;transform:rotate(-1deg);padding:20px 26px}.art-big{font-size:140px;line-height:1.15}.art-big span{font-size:60px;padding-left:22px}.trustbar{align-items:flex-start;gap:10px;flex-direction:column;font-size:10px}.topbar nav>a{display:none}.topbar nav{gap:0}.brand{font-size:19px}.brand-icon{font-size:24px}.private{font-size:9px;padding:5px 8px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:27px}.toolbar{width:100%;justify-content:flex-end}.workbench{padding-top:32px}.workspace-grid{grid-template-columns:1fr}.controls,.results{gap:14px}.panel{padding:18px}.controls .field-grid{gap:15px}.results{margin-top:3px}.preview-stage{min-height:180px}.summary-grid{gap:7px}.summary-grid article{padding:11px}.summary-grid strong{font-size:29px}.summary-grid p{font-size:7px;letter-spacing:.7px}.summary-grid span{font-size:8px}.guide-grid{gap:20px}.guide-number{display:none}.guide{padding-top:32px}.guide h3{font-size:17px}footer{padding:23px 25px;align-items:flex-start;flex-wrap:wrap}footer>span:last-child{width:100%}}@media(max-width:400px){.hero,.trustbar,.workbench,.guide{margin-left:16px;margin-right:16px}.topbar{padding:18px 16px}.hero h1{font-size:51px;letter-spacing:-3px}.art-big{font-size:114px;letter-spacing:-9px}.art-big span{font-size:48px;padding-left:15px}.type-art{padding:20px}.art-bottom{font-size:8px}.art-tag{font-size:7px}.intro br{display:none}.preview-toolbar{padding:13px;gap:8px}.segments button{padding:5px 7px;font-size:9px}.preview-toolbar .eyebrow{font-size:8px;letter-spacing:.7px}.preview-footer{font-size:8px;flex-direction:column;gap:3px}.summary-grid article{padding:9px}.summary-grid strong{font-size:25px}.section-heading h2{font-size:25px}.guide-grid{grid-template-columns:1fr}.fit-row{grid-template-columns:48px 1fr auto;gap:6px}.fit-row .readout{font-size:10px}.fit-row strong{font-size:11px}.pill{font-size:8px;padding:4px 6px}.brand{font-size:17px;gap:8px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}