/* Generated from styles.css by scripts/build-app-styles.mjs. */
:root{--bg:#f7f5ef;--surface:#fff;--surface-2:#eef3ec;--ink:#1e2a23;--muted:#5d6a61;--line:#d9ddd3;--accent:#2f6f4e;--accent-2:#8b5e34;--accent-3:#d7943c;--review-star:#f5a623;--danger:#9f2f23;--shadow:0 18px 45px #272c241a;--radius:8px;--max:1140px;--site-header-height:113px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#f7f5eff5,#f7f5effa),repeating-linear-gradient(90deg,#8b5e340f 0 1px,#0000 1px 90px);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img,canvas{max-width:100%;display:block}.skip-link{z-index:20;color:#fff;background:var(--ink);border-radius:var(--radius);padding:10px 14px;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.site-header,[data-site-header]{min-height:var(--site-header-height)}.site-header{z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#f7f5eff0;position:sticky;top:0;overflow-x:clip}.nav{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:68px;margin:0 auto;padding:10px 16px;display:flex;position:relative;overflow-x:clip}.brand{min-width:max-content;color:var(--ink);letter-spacing:0;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:7px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.brand-icon{object-fit:cover;border-radius:8px;flex:0 0 34px;width:34px;height:34px;box-shadow:0 2px 8px #272c2424}.nav-links{scrollbar-width:none;-webkit-overflow-scrolling:touch;order:3;align-items:center;gap:6px;width:100%;min-width:0;padding:2px 0 4px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-menu-item{flex:none;align-items:center;display:flex}.nav-menu-control{border-radius:7px;align-items:center;display:flex}.nav-trigger,.nav-links>a{color:var(--muted);border-radius:7px;flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:14px;font-weight:650;display:inline-flex}.nav-menu-control>.nav-trigger{border-radius:7px 0 0 7px;padding-right:4px}.nav-menu-toggle{width:26px;min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:0 7px 7px 0;place-items:center;margin-left:0;display:inline-grid}.nav-menu-toggle:after{content:"";border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.nav-menu-item:hover>.nav-menu-control,.nav-menu-item:focus-within>.nav-menu-control,.nav-menu-item.active>.nav-menu-control,.nav-menu-item.is-open>.nav-menu-control{background:#2f6f4e1a}.nav-menu-item:hover .nav-trigger,.nav-menu-item:focus-within .nav-trigger,.nav-menu-item.active .nav-trigger,.nav-menu-item.is-open .nav-trigger,.nav-menu-item:hover .nav-menu-toggle,.nav-menu-item:focus-within .nav-menu-toggle,.nav-menu-item.active .nav-menu-toggle,.nav-menu-item.is-open .nav-menu-toggle,.nav-links>a:hover,.nav-links>a.active{color:var(--ink);text-decoration:none}.mega-menu{display:none}.mega-menu a{color:var(--ink)}.nav-menu-item.is-open>.nav-trigger,.nav-menu-item.is-open>.nav-menu-toggle{color:var(--ink);background:#2f6f4e1a;text-decoration:none}.mega-feature,.mega-link{border-radius:8px;min-width:0}.mega-feature{color:var(--ink);border:1px solid var(--line);background:linear-gradient(#ffffffe6,#eef3ecdb),#fff;grid-template-rows:minmax(190px,1fr) auto auto auto;align-content:stretch;gap:14px;padding:18px;display:grid}.mega-feature:hover,.mega-link:hover,.mega-link.active{background:#2f6f4e14;text-decoration:none}.mega-feature strong,.mega-link strong{color:var(--ink);line-height:1.2;display:block}.mega-feature>span:not(.mega-visual),.mega-copy>span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.35;display:block}.mega-visual{background:radial-gradient(circle at 18% 20%,#d7943c2e,#0000 25%),radial-gradient(circle at 82% 72%,#2f6f4e24,#0000 24%),#fbfaf6;border:1px solid #dfe6d8;border-radius:8px;min-height:190px;position:relative;overflow:hidden}.mega-visual-apps{background:radial-gradient(circle at 26% 25%,#2f6f4e2e,#0000 28%),radial-gradient(circle at 74% 68%,#d7943c29,#0000 26%),#f7faf6}.mega-visual-resources{background:radial-gradient(circle at 20% 76%,#d7943c2e,#0000 26%),radial-gradient(circle at 78% 28%,#2f6f4e26,#0000 28%),#fbfaf6}.mega-visual-templates,.mega-visual-learn,.mega-visual-blog,.mega-visual-compare,.mega-visual-glossary{place-items:center;display:grid}.mega-visual-templates{background:radial-gradient(circle at 20% 22%,#d7943c33,#0000 27%),linear-gradient(145deg,#fbfaf6,#f1eadc)}.mega-visual-learn{background:radial-gradient(circle at 78% 24%,#2f6f4e2e,#0000 28%),linear-gradient(145deg,#f8fbf7,#e9f0e7)}.mega-visual-blog{background:radial-gradient(circle at 18% 78%,#3478f624,#0000 26%),linear-gradient(145deg,#f8fafc,#e9eef5)}.mega-visual-compare{background:linear-gradient(90deg,#2f6f4e1f 0 50%,#d7943c24 50% 100%),#fbfaf6}.mega-visual-glossary{background:radial-gradient(circle at 76% 76%,#8b5e342b,#0000 27%),linear-gradient(145deg,#fbfaf6,#f0ede7)}.mega-visual svg{width:100%;height:100%;min-height:inherit;display:block}.mega-svg-grid,.mega-svg-line,.mega-svg-measure,.mega-svg-browser,.mega-svg-heading,.mega-svg-line-light,.mega-svg-arrow-left,.mega-svg-arrow-right,.mega-svg-search-line{fill:none;stroke:#9aa797;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.mega-svg-grid{stroke:#8b5e3424;stroke-width:1px}.mega-svg-paper{fill:#fffffff0;stroke:#cdd6ca;stroke-width:2px;filter:drop-shadow(0 10px 10px #272c241a)}.mega-svg-wood{fill:#ead09a;stroke:#8b5e34;stroke-width:3px;stroke-linejoin:round}.mega-svg-accent{fill:#2f6f4e}.mega-svg-accent-fill{fill:#d7943c;stroke:#b87725;stroke-width:2px}.mega-svg-shadow{fill:#272c241a}.mega-svg-pencil{fill:#2f6f4e;stroke:#244f39;stroke-width:2px}.mega-svg-pencil-tip{fill:#d7943c}.mega-svg-photo{fill:#dce9df;stroke:#7aa089;stroke-width:2px}.mega-svg-photo-line{fill:#81a98e;stroke:#2f6f4e;stroke-width:2px;stroke-linejoin:round}.mega-svg-sun{fill:#d7943c}.mega-svg-pen{fill:#3478f6;stroke:#2458b4;stroke-width:2px}.mega-svg-card-left,.mega-svg-card-right{stroke-width:2px;filter:drop-shadow(0 8px 9px #272c241a)}.mega-svg-card-left{fill:#f4f8f3;stroke:#83a68e}.mega-svg-card-right{fill:#fff8ec;stroke:#d5a25f}.mega-svg-material-left{fill:#78a98b}.mega-svg-material-right{fill:#d7a04f}.mega-svg-line-light{stroke:#b8c1b5;stroke-width:4px}.mega-svg-vs{fill:#243f31;stroke:#fff;stroke-width:4px;filter:drop-shadow(0 7px 8px #272c242e)}.mega-svg-vs-text{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.mega-svg-tabs{fill:#d7943c;stroke:#a86c25;stroke-width:2px}.mega-svg-letter{fill:#2f6f4e;font:800 42px system-ui,sans-serif}.mega-svg-search{fill:#ffffffeb;stroke:#2f6f4e;stroke-width:6px;filter:drop-shadow(0 7px 8px #272c2426)}.mega-svg-search-handle{fill:none;stroke:#2f6f4e;stroke-width:8px;stroke-linecap:round}.mega-visual-sheet{background:repeating-linear-gradient(90deg,#8b5e341a 0 1px,#0000 1px 24px),#ead09a;border:2px solid #c8cfc2;border-radius:8px;grid-template-rows:1fr .8fr;grid-template-columns:1.1fr .8fr .65fr;gap:6px;padding:8px;display:grid;position:absolute;inset:12% 10%;box-shadow:0 16px 26px #272c2421}.mega-visual-piece{background:var(--accent);border-radius:5px}.mega-visual-piece:nth-child(2){background:var(--accent-3);grid-column:span 2}.mega-visual-piece:nth-child(3){background:#3478f6}.mega-visual-piece:nth-child(4){background:#31b56a}.mega-app-phone{background:#fbfaf6;border:5px solid #1a2a20;border-radius:17px;width:clamp(78px,22%,106px);height:70%;min-height:116px;max-height:158px;position:absolute;top:50%;box-shadow:0 18px 26px #272c2429}.mega-app-phone:before{content:"";background:#dfe6d8;border-radius:999px;width:18px;height:3px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.mega-app-phone-primary{left:24%;transform:translateY(-50%)rotate(-3deg)}.mega-app-phone-secondary{border-color:#355b40;width:clamp(68px,19%,92px);height:62%;min-height:102px;max-height:138px;top:50%;right:22%;transform:translateY(-43%)rotate(5deg)}.mega-app-screen{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;display:grid;position:absolute;inset:13px 8px 15px}.mega-app-screen span{background:var(--accent);border-radius:7px;min-height:24px}.mega-app-screen span:nth-child(2){background:var(--accent-3)}.mega-app-screen span:nth-child(3){background:#3478f6}.mega-app-screen span:nth-child(4){background:#31b56a}.mega-app-badge{color:#fff;background:var(--accent);letter-spacing:.08em;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;position:absolute;top:16%;right:20%;box-shadow:0 12px 22px #2f6f4e2e}.mega-resource-book{color:#fff;background:linear-gradient(90deg,#ffffff29 0 12px,#0000 12px),linear-gradient(135deg,#2f6f4e,#8b5e34);border:1px solid #8b5e3438;border-radius:8px 12px 12px 8px;align-items:flex-end;width:34%;min-width:118px;max-width:152px;height:60%;min-height:92px;max-height:130px;padding:0 14px 14px 22px;font-size:13px;font-weight:800;display:flex;position:absolute;top:50%;left:14%;transform:translateY(-50%)rotate(-2deg);box-shadow:0 18px 28px #272c2424}.mega-resource-card{background:#ffffffe0;border:1px solid #dfe6d8;border-radius:8px;width:36%;min-width:118px;max-width:152px;height:42%;min-height:76px;max-height:108px;padding:14px 14px 0;position:absolute;right:16%;box-shadow:0 15px 26px #272c241a}.mega-resource-card-one{top:15%;transform:rotate(3deg)}.mega-resource-card-two{top:42%;right:23%;transform:rotate(-4deg)}.mega-resource-card span{background:#cfd8cb;border-radius:999px;height:7px;margin-bottom:8px;display:block}.mega-resource-card span:first-child{background:var(--accent-3);width:52%}.mega-resource-card span:nth-child(2){width:86%}.mega-resource-card span:nth-child(3){width:64%}.mega-resource-chip{color:var(--ink);background:#edf2ea;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;position:absolute;bottom:12%;left:20%;box-shadow:0 12px 22px #272c241f}.mega-columns{gap:18px;display:grid}.mega-column{align-content:start;gap:6px;display:grid}.mega-column-title{color:var(--accent-2);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.mega-link{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px;display:grid}.mega-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.nav>.button{order:2}.nav-download-cta{flex:none}.nav-store-icon{flex:0 0 18px;place-items:center;width:18px;height:18px;display:inline-grid}.nav-store-icon svg{fill:currentColor;width:18px;height:18px;display:block}.language-picker{order:1;align-items:center;min-width:max-content;margin-left:auto;display:inline-flex;position:relative}.language-picker:after{content:"";border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:10px;transform:translateY(-65%)rotate(45deg)}.language-picker select{width:96px;min-height:38px;color:var(--muted);border:1px solid var(--line);-webkit-appearance:none;appearance:none;text-overflow:ellipsis;background:#ffffffad;border-radius:8px;padding:8px 30px 8px 10px;font-size:13px;font-weight:750}body{top:0!important}[dir=rtl] body{text-align:right}[dir=rtl] .nav,[dir=rtl] .hero-actions,[dir=rtl] .cta-row,[dir=rtl] .row-actions,[dir=rtl] .footer-links{direction:rtl}[dir=rtl] input,[dir=rtl] select{text-align:right;direction:rtl}[dir=rtl] .language-picker:after{left:10px;right:auto}[dir=rtl] .language-picker select{padding-left:30px;padding-right:10px}.button{background:var(--accent);color:#fff;cursor:pointer;text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-weight:800;display:inline-flex}.button:hover{color:#fff;background:#25593f;text-decoration:none}.button.secondary{color:var(--ink);background:var(--surface);border-color:var(--line)}.button.secondary:hover{color:var(--ink);background:#f1eee6}.button.ghost{color:var(--accent);background:#2f6f4e1a}.button.small{min-height:38px;padding:8px 12px;font-size:14px}.hero{max-width:var(--max);gap:22px;margin:0 auto;padding:34px 16px 20px;display:grid}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:13px;font-weight:850}h1,h2,h3{letter-spacing:0;margin:0;line-height:1.12}h1{max-width:760px;font-size:2.15rem}h2{font-size:1.55rem}h3{font-size:1.08rem}.lead{max-width:680px;color:var(--muted);margin:18px 0 0;font-size:1.05rem}.hero-actions,.cta-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}@keyframes snapPiece{0%{opacity:.45;transform:translateY(14px)scale(.96)rotate(-2deg)}70%{opacity:1;transform:translateY(-3px)scale(1.02)rotate(0)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.section{max-width:var(--max);margin:0 auto;padding:28px 16px}.section-heading{max-width:760px;margin-bottom:18px}.section-heading.compact{max-width:650px}.section-heading p:not(.eyebrow){color:var(--muted);margin:12px 0 0}.grid{gap:16px;display:grid}.grid.tools{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card,.tool-panel,.result-panel,.cta-panel,.article-card,.toc{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 30px #272c240f}.card,.article-card{padding:20px}.card p,.article-card p{color:var(--muted);margin:10px 0 0}.card-link{margin-top:14px;font-weight:800;display:inline-flex}.app-directory-section{padding-top:18px}.app-library-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;max-width:none;display:flex}.app-library-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:14px;display:grid}.store-app-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;grid-template-rows:1fr auto;gap:16px;min-width:0;min-height:100%;padding:18px;display:grid;box-shadow:0 14px 32px #272c2412}.store-app-card-link{min-width:0;min-height:100%;color:var(--ink);align-content:start;gap:11px;display:grid}.store-app-card-link:hover{text-decoration:none}.store-app-top{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.store-app-artwork{border-radius:12px;width:54px;height:54px;box-shadow:0 10px 22px #272c241f}.store-app-genre{width:max-content;min-width:0;max-width:100%;color:var(--accent);overflow-wrap:anywhere;background:#2f6f4e1a;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.store-app-card h3{overflow-wrap:anywhere;font-size:1.08rem}.store-app-card p{color:var(--muted);overflow-wrap:anywhere;margin:0}.store-app-tags{flex-wrap:wrap;gap:6px;min-width:0;margin-top:2px;display:flex}.store-app-tags span{width:max-content;min-width:0;max-width:100%;color:var(--accent-2);overflow-wrap:anywhere;word-break:break-word;background:#8b5e3414;border-radius:999px;align-items:center;padding:5px 8px;font-size:11px;font-weight:900;line-height:1.25;display:inline-flex}.store-app-actions{border-top:1px solid #5d6a6124;grid-template-columns:1fr 1fr;gap:8px;min-width:0;padding-top:12px;display:grid}.store-app-actions.single{grid-template-columns:1fr}.store-detail-button,.store-download-button{text-align:center;overflow-wrap:anywhere;border-radius:7px;place-items:center;min-width:0;min-height:40px;padding:9px 10px;font-size:14px;font-weight:900;display:inline-grid}.store-detail-button{color:var(--ink);background:var(--surface-2);border:1px solid #5d6a612e}.store-download-button{color:#fff;background:var(--accent);border:1px solid var(--accent)}.store-detail-button:hover,.store-download-button:hover{text-decoration:none;transform:translateY(-1px)}.featured-app-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.category-app-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))}.app-category-nav-section{padding-top:10px;padding-bottom:8px}.app-category-nav{flex-wrap:wrap;gap:10px;display:flex}.app-category-nav a{border:1px solid var(--line);width:max-content;max-width:100%;color:var(--ink);white-space:nowrap;background:#fffc;border-radius:999px;padding:10px 13px;font-size:14px;font-weight:900}.app-category-nav a:hover{color:var(--accent);text-decoration:none;transform:translateY(-1px)}.app-offline-section{padding-top:26px}.app-offline-panel{border-radius:var(--radius);color:#f8fbf6;background:linear-gradient(135deg, #243f31f5, #2f6f4ef0), var(--ink);max-width:920px;box-shadow:var(--shadow);border:1px solid #2f6f4e38;padding:24px}.app-offline-panel h2{color:#fff}.app-offline-panel p{color:#ffffffc7}.app-offline-panel .eyebrow{color:#e8d9b4}.app-directory-faq-section{padding-top:12px}.app-directory-faq-inner{max-width:860px}.app-detail-page{padding-bottom:42px}.app-detail-hero,.app-detail-layout,.app-detail-reviews{max-width:var(--max);gap:18px;margin:0 auto;padding:32px 16px 18px;display:grid}.app-detail-copy,.app-detail-mockup,.app-description-panel,.app-meta-panel,.app-detail-reviews,.app-screenshot-strip{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:0 14px 34px #272c2412}.app-detail-copy,.app-description-panel,.app-meta-panel{min-width:0;padding:22px}.app-title-row{align-items:center;gap:14px;margin-top:12px;display:flex}.app-title-row h1{margin:0}.app-detail-icon{border-radius:18px;flex:none;width:76px;height:76px;box-shadow:0 18px 36px #272c2424}.app-detail-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.app-detail-mockup{color:#fff;background:linear-gradient(135deg, #1e2a23f5, #2f6f4ee6), var(--accent);grid-template-columns:minmax(190px,.85fr) minmax(0,1fr);align-items:stretch;gap:14px;padding:18px;display:grid;overflow:hidden}.app-detail-mockup.tone-2{background:linear-gradient(135deg,#253d5f,#2f6f4e)}.app-detail-mockup.tone-3{background:linear-gradient(135deg,#6e3b61,#2f6f4e)}.app-detail-mockup.tone-4{background:linear-gradient(135deg,#8b5e34,#d7943c)}.app-detail-mockup.tone-5{background:linear-gradient(135deg,#0f766e,#355f8f)}.app-detail-mockup.tone-6{background:linear-gradient(135deg,#5b21b6,#be185d)}.app-detail-mockup.tone-7{background:linear-gradient(135deg,#9a3412,#8b5e34)}.app-detail-mockup.tone-8{background:linear-gradient(135deg,#1f2937,#4f8b63)}.mock-phone{background:#ffffff24;border:1px solid #fff3;border-radius:24px;gap:14px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.mock-screen-top,.mock-bottom-bar{gap:7px;display:flex}.mock-screen-top span,.mock-bottom-bar span,.mock-content-grid span{background:#ffffff57;border-radius:999px}.mock-screen-top span{width:34px;height:7px}.mock-icon-row{align-items:center;gap:10px;display:flex}.mock-icon-row img{border-radius:13px;width:52px;height:52px}.mock-icon-row strong{line-height:1.15}.mock-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.mock-content-grid span{background:#fff3;border-radius:10px;min-height:44px}.mock-content-grid span:first-child,.mock-content-grid span:nth-child(6){grid-column:span 2}.mock-bottom-bar span{flex:1;height:9px}.mock-notes{align-content:end;gap:12px;display:grid}.mock-notes span{background:#ffffff29;border-radius:999px;width:max-content;padding:8px 10px;font-weight:900}.mock-notes strong{font-size:1.35rem;line-height:1.2}.app-screenshot-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:14px;display:grid}.app-screenshot-strip img{border-radius:var(--radius);width:100%;height:auto;display:block;box-shadow:0 12px 26px #272c2414}.app-description-panel h2,.app-meta-panel h2{margin-bottom:14px}.app-description-panel p,.app-description-panel li{color:var(--muted);overflow-wrap:anywhere}.app-description-panel ul{padding-left:20px}.app-meta-panel{align-self:start}.app-meta-panel dl{gap:10px;margin:0 0 18px;display:grid}.app-meta-panel dl div{border:1px solid var(--line);background:#eef3ecb8;border-radius:7px;padding:12px}.app-meta-panel dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.app-meta-panel dd{margin:4px 0 0;font-weight:850}.app-detail-reviews{padding:22px;display:block}.app-review-summary{max-width:720px}.app-review-summary h2{margin-bottom:10px}.app-review-grid{gap:14px;margin-top:18px;display:grid}.app-review-card{border:1px solid var(--line);border-radius:var(--radius);background:#eef3ecad;padding:16px}.app-review-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-review-head strong{line-height:1.25;display:block}.app-review-head span,.app-review-card small,.app-review-source{color:var(--muted)}.app-review-head span{margin-top:4px;font-size:.9rem;display:block}.app-review-head .review-stars{color:var(--review-star);letter-spacing:1px;flex:none;font-weight:900}.app-review-card p{color:var(--ink);margin:12px 0 8px}.app-review-source{margin-top:14px;font-size:.92rem}.cut-piece,.cut-waste{border-radius:6px}.step{border-top:8px solid #2f6f4e;border-left:8px solid #2f6f4e;width:42px;height:34px;position:absolute}.step.s1{bottom:32px;left:35px}.app-cta-panel{gap:20px;display:grid;overflow:hidden}form{gap:18px;display:grid}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:12px;font-weight:850}label{color:var(--ink);gap:6px;font-size:14px;font-weight:750;display:grid}input,select{width:100%;min-height:43px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfd5ca;border-radius:7px;padding:9px 10px}input:focus,select:focus,button:focus,a:focus{outline-offset:2px;outline:3px solid #2f6f4e47}.rows{gap:10px;display:grid}.hero-actions .button,.cta-row .button,form>.button,.row-actions .button{width:100%}.metric{border:1px solid var(--line);border-top:4px solid var(--accent);background:linear-gradient(#fffffff5,#eff8f2f5);border-radius:7px;padding:12px;box-shadow:0 10px 24px #2f6f4e14}.metric strong{font-size:1.25rem;display:block}.metric span{color:var(--muted);font-size:13px;font-weight:750}.notice{color:#5a411d;background:#fff4db;border:1px solid #edd39b;border-radius:7px;margin:14px 0 0;padding:12px}.cta-panel{color:#fff;background:linear-gradient(135deg,#1e2a23f0,#2f6f4ef0),repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 38px);padding:18px}.cta-panel p,.cta-panel li{color:#ffffffd1}.cta-panel .button{color:var(--ink);background:#fff}.cta-panel .button.ghost{color:#fff;background:#ffffff1f;border-color:#ffffff47}.content{max-width:760px}.content p,.content li{color:var(--muted)}.content h2{margin-top:34px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:16px 0 8px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}th{color:var(--ink);background:#eef3ec;font-weight:850}tr:last-child td{border-bottom:0}.faq-list{gap:12px;display:grid}.faq-list details{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8;padding:14px 16px}.faq-list summary{color:var(--ink);cursor:pointer;font-weight:850}.faq-list h3{margin:12px 0 0;font-size:1.05rem}.faq-list p{margin-top:4px}.page-hero{max-width:var(--max);margin:0 auto;padding:42px 16px 24px}.page-hero .lead{max-width:720px}.app-hero{max-width:var(--max);grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:stretch;gap:22px;margin:0 auto;padding:34px 16px 24px;display:grid}.app-hero-copy,.app-visual-panel,.legal-hero,.legal-panel,.article-body,.directory-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:0 12px 30px #272c240f}.app-hero-copy,.app-visual-panel,.legal-hero,.legal-panel,.article-body{padding:28px}.app-badge{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:16px;place-items:center;width:64px;height:64px;margin-bottom:18px;font-weight:900;display:grid}.quiltfit-badge{background:linear-gradient(135deg,#9c4d7a,#2f6f4e)}.app-visual-panel{align-content:center;gap:14px;display:grid}.app-preview-grid{border-radius:var(--radius);background:#efe3c7;border:1px solid #5d6a6129;grid-template-columns:repeat(5,1fr);gap:10px;min-height:230px;padding:14px;display:grid}.app-preview-grid span{background:var(--accent);border-radius:7px}.app-preview-grid .wide{background:#3b82f6;grid-column:span 3}.app-preview-grid .tall{background:#16b7c9;grid-row:span 2}.app-preview-grid .large{background:#ef4444;grid-area:span 2/span 3}.app-preview-grid .small{background:#f59e0b}.app-preview-grid .accent{background:#8b5cf6}.fabric-preview{background:#fff6fb}.fabric-preview span{background:#d9467c}.fabric-preview .wide{background:#7c3aed}.fabric-preview .tall{background:#14b8a6}.fabric-preview .large{background:#f97316}.legal-shell,.article-shell{max-width:900px;margin:0 auto;padding:34px 16px}.legal-panel section+section,.article-body section+section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.article-body{color:var(--muted)}.article-body h1,.article-body h2,.article-body h3{color:var(--ink)}.article-body h1{margin-bottom:12px}.article-body p,.article-body li{color:var(--muted)}.article-body ul,.article-body ol{padding-left:22px}.article-body pre{max-width:100%;overflow-x:auto}.article-byline{color:var(--muted);margin:14px 0 0;font-size:.94rem;line-height:1.55}.article-byline a{color:var(--accent-2);text-underline-offset:3px;font-weight:800;text-decoration-thickness:1px}.article-checklist{border-radius:var(--radius);background:#2f6f4e14;border:1px solid #2f6f4e2e;padding:20px}.article-checklist ul{gap:9px;margin-bottom:0;display:grid}.related-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.related-grid a{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#ffffffb8;gap:6px;padding:14px;display:grid}.related-grid a:hover{border-color:#2f6f4e6b;text-decoration:none}.related-grid span{color:var(--accent-2);text-transform:uppercase;font-size:12px;font-weight:900}.related-grid em{color:var(--muted);font-size:.92rem;font-style:normal;line-height:1.45}.breadcrumb{color:var(--muted);margin:0 0 16px;font-size:14px}.site-footer{background:#f8f8fa;border-top:1px solid #5d6a611f;margin-top:64px}.footer-inner{max-width:var(--max);margin:0 auto;padding:72px 18px 30px}.footer-directory{border-bottom:1px solid #5d6a6121;grid-template-columns:1.05fr 1.2fr 1fr 1fr;gap:42px min(7vw,88px);padding:0 0 66px;display:grid}.footer-column{align-content:start;gap:9px;min-width:0;display:grid}.footer-column h2{color:var(--ink);margin:0 0 12px;font-size:1.02rem;font-weight:950;line-height:1.2}.footer-column a{color:#697184;font-size:.96rem;font-weight:650;line-height:1.34}.footer-column a:hover{color:var(--accent)}.footer-bottom{grid-template-columns:minmax(220px,1fr) auto minmax(190px,1fr);align-items:center;gap:18px 28px;padding-top:28px;display:grid}.footer-bottom p{color:#8b91a2;justify-self:center;margin:0;font-size:.92rem;font-weight:650}.footer-brand{color:var(--ink);justify-self:start;align-items:center;gap:10px;font-size:1.2rem;font-weight:900;display:inline-flex}.footer-brand:hover{color:var(--ink);text-decoration:none}.footer-actions{justify-content:end;align-items:center;display:flex}.footer-actions .language-picker{order:initial;margin-left:0}.footer-actions .language-picker:after{border-color:#b2b7c4;right:18px}.footer-actions .language-picker select{color:#2b2f38;width:172px;min-height:48px;box-shadow:none;background:#fff;border-color:#d9dde5;border-radius:2px;padding:10px 46px 10px 16px;font-size:.95rem;font-weight:760}.muted{color:var(--muted)}@media (width>=680px){h1{font-size:3.25rem}h2{font-size:2.1rem}.section{padding:34px 18px}.cta-panel{padding:22px}.hero-actions .button,.cta-row .button,form>.button,.row-actions .button{width:auto}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:30px;padding-top:48px}.app-cta-panel{grid-template-columns:minmax(0,1fr) 280px;align-items:center}}@media (width>=940px){h1{font-size:4rem}h2{font-size:2.45rem}.app-detail-hero{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:stretch}.app-detail-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);align-items:start}}@media (width>=980px){.nav-menu-item{margin:-16px 0 -30px;padding:16px 0 30px}.mega-menu{z-index:2;width:min(calc(100vw - 32px), var(--max));border:1px solid var(--line);opacity:0;pointer-events:none;visibility:hidden;background:#fffffffa;border-radius:0 0 12px 12px;grid-template-columns:minmax(260px,.92fr) minmax(0,1.55fr);gap:26px;max-height:calc(100vh - 92px);padding:24px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% - 1px);left:50%;overflow:auto;transform:translate(-50%,10px);box-shadow:0 22px 55px #272c2426;display:grid!important}.mega-menu:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.nav-menu-item:hover .mega-menu,.nav-menu-item.is-open .mega-menu{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)}.mega-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=979px){.nav.nav-mega-open .nav-links{overflow:auto visible}.nav-menu-item.is-open .mega-menu{top:var(--mega-menu-top,112px);z-index:80;max-height:calc(100dvh - var(--mega-menu-top,112px) - 12px);border:1px solid var(--line);background:#fffffffa;border-radius:0 0 12px 12px;grid-template-columns:1fr;align-content:start;gap:16px;padding:14px;display:grid;position:fixed;left:12px;right:12px;overflow:auto;box-shadow:0 18px 44px #272c242e}.nav-menu-item.is-open .mega-columns{gap:12px;display:grid}.nav-menu-item.is-open .mega-column{gap:8px;display:grid}.nav-menu-item.is-open .mega-feature{grid-template-rows:minmax(160px,auto) auto auto auto;align-self:start;gap:10px;padding:12px}.nav-menu-item.is-open .mega-visual{min-height:160px}.nav-menu-item.is-open .mega-app-phone{border-width:3px;border-radius:12px;width:64px;height:96px;top:50%}.nav-menu-item.is-open .mega-app-phone-primary{left:26%}.nav-menu-item.is-open .mega-app-phone-secondary{width:56px;height:84px;top:50%;right:24%}.nav-menu-item.is-open .mega-app-screen{gap:4px;inset:9px 6px 12px}.nav-menu-item.is-open .mega-app-screen span{border-radius:5px;min-height:14px}.nav-menu-item.is-open .mega-app-badge{padding:4px 7px;font-size:9px;top:18%;right:20%}.nav-menu-item.is-open .mega-resource-book{width:96px;min-width:0;height:96px;padding:0 10px 9px 16px;font-size:10px;top:50%}.nav-menu-item.is-open .mega-resource-card{width:108px;min-width:0;height:66px;padding:10px 10px 0}.nav-menu-item.is-open .mega-resource-card-one{top:18%;right:17%}.nav-menu-item.is-open .mega-resource-card-two{top:42%;right:24%}.nav-menu-item.is-open .mega-resource-card span{height:5px;margin-bottom:6px}.nav-menu-item.is-open .mega-resource-chip{padding:5px 8px;font-size:9px;bottom:13%;left:19%}.nav-menu-item.is-open .mega-link{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:9px;display:grid}}@media (width>=1180px){:root{--site-header-height:69px}.nav{flex-wrap:nowrap;justify-content:flex-start}.nav-links{order:initial;flex:auto;justify-content:center;width:auto;margin-left:28px;padding:0;overflow:visible}.language-picker{order:initial;flex:none;margin-left:auto}.nav>.button{order:initial;flex:none}}@media (width<=430px){:root{--site-header-height:111px}.nav{align-items:stretch}.brand{font-size:15px}.brand-icon{flex-basis:32px;width:32px;height:32px}.nav>.button{min-height:38px;padding:8px 10px;font-size:13px}.nav-download-cta{max-width:calc(100vw - 205px);overflow:hidden}.nav-download-cta [data-platform-label-text]{text-overflow:ellipsis;overflow:hidden}.language-picker{margin-left:0}.language-picker select{width:96px;min-height:38px;padding-right:34px}[dir=rtl] .language-picker select{padding-left:34px;padding-right:10px}.app-title-row{align-items:flex-start}.app-detail-mockup{grid-template-columns:1fr}.mock-notes strong{font-size:1.08rem}.hero-actions,.cta-row{gap:10px}.hero{gap:14px;padding-top:18px}h1{font-size:1.86rem}h2{font-size:1.34rem}.hero-actions,.cta-row{margin-top:12px}.footer-inner{padding-top:54px}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px;padding-bottom:42px}.footer-bottom{grid-template-columns:1fr;justify-items:start}.footer-bottom p{justify-self:start}.footer-actions{justify-content:start}}@media (width<=820px){.app-hero{grid-template-columns:1fr}}@media (width<=430px){.footer-directory{grid-template-columns:1fr}.footer-actions,.footer-actions .language-picker,.footer-actions .language-picker select{width:100%}}@media print{.checklist-article .breadcrumb,.checklist-article .article-byline,.checklist-article>section:not(:has(.checklist-list)),.checklist-actions .button,.site-header,.site-footer,[data-site-header],[data-site-footer]{display:none!important}.worksheet-article .breadcrumb,.worksheet-article .article-byline,.worksheet-article>section:not(:has(.worksheet-form)),.worksheet-actions,.site-header,.site-footer,[data-site-header],[data-site-footer]{display:none!important}body{background:#fff!important}}.conversion-cta{border-radius:calc(var(--radius) + 8px);background:radial-gradient(circle at 92% 12%,#9468ff2e,#0000 34%),linear-gradient(135deg,#eef3ecfa,#fffcf2fa);border:1px solid #2f6f4e47;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:28px;margin:32px 0;padding:clamp(22px,4vw,38px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #272c241a}.conversion-cta:before{content:"";background:linear-gradient(var(--accent), #9370db);width:5px;position:absolute;inset:0 auto 0 0}.conversion-cta h2,.conversion-cta h3{max-width:760px;margin:6px 0 10px;line-height:1.1}.conversion-cta h2{font-size:clamp(1.55rem,3vw,2.25rem)}.conversion-cta h3{font-size:clamp(1.35rem,2.4vw,1.9rem)}.conversion-cta-copy>p:not(.eyebrow):not(.conversion-honesty-note){max-width:760px;color:var(--muted);font-size:1rem}.conversion-proof-list{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.conversion-proof-list li{color:var(--accent);background:#ffffffb8;border:1px solid #2f6f4e33;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.conversion-qr{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-align:center;background:#ffffffd6;justify-items:center;gap:9px;padding:14px;text-decoration:none;display:grid}.conversion-qr img{background:#fff;border-radius:8px;width:132px;height:132px}.conversion-qr span{max-width:135px;color:var(--muted);font-size:.74rem;line-height:1.35}.conversion-qr strong{color:var(--ink);display:block}[data-conversion-device=iphone] .conversion-qr,[data-conversion-device=ipad] .conversion-qr{display:none}.cutlist-app-page{background:radial-gradient(circle at 82% 3%, #5875ff1a, transparent 25rem), var(--bg)}.cutlist-app-hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.62fr);align-items:center;gap:clamp(32px,7vw,86px);width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(34px,6vw,76px) 0 28px;display:grid}.cutlist-app-hero-copy h1{letter-spacing:-.055em;max-width:760px;margin:12px 0 18px;font-size:clamp(2.5rem,6.2vw,5.1rem);line-height:.98}.cutlist-app-hero-copy .lead{max-width:710px;font-size:clamp(1.05rem,2vw,1.28rem)}.cutlist-app-proof{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.cutlist-app-proof li{border:1px solid var(--line);background:#ffffffc2;border-radius:14px;padding:13px}.cutlist-app-proof strong,.cutlist-app-proof span{display:block}.cutlist-app-proof strong{font-size:1rem}.cutlist-app-proof span{color:var(--muted);margin-top:4px;font-size:.72rem;line-height:1.3}.cutlist-hero-shot{background:linear-gradient(145deg,#fffffff0,#efebffe0);border:1px solid #7461cf38;border-radius:30px;max-width:390px;margin:0 auto;padding:14px;transform:rotate(1.2deg);box-shadow:0 34px 80px #2a325f33}.cutlist-hero-shot img{border-radius:20px;width:100%;height:auto;display:block}.cutlist-hero-shot figcaption{color:var(--muted);padding:11px 6px 4px;font-size:.78rem;line-height:1.4}.cutlist-problem-strip{border-radius:calc(var(--radius) + 6px);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;display:grid;overflow:hidden}.cutlist-problem-strip div{background:var(--surface);padding:clamp(18px,3vw,28px)}.cutlist-problem-strip strong,.cutlist-problem-strip span{display:block}.cutlist-problem-strip strong{font-size:1.05rem}.cutlist-problem-strip span{color:var(--muted);margin-top:5px}.cutlist-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cutlist-feature-card{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--surface);min-height:230px;padding:24px;box-shadow:0 14px 34px #272c240f}.cutlist-feature-card>span{color:#7053c7;letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:900}.cutlist-feature-card h3{margin:34px 0 10px;font-size:1.3rem}.cutlist-feature-card p{color:var(--muted)}.cutlist-screenshots-section{overflow:hidden}.cutlist-screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.cutlist-screenshot-card{border:1px solid var(--line);background:var(--surface);border-radius:26px;margin:0;padding:12px;box-shadow:0 16px 38px #272c2417}.cutlist-screenshot-card img{border-radius:18px;width:100%;height:auto;display:block}.cutlist-screenshot-card figcaption{padding:15px 7px 7px}.cutlist-screenshot-card figcaption strong,.cutlist-screenshot-card figcaption span{display:block}.cutlist-screenshot-card figcaption span{color:var(--muted);margin-top:6px;font-size:.84rem;line-height:1.45}.cutlist-pricing-section{border-radius:calc(var(--radius) + 8px);background:linear-gradient(135deg,#f3f0fff2,#fffcf2f5);border:1px solid #7053c73d;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:34px;padding:clamp(24px,5vw,48px);display:grid}.cutlist-pricing-copy h2{margin:6px 0 12px}.cutlist-pricing-copy p:last-child{color:var(--muted)}.cutlist-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cutlist-plan-grid article{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;padding:21px}.cutlist-plan-grid article.featured{border-color:#7053c76b;box-shadow:0 16px 34px #7053c71f}.cutlist-plan-grid article>span{color:#7053c7;text-transform:uppercase;font-size:.75rem;font-weight:900}.cutlist-plan-grid h3{margin:8px 0 14px}.cutlist-plan-grid ul{margin:0;padding-left:19px}.cutlist-plan-grid li{color:var(--muted);margin:8px 0}.cutlist-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cutlist-review-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:23px}.cutlist-review-stars{color:#e09a2c;letter-spacing:.08em}.cutlist-review-card h3{margin:14px 0 8px}.cutlist-review-card p{color:var(--muted)}.cutlist-review-card span{margin-top:16px;font-size:.73rem;font-weight:800;display:block}.cutlist-faq-section .faq-list{max-width:900px}@media (width<=900px){.cutlist-app-hero{text-align:left;grid-template-columns:1fr}.cutlist-hero-shot{max-width:360px;transform:none}.cutlist-app-proof,.cutlist-feature-grid,.cutlist-screenshot-grid,.cutlist-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cutlist-pricing-section{grid-template-columns:1fr}}@media (width<=700px){.conversion-cta{grid-template-columns:1fr;gap:16px;padding:20px}.conversion-qr{display:none}.conversion-cta .button{text-align:center;width:100%;max-width:none}.cutlist-app-hero{width:min(100% - 24px,1180px);padding-top:24px}.cutlist-app-hero-copy h1{font-size:clamp(2.35rem,12vw,3.8rem)}.cutlist-problem-strip,.cutlist-feature-grid,.cutlist-screenshot-grid,.cutlist-review-grid{grid-template-columns:1fr}.cutlist-screenshot-grid{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;grid-auto-columns:minmax(270px,82vw);grid-auto-flow:column;padding:0 2px 14px;overflow-x:auto}.cutlist-screenshot-card{scroll-snap-align:start}.cutlist-plan-grid{grid-template-columns:1fr}}@media print{.conversion-cta,.cutlist-screenshots-section,.cutlist-reviews-section{display:none!important}}.mobile-nav-toggle,.back-to-top{display:none}@media screen and (width<=979px){:root{--site-header-height:69px}html{scroll-padding-top:calc(var(--site-header-height) + 12px)}body.mobile-navigation-open{overflow:hidden}.site-header{overflow:visible}.nav{min-height:var(--site-header-height);padding-top:8px;padding-right:max(12px, env(safe-area-inset-right));padding-bottom:8px;padding-left:max(12px, env(safe-area-inset-left));flex-wrap:nowrap;align-items:center;gap:8px;overflow:visible}.brand{flex:0 auto;min-height:44px}.mobile-nav-toggle{width:44px;min-width:44px;height:44px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffffc7;border-radius:8px;order:1;place-items:center;padding:0;display:inline-grid}.mobile-nav-toggle-icon{gap:4px;width:18px;display:grid}.mobile-nav-toggle-icon span{background:currentColor;border-radius:999px;width:100%;height:2px;transition:transform .16s,opacity .16s;display:block}.nav-mobile-open .mobile-nav-toggle-icon span:first-child{transform:translateY(6px)rotate(45deg)}.nav-mobile-open .mobile-nav-toggle-icon span:nth-child(2){opacity:0}.nav-mobile-open .mobile-nav-toggle-icon span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav>.button{order:2;min-height:44px}.nav-links{z-index:70;width:auto;min-width:0;height:calc(100dvh - var(--mega-menu-top,var(--site-header-height)));max-height:calc(100dvh - var(--mega-menu-top,var(--site-header-height)));overscroll-behavior:contain;padding:12px max(12px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:1px solid var(--line);background:#f7f5effc;flex-direction:column;align-items:stretch;gap:6px;display:none;position:absolute;inset:100% 0 auto;overflow:hidden auto;box-shadow:0 20px 42px #272c2429}.nav-mobile-open .nav-links,.nav.nav-mega-open .nav-links{display:flex;overflow:hidden auto}.nav-menu-item,.nav-menu-control{align-items:stretch;width:100%}.nav-menu-item{display:block}.nav-menu-control{border:1px solid var(--line);background:#ffffffc7;min-height:48px}.nav-menu-control>.nav-trigger{flex:auto;min-width:0;min-height:48px;padding:11px 14px;font-size:16px}.nav-menu-toggle{width:48px;min-width:48px;min-height:48px}.nav-menu-item.is-open .nav-menu-toggle:after{transform:translateY(2px)rotate(225deg)}.nav-menu-item.is-open .mega-menu{border:1px solid var(--line);width:100%;max-height:none;box-shadow:none;background:#ffffffeb;border-radius:8px;gap:12px;margin-top:6px;padding:12px;display:grid;position:static;overflow:visible}.nav-menu-item.is-open .mega-feature{display:none}.nav-menu-item.is-open .mega-columns,.nav-menu-item.is-open .mega-column{gap:6px}.nav-menu-item.is-open .mega-column+.mega-column{margin-top:6px}.nav-menu-item.is-open .mega-link{grid-template-columns:34px minmax(0,1fr);align-items:center;min-height:48px;padding:7px 8px}.nav-menu-item.is-open .mega-copy>span{display:none}}@media screen and (width<=680px){input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.breadcrumb a{align-items:center;min-height:44px;margin:-10px 0;display:inline-flex}.button.small,.store-detail-button,.store-download-button,.template-category-nav a,.blog-directory-nav a,.faq-list summary,.faq-grid summary,.blog-directory-summary{min-height:44px}.article-body .button,.article-body p>.button:only-child{white-space:normal;width:100%;max-width:100%}.footer-actions .language-picker select,.footer-actions select{font-size:16px}.component-table-wrap,.research-table-wrap,.project-table-wrap,.article-body pre{overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;max-width:100%}.back-to-top{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:45;color:#fff;width:48px;height:48px;font:inherit;cursor:pointer;backdrop-filter:blur(12px);background:#1e2a23e6;border:1px solid #ffffff80;border-radius:999px;place-items:center;padding:0;font-size:22px;font-weight:900;display:grid;position:fixed;box-shadow:0 12px 28px #1e2a233d}.back-to-top[hidden],.mobile-navigation-open .back-to-top{display:none}}@media screen and (width<=430px){.nav-download-cta{min-height:44px}.hero-actions .button,.cta-row .button{width:100%}}@media screen and (width<=360px){.brand{justify-content:center;width:44px;min-width:44px}.brand-name{display:none}.nav-download-cta{max-width:calc(100vw - 128px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-nav-toggle-icon span{transition:none}}@media (width<=680px){.site-header{backdrop-filter:none;background:#f7f5effb}}.reading-progress,.mobile-rail-status{display:none}@media screen and (width<=680px){:root{--mobile-page-gutter:16px;--mobile-card-radius:16px}body{background:radial-gradient(circle at 92% 5%,#d7943c1f,#0000 22rem),radial-gradient(circle at 4% 34%,#2f6f4e1a,#0000 26rem),linear-gradient(#f7f5eff5,#f7f5effc)}.site-header{transition:box-shadow .18s,background-color .18s}.site-header.is-page-scrolled{background:#f7f5eff9;box-shadow:0 10px 30px #1e2a231a}.reading-progress{z-index:3;pointer-events:none;height:3px;display:block;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.reading-progress>span{background:linear-gradient(90deg, var(--accent), var(--accent-3));width:100%;height:100%;transform:scaleX(var(--reading-progress,0));transform-origin:0;will-change:transform;display:block;box-shadow:0 0 12px #2f6f4e6b}[dir=rtl] .reading-progress>span{transform-origin:100%}main>.section,.home-page main>.hero{padding-right:var(--mobile-page-gutter);padding-left:var(--mobile-page-gutter)}.app-detail-page{padding-bottom:24px}.app-detail-hero,.app-detail-layout,.app-detail-reviews{padding:16px var(--mobile-page-gutter) 8px;gap:12px}.app-detail-copy,.app-description-panel,.app-meta-panel,.app-detail-reviews{border-radius:var(--mobile-card-radius);padding:18px}.app-title-row{gap:12px}.app-title-row h1{letter-spacing:-.018em;text-wrap:balance;font-size:clamp(1.72rem,8vw,2.08rem);line-height:1.06}.app-detail-icon{border-radius:16px;width:64px;height:64px}.app-detail-copy .lead{margin-top:16px;font-size:.98rem;line-height:1.5}.app-detail-actions{grid-template-columns:1fr;display:grid}.app-detail-actions .button,.app-meta-panel>.button{white-space:normal;width:100%;min-height:50px}.app-screenshot-strip[data-mobile-rail]{border-radius:18px;box-shadow:0 18px 42px #272c241f}.app-screenshot-strip[data-mobile-rail]>img{scroll-snap-align:center;border-radius:14px}.app-detail-hero>.mobile-rail-status{margin-top:-4px;padding-right:2px}.app-detail-layout{padding-top:12px}.app-meta-panel{order:-1}.app-meta-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-meta-panel dl div{padding:10px}.app-meta-panel dd{overflow-wrap:anywhere}.legal-shell,.article-shell{padding:18px 12px 28px}.legal-hero,.legal-panel,.article-body{border-radius:var(--mobile-card-radius);padding:18px}.article-byline{margin-top:12px;font-size:.88rem;line-height:1.5}.research-panel,.metric-panel,.deep-figure-section,.deep-compare-section,.deep-faq-section,.deep-sources-section,.article-checklist{border-radius:14px;padding:16px}.article-body section+section{margin-top:22px;padding-top:18px}[data-mobile-rail]{width:calc(100% + (var(--mobile-page-gutter) * 2));margin-right:calc(var(--mobile-page-gutter) * -1);margin-left:calc(var(--mobile-page-gutter) * -1);padding:4px var(--mobile-page-gutter) 18px;scroll-padding-inline:var(--mobile-page-gutter);scroll-snap-type:inline proximity;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;grid-auto-columns:minmax(274px,calc(100vw - 50px));grid-auto-flow:column;gap:12px;display:grid;overflow:auto visible}[data-mobile-rail]::-webkit-scrollbar{display:none}[data-mobile-rail]:focus-visible{outline-offset:-3px;outline:3px solid #2f6f4e5c}[data-mobile-rail]>*{scroll-snap-align:start;scroll-snap-stop:normal;width:auto;min-width:0}.mobile-rail-status{min-height:24px;color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:minmax(72px,118px) auto;justify-content:end;align-items:center;gap:10px;margin-top:-7px;font-size:.72rem;font-weight:900;display:grid}.mobile-rail-track{background:#5d6a612e;border-radius:999px;height:3px;position:relative;overflow:hidden}.mobile-rail-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-3));width:34%;transform:translateX(calc(var(--mobile-rail-progress,0) * 194%));transition:transform .18s;position:absolute;inset:0}[dir=rtl] .mobile-rail-track>span{transform:translateX(calc(var(--mobile-rail-progress,0) * -194%))}}@media screen and (width<=680px) and (hover:none){a,button,summary{-webkit-tap-highlight-color:transparent}.button:active,.project-path-card:active,.visual-tool-card:active,.related-grid a:active,.article-card:active,.card:active,.mobile-nav-toggle:active{filter:saturate(1.08);transform:scale(.975)}}@media screen and (width<=380px){[data-mobile-rail]{grid-auto-columns:minmax(260px,calc(100vw - 40px))}}@media (prefers-reduced-motion:reduce){.site-header,.mobile-rail-track>span{transition:none}[data-mobile-rail]{scroll-behavior:auto}}#start-by-project{scroll-margin-top:80px}