:root{--tfc-ink:#17324d;--tfc-ink-soft:#52677a;--tfc-paper:#fffdf7;--tfc-surface:#f4f0e7;--tfc-accent:#e85d04;--tfc-accent-hover:#c94d00;--tfc-danger:#b42318;--tfc-border:#ced7de;--tfc-focus:#1683a5;--tfc-brand-mark-ink:white;--tfc-display-ink:white;--tfc-display-ink-muted:#fff9;--tfc-active-control-ink:white;--tfc-field-background:white;--tfc-unit-background:#e8f1f4;--tfc-alert-background:#fff1f0;--tfc-overlay-background:#0918269e;--tfc-transparent:transparent;--tfc-radius:16px;--tfc-container-radius:var(--tfc-radius);--tfc-brand-mark-radius:12px;--tfc-control-radius:10px;--tfc-display-radius:14px;--tfc-pill-radius:999px;--tfc-key-radius:11px;--tfc-mobile-key-radius:9px;--tfc-results-radius:12px;--tfc-floating-radius:18px;--tfc-dialog-radius:20px 20px 0 0;--tfc-frame-border-width:1px;--tfc-control-border-width:1px;--tfc-divider-border-width:1px;--tfc-tab-border-width:0;--tfc-floating-border-width:0;--tfc-dialog-bottom-border-width:0;--tfc-container-shadow:0 18px 48px #17324d1f;--tfc-control-shadow:0 2px 0 var(--tfc-border);--tfc-control-active-shadow:none;--tfc-tab-shadow:0 1px 5px #17324d1f;--tfc-floating-shadow:0 12px 30px #17324d47;--tfc-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tfc-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--tfc-heading-weight:700;--tfc-control-weight:750;--tfc-display-weight:800;--tfc-message-weight:700;--tfc-focus-width:3px;--tfc-focus-offset:2px;--tfc-icon-stroke-width:2;--tfc-control-active-translate-y:1px;--tfc-overlay-animation-duration:.14s;--tfc-dialog-animation-duration:.18s;--tfc-motion-easing:ease-out;--tfc-dialog-entry-scale:.98}.tfc-root,.tfc-dialog,.tfc-floating-trigger{box-sizing:border-box;font-family:var(--tfc-font)}.tfc-root *,.tfc-root :before,.tfc-root :after,.tfc-dialog *,.tfc-floating-trigger{box-sizing:border-box}.tfc-root{border:var(--tfc-frame-border-width) solid var(--tfc-border);border-radius:var(--tfc-container-radius);background:var(--tfc-paper);width:100%;max-width:680px;color:var(--tfc-ink);box-shadow:var(--tfc-container-shadow);overflow:hidden}.tfc-header{border-bottom:var(--tfc-divider-border-width) solid var(--tfc-border);background:var(--tfc-paper);align-items:center;gap:12px;padding:18px 20px;display:flex}.tfc-brand-mark{border-radius:var(--tfc-brand-mark-radius);background:var(--tfc-accent);width:42px;height:42px;color:var(--tfc-brand-mark-ink);flex:none;place-items:center;display:grid}.tfc-header h2{color:var(--tfc-ink);font-size:1.08rem;font-weight:var(--tfc-heading-weight);margin:0;line-height:1.25}.tfc-header p,.tfc-intro,.tfc-hint{color:var(--tfc-ink-soft);margin:3px 0 0;font-size:.86rem;line-height:1.45}.tfc-tabs{min-width:0}.tfc-tab-list{border-bottom:var(--tfc-divider-border-width) solid var(--tfc-border);background:var(--tfc-surface);scrollbar-width:thin;gap:4px;padding:8px;display:flex;overflow-x:auto}.tfc-tab{border:var(--tfc-tab-border-width) solid var(--tfc-border);border-radius:var(--tfc-control-radius);background:var(--tfc-transparent);min-height:40px;color:var(--tfc-ink-soft);font:inherit;font-size:.82rem;font-weight:var(--tfc-heading-weight);cursor:pointer;flex:1 0 auto;padding:8px 12px}.tfc-tab[data-state=active]{background:var(--tfc-paper);color:var(--tfc-ink);box-shadow:var(--tfc-tab-shadow)}.tfc-content{min-height:460px;max-height:min(680px,72dvh);padding:16px;overflow-y:auto}.tfc-tab-panel[hidden]{display:none}.tfc-tab-panel:focus-visible{outline:none}.tfc-keypad,.tfc-panel-section,.tfc-stacked-sections{gap:14px;display:grid}.tfc-stacked-sections>.tfc-panel-section+.tfc-panel-section{border-top:var(--tfc-divider-border-width) solid var(--tfc-border);padding-top:18px}.tfc-panel-section h3{color:var(--tfc-ink);font-size:.86rem;font-weight:var(--tfc-heading-weight);letter-spacing:.08em;text-transform:uppercase;margin:0}.tfc-display{border-radius:var(--tfc-display-radius);background:var(--tfc-ink);min-width:0;color:var(--tfc-display-ink);text-align:right;padding:16px 18px}.tfc-display__pending{min-height:20px;color:var(--tfc-display-ink-muted);font-family:var(--tfc-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.tfc-display__value{font-family:var(--tfc-mono);font-size:clamp(1.7rem,6vw,2.2rem);font-weight:var(--tfc-display-weight);white-space:nowrap;line-height:1.25;display:block;overflow-x:auto}.tfc-unit-row{gap:6px;min-height:38px;display:flex;overflow-x:auto}.tfc-unit-chip{border:var(--tfc-control-border-width) solid var(--tfc-border);border-radius:var(--tfc-pill-radius);background:var(--tfc-paper);min-height:36px;color:var(--tfc-ink);font:inherit;font-size:.72rem;font-weight:var(--tfc-control-weight);cursor:pointer;flex:none;padding:6px 10px}.tfc-unit-chip[data-active=true]{border-color:var(--tfc-ink);background:var(--tfc-ink);color:var(--tfc-active-control-ink)}.tfc-key-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.tfc-key{border:var(--tfc-control-border-width) solid var(--tfc-border);border-radius:var(--tfc-key-radius);background:var(--tfc-paper);min-height:50px;color:var(--tfc-ink);font:inherit;font-size:1.08rem;font-weight:var(--tfc-control-weight);cursor:pointer;box-shadow:var(--tfc-control-shadow)}.tfc-key:hover{border-color:var(--tfc-accent)}.tfc-key:active{transform:translateY(var(--tfc-control-active-translate-y));box-shadow:var(--tfc-control-active-shadow)}.tfc-key--function{background:var(--tfc-surface);font-size:.92rem}.tfc-key--unit{background:var(--tfc-unit-background);letter-spacing:.04em;font-size:.82rem}.tfc-key--action{border-color:var(--tfc-accent);background:var(--tfc-accent);color:var(--tfc-active-control-ink)}.tfc-key--action:hover{background:var(--tfc-accent-hover)}.tfc-key--wide{grid-column:span 3}.tfc-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.tfc-fields--four{grid-template-columns:repeat(4,minmax(0,1fr))}.tfc-field,.tfc-length-field{align-content:start;gap:6px;min-width:0;display:grid}.tfc-field>span{color:var(--tfc-ink);font-size:.78rem;font-weight:var(--tfc-control-weight)}.tfc-field input,.tfc-field select{border:var(--tfc-control-border-width) solid var(--tfc-border);border-radius:var(--tfc-control-radius);background:var(--tfc-field-background);width:100%;min-height:44px;color:var(--tfc-ink);font:inherit;padding:9px 11px;font-size:1rem}.tfc-field input[aria-invalid=true]{border-color:var(--tfc-danger)}.tfc-preview,.tfc-field-error{min-height:18px;font-size:.74rem}.tfc-preview{color:var(--tfc-ink-soft);font-family:var(--tfc-mono)}.tfc-field-error{color:var(--tfc-danger);font-weight:var(--tfc-message-weight)}.tfc-actions{gap:8px;display:flex}.tfc-button{border:var(--tfc-control-border-width) solid var(--tfc-border);border-radius:var(--tfc-control-radius);background:var(--tfc-paper);min-height:44px;color:var(--tfc-ink);font:inherit;font-weight:var(--tfc-control-weight);cursor:pointer;padding:9px 18px}.tfc-button--primary{border-color:var(--tfc-accent);background:var(--tfc-accent);color:var(--tfc-active-control-ink);flex:1}.tfc-button--primary:hover{background:var(--tfc-accent-hover)}.tfc-results{border:var(--tfc-frame-border-width) solid var(--tfc-border);border-radius:var(--tfc-results-radius);background:var(--tfc-surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:14px;display:grid}.tfc-result{min-width:0}.tfc-result dt{color:var(--tfc-ink-soft);font-size:.7rem;font-weight:var(--tfc-control-weight);letter-spacing:.06em;text-transform:uppercase}.tfc-result dd{color:var(--tfc-ink);font-family:var(--tfc-mono);font-weight:var(--tfc-control-weight);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;overflow:hidden}.tfc-alert{border:var(--tfc-control-border-width) solid var(--tfc-danger);border-radius:var(--tfc-control-radius);background:var(--tfc-alert-background);color:var(--tfc-danger);font-size:.82rem;font-weight:var(--tfc-message-weight);margin:0;padding:10px 12px}.tfc-floating-trigger{z-index:40;border:var(--tfc-floating-border-width) solid var(--tfc-border);border-radius:var(--tfc-floating-radius);background:var(--tfc-accent);width:58px;height:58px;color:var(--tfc-active-control-ink);cursor:pointer;box-shadow:var(--tfc-floating-shadow);place-items:center;display:grid;position:fixed;bottom:22px;right:22px}.tfc-floating-trigger:hover{background:var(--tfc-accent-hover)}.tfc-floating-trigger svg{width:28px;height:28px}.tfc-overlay{z-index:80;background:var(--tfc-overlay-background);position:fixed;inset:0}.tfc-overlay[data-state=closed]{display:none}.tfc-dialog{z-index:81;border-radius:var(--tfc-dialog-radius);outline:none;width:min(720px,100%);max-height:94dvh;position:fixed;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}.tfc-dialog[data-state=closed]{display:none}.tfc-dialog .tfc-root{border-bottom:var(--tfc-dialog-bottom-border-width) solid var(--tfc-border);border-radius:var(--tfc-dialog-radius);max-width:none;max-height:94dvh}.tfc-dialog .tfc-content{max-height:calc(94dvh - 150px)}.tfc-close{z-index:2;border:var(--tfc-control-border-width) solid var(--tfc-border);border-radius:var(--tfc-control-radius);background:var(--tfc-paper);width:38px;height:38px;color:var(--tfc-ink);cursor:pointer;place-items:center;display:grid;position:absolute;top:14px;right:14px}.tfc-close svg{width:20px;height:20px}.tfc-root svg.lucide,.tfc-floating-trigger svg.lucide,.tfc-close svg.lucide{stroke-width:var(--tfc-icon-stroke-width)}.tfc-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;margin:-1px!important;position:absolute!important;overflow:hidden!important}.tfc-root button:focus-visible,.tfc-root input:focus-visible,.tfc-root select:focus-visible,.tfc-root:focus-visible,.tfc-floating-trigger:focus-visible,.tfc-close:focus-visible{outline:var(--tfc-focus-width) solid var(--tfc-focus);outline-offset:var(--tfc-focus-offset)}@media (width<=520px){.tfc-header{padding:14px 58px 14px 14px}.tfc-header p{display:none}.tfc-content{min-height:0;padding:12px}.tfc-key-grid{gap:5px}.tfc-key{border-radius:var(--tfc-mobile-key-radius);min-height:46px}.tfc-fields,.tfc-fields--four{grid-template-columns:repeat(2,minmax(0,1fr))}.tfc-results{gap:10px}}@media (prefers-reduced-motion:no-preference){.tfc-overlay[data-state=open]{animation:tfc-fade-in var(--tfc-overlay-animation-duration) var(--tfc-motion-easing)}.tfc-dialog[data-state=open]{animation:tfc-slide-in var(--tfc-dialog-animation-duration) var(--tfc-motion-easing)}@keyframes tfc-fade-in{0%{opacity:0}}@keyframes tfc-slide-in{0%{transform:translateX(-50%) scale(var(--tfc-dialog-entry-scale));opacity:0}}}:root{color:#17324d;font-synthesis:none;background:#f5f1e8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}.demo-hero{color:#fff;background:#17324d;place-items:center;min-height:390px;padding:64px 24px;display:grid;position:relative;overflow:hidden}.demo-hero__copy{z-index:1;text-align:center;width:min(780px,100%);position:relative}.demo-kicker{color:#f99052;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:800}.demo-hero h1{letter-spacing:-.055em;max-width:760px;margin:14px auto;font-size:clamp(2.5rem,8vw,5.2rem);line-height:.96}.demo-hero p{color:#dce5ec;max-width:620px;margin:0 auto 28px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.demo-hero a{color:#fff;background:#e85d04;border-radius:10px;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-block}.demo-grid{opacity:.12;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}main{width:min(1120px,100% - 32px);margin:0 auto}.demo-features{background:#ced7de;border:1px solid #ced7de;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:-28px;display:grid;overflow:hidden;box-shadow:0 16px 44px #17324d1f}.demo-features article{background:#fffdf7;gap:8px;padding:24px;display:grid}.demo-features strong{font-size:1.05rem}.demo-features span{color:#52677a;font-size:.9rem;line-height:1.5}.demo-stage{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);align-items:start;gap:56px;padding:90px 0;display:grid}.demo-stage__heading{position:sticky;top:30px}.demo-stage h2,.demo-note h2{letter-spacing:-.04em;margin:10px 0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.demo-stage p,.demo-note p{color:#52677a;line-height:1.65}.demo-calculator{--tfc-radius:18px}.demo-note{background:#e4eef0;border-radius:20px;margin-bottom:90px;padding:40px}.demo-note code{color:#fff;background:#17324d;border-radius:9px;max-width:100%;padding:12px 16px;font-family:SFMono-Regular,Consolas,monospace;display:inline-block;overflow-x:auto}footer{color:#dce5ec;background:#17324d;justify-content:space-between;gap:20px;padding:28px max(24px,50% - 560px);font-size:.82rem;display:flex}@media (width<=760px){.demo-hero{min-height:340px;padding-top:48px}.demo-features{grid-template-columns:1fr}.demo-stage{grid-template-columns:1fr;gap:26px;padding:64px 0}.demo-stage__heading{position:static}.demo-note{padding:26px}footer{flex-direction:column}}