:root{--ink:#17201c;--muted:#657069;--line:#dce1d9;--paper:#f7f8f4;--accent:#d3ed9b;--dark:#171c19;--white:#fff;--radius:14px;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.screen:focus-visible{outline:3px solid #80a84d;outline-offset:4px}button{color:inherit}button:not(:disabled):hover{filter:brightness(.96)}[hidden]{display:none!important}.header{height:78px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--white)}.brand{display:flex;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1px;gap:5px}.brand:hover{text-decoration:none}.brand-light{font-weight:400;color:#69756a}.brand-icon{display:flex;gap:3px;margin-right:9px;transform:rotate(-8deg)}.brand-icon i{width:12px;height:25px;border:2px solid var(--ink);border-radius:4px}.brand-icon i:first-child{transform:skewY(-12deg)}.beta{font-size:9px;letter-spacing:1px;background:#eef2e9;padding:5px 6px;border-radius:4px;margin-left:9px}.header-right{display:flex;gap:25px;font-size:12px}.engine{color:var(--muted);display:flex;gap:7px;align-items:center}.engine i{width:6px;height:6px;border-radius:50%;background:#8baa61}main{max-width:1600px;margin:auto;padding:43px 38px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 13px;color:var(--muted)}h1{font-size:clamp(24px,3vw,37px);letter-spacing:-1.3px;font-weight:550;margin:0 0 11px}.intro p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0;line-height:1.6}.about-link{font-size:12px;white-space:nowrap;margin-left:20px}.url-form{display:flex;align-items:center;background:var(--white);padding:7px 7px 7px 20px;gap:13px;border:1px solid #bfc9b7;border-radius:12px;box-shadow:0 3px 10px #1b2a1605}.url-icon{color:var(--muted);font-size:24px}#url{width:100%;border:0;background:transparent;min-width:0;padding:12px 0;font-size:15px;outline-offset:0}.url-form button{border:0;border-radius:8px;background:var(--dark);color:var(--white);padding:15px 22px;white-space:nowrap;font-weight:550;font-size:13px;display:flex;gap:24px}.under-url{display:flex;justify-content:space-between;margin:11px 2px 24px;font-size:11px;color:var(--muted)}.text-button{border:0;padding:0;background:none;font-size:11px;text-decoration:none}.text-button:hover{text-decoration:underline}.workspace{display:grid;grid-template-columns:226px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white)}.controls{padding:24px 19px 10px;border-right:1px solid var(--line)}.control-group{padding-bottom:23px;margin-bottom:20px;border-bottom:1px solid var(--line)}.control-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:12px}.control-group h2{font-size:9px;letter-spacing:1.6px;font-weight:700;margin:0 0 13px;color:var(--muted);display:flex;justify-content:space-between}.control-group h2 span{font-weight:400;letter-spacing:0;text-transform:none}.display-options{display:flex;gap:7px}.display-button{border:1px solid var(--line);background:var(--white);border-radius:9px;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1;text-align:left;font-size:12px}.display-button small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.display-button.selected{border-color:#80945f;background:#f0f6e7;box-shadow:inset 0 0 0 1px #80945f}.device-icon{display:block;border:1.5px solid var(--ink);border-radius:4px;width:18px;height:26px;position:relative}.inner-icon{width:33px;height:24px;margin-top:2px}.inner-icon:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #809078}.wide-button{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:11px;background:var(--white);border-radius:7px;width:100%;font-size:11px}kbd{font:10px monospace;padding:2px 4px;background:#f1f3ee;border:1px solid var(--line);border-radius:3px;color:var(--muted)}.poses{display:flex;gap:5px}.poses button{padding:9px 3px;border:1px solid var(--line);border-radius:7px;background:var(--white);font-size:9px;flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.poses button span{font-size:24px;height:24px;line-height:24px}.poses button.selected{background:#edf3e5;border-color:#a4b591}.angle-label,.zoom-label{display:flex;justify-content:space-between;font-size:10px;margin:16px 0 8px}.angle-label output,.zoom-label output{color:var(--muted)}input[type=range]{width:100%;accent-color:#526647;margin:0}.micro{font-size:9px;line-height:1.7;color:var(--muted);margin:9px 0 0}.switch-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:15px 0;gap:10px;cursor:pointer}.switch-row small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.switch-row input{appearance:none;background:#dce2d6;width:28px;min-width:28px;height:16px;border-radius:20px;position:relative;margin:0;cursor:pointer}.switch-row input:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--white);position:absolute;top:2px;left:2px;transition:transform .15s}.switch-row input:checked{background:#516b3f}.switch-row input:checked:before{transform:translateX(12px)}.switch-row input:disabled{opacity:.4;cursor:default}#zoom{width:100%;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--white);font-size:11px;margin-bottom:10px}.end-button{display:block;margin:14px auto 0;color:var(--muted)}.preview-area{min-width:0;display:flex;flex-direction:column;background:#ecf0e8}.preview-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f9faf7;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);min-height:47px}.session-label{display:flex;align-items:center;gap:8px}.session-label i{width:6px;height:6px;min-width:6px;border-radius:50%;background:#aab1a6}.session-label i.live{background:#4c7939;box-shadow:0 0 0 3px #e3eddb}#timer{white-space:nowrap}.stage{padding:28px 25px 18px;min-height:480px;flex:1;display:flex;gap:25px;align-items:center;justify-content:center;overflow:auto;background-image:radial-gradient(#c7d0bd 1px,transparent 1px);background-size:16px 16px}.preview-card{min-width:0;flex:1;max-width:980px}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px 13px}.card-heading h2{font-size:11px;font-weight:500;margin:0}.card-heading>span{font:10px monospace;color:var(--muted);white-space:nowrap}.device-holder{position:relative;margin:auto}.device{padding:9px;background:#232a25;border:1px solid #4e574f;border-radius:30px;box-shadow:0 18px 35px -12px #20271d45,0 0 0 2px #858d8130;transform-origin:top left}.screen{background:#f4f3e9;border-radius:21px;overflow:hidden;position:relative;touch-action:none;outline-offset:8px}.screen>img{width:100%;height:100%;display:block;object-fit:fill;user-select:none}.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#d4dfc3,transparent 65%),#f4f5e9;text-align:center;gap:20px}.preview-symbol{display:flex;gap:4px;transform:rotate(-8deg);margin-bottom:5px}.preview-symbol i{width:46px;height:86px;border:2px solid #7e906b;border-radius:9px;background:linear-gradient(130deg,#dee9ce88,#afc09222)}.preview-symbol i:first-child{transform:skewY(-13deg)}.placeholder p{font-size:40px;letter-spacing:-1.5px;line-height:1.12;margin:0;color:#46573b}.placeholder>span:not(.preview-symbol){font-size:15px;color:#748368}.placeholder button{font-size:14px;color:#435a35;border:1px solid #a8ba98;border-radius:7px;padding:12px 22px;background:#f6f8ef;margin-top:4px}.fold-guide{position:absolute;top:0;bottom:0;left:calc(50% - 14px);width:28px;background:linear-gradient(90deg,transparent,#1c281c33,transparent);pointer-events:none;opacity:0}.screen.folded .fold-guide{opacity:1}.screen.horizontal-fold .fold-guide{left:0;right:0;top:calc(50% - 14px);width:auto;height:28px;bottom:auto;background:linear-gradient(180deg,transparent,#1c281c33,transparent)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:8px;font-size:9px;color:var(--muted)}.card-footer>div{display:flex;gap:5px}.icon-button{border:1px solid #c7d1be;background:#f7f9f2;border-radius:5px;width:27px;height:25px;font-size:15px}.preview-bottom{display:flex;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid #dce3d6;font-size:10px;color:var(--muted);background:#f8faf5}.estimate-badge{font-size:9px;white-space:nowrap;background:#e9eedf;padding:3px 6px;border-radius:4px}.text-entry{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--white);border-top:1px solid var(--line)}.text-entry label{font-size:10px;color:var(--muted);max-width:95px;line-height:1.5}.text-entry input{min-width:0;flex:1;border:1px solid var(--line);border-radius:6px;padding:10px;font-size:11px}.text-entry button{border:0;background:#edf3e5;padding:11px;border-radius:6px;font-size:10px}.accuracy{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding:55px 0}.accuracy h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;font-weight:500;margin:0 0 18px}.accuracy p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 13px}.accuracy .eyebrow{font-size:9px}.accuracy strong{font-weight:600;color:#3c473c}.source-links{display:flex;gap:20px;font-size:11px;margin-top:20px}footer{border-top:1px solid var(--line);padding:25px 38px;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.5px}.footer-light{color:var(--muted);letter-spacing:0;margin-left:8px}footer a{letter-spacing:0}.waiting{position:absolute;inset:0;display:grid;place-content:center;color:var(--muted);font-size:15px}.screen>img:not([hidden])+.waiting{display:none}.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}@media(min-width:1100px){.stage.comparing #other-card{flex:.7}}@media(max-width:1000px){main{padding:30px 20px 0}.header{padding:0 20px}.workspace{grid-template-columns:195px minmax(0,1fr)}.controls{padding:20px 13px 10px}.stage{padding:25px 15px;min-height:420px}.stage.comparing{flex-direction:column;align-items:stretch}.accuracy{gap:35px}.about-link{display:none}.text-entry label{display:none}}@media(max-width:650px){.header{height:65px}.brand{font-size:22px}.header-right .engine{display:none}.header-right{font-size:10px}main{padding:25px 14px 0}h1{font-size:28px;max-width:320px;line-height:1.12}.intro p:not(.eyebrow){font-size:12px}.url-form{padding-left:12px;gap:8px}.url-form button{padding:13px;font-size:11px;gap:10px}#url{font-size:12px}.under-url{font-size:9px;gap:10px;align-items:center;line-height:1.5}.under-url button{font-size:9px}.workspace{display:flex;flex-direction:column}.controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.control-group{margin:0;padding:0 0 12px}.control-group:first-child{grid-row:span 2}.control-group:nth-child(3){grid-column:1/-1}.control-group h2{font-size:9px;margin-bottom:10px}.display-options{height:100px}.poses button{flex-direction:row;justify-content:center;gap:12px}.micro{font-size:9px}.angle-label{margin-top:10px}.stage{min-height:330px;padding:22px 15px}.preview-toolbar{padding:12px;font-size:9px}#timer{font-size:8px}.preview-bottom{font-size:9px;padding:12px}.preview-bottom .estimate-badge{display:none}.text-entry{padding:12px;gap:6px}.accuracy{grid-template-columns:1fr;gap:20px;padding:35px 4px}.accuracy h2{font-size:23px}.source-links{gap:12px;flex-wrap:wrap}footer{padding:20px 18px;flex-direction:column;line-height:1.6}.card-footer{font-size:8px}.text-entry button{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.seo-guide{max-width:1000px;margin:50px auto 70px;padding:0 24px;line-height:1.7}.seo-guide h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:32px 0 18px}.seo-guide ol{padding-left:24px}.seo-guide li{margin:12px 0}.seo-guide details{border-bottom:1px solid #dce1da;padding:18px 0}.seo-guide summary{cursor:pointer;font-weight:600}.seo-guide details p{max-width:850px;color:#56615a}.seo-guide a{color:#245d37;text-decoration:underline}.related-help{margin-top:28px}