.tools-lead{max-width:680px;color:#4a443b;font-size:clamp(16px,1.6vw,20px);line-height:1.6}.tools-grid{display:grid;gap:22px;align-items:start}.tools-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-stack{display:grid;gap:20px}.tools-nowrap{white-space:nowrap}.tools-sr{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden;white-space:nowrap}.calc-card{background:var(--paper);border:var(--border);border-radius:22px;box-shadow:var(--shadow);padding:30px}.calc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:20px;border-bottom:2px solid var(--ink);margin-bottom:24px;flex-wrap:wrap}.calc-head h2{margin:0;font-size:clamp(26px,2.6vw,36px)}.calc-code{font:800 11px/1.4 var(--body);letter-spacing:.09em;text-transform:uppercase;background:var(--ink);color:var(--paper);border-radius:99px;padding:8px 13px}.calc-form{display:grid;gap:18px;margin:0}.calc-field{display:grid;gap:7px}.calc-field label{font:900 12px/1.4 var(--body);letter-spacing:.05em;text-transform:uppercase}.calc-field .calc-hint{font-size:12px;line-height:1.5;color:#5c5348;margin:0}.calc-input{display:flex;align-items:center;border:2px solid var(--ink);border-radius:12px;background:#fff;overflow:hidden;transition:box-shadow .18s,border-color .18s}.calc-input:focus-within{box-shadow:3px 3px 0 var(--ink)}.calc-input input{flex:1 1 auto;min-width:0;border:0;background:0 0;padding:13px 14px;font:800 16px/1.2 var(--body);color:var(--ink)}.calc-input input:focus{outline:0}.calc-input .calc-unit{flex:0 0 auto;font:900 12px/1 var(--body);letter-spacing:.04em;color:var(--ink);background:var(--green);border-left:2px solid var(--ink);padding:14px 12px;align-self:stretch;display:flex;align-items:center}.calc-range{display:flex;align-items:center;gap:12px}.calc-range input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--red);height:26px}.calc-range output{flex:0 0 auto;font:900 13px/1 var(--body);background:var(--ink);color:var(--paper);border-radius:99px;padding:8px 12px;min-width:52px;text-align:center}.calc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.calc-btn{border:var(--border);border-radius:99px;background:var(--ink);color:var(--paper);font:900 13px/1.2 var(--body);padding:13px 20px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.calc-btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.calc-btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}.calc-btn-ghost{background:var(--paper);color:var(--ink)}.calc-results{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.calc-result{border:var(--border);border-radius:18px;background:var(--cream2);padding:20px;box-shadow:4px 4px 0 var(--ink)}.calc-result .calc-label{display:block;font:900 11px/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#5b5145;margin-bottom:9px}.calc-result .calc-value{display:block;font:900 clamp(24px,2.9vw,34px)/1.06 var(--font);letter-spacing:-.04em;overflow-wrap:anywhere}.calc-result .calc-note{font-size:12px;line-height:1.5;color:#4f473c;margin:9px 0 0}.calc-result-wide{grid-column:1/-1}.calc-result-hero{background:var(--red);color:var(--paper)}.calc-result-hero .calc-label{color:#ffe6d9}.calc-result-hero .calc-note{color:#ffede3}.calc-result-green{background:var(--green)}.calc-result-dark{background:var(--ink);color:var(--paper)}.calc-result-dark .calc-label{color:var(--green)}.calc-result-dark .calc-note{color:#dbd0c0}.calc-scenario{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--border);border-radius:18px;background:var(--paper);padding:20px}.calc-scenario div{border-right:1px solid #24211D26;padding-right:14px}.calc-scenario div:last-child{border-right:0;padding-right:0}.calc-scenario dt{font:900 11px/1.4 var(--body);letter-spacing:.07em;text-transform:uppercase;color:#5b5145;margin-bottom:7px}.calc-scenario dd{margin:0;font:900 clamp(18px,2vw,23px)/1.1 var(--font);letter-spacing:-.03em}.calc-live{font-size:12px;font-weight:800;color:#5b5145;margin:16px 0 0}.calc-share-note{font-size:12px;line-height:1.6;color:#4f473c;margin:18px 0 0}.embed-box{border:var(--border);border-radius:20px;background:var(--ink);box-shadow:var(--shadow);overflow:hidden}.embed-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;border-bottom:2px solid #fffAF133;flex-wrap:wrap}.embed-bar span{font:900 11px/1.3 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--green)}.embed-copy{border:2px solid var(--paper);border-radius:99px;background:var(--yellow);color:var(--ink);font:900 12px/1.2 var(--body);padding:9px 16px;transition:transform .16s}.embed-copy:hover{transform:translateY(-2px)}.embed-copy:focus-visible{outline:3px solid var(--green);outline-offset:3px}.embed-copy.is-copied{background:var(--green)}.embed-code{margin:0;padding:18px;font:500 12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#efe6d8;white-space:pre}.embed-code code{font:inherit}.embed-preview{border:var(--border);border-radius:20px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}.embed-preview iframe{display:block;width:100%;border:0}.embed-note{font-size:12.5px;line-height:1.6;color:#4f473c;margin:14px 0 0}.tpl-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-card{position:relative;display:flex;flex-direction:column;border:var(--border);border-radius:20px;background:var(--paper);box-shadow:var(--shadow);padding:24px;transition:transform .18s,box-shadow .18s}.tpl-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.tpl-card.is-copied{border-color:var(--leaf)}.tpl-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.tpl-tag{font:900 10.5px/1.3 var(--body);letter-spacing:.09em;text-transform:uppercase;background:var(--yellow);border:var(--border);border-radius:99px;padding:6px 11px}.tpl-tag-green{background:var(--green)}.tpl-tag-red{background:var(--red);color:var(--paper)}.tpl-tag-peach{background:var(--peach)}.tpl-card h3{margin:0;font-size:clamp(20px,1.9vw,25px);line-height:1.14}.tpl-when{font-size:12.5px;line-height:1.55;color:#5b5145;margin:0 0 14px}.tpl-body{flex:1 1 auto;border:2px dashed #24211D33;border-radius:14px;background:var(--cream);padding:16px;font-size:14.5px;line-height:1.62;color:#332f29;overflow-wrap:anywhere;margin:0 0 16px;white-space:pre-wrap}.tpl-body strong{font-weight:900}.tpl-copy{align-self:flex-start;border:var(--border);border-radius:99px;background:var(--ink);color:var(--paper);font:900 12.5px/1.2 var(--body);padding:11px 18px;box-shadow:4px 4px 0 #24211D5C;transition:transform .16s,background .16s}.tpl-copy:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #24211D5C}.tpl-copy:focus-visible{outline:3px solid var(--red);outline-offset:3px}.tpl-copy.is-copied{background:var(--leaf);color:#fff}.code-card{position:relative;border:var(--border);border-radius:18px;background:var(--ink);box-shadow:var(--shadow);overflow:hidden}.code-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:2px solid #fffAF133;flex-wrap:wrap}.code-card-head h3{margin:0;font:900 13px/1.3 var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--green)}.code-card pre{margin:0;padding:16px;font:500 12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#efe6d8;white-space:pre}.consent-note{border:2px dashed var(--red);border-radius:18px;background:var(--paper);padding:22px 24px;margin:0}.consent-note strong.q{display:block;font:900 12px/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:10px}.consent-note p{margin:0;font-size:14.5px;line-height:1.66;color:#3b362f}.consent-note p+p{margin-top:10px}.crew-card{display:flex;flex-direction:column;border:var(--border);border-radius:20px;background:var(--paper);box-shadow:var(--shadow);padding:26px}.crew-card h3{margin:0 0 4px;font-size:clamp(22px,2vw,28px)}.crew-card h3 a:hover{color:var(--red)}.crew-role{font:900 11px/1.4 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--red);margin:0 0 14px}.crew-card p{font-size:14.5px;line-height:1.62;color:#403a32;margin:0 0 14px}.crew-card .pill-list{margin-top:auto}.crew-avatar{width:56px;height:56px;border-radius:50%;border:var(--border);background:var(--yellow);display:grid;place-items:center;font:900 26px/1 var(--font);margin-bottom:16px}.crew-avatar-red{background:var(--red);color:var(--paper)}.crew-avatar-green{background:var(--green)}.crew-avatar-peach{background:var(--peach)}.profile-head{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-bottom:26px}.profile-avatar{width:96px;height:96px;border-radius:50%;border:var(--border);background:var(--yellow);display:grid;place-items:center;font:900 44px/1 var(--font);box-shadow:5px 5px 0 var(--ink)}.profile-head h1{margin:6px 0 8px}.profile-role{font:900 12px/1.4 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--red);margin:0}.guide-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.guide-list li{border:var(--border);border-radius:16px;background:var(--paper);padding:16px 18px;box-shadow:4px 4px 0 var(--ink)}.guide-list a{font:900 15px/1.4 var(--body);display:inline-block}.guide-list a:hover{color:var(--red)}.guide-list span{display:block;font-size:12.5px;line-height:1.55;color:#5b5145;margin-top:6px}.owns-list{list-style:none;margin:0;padding:0}.owns-list li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #24211D2E;font-size:14.5px;line-height:1.55}.owns-list li:last-child{border-bottom:0}.owns-list li:before{content:'✓';flex:0 0 22px;height:22px;display:grid;place-items:center;background:var(--green);border:1.5px solid var(--ink);border-radius:50%;font-weight:900;font-size:12px}.tpl-note-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tpl-note-strip span{border:2px solid var(--ink);border-radius:99px;background:var(--paper);padding:8px 14px;font:900 11.5px/1.2 var(--body);letter-spacing:.04em}.tbl-wrap{overflow-x:auto;border:var(--border);border-radius:18px;background:var(--paper);box-shadow:var(--shadow);max-width:100%}table.tbl{width:100%;border-collapse:collapse;min-width:560px;font-size:14px}table.tbl caption{text-align:left;padding:16px 18px 0;font:900 12px/1.4 var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--red)}table.tbl td,table.tbl th{text-align:left;padding:12px 16px;border-bottom:1px solid #24211D2E;vertical-align:top;line-height:1.55}table.tbl thead th{background:var(--green);border-bottom:2px solid var(--ink);font:900 12px/1.4 var(--body);letter-spacing:.05em;text-transform:uppercase}table.tbl tbody tr:last-child td{border-bottom:0}table.tbl code{font:600 12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--cream2);border-radius:5px;padding:2px 5px}@media(max-width:900px){.calc-results{grid-template-columns:1fr}.calc-scenario{grid-template-columns:1fr;gap:10px}.calc-scenario div{border-right:0;border-bottom:1px solid #24211D26;padding:0 0 10px}.calc-scenario div:last-child{border-bottom:0;padding-bottom:0}.tools-grid-2,.tools-grid-3,.tpl-grid{grid-template-columns:1fr}}@media(max-width:530px){.calc-card{padding:20px}.calc-result{padding:16px}.calc-input input{padding:12px;font-size:16px}.calc-input .calc-unit{padding:12px 9px;font-size:10.5px}.calc-actions{flex-direction:column}.calc-btn{width:100%}.tpl-card{padding:18px}.tpl-body{font-size:14px}.embed-code{padding:14px;font-size:11.5px}.profile-head{grid-template-columns:1fr;justify-items:start}.profile-avatar{width:72px;height:72px;font-size:34px}.crew-card{padding:20px}.consent-note{padding:18px}}@media(prefers-reduced-motion:reduce){.calc-btn,.embed-copy,.tpl-card,.tpl-copy{transition:none}}.calc-results>*,.calc-scenario>*,.grid-2>*,.grid-3>*,.grid-4>*,.split>*,.steps>*,.tools-grid>*,.tpl-grid>*{min-width:0}.tbl-wrap table.tbl{min-width:560px}.calc-card,.card,.code-card,.consent-note,.embed-box,.tpl-card{max-width:100%;min-width:0}.code-card pre,.embed-code,.tpl-body{max-width:100%}.code-card pre,.embed-code{overflow-x:auto;overflow-wrap:normal;-webkit-overflow-scrolling:touch}