:root{color-scheme:light;--page-bg:#f6f5f2;--surface:#fff;--ink:#282b2f;--muted:#676b70;--line:#deded9;--accent:#ed6335;--accent-dark:#ad3d17;--accent-soft:#fff2e9;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-padding-bottom:20px}body{background:var(--page-bg);color:var(--ink);margin:0;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}img,svg{max-width:100%}img{height:auto}button,summary{touch-action:manipulation}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{color:#282b2f;background:#ffd2bd}[hidden]{display:none!important}main:focus{outline:none}.skip-link{z-index:100;color:var(--ink);background:#fff;padding:12px 18px;font-weight:650;position:fixed;top:12px;left:20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{color:#fff;background:#24272b;border-bottom:1px solid #373a3e}.site-header-inner{align-items:center;gap:42px;max-width:1280px;min-height:76px;margin:0 auto;padding:0 32px;display:flex}.site-brand{letter-spacing:-.5px;flex-shrink:0;align-items:center;gap:12px;font-size:17px;font-weight:720;text-decoration:none;display:inline-flex}.site-brand-mark{flex-shrink:0}.brand-light{font-weight:440}.site-nav{align-self:stretch;gap:26px;display:flex}.site-nav a{color:#bfc1c4;white-space:nowrap;align-items:center;font-size:13px;font-weight:560;text-decoration:none;transition:color .15s;display:flex;position:relative}.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff}.site-nav a[aria-current=page]:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:0;left:0;right:0}.header-status{color:#bfc1c4;white-space:nowrap;font-family:var(--font-mono);align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.header-status>span{background:#91ac88;border-radius:50%;width:6px;height:6px}.site-shell{width:min(1216px,100% - 64px);margin:0 auto}.eyebrow{color:var(--muted);font-family:var(--font-mono);letter-spacing:1.7px;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 14px;font-size:10px;font-weight:650;line-height:1.6;display:flex}.eyebrow-square{background:var(--accent);width:6px;height:6px}.accent-text{color:var(--accent-dark)}.home-intro{grid-template-columns:1.1fr 1fr;align-items:center;gap:72px;padding:68px 0 60px;display:grid}.home-intro h1{letter-spacing:-2.2px;margin:0;font-size:clamp(38px,4.15vw,54px);font-weight:740;line-height:1.12}.home-description{max-width:470px;color:var(--muted);margin:23px 0 0;font-size:16px;line-height:1.75}.intro-facts{color:#565c60;flex-wrap:wrap;gap:12px 20px;margin:26px 0 0;padding:0;font-size:11px;font-weight:580;list-style:none;display:flex}.intro-facts li{align-items:center;gap:6px;display:flex}.intro-facts li span{color:var(--accent-dark)}.sample-board{background:#fdfdfb;border:1px solid #d5d6d1;border-radius:8px;margin:0;overflow:hidden;box-shadow:0 4px #e7e6e1}.sample-board-top{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;font-size:10px;display:flex}.sample-board-top>span:first-child{color:var(--ink);align-items:center;gap:7px;display:flex}.sample-dot{background:var(--accent);width:6px;height:6px}.sample-frame-grid{background-color:#f1f0ec;background-image:linear-gradient(45deg,#fff9 25%,#0000 25% 75%,#fff9 75%),linear-gradient(45deg,#fff9 25%,#0000 25% 75%,#fff9 75%);background-position:0 0,8px 8px;background-size:16px 16px;border:1px solid #dddeda;grid-template-columns:repeat(3,1fr);margin:21px;display:grid}.sample-frame{border-bottom:1px solid #d7d7d299;border-right:1px solid #d7d7d299;justify-content:center;align-items:center;min-height:103px;display:flex;position:relative}.sample-frame:nth-child(3n){border-right:0}.sample-frame:nth-last-child(-n+3){border-bottom:0}.sample-frame img{object-fit:contain;width:80px;height:58px;image-rendering:pixelated}.sample-frame-index{color:#8a8c86;font-family:var(--font-mono);font-size:9px;position:absolute;top:7px;left:8px}.sample-board figcaption{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;gap:12px;padding:0 21px 15px;font-size:9px;display:flex}.sample-board figcaption>span:last-child{color:var(--accent-dark);white-space:nowrap}.tools-section{padding-bottom:64px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2,.home-details h2,.faq-heading h2{letter-spacing:-.85px;margin:0;font-size:28px;font-weight:680;line-height:1.3}.section-aside{color:var(--muted);padding-bottom:3px;font-size:11px}.tool-card-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.tool-card{background:#fff;border:1px solid #d8d9d4;border-radius:7px;flex-direction:column;padding:27px 30px 0;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 18px #24272b09}.tool-card-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.tool-icon{width:46px;height:46px;color:var(--accent-dark);background:#fff0e7;border-radius:5px;justify-content:center;align-items:center;display:flex}.tool-card-number{font-family:var(--font-mono);color:#767b7e;letter-spacing:1.3px;font-size:9px}.tool-card h3{letter-spacing:-.65px;margin:23px 0 10px;font-size:23px;font-weight:650;line-height:1.25}.tool-card>p{color:var(--muted);max-width:420px;margin:0 0 27px;font-size:13px;line-height:1.75}.tool-card-bottom{color:var(--accent-dark);border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:auto;padding:15px 0;font-size:12px;font-weight:650;display:flex}.card-arrow{font-size:21px;font-weight:400;line-height:1}.home-details{border-top:1px solid var(--line);grid-template-columns:1fr 1.05fr;gap:100px;padding:45px 0 74px;display:grid}.home-details h2{font-size:31px}.detail-points{gap:26px;display:grid}.detail-points>div{gap:18px;display:flex}.detail-index{color:var(--accent-dark);font-size:10px;font-family:var(--font-mono);padding-top:3px}.detail-points h3{margin:0 0 5px;font-size:14px;font-weight:650}.detail-points p{color:var(--muted);margin:0;font-size:13px}.page-intro{justify-content:space-between;align-items:center;gap:24px;padding:37px 0 28px;display:flex}.page-intro .eyebrow{margin-bottom:8px;font-size:9px}.page-intro h1{letter-spacing:-1.3px;margin:0;font-size:clamp(28px,3vw,38px);font-weight:720;line-height:1.2}.title-muted{font-weight:430}.page-intro p:not(.eyebrow){color:var(--muted);margin:11px 0 0;font-size:13px;line-height:1.6}.tool-intro-tag{white-space:nowrap;color:#606963;font-family:var(--font-mono);background:#fdfdfb;border:1px solid #deded9;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:inline-flex}.tool-intro-tag span{color:#798e6f;font-size:7px}.guide-section{margin-top:56px}.guide-section .section-heading h2{letter-spacing:-.6px;font-size:24px}.guide-steps{border:1px solid var(--line);background:#fbfbf9;border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.guide-steps li{border-right:1px solid var(--line);padding:24px}.guide-steps li:last-child{border:0}.guide-steps .step-number{font-family:var(--font-mono);color:var(--accent-dark);font-size:10px}.guide-steps h3{margin:12px 0 7px;font-size:13px;font-weight:650}.guide-steps p{color:var(--muted);margin:0;font-size:12px;line-height:1.75}.guide-note{background:#f0eee7;border-radius:5px;align-items:flex-start;gap:14px;margin:20px 0 0;padding:20px 24px;display:flex}.note-icon{border:1px solid #8f9088;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;margin-top:2px;font-family:Georgia,serif;font-size:12px;display:flex}.guide-note h2{letter-spacing:0;margin:0 0 5px;font-size:12px;font-weight:650}.guide-note p{color:#6b6d66;max-width:980px;margin:0;font-size:12px;line-height:1.75}.guide-note code{color:#53564f;font-family:var(--font-mono);font-size:.95em}.faq-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:70px;margin-top:64px;padding:42px 0 70px;display:grid}.faq-heading .eyebrow{margin-bottom:10px}.faq-heading h2{font-size:27px}.faq-heading p:not(.eyebrow){max-width:280px;color:var(--muted);font-size:12px;line-height:1.8}.faq-heading a,.faq-answer a{color:var(--accent-dark);text-underline-offset:3px;text-decoration-thickness:1px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:19px 0;font-size:13px;font-weight:560;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#8b8e8e;flex-shrink:0;font-size:19px;font-weight:400;line-height:1;transition:transform .16s}.faq-list details[open] summary>span{color:var(--accent-dark);transform:rotate(45deg)}.faq-answer{padding:0 30px 18px 0}.faq-answer p{color:var(--muted);margin:0;font-size:12px;line-height:1.85}.site-footer{border-top:1px solid var(--line);background:#eeeee9}.site-footer-inner{justify-content:space-between;gap:32px;width:min(1216px,100% - 64px);margin:0 auto;padding:29px 0;display:flex}.footer-brand{letter-spacing:-.2px;font-size:12px;font-weight:680;text-decoration:none}.footer-brand span{color:var(--accent);padding-left:4px}.site-footer p{color:#7a7d76;margin:5px 0 0;font-size:10px}.footer-details{color:#73776f;flex-direction:column;align-items:flex-end;gap:6px;font-size:10px;display:flex}.footer-details a{text-underline-offset:3px}.footer-details a:hover{color:var(--accent-dark)}.footer-privacy{align-items:center;gap:14px;display:flex}.footer-privacy button,.consent-close{color:inherit;cursor:pointer;text-underline-offset:3px;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.analytics-consent{z-index:90;background:#fff;border:1px solid #b9bab4;border-radius:7px;align-items:center;gap:24px;max-width:920px;margin:0 auto;padding:20px 24px;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 5px 30px #24272b24}.analytics-consent h2{margin:0 0 5px;font-size:15px}.analytics-consent p{color:var(--muted);margin:0;font-size:12px}.analytics-consent a{text-underline-offset:2px}.analytics-consent .consent-status{margin-top:7px;font-size:11px}.consent-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.consent-actions button{cursor:pointer;min-height:44px}.consent-actions .site-button{white-space:nowrap;padding:9px 12px}.consent-close{margin-left:5px;font-size:12px}.privacy-page{max-width:780px;padding-top:48px;padding-bottom:64px}.privacy-page h1{letter-spacing:-1px;margin:0;font-size:38px}.privacy-page h2{margin:30px 0 8px;font-size:21px}.privacy-page p:not(.eyebrow){color:var(--muted)}.privacy-page a{color:var(--accent-dark);text-underline-offset:3px}.not-found{text-align:center;flex-direction:column;align-items:center;min-height:calc(100vh - 210px);padding:90px 0 100px;display:flex}.missing-frame{grid-template-columns:1fr 1fr;gap:6px;width:82px;margin-bottom:28px;display:grid;transform:rotate(-6deg)}.missing-frame span{background:#dfdfd8;border-radius:2px;height:38px}.missing-frame span:last-child{background:var(--accent-soft);border:1px dashed var(--accent);font-family:var(--font-mono);color:var(--accent-dark);place-items:center;font-size:23px;display:grid}.not-found h1{letter-spacing:-1.2px;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.2}.not-found>p:not(.eyebrow){color:var(--muted);margin:18px 0 28px}.not-found-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.site-button{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:5px;align-items:center;gap:18px;padding:12px 18px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.site-button:hover{background:#d54e25;border-color:#d54e25}.site-button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.site-button.secondary:hover{border-color:var(--accent)}@media (width<=1100px){.site-header-inner{gap:28px}.site-nav{gap:20px}.header-status{display:none}.site-nav{margin-left:auto}.home-intro{gap:40px}.home-intro h1{font-size:43px}.home-details{gap:60px}.faq-section{gap:42px}}@media (width<=760px){.analytics-consent{flex-direction:column;align-items:stretch;gap:14px;max-height:70vh;padding:18px;bottom:12px;left:12px;right:12px;overflow:auto}.consent-actions{justify-content:flex-start}.site-header-inner{flex-wrap:wrap;gap:0;min-height:auto;padding:0 22px}.site-brand{padding:18px 0 15px;font-size:17px}.site-brand-mark{width:24px;height:24px}.site-nav{gap:26px;width:100%;min-height:45px;margin:0;overflow-x:auto}.site-nav a{font-size:12px}.site-shell,.site-footer-inner{width:calc(100% - 40px)}.home-intro{grid-template-columns:1fr;gap:33px;padding:39px 0 45px}.home-intro h1{letter-spacing:-1.5px;font-size:clamp(37px,7.5vw,48px)}.home-description{max-width:100%;margin-top:17px;font-size:15px}.intro-facts{margin-top:20px}.sample-board{width:100%;max-width:560px}.sample-frame{min-height:96px}.section-aside{display:none}.section-heading h2{font-size:26px}.tool-card-grid{gap:16px}.tool-card{padding:22px 22px 0}.tool-card-number{letter-spacing:.4px;font-size:8px}.tool-card h3{margin-top:20px;font-size:20px}.tool-card>p{font-size:12px}.home-details{grid-template-columns:1fr;gap:28px;padding:35px 0 45px}.home-details h2{font-size:28px}.tools-section{padding-bottom:40px}.page-intro{align-items:flex-start;padding:28px 0 22px}.page-intro h1{letter-spacing:-.9px;font-size:31px}.tool-intro-tag{display:none}.guide-section{margin-top:40px}.guide-section .section-heading h2{font-size:23px}.guide-steps{grid-template-columns:1fr 1fr}.guide-steps li{border-bottom:1px solid var(--line);padding:21px}.guide-steps li:nth-child(2){border-right:0}.guide-steps li:nth-child(3){border-bottom:0}.guide-note{padding:18px}.faq-section{grid-template-columns:1fr;gap:22px;margin-top:40px;padding:32px 0 45px}.faq-heading p:not(.eyebrow){max-width:none}.site-footer-inner{padding:25px 0}.site-footer-inner,.footer-details{align-items:flex-start}.site-footer-inner{flex-direction:column;gap:17px}}@media (width<=480px){.site-header-inner{padding:0 20px}.site-nav{gap:23px}.site-nav a{font-size:11px}.home-intro h1{font-size:38px}.tool-card-grid{grid-template-columns:1fr}.tool-card{padding:23px 24px 0}.tool-card h3{font-size:23px}.tool-card>p{font-size:13px}.tool-card-number{font-size:9px}.page-intro h1{font-size:28px}.page-intro p:not(.eyebrow){font-size:12px}.sample-frame-grid{margin:15px}.sample-frame{min-height:91px}.sample-frame img{width:72px;height:auto}.sample-board figcaption{padding:0 15px 13px;font-size:8px}.guide-steps li{padding:17px}.guide-steps h3{font-size:12px}.guide-steps p{font-size:11px}.eyebrow{letter-spacing:1.3px;font-size:9px}.not-found{padding:65px 0}.not-found>p:not(.eyebrow){font-size:13px}}.site-footer a,.footer-privacy button{align-items:center;min-height:44px;display:inline-flex}.footer-details{gap:0}.analytics-consent{bottom:max(20px, env(safe-area-inset-bottom))}@media (width<=760px){.site-header-inner{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.site-shell,.site-footer-inner{width:auto;margin-left:max(20px, env(safe-area-inset-left));margin-right:max(20px, env(safe-area-inset-right))}.site-footer-inner{padding-bottom:max(25px, env(safe-area-inset-bottom))}.site-footer p,.footer-details{font-size:12px}.analytics-consent{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));max-height:70dvh}.consent-actions{gap:10px}.consent-actions .site-button{flex:1}.consent-close{padding:8px}}@media (width<=359px){.site-nav{gap:16px}.site-nav a{font-size:10px}.guide-steps{grid-template-columns:1fr}.guide-steps li{border-right:0;border-bottom:1px solid var(--line)!important}.guide-steps li:last-child{border-bottom:0!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}