.tool-demo{position:relative;z-index:2;margin-top:clamp(-5rem,-7vw,-3rem);padding-bottom:clamp(4rem,9vw,7rem)}.tool-shell{overflow:hidden;background:var(--lp-white);border:1px solid var(--lp-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.tool-shell__header{max-width:48rem;padding:clamp(1.5rem,4vw,2.75rem)}.tool-shell__header h2{font-size:clamp(1.75rem,4vw,2.75rem)}.tool-shell__header>p:last-child{margin:0}.tool-shell__grid{display:grid;border-top:1px solid var(--lp-line)}.tool-form,.result-panel{padding:clamp(1.5rem,4vw,2.75rem)}.tool-form{background:var(--lp-white)}.tool-field{margin-bottom:var(--space-6)}.tool-field__heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2);gap:var(--space-4)}.tool-field__heading label{color:var(--lp-ink);font-weight:750}.tool-field__heading span,.tool-field__help{color:var(--lp-muted);font-size:0.8125rem}.tool-field input,.tool-field textarea,.tool-field select{width:100%;min-height:3.25rem;padding:var(--space-3) var(--space-4);color:var(--lp-ink);background:var(--lp-white);border:1px solid #c7d6cf;border-radius:var(--radius-sm)}.tool-field input:focus,.tool-field textarea:focus,.tool-field select:focus{outline:0.1875rem solid rgb(0 125 62 / 22%);outline-offset:0.125rem;border-color:var(--lp-green-action)}.tool-field [aria-invalid="true"]{border-color:#b42318}.tool-field__help{margin:var(--space-2) 0 0}.tool-field__error{margin:var(--space-2) 0 0;color:#8f1d15;font-size:0.8125rem;font-weight:650}.preset-group{margin:0 0 var(--space-8);padding:0;border:0}.preset-group legend{margin-bottom:var(--space-3);color:var(--lp-text);font-size:0.8125rem;font-weight:700}.preset-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preset-chip{min-height:2.625rem;padding:var(--space-2) var(--space-4);color:var(--lp-text);background:var(--lp-white);border:1px solid var(--lp-line);border-radius:999px;cursor:pointer;font-size:0.8125rem;font-weight:650}.preset-chip:hover,.preset-chip[aria-pressed="true"]{color:var(--lp-green-deep);background:var(--lp-mint-soft);border-color:var(--lp-mint)}.tool-form__submit{width:100%;cursor:pointer}.tool-privacy{margin:var(--space-4) 0 0;color:var(--lp-muted);font-size:0.75rem}.result-panel{background:linear-gradient(145deg,var(--lp-sky-soft),#f0f9fd);border-top:1px solid #cfe3eb}.result-panel h3{color:var(--lp-blue);font-size:clamp(1.625rem,4vw,2.25rem)}.result-panel__empty{display:grid;justify-items:center;margin-top:var(--space-8);padding:var(--space-10) var(--space-6);color:var(--lp-muted);border:1px dashed var(--lp-mint);border-radius:var(--radius-md);text-align:center}.result-panel__empty>span{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:var(--space-4);color:var(--lp-green-action);background:var(--lp-white);border-radius:50%;font-size:1.75rem}.result-panel__empty p{margin:var(--space-1) 0 0}.result-panel__success output{display:block;padding:var(--space-4);color:var(--lp-ink);background:var(--lp-white);border:1px solid var(--lp-line);border-radius:var(--radius-sm);overflow-wrap:anywhere}.result-panel__label{margin:var(--space-6) 0 var(--space-2);color:var(--lp-muted);font-size:0.75rem;font-weight:750;letter-spacing:0.08em;text-transform:uppercase}.result-panel__actions{display:grid;margin-top:var(--space-4);gap:var(--space-3)}.result-panel__actions .button{cursor:pointer}.service-cta{margin-top:var(--space-8);padding:var(--space-6);background:var(--lp-white);border-left:0.25rem solid var(--lp-yellow);border-radius:var(--radius-md)}.service-cta h4{margin:var(--space-2) 0 var(--space-3);font-size:1.25rem}.service-cta a{font-weight:750}.tool-faq{padding-block:clamp(4rem,9vw,7rem);background:var(--lp-white)}.tool-faq__grid{display:grid;gap:var(--space-10)}.tool-faq__list{border-top:1px solid var(--lp-line)}.tool-faq details{border-bottom:1px solid var(--lp-line)}.tool-faq summary{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-6) 0;gap:var(--space-6);color:var(--lp-ink);cursor:pointer;font-weight:700;list-style:none}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary::after{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:0 0 1.75rem;color:var(--lp-green-action);background:var(--lp-sky-soft);border-radius:50%;content:"+"}.tool-faq details[open] summary::after{background:var(--lp-yellow-soft);content:"−"}.tool-faq details div{padding:0 var(--space-10) var(--space-6) 0}.related-tools{padding-block:clamp(4rem,9vw,7rem);background:var(--lp-mint-soft)}.related-tools__grid{display:grid;gap:var(--space-4)}.related-tool{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:var(--space-6);gap:var(--space-4);color:var(--lp-text);background:var(--lp-white);border:1px solid rgb(132 200 165 / 48%);border-radius:var(--radius-md);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.related-tool:hover{color:var(--lp-text);box-shadow:var(--shadow-soft);transform:translateY(-0.125rem)}.related-tool__index{display:grid;place-items:center;width:3rem;height:3rem;color:var(--lp-green-deep);background:var(--lp-sky-soft);border-radius:50%;font-weight:750}.related-tool small,.related-tool strong,.related-tool span span{display:block}.related-tool small{margin-bottom:var(--space-1);color:var(--lp-green-deep);font-size:0.6875rem;font-weight:750;letter-spacing:0.08em;text-transform:uppercase}.related-tool strong{margin-bottom:var(--space-1);color:var(--lp-ink);font-family:var(--font-heading);font-size:1.25rem}.related-tool span span{font-size:0.875rem}.related-tool__arrow{color:var(--lp-green-action);font-size:1.5rem}.toast{position:fixed;z-index:100;bottom:var(--space-6);left:50%;max-width:calc(100% - 2rem);padding:var(--space-3) var(--space-4);color:var(--lp-white);background:var(--lp-green-deep);border-radius:999px;box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transform:translate(-50%,1rem);transition:opacity var(--transition-fast),transform var(--transition-fast)}.toast[data-visible="true"]{opacity:1;transform:translate(-50%,0)}@media (min-width:52rem){.tool-shell__grid{grid-template-columns:minmax(0,1fr) minmax(0,0.9fr)}.result-panel{border-top:0;border-left:1px solid #cfe3eb}.result-panel__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-faq__grid{grid-template-columns:minmax(15rem,0.72fr) minmax(0,1.28fr);gap:var(--space-16)}.related-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}