.calc-demo-page{padding-top:55px;padding-bottom:70px}.calc-demo-hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:65px;padding-bottom:50px;display:grid}.calc-demo-back{min-height:44px;color:var(--green);text-underline-offset:4px;align-items:center;font-size:13px;text-decoration:underline;display:inline-flex}.calc-demo-hero h1{text-wrap:balance;max-width:650px;margin:14px 0 20px;font-size:clamp(34px,4vw,50px);line-height:1.22}.calc-demo-hero p{color:var(--muted);max-width:560px;font-size:15px}.calc-demo-page .calc-demo-note{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.7}.calc-demo-product{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:28px}.calc-demo-product-heading{color:var(--green);align-items:center;gap:12px;font-size:15px;display:flex}.calc-demo-equation{justify-content:space-between;align-items:baseline;gap:15px;padding:28px 0 14px;display:flex}.calc-demo-equation code{font-size:26px}.calc-demo-equation>span{color:var(--muted)}.calc-demo-equation strong{color:var(--green);font-size:56px}.calc-demo-product>p{border-top:1px solid var(--line);margin:24px 0 0;padding-top:20px;font-size:13px}.calc-demo-flow{border-block:1px solid var(--line);padding-block:20px}.calc-demo-flow ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.calc-demo-flow a{align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.calc-demo-flow a>span{width:26px;height:26px;color:var(--green);background:var(--mint);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.calc-demo-source{color:var(--muted);padding-top:24px;font-size:12px}.calc-demo-step{border-bottom:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);gap:55px;padding-block:35px;scroll-margin-top:24px;display:grid}.calc-demo-step-heading>span{color:var(--green);margin-bottom:12px;font-size:14px;display:block}.calc-demo-step h2{font-size:26px}.calc-demo-step-heading p{color:var(--muted);margin:15px 0 0;font-size:14px}.calc-demo-conversation{gap:18px;display:grid}.calc-demo-message{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:12px 12px 12px 0;padding:22px 25px;font-size:14px;line-height:1.8}.calc-demo-message-user{background:var(--mint);border-radius:12px 12px 0;margin-left:45px}.calc-demo-speaker{color:var(--green);margin-bottom:12px;font-size:12px;font-weight:650;display:block}.calc-demo-message p:last-child{margin-bottom:0}.calc-demo-message summary{min-height:44px;color:var(--green);padding-block:12px;font-size:13px}.calc-demo-message summary:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:3px}.calc-demo-expanded{border-top:1px solid var(--line);padding-top:18px}.calc-demo-expanded h4{margin:22px 0 14px;font-size:16px}.calc-demo-expanded ol,.calc-demo-expanded ul{padding-left:22px}.calc-demo-expanded li{margin-bottom:12px;padding-left:3px}.calc-demo-result{font-size:15px}.calc-demo-status{color:var(--green);background:var(--mint);border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.calc-demo-try table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.6}.calc-demo-try caption{text-align:left;color:var(--muted);margin-bottom:15px;font-size:13px}.calc-demo-try th,.calc-demo-try td{border-bottom:1px solid var(--line);padding:14px 12px}.calc-demo-try thead{background:var(--mint)}.calc-demo-try tbody th{white-space:nowrap;font-weight:500}.calc-demo-try .button{margin-top:24px}.calc-demo-create{background:var(--mint);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding:35px;display:flex}.calc-demo-create h2{text-wrap:balance;font-size:28px}.calc-demo-create p{color:var(--muted);margin:15px 0 0;font-size:14px}.calc-demo-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}@media (hover:hover){.calc-demo-flow a:hover{color:var(--green)}}@media (max-width:900px){.calc-demo-hero{gap:30px}.calc-demo-step{grid-template-columns:210px minmax(0,1fr);gap:30px}}@media (max-width:760px){.calc-demo-page{padding-top:25px;padding-bottom:40px}.calc-demo-hero{grid-template-columns:1fr;gap:28px;padding-bottom:30px}.calc-demo-hero h1{font-size:34px}.calc-demo-product{padding:22px}.calc-demo-flow ol{grid-template-columns:1fr 1fr;gap:8px 16px}.calc-demo-flow a{font-size:12px}.calc-demo-step{grid-template-columns:1fr;gap:22px;padding-block:30px}.calc-demo-step-heading>span{margin:0 12px 0 0;display:inline-block}.calc-demo-step h2{font-size:24px;display:inline}.calc-demo-message{padding:18px}.calc-demo-message-user{margin-left:20px}.calc-demo-create{flex-direction:column;align-items:flex-start;margin-top:35px;padding:25px}.calc-demo-actions,.calc-demo-actions .button{width:100%}.calc-demo-try th,.calc-demo-try td{padding:12px 8px}}
