:root{--at-ink:#292521;--at-orange:#e85c20;--at-deep:#c64a18;--at-ivory:#fff9f4;--at-muted:#6d635c;--at-line:#e7d9cf}*{box-sizing:border-box}body{margin:0;color:var(--at-ink);font-family:Manrope,Arial,sans-serif}.at-shell{width:min(1180px,calc(100% - 40px));margin:auto}.at-hero{padding:74px 0 55px;background:radial-gradient(circle at 85% 20%,#ffe1ce,transparent 28%),linear-gradient(135deg,#fff9f4,#fff)}.at-hero>div>span,.tool-hero>div>span,.at-group header span,.at-cta span,.tool-workspace header span,.tool-result>span,.tool-layout>aside>span,.tool-guide>.at-shell>span{color:var(--at-deep);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.at-hero h1,.tool-hero h1{max-width:900px;margin:10px 0 17px;font-size:clamp(43px,6vw,67px);line-height:1.05;letter-spacing:-.055em}.at-hero h1 em{color:var(--at-orange);font-style:normal}.at-hero>div>p,.tool-hero p{max-width:800px;color:var(--at-muted);font-size:14px;line-height:1.8}.at-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;max-width:840px;height:58px;margin-top:30px;padding:0 18px;border:1px solid var(--at-line);border-radius:14px;background:#fff;box-shadow:0 14px 35px rgba(68,44,30,.08)}.at-search i{color:var(--at-orange);font-size:22px;font-style:normal}.at-search input{height:100%;padding:0 14px;border:0;outline:0;font:13px Manrope}.at-search b{padding:8px 11px;border-radius:8px;background:#fff0e7;color:var(--at-deep);font-size:10px}.at-hero nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.at-hero nav a{padding:9px 12px;border:1px solid var(--at-line);border-radius:999px;background:#fff;color:var(--at-ink);font-size:10px;font-weight:700;text-decoration:none}.at-hero nav b{margin-left:5px;color:var(--at-orange)}.at-directory{padding:70px 0;background:#f7f3ef}.at-directory>.at-shell{display:grid;gap:25px}.at-group{overflow:hidden;border:1px solid var(--at-line);border-radius:19px;background:#fff;box-shadow:0 14px 38px rgba(66,42,27,.045);scroll-margin-top:110px}.at-group>header{display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;padding:25px 28px;border-bottom:1px solid #eee3dc;background:#fffaf6}.at-group-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--at-orange);color:#fff;font-size:22px}.at-group h2{margin:3px 0;font-size:24px}.at-group header p{margin:0;color:var(--at-muted);font-size:11px}.at-group>header>b{color:#d4c3b8;font-size:13px}.at-grid{display:grid;grid-template-columns:repeat(3,1fr)}.at-grid>a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;min-height:90px;padding:17px 20px;border-right:1px solid #f0e7e1;border-bottom:1px solid #f0e7e1;color:var(--at-ink);text-decoration:none;transition:.18s}.at-grid>a:hover{background:#fff6ef;transform:translateY(-1px)}.at-grid>a>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff0e7;color:var(--at-deep);font-size:9px;font-style:normal;font-weight:800}.at-grid span b,.at-grid span small{display:block}.at-grid span b{font-size:12px;line-height:1.4}.at-grid span small{margin-top:4px;color:var(--at-muted);font-size:9px}.at-grid em{color:var(--at-orange);font-style:normal}.at-empty{padding:50px;border-radius:18px;background:#fff;text-align:center}.at-empty b{font-size:20px}.at-empty p{color:var(--at-muted)}.at-cta{padding:55px 0;background:var(--at-ink);color:#fff}.at-cta>.at-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.at-cta h2{margin:7px 0;font-size:34px}.at-cta p{margin:0;color:#cfc5bd;font-size:12px}.at-cta a{padding:14px 20px;border-radius:10px;background:var(--at-orange);color:#fff;font-size:11px;font-weight:800;text-decoration:none}.tool-hero{padding:58px 0;background:linear-gradient(135deg,#fff9f4,#fff)}.tool-hero h1{font-size:clamp(38px,5vw,57px)}.tool-crumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;color:#847970;font-size:10px}.tool-crumb a{color:var(--at-deep);text-decoration:none}.tool-section{padding:70px 0;background:#f7f3ef}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.tool-workspace{overflow:hidden;border:1px solid var(--at-line);border-radius:19px;background:#fff;box-shadow:0 18px 50px rgba(63,41,27,.07)}.tool-workspace>header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:27px 30px;border-bottom:1px solid #eee3dc;background:#fffaf6}.tool-workspace h2{margin:5px 0;font-size:27px}.tool-workspace header p{margin:0;color:var(--at-muted);font-size:11px}.tool-workspace>header>b{padding:7px 9px;border-radius:7px;background:#e8f7ed;color:#24713e;font-size:8px}.tool-text-label{display:block;padding:25px 30px 0;color:#4f4741;font-size:10px;font-weight:800}.tool-text-label textarea{display:block;width:100%;margin-top:8px;padding:17px;border:1px solid #dcd0c7;border-radius:11px;outline:0;resize:vertical;font:13px/1.7 Manrope}.tool-text-label textarea:focus,.tool-fields input:focus,.tool-fields select:focus{border-color:var(--at-orange);box-shadow:0 0 0 3px #ffe9dd}.tool-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:25px 30px 0}.tool-fields:empty{display:none}.tool-fields label{color:#514943;font-size:9px;font-weight:800}.tool-fields input,.tool-fields select{display:block;width:100%;height:43px;margin-top:6px;padding:0 11px;border:1px solid #dcd0c7;border-radius:8px;background:#fff;outline:0;font:11px Manrope}.tool-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 30px;border:1px solid #eee3dc;border-radius:11px}.tool-stats span{padding:13px;border-right:1px solid #eee3dc;color:var(--at-muted);font-size:8px}.tool-stats span:last-child{border:0}.tool-stats b{display:block;margin-bottom:2px;color:var(--at-ink);font-size:16px}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 30px 22px}.tool-actions button{padding:11px 14px;border:1px solid var(--at-line);border-radius:8px;background:#fff;color:var(--at-ink);cursor:pointer;font:800 9px Manrope}.tool-actions button:first-child{border-color:var(--at-orange);background:var(--at-orange);color:#fff}.tool-result{margin:0 30px 25px;padding:20px;border:1px solid #f0c9b6;border-radius:11px;background:#fff7f1}.tool-result p,.tool-result pre{margin:8px 0 0;color:#514943;font:12px/1.7 Manrope;white-space:pre-wrap}.tool-disclaimer{margin:0;padding:18px 30px;border-top:1px solid #eee3dc;color:#7b7068;font-size:9px;line-height:1.6}.tool-layout>aside{position:sticky;top:108px;padding:27px;border-radius:17px;background:var(--at-ink);color:#fff}.tool-layout>aside h2{font-size:24px}.tool-layout>aside ul{padding-left:18px;color:#d5cbc4;font-size:10px;line-height:2}.tool-layout>aside a{display:block;margin-top:9px;padding:12px;border:1px solid #5f554e;border-radius:8px;color:#fff;text-align:center;text-decoration:none;font-size:9px;font-weight:800}.tool-layout>aside a:first-of-type{border-color:var(--at-orange);background:var(--at-orange)}.tool-guide{padding:65px 0}.tool-guide h2{margin:7px 0 25px;font-size:34px}.tool-guide>.at-shell>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tool-guide article{padding:25px;border:1px solid var(--at-line);border-radius:14px}.tool-guide article>b{color:var(--at-orange);font-size:11px}.tool-guide h3{font-size:17px}.tool-guide p{color:var(--at-muted);font-size:10px;line-height:1.7}@media(max-width:900px){.at-grid{grid-template-columns:1fr 1fr}.tool-layout{grid-template-columns:1fr}.tool-layout>aside{position:static}}@media(max-width:650px){.at-shell{width:calc(100% - 28px)}.at-grid,.tool-guide>.at-shell>div{grid-template-columns:1fr}.at-group>header{grid-template-columns:auto 1fr}.at-group>header>b{display:none}.at-search b{display:none}.at-cta>.at-shell,.tool-workspace>header{align-items:flex-start;flex-direction:column}.tool-fields{grid-template-columns:1fr}.tool-stats{grid-template-columns:1fr 1fr}.tool-stats span:nth-child(2){border-right:0}.tool-text-label,.tool-fields{padding-left:20px;padding-right:20px}.tool-actions,.tool-result{margin-left:20px;margin-right:20px;padding-left:0;padding-right:0}.tool-result{padding:17px}.tool-actions{margin:0;padding:0 20px 20px}.tool-workspace>header{padding:22px}}
