@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#183c31;--text:#253c34;--muted:#69756e;--green:#205b46;--green-dark:#123d2f;--lime:#d7eeae;--paper:#f8f9f5;--line:#e3e7df;--soft:#eef3e9;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6c9568;outline-offset:4px}svg{display:inline-block;vertical-align:middle;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.035em}h1{font-size:66px;font-weight:750;line-height:1.08}h2{font-size:32px;font-weight:750;line-height:1.2}h3{font-size:19px;font-weight:750}p{color:var(--muted)}.container{width:min(1220px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-70px;background:var(--green);color:white;padding:15px;z-index:200}.skip:focus{top:0}.preview-note{height:33px;display:flex;justify-content:center;gap:9px;align-items:center;font-size:11px;background:#eaf1e2;color:#496643;letter-spacing:.015em}.status-dot{width:5px;height:5px;border-radius:50%;background:#5c8249}.preview-tag{font-size:9px;letter-spacing:.12em;border-left:1px solid #becdb5;margin-left:6px;padding-left:14px}header{background:rgba(248,249,245,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.nav{height:82px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:9px;font-family:'Manrope',Arial,sans-serif;font-size:20px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand .brand-light{font-weight:500}.brandmark{display:grid;grid-template-columns:repeat(2,10px);gap:3px;transform:rotate(-3deg);margin-right:2px}.brandmark i{width:10px;height:10px;background:var(--green);border-radius:2px}.brandmark i:last-child{background:#90b764}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:550;margin-left:18px}.nav-links a{padding:12px 0;color:#667269}.nav-links a.active,.nav-links a:hover{color:var(--green)}.nav-actions{margin-left:auto;display:flex;gap:20px;align-items:center}.text-btn{background:none;border:0;display:inline-flex;gap:7px;align-items:center;font-size:13px;font-weight:600;padding:8px 0}.count{border-radius:5px;background:#e8eee1;padding:0 5px;font-size:10px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 19px;border:1px solid var(--green);background:var(--green);color:white;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .18s,transform .18s}.btn:hover{background:var(--green-dark);transform:translateY(-1px)}.btn.outline{background:transparent;border-color:#cfd8ca;color:var(--ink)}.btn.outline:hover{background:#edf2e7}.btn.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn.small{padding:9px 14px;font-size:12px}.btn.full{width:100%}.menu-toggle{display:none;border:0;background:none;padding:8px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:9px;color:#698060}.eyebrow:before{content:'';display:block;width:18px;height:1px;background:currentColor}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:38px;min-height:530px;padding-top:64px;padding-bottom:50px;align-items:center}.hero h1{margin-top:20px;max-width:640px}.hero h1 span{color:#7a9460}.hero-copy>p{font-size:16px;line-height:1.75;max-width:470px;margin-top:22px}.search-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d5dfcc;border-radius:12px;padding:8px 8px 8px 18px;box-shadow:0 7px 20px #1c3c2710;margin-top:28px;width:100%}.search-box>svg{color:#6f806f}.search-box input{min-width:0;flex:1;border:0;outline:none;background:transparent;font-size:13px;height:36px;color:var(--ink)}.search-box:focus-within{outline:2px solid #7d9c6c}.search-box .btn{padding:12px 17px}.popular{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap;font-size:11px}.popular>span{color:#8a9389}.popular button{font-size:11px;border:0;border-bottom:1px solid #bdc9b6;padding:0;background:none;color:#5f715a}.hero-art{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #dee7d4;border-radius:50%;width:350px;height:350px;left:60px;top:15px}.orbit.two{width:250px;height:250px;left:110px;top:65px}.orbit.three{width:440px;height:440px;left:15px;top:-30px;border-style:dashed;border-color:#e5ebdf}.art-label{position:absolute;right:4px;top:5px;font-size:10px;letter-spacing:.05em;color:#829076;transform:rotate(5deg);display:flex;gap:8px;align-items:center}.app-tile{position:absolute;width:82px;height:82px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #e1e6dc;border-radius:20px;box-shadow:0 10px 25px #2445270a}.app-tile svg{width:38px;height:38px}.tile-one{left:15px;top:50px;transform:rotate(-12deg)}.tile-two{right:30px;top:60px;transform:rotate(10deg);background:#f6f0fc}.tile-three{left:40px;bottom:18px;transform:rotate(-9deg);background:#e8f2ff}.tile-four{right:24px;bottom:25px;transform:rotate(12deg);background:#e8f4ec}.hero-feature{width:255px;padding:23px;background:white;border:1px solid #dce5d5;box-shadow:0 15px 50px #314c2512;border-radius:17px;transform:rotate(-3deg);position:relative;z-index:2}.hero-feature-top{display:flex;justify-content:space-between;align-items:center}.hero-feature h3{font-size:21px;margin-top:19px}.hero-feature p{font-size:12px;margin-top:6px;line-height:1.7}.hero-feature .tag{font-size:10px}.hero-feature-line{height:1px;background:var(--line);margin:18px 0 12px}.feature-foot{display:flex;justify-content:space-between;font-size:11px}.feature-foot b{font-size:14px}.floating-note{position:absolute;bottom:1px;left:145px;z-index:3;display:flex;align-items:center;gap:9px;background:var(--green);color:white;padding:11px 16px;border-radius:9px;box-shadow:0 6px 18px #294a2820;font-size:11px;transform:rotate(3deg)}.floating-note svg{color:var(--lime)}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 20px;gap:20px;color:#697564;font-size:12px}.trust-strip span{display:flex;align-items:center;gap:9px}.trust-strip svg{color:#73905b}.section{padding-top:55px;padding-bottom:12px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:25px}.section-heading p{font-size:13px;margin-top:8px}.arrow-link{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:600;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-box{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:12px;background:transparent;padding:18px 15px;text-align:left;transition:.2s}.category-box:hover{background:#edf3e6;border-color:#b9c9ab;transform:translateY(-3px)}.category-icon{background:#eaf0e1;border-radius:9px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#546b43;margin-bottom:17px}.category-box:nth-child(2) .category-icon{background:#f4e9df;color:#926240}.category-box:nth-child(3) .category-icon{background:#e8edf8;color:#627da0}.category-box:nth-child(4) .category-icon{background:#eee8f2;color:#8664a5}.category-box:nth-child(5) .category-icon{background:#f7eed9;color:#8a702d}.category-box:nth-child(6) .category-icon{background:#e3eeeb;color:#5b8073}.category-box b{font-size:12px;letter-spacing:-.02em}.category-box small{font-size:10px;color:#83907d;margin-top:5px}.catalog-section{padding-top:54px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:27px;margin-top:-3px;margin-bottom:24px;overflow:auto}.tabs button{background:none;border:0;border-bottom:2px solid transparent;white-space:nowrap;padding:0 1px 13px;color:#7d877b;font-size:12px}.tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:700}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool-card{background:white;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;transition:border .2s,box-shadow .2s}.tool-card:hover{border-color:#b6cba9;box-shadow:0 8px 24px #2543230a}.card-main{padding:22px 22px 19px;flex:1}.card-top{display:flex;align-items:center;gap:12px}.tool-logo{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e9e3;border-radius:10px;background:#fff;flex-shrink:0}.tool-logo svg{width:28px;height:28px}.tool-logo.large{width:66px;height:66px;border-radius:15px}.tool-logo.large svg{width:43px;height:43px}.tool-name h3{font-size:17px;letter-spacing:-.03em}.tool-name small{font-size:10px;color:#84907e}.icon-btn{width:32px;height:32px;border:0;background:none;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#8a9587}.icon-btn:hover{background:#eef3e7;color:var(--green)}.card-top .icon-btn{margin-left:auto;align-self:flex-start}.icon-btn.selected{color:var(--green);background:#edf4e6}.tool-description{font-size:12px;line-height:1.8;min-height:44px;margin-top:18px;color:#687367}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;background:#edf5e6;color:#547a35;border-radius:5px;font-size:10px;font-weight:550;line-height:1.25}.tag.trial{background:#fff1df;color:#9a6727}.tag.open{background:#eef0ff;color:#626aa7}.tag.neutral{background:#f1f3ef;color:#7c8776}.tag.dark{background:#e4edde;color:#446334}.card-limit{font-size:11px;color:#7d8877;border-top:1px dashed #e6eadf;margin-top:17px;padding-top:12px;display:flex;align-items:center;gap:6px}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:#fcfdfb;border-top:1px solid #edf0e9;font-size:11px}.compare-toggle{border:0;background:none;padding:3px 0;color:#83907d;display:flex;align-items:center;gap:6px;font-size:10px}.compare-toggle.chosen{color:var(--green);font-weight:600}.card-footer a{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:650;color:#31543d}.center-action{text-align:center;margin-top:27px}.collections-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collection{padding:29px;border-radius:16px;background:#eaf0df;position:relative;overflow:hidden;min-height:235px;display:flex;flex-direction:column;align-items:flex-start}.collection.second{background:#f1eade}.collection .eyebrow{font-size:9px}.collection h3{font-size:27px;max-width:310px;line-height:1.25;margin-top:14px}.collection p{font-size:12px;max-width:290px;margin-top:10px}.collection .arrow-link{margin-top:20px}.collection-icons{position:absolute;right:20px;bottom:28px;display:flex;flex-direction:column;gap:8px;transform:rotate(9deg)}.collection-icons .tool-logo{width:42px;height:42px;box-shadow:0 3px 8px #333311}.collection-icons .tool-logo:nth-child(2){margin-left:-25px;transform:rotate(-18deg)}.principle-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;margin:60px 0;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-strip>div{display:flex;gap:15px}.principle-strip svg{color:#6a8652;margin-top:4px}.principle-strip h4{font-size:13px;letter-spacing:-.02em}.principle-strip p{font-size:11px;line-height:1.8;margin-top:7px}.footer-inner{display:flex;justify-content:space-between;gap:40px;padding:30px 0 35px}.footer-inner .brand{font-size:18px}.footer-inner p{font-size:11px;max-width:290px;margin-top:13px}.footer-links{display:flex;gap:35px;font-size:11px;padding-top:7px}.footer-bottom{border-top:1px solid var(--line);padding:20px 0 25px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8c9587}footer{padding-bottom:10px}.page-top{padding-top:42px;padding-bottom:30px}.breadcrumbs{font-size:11px;display:flex;gap:9px;align-items:center;color:#83907b;margin-bottom:25px;flex-wrap:wrap}.breadcrumbs a{color:#506e46}.page-top h1{font-size:42px}.page-top>p{margin-top:12px;font-size:14px}.page-top .search-box{max-width:650px;margin-top:24px;box-shadow:none}.listing-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:32px;padding-bottom:50px}.sidebar{align-self:start;position:sticky;top:105px}.filter-group{padding:21px 0;border-bottom:1px solid var(--line)}.filter-group:first-child{padding-top:0}.filter-title{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:14px}.filter-title button{background:none;border:0;padding:0;color:#72856b;font-size:10px}.filter-line{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:12px;color:#76816f;cursor:pointer}.filter-line input{accent-color:var(--green);width:14px;height:14px}.filter-line span:last-child{margin-left:auto;font-size:10px;color:#98a08f}.category-filter{display:block;width:100%;border:0;background:transparent;text-align:left;font-size:12px;padding:9px 11px;color:#7a8672;border-radius:7px;margin-bottom:4px}.category-filter.active{background:#e7efdc;color:var(--green);font-weight:600}.filter-tip{padding:16px;background:#edf2e6;border-radius:10px;font-size:11px;color:#708363;margin-top:25px;line-height:1.8}.results-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;font-size:12px;color:#8a9384;gap:15px}.results-toolbar strong{color:#34543c}.results-toolbar select{background:transparent;border:1px solid var(--line);padding:8px;border-radius:6px;font-size:11px;color:#627359}.listing-layout .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-filters{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.filter-chip{border:1px solid #cad7bf;background:#eef4e7;border-radius:6px;padding:6px 10px;font-size:11px;display:flex;align-items:center;gap:7px}.empty-state{padding:60px 25px;text-align:center;background:#fff;border:1px dashed #cbd8bd;border-radius:15px;grid-column:1/-1}.empty-state svg{color:#86a36d}.empty-state h3{margin:15px 0 8px;font-size:22px}.empty-state p{margin-bottom:22px;font-size:13px}.mobile-filter{display:none}.detail-top{display:flex;gap:20px;align-items:center}.detail-top h1{font-size:38px}.detail-top p{font-size:13px;margin-top:5px}.detail-actions{margin-left:auto;display:flex;gap:8px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:33px;padding-bottom:40px}.detail-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);padding:22px 0 15px;font-size:12px;overflow:auto}.detail-tabs a{white-space:nowrap;color:#78876d}.detail-tabs a:first-child{color:var(--green);font-weight:600}.detail-section{padding-top:32px}.detail-section h2{font-size:24px;margin-bottom:15px}.detail-section>p{font-size:13px;line-height:1.9}.detail-section .eyebrow{margin-bottom:9px}.detail-panel{border:1px solid var(--line);border-radius:14px;background:white;padding:24px;margin-top:28px}.detail-panel h3{font-size:16px}.detail-panel>p{font-size:12px;margin:10px 0 18px}.detail-panel ul,.plan ul{list-style:none;padding:0;margin:14px 0 20px}.detail-panel li,.plan li{font-size:12px;color:#6c7c62;display:flex;gap:8px;align-items:flex-start;margin:10px 0}.detail-panel li svg,.plan li svg{color:#6e9551;margin-top:2px}.detail-sidebar{align-self:start;position:sticky;top:95px}.detail-panel.highlight{background:#edf4e5;border-color:#d9e5ce}.detail-panel h4{font-size:12px}.detail-panel small{font-size:10px;color:#89967d;display:block;margin-top:12px;line-height:1.7}.key-value{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:11px 0;border-bottom:1px solid #eef1e9}.key-value span{color:#87917f}.key-value b{font-weight:500;text-align:right}.product-preview{border:1px solid #dce5d4;background:#eaf0e3;padding:17px;border-radius:14px;margin-top:25px;overflow:hidden}.preview-browser{background:white;border:1px solid #dfe4d8;border-radius:9px;overflow:hidden;box-shadow:0 8px 20px #344c2810}.browser-toolbar{height:29px;background:#f7f8f5;border-bottom:1px solid #e8ecdf;display:flex;align-items:center;gap:4px;padding:0 10px;font-size:8px;color:#929b88}.browser-toolbar i{width:5px;height:5px;border-radius:50%;background:#d5ddcc}.browser-toolbar span{margin-left:auto}.workspace{display:flex;min-height:218px}.workspace-nav{width:95px;background:#f5f7f2;border-right:1px solid #e8ecdf;padding:15px 12px;font-size:8px;color:#839477}.workspace-nav b{color:#3e5937;display:block;margin-bottom:16px}.workspace-nav div{padding:5px 0}.workspace-nav div.selected{background:#e3ecd7;color:#577643;padding-left:4px;border-radius:3px}.workspace-main{padding:18px;flex:1;min-width:0}.workspace-main h4{font-size:14px}.workspace-main p{font-size:8px;margin:4px 0 14px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kanban-col{padding:8px;background:#f5f7f0;border-radius:5px;font-size:8px}.kanban-col strong{font-size:8px;font-weight:600}.kanban-card{margin-top:8px;padding:8px;background:white;border:1px solid #e7ecdf;border-radius:5px;font-size:8px}.kanban-card em{display:block;width:28px;height:4px;background:#cfddbe;margin-bottom:8px;border-radius:3px}.kanban-card span{display:block;color:#96a18c;font-size:7px;margin-top:10px}.preview-caption{font-size:9px;text-align:center;margin-top:10px;color:#829176}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-item{background:#fff;border:1px solid var(--line);padding:17px;border-radius:10px}.feature-item h4{font-size:12px;display:flex;gap:8px;align-items:center}.feature-item p{font-size:11px;line-height:1.8;margin-top:7px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.plan.featured{background:#f0f6e8;border-color:#b5cda0}.plan h3{font-size:14px}.plan .price{font-size:29px;font-family:Manrope,Arial,sans-serif;font-weight:750;margin-top:13px;color:var(--ink);line-height:1.2}.plan .price small{font-size:10px;font-weight:400;color:#829176}.plan>p{font-size:10px;margin-top:6px;min-height:28px}.plan .btn{margin-top:auto;font-size:10px;padding:9px}.plan li{font-size:10px}.pricing-note{font-size:10px!important;line-height:1.8!important;margin-top:13px}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:15px}.proscons>div{padding:20px;background:#f0f4ea;border-radius:11px}.proscons>div:last-child{background:#f5f0e8}.proscons h4{font-size:13px;margin-bottom:10px}.proscons p{font-size:11px;margin-top:9px;display:flex;gap:8px;align-items:flex-start}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px;font-weight:550}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:20px;font-weight:400;color:#7c8d6d}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 28px 20px 0;font-size:12px;line-height:1.9}.reviews-empty{padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:20px}.reviews-empty p{font-size:12px;margin-top:4px}.review-form{margin-top:18px;padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.form-row{margin-bottom:15px}.form-row label{display:block;font-size:12px;margin-bottom:7px;font-weight:600}.form-row input,.form-row textarea,.form-row select{width:100%;padding:11px;border:1px solid #d7e0ce;border-radius:7px;background:white;color:var(--ink)}.form-row textarea{min-height:100px;resize:vertical}.form-note{font-size:10px;margin-bottom:14px;line-height:1.7}.saved-review{padding:20px;background:white;border:1px solid var(--line);border-radius:10px;margin-top:15px}.saved-review h4{font-size:13px}.saved-review p{font-size:12px;margin-top:7px;white-space:pre-wrap}.compare-page{padding-bottom:60px}.compare-empty{max-width:650px;margin:10px auto 40px}.compare-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.compare-table{border-collapse:collapse;width:100%;min-width:650px;font-size:12px}.compare-table th,.compare-table td{text-align:left;padding:19px 23px;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line);width:25%}.compare-table td:last-child,.compare-table th:last-child{border-right:0}.compare-table th{background:#f3f6ed;min-width:200px}.compare-table th:first-child,.compare-table td:first-child{color:#839276;width:180px;min-width:150px;font-size:11px}.compare-table tr:last-child td{border-bottom:0}.compare-table th h3{font-size:18px;margin:13px 0 10px}.compare-table ul{padding-left:15px;margin:0;color:#708265;line-height:1.9}.compare-table .remove{border:0;background:none;color:#8d9884;float:right;padding:2px}.compare-placeholder{height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#9cab8f}.category-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:50px}.directory-card{background:white;border:1px solid var(--line);border-radius:13px;padding:23px}.directory-card h3{font-size:16px;margin:14px 0}.directory-card ul{list-style:none;padding:0;margin:0}.directory-card a{display:block;font-size:12px;color:#849279;margin-top:10px}.directory-card a:hover{color:var(--green)}.directory-card .arrow-link{margin-top:20px;color:var(--green);display:flex}.method-content{max-width:760px;margin:auto;padding-bottom:60px}.method-content section{padding:25px 0;border-bottom:1px solid var(--line)}.method-content h2{font-size:23px;margin-bottom:12px}.method-content p{font-size:14px;line-height:1.9}.compare-tray{position:fixed;z-index:35;bottom:20px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 30px));padding:13px 18px;display:flex;align-items:center;gap:13px;border-radius:13px;background:#153e30;color:white;box-shadow:0 10px 35px #193c3830}.tray-logos{display:flex;gap:6px}.tray-logos .tool-logo{width:30px;height:30px;border-radius:7px}.tray-logos .tool-logo svg{width:20px;height:20px}.tray-text{font-size:12px;flex:1}.tray-text small{display:block;font-size:10px;color:#a9c19b}.compare-tray .clear{border:0;background:none;color:#a7c298;font-size:11px;padding:7px}.compare-tray .btn{font-size:11px;padding:10px 14px}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:#183f31;color:white;padding:12px 20px;border-radius:10px;font-size:12px;box-shadow:0 5px 25px #11221125;opacity:0;pointer-events:none;transition:.2s;z-index:90;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:1px solid #d7e1cd;border-radius:18px;padding:30px;width:min(470px,calc(100% - 30px));color:var(--text);box-shadow:0 15px 80px #152a2640}dialog::backdrop{background:#10291f66;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin-bottom:12px}dialog>p{font-size:12px;margin-bottom:22px}dialog .close{position:absolute;right:14px;top:13px}.preview-inline-note{font-size:10px;color:#89967e;margin:20px 0 0;line-height:1.7}.section-anchor{scroll-margin-top:100px}[hidden]{display:none!important}@media(min-width:1500px){.container{width:min(1280px,calc(100% - 120px))}.hero h1{font-size:73px}.hero{min-height:560px}.hero-art{transform:scale(1.08)}}@media(max-width:1150px){.nav{gap:20px}.nav-links{gap:18px;margin-left:5px}.nav-actions{gap:15px}.nav-actions .submit-btn{display:none}.hero{gap:10px}.hero h1{font-size:55px}.hero-art{transform:scale(.85);transform-origin:center right}.category-grid{grid-template-columns:repeat(3,1fr)}.category-box{display:grid;grid-template-columns:35px 1fr;column-gap:12px;align-items:center;padding:15px}.category-icon{grid-row:1/3;margin:0}.category-box small{grid-column:2}.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.collection-icons{opacity:.8}}@media(max-width:900px){.container{width:calc(100% - 48px)}.nav-links{gap:15px;font-size:12px}.nav-actions .saved-nav{display:none}.hero{grid-template-columns:1.2fr .8fr}.hero h1{font-size:47px}.hero-art{transform:scale(.7);transform-origin:center right;width:390px;margin-left:-100px}.hero-copy>p{font-size:14px}.hero{padding-top:45px;padding-bottom:35px;min-height:480px}.trust-strip{font-size:10px;padding:18px 0}.tool-grid{gap:12px}.card-main{padding:18px}.card-footer{padding:12px 18px}.tool-name h3{font-size:15px}.tool-name small{font-size:9px}.tool-logo{width:36px;height:36px}.tool-logo svg{width:24px;height:24px}.card-top{gap:9px}.tool-description{font-size:11px}.collection{padding:25px;min-height:240px}.collection h3{font-size:23px;max-width:220px}.collection p{max-width:220px}.collection-icons{right:10px;bottom:20px;transform:scale(.8) rotate(9deg)}.principle-strip{gap:20px}.listing-layout{grid-template-columns:180px minmax(0,1fr);gap:22px}.listing-layout .tool-grid{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-sidebar .detail-panel:last-child{display:none}.detail-sidebar .detail-panel{margin-top:0}.detail-actions .save-label{display:none}.category-directory{grid-template-columns:1fr 1fr}}@media(max-width:650px){body{font-size:14px}.container{width:calc(100% - 36px)}.preview-note{font-size:9px;height:29px;gap:6px}.preview-tag{font-size:8px;padding-left:9px;margin-left:3px}.nav{height:67px;gap:12px}.brand{font-size:18px;letter-spacing:-.8px}.brandmark{grid-template-columns:repeat(2,9px)}.brandmark i{width:9px;height:9px}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;background:var(--paper);padding:15px 24px;border-bottom:1px solid var(--line);margin:0;box-shadow:0 10px 15px #203a1810}.nav-links.open{display:flex;flex-direction:column;gap:0;align-items:stretch}.nav-links a{padding:12px}.nav-actions{gap:12px}.nav-actions .text-btn{font-size:0;gap:4px}.nav-actions .text-btn svg{width:19px}.count{font-size:9px}.menu-toggle{display:block}.hero{display:block;padding-top:38px;padding-bottom:30px;min-height:auto}.eyebrow{font-size:8px;letter-spacing:.15em}.hero h1{font-size:44px;max-width:420px;margin-top:17px;line-height:1.12;letter-spacing:-.055em}.hero-copy>p{font-size:13px;max-width:340px;margin-top:18px;line-height:1.8}.search-box{margin-top:23px;padding:6px 6px 6px 12px;gap:8px;border-radius:10px}.search-box input{font-size:11px;height:35px}.search-box .btn{padding:12px 13px;font-size:11px}.search-box .btn svg{display:none}.search-box>svg{width:17px}.popular{font-size:10px;gap:10px;margin-top:14px}.popular button{font-size:10px}.hero-art{transform:scale(.72);transform-origin:top center;height:270px;width:420px;max-width:calc(100vw - 15px);margin:45px auto -45px;left:-18px}.orbit.three{width:390px;height:390px;left:14px;top:-5px}.orbit{left:34px;top:15px}.orbit.two{left:84px;top:65px}.hero-feature{left:12px;top:10px}.art-label{right:5px;top:-15px}.tile-one{left:0;top:25px}.tile-two{right:-6px;top:45px}.tile-three{left:1px;bottom:-50px}.tile-four{right:-8px;bottom:-52px}.floating-note{bottom:-68px;left:128px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;padding:17px 0;font-size:9px}.trust-strip span{gap:6px}.trust-strip svg{width:15px}.section{padding-top:37px}.section-heading{margin-bottom:21px;gap:10px;align-items:center}h2{font-size:25px}.section-heading p{font-size:11px;max-width:230px;margin-top:7px}.arrow-link{font-size:10px;gap:5px}.section-heading .arrow-link{font-size:0}.section-heading .arrow-link svg{width:21px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-box{padding:14px 12px;column-gap:9px;border-radius:10px}.category-box b{font-size:10px;line-height:1.4}.category-box small{font-size:9px}.category-icon{height:31px;width:31px}.category-icon svg{width:17px}.catalog-section{padding-top:37px}.tabs{gap:22px;margin-bottom:18px}.tabs button{font-size:11px;padding-bottom:11px}.tool-grid{grid-template-columns:1fr;gap:14px}.card-main{padding:20px}.tool-name h3{font-size:18px}.tool-name small{font-size:10px}.tool-logo{width:42px;height:42px}.tool-logo svg{width:28px;height:28px}.tool-description{font-size:12px;min-height:auto}.card-top{gap:12px}.card-tags{margin-top:14px}.card-limit{font-size:11px}.card-footer{padding:13px 20px}.card-footer a{font-size:12px}.compare-toggle{font-size:11px}.collections-grid{grid-template-columns:1fr;gap:14px}.collection{padding:25px;min-height:230px}.collection h3{font-size:27px;max-width:255px}.collection p{max-width:230px;font-size:12px}.collection-icons{right:18px;bottom:30px;transform:scale(1) rotate(9deg)}.principle-strip{grid-template-columns:1fr;gap:25px;margin:38px 0 15px;padding:28px 0}.principle-strip h4{font-size:14px}.principle-strip p{font-size:12px}.footer-inner{display:block;padding-top:25px}.footer-links{margin-top:25px;gap:22px;flex-wrap:wrap}.footer-bottom{display:block;font-size:9px;line-height:1.8}.footer-bottom span{display:block;margin-top:6px}.page-top{padding-top:27px;padding-bottom:25px}.page-top h1{font-size:33px;line-height:1.15}.page-top>p{font-size:12px}.breadcrumbs{font-size:10px;margin-bottom:21px}.listing-layout{display:block}.sidebar{display:none;position:static;background:#f0f4e8;border-radius:12px;padding:18px;margin-bottom:20px}.sidebar.is-open{display:block}.filter-tip{display:none}.filter-group{padding:14px 0}.category-filter{padding:7px 9px}.mobile-filter{display:flex}.mobile-filter .btn{padding:8px 11px;font-size:11px}.results-toolbar{flex-wrap:wrap;gap:12px;font-size:11px}.results-toolbar select{font-size:10px;margin-left:auto}.results-toolbar .result-count{width:100%;order:3}.results-toolbar .mobile-filter{order:0}.listing-layout .tool-grid{grid-template-columns:1fr}.detail-top{gap:12px;flex-wrap:wrap}.detail-top h1{font-size:29px}.detail-top .tool-logo.large{width:55px;height:55px}.detail-top>div:nth-child(2){flex:1}.detail-top p{font-size:11px}.detail-actions{width:100%;margin-top:10px;margin-left:0}.detail-actions .btn{flex:1;padding:10px;font-size:11px}.detail-actions .save-label{display:inline}.detail-tabs{gap:21px;font-size:11px;padding:18px 0 13px}.detail-layout{gap:22px;display:flex;flex-direction:column}.detail-body{display:contents}.detail-sidebar{order:0;display:block}.detail-sidebar .detail-panel.highlight{margin-top:0}.detail-sidebar .detail-panel:not(.highlight){display:none}.detail-content{order:1}.detail-section:first-child{padding-top:2px}.detail-section h2{font-size:23px}.detail-section>p{font-size:12px}.feature-list{gap:10px}.feature-item{padding:14px}.feature-item h4{font-size:11px}.feature-item h4 svg{display:none}.feature-item p{font-size:10px}.product-preview{padding:10px}.workspace-nav{display:none}.workspace-main{padding:12px}.workspace{min-height:190px}.kanban{gap:5px}.kanban-col{padding:5px}.kanban-card{padding:5px;font-size:7px}.plans{grid-template-columns:1fr}.plan{padding:22px}.plan .price{font-size:32px}.plan>p{font-size:11px;min-height:0}.plan li{font-size:12px}.plan .btn{font-size:12px}.proscons{grid-template-columns:1fr}.proscons p{font-size:12px}.faq summary{font-size:12px}.reviews-empty{padding:20px;gap:12px;flex-wrap:wrap}.reviews-empty .btn{width:100%}.review-form{padding:17px}.category-directory{grid-template-columns:1fr;gap:13px}.directory-card{padding:23px}.directory-card h3{font-size:19px}.directory-card ul{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.compare-table th,.compare-table td{padding:14px;min-width:165px}.compare-table th:first-child,.compare-table td:first-child{min-width:125px;position:sticky;left:0;background:#f4f7ee;z-index:1}.compare-table{min-width:625px}.compare-tray{bottom:12px;padding:12px;gap:10px}.tray-logos{display:none}.tray-text{font-size:11px}.tray-text small{font-size:9px}.compare-tray .clear{font-size:10px}.compare-tray .btn{font-size:10px;padding:10px}.method-content p{font-size:12px}dialog{padding:26px}.preview-inline-note{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.compare-table{table-layout:fixed}.compare-table th,.compare-table td{width:auto}.compare-table th:first-child,.compare-table td:first-child{width:20%}@media(max-width:650px){.hero h1{font-size:clamp(30px,8.8vw,36px)}.plans,.detail-section .tool-grid{grid-template-columns:1fr!important}.compare-table th:first-child,.compare-table td:first-child{width:125px}}