@font-face{font-family:Outfit;font-style:normal;font-weight:400 750;font-display:swap;src:url('/site/fonts/outfit-latin.woff2') format('woff2')}
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-smooth-out:cubic-bezier(.22,1,.36,1);--duration-quick:150ms;--duration-fast:250ms;--duration-very-slow:500ms;font-family:Outfit,Inter,ui-sans-serif,system-ui,sans-serif;background:#f4f7fb;scrollbar-color:#b6c6df #f4f7fb}
.public-site{background:#f4f7fb}.site-header{position:relative;z-index:5;min-height:96px;border-color:#dce4efb3}.brand{font-weight:650;letter-spacing:-.035em}.brand img{box-shadow:0 4px 14px #2867d61a}.site-header nav a{font-weight:500}.button{transition:transform var(--duration-quick) var(--ease-out),background var(--duration-quick) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:0 4px 12px #2867d617}.button:active{transform:scale(.98)}.button.secondary{box-shadow:0 2px 5px #17274604}.button svg,.text-link svg,.preview-open svg{transition:transform var(--duration-fast) var(--ease-out)}
.hero-band{position:relative;isolation:isolate;overflow:clip;background:#f4f7fb}.hero{position:relative;z-index:1;grid-template-columns:1.07fr 1fr;gap:60px;padding-block:86px 106px;align-items:center}.hero h1{font-size:clamp(44px,5.15vw,72px);font-weight:600;letter-spacing:-.04em;line-height:1.065;margin-bottom:28px}.hero-copy>p{font-size:19px;line-height:1.7;max-width:43ch;color:#51617b}.hero-copy>.hero-note{font-size:13px;color:#566780;margin-top:22px}.hero .actions{gap:26px;margin-top:34px}.hero .button{padding:15px 23px;min-height:52px;font-size:16px;border-radius:11px;box-shadow:0 7px 18px #2867d628}.hero .text-link{font-weight:500}.hero h1 span{color:#2867d6}#hero-atmosphere{display:contents;pointer-events:none}.aura-plane{position:absolute;inset:0;z-index:0;opacity:.55}.ambient-toggle{position:absolute;z-index:3;right:max(24px,calc((100vw - 1184px)/2));bottom:20px;pointer-events:auto;display:flex;align-items:center;gap:6px;padding:5px 9px;min-height:32px;border:1px solid #b6c8e8;border-radius:7px;background:#f4f7fbe6;color:#485d7f;font-size:11px}.ambient-toggle svg{width:14px;height:14px}.ambient-toggle:hover{background:white}.tool-preview{min-height:486px;align-self:center}.tool-preview:has(.demo-card){padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.spotlight-card.demo-card{padding:26px 28px 0;border-radius:20px;border:1px solid #cddaf0;background:#fff;box-shadow:0 2px 5px #253b6410,0 24px 60px -20px #31548c2e;overflow:hidden}.demo-header{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;font-weight:550}.demo-brand{display:flex;align-items:center;gap:10px}.demo-brand img{border-radius:7px}.demo-fluid{background:#f0f5fd;border:1px solid #dae6f8;color:#285baf;border-radius:8px;padding:6px 10px;font-size:12px}.demo-fluid>span{color:#586e91;font-weight:400}.demo-instruction{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;font-size:25px;line-height:1.2;letter-spacing:-.025em;color:#3d506f}.demo-instruction strong{font-weight:550;color:var(--ink)}.demo-instruction svg{width:70px;height:40px;stroke:#819fcd;stroke-width:1.1;margin-right:10px}.demo-ruler{margin:24px -8px 2px}.demo-ruler>svg{display:block;width:100%;height:auto;stroke-width:1;overflow:visible}.demo-ruler text{fill:#647895;stroke:none;font-size:12px;font-weight:400}.ruler-baseline,.ruler-tick{stroke:#c1cfe3}.ruler-marker{stroke:#377df0;stroke-width:2}.ruler-marker circle{fill:#377df0}.demo-readings{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:12px 0 18px;border-top:1px solid #e5ecf6}.demo-readings>div{display:grid;gap:8px}.demo-readings>div>span{font-size:12px;color:#586d8c}.demo-readings output{font-size:42px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.25;white-space:nowrap}.demo-readings>div:last-child output{color:#2867d6}.demo-readings small{font-size:13px;font-weight:450;letter-spacing:0;margin-left:6px}.demo-slider-label{display:flex;justify-content:space-between;gap:12px;color:#586d8c;font-size:11px;margin-top:2px}.demo-slider-label>span:first-child{color:#2e4467}.demo-slider{display:block;width:100%;height:44px;margin:0;accent-color:#2867d6;cursor:ew-resize}.demo-slider::-webkit-slider-runnable-track{height:4px;background:#d9e5f6;border-radius:10px}.demo-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;margin-top:-7.5px;border:4px solid white;border-radius:50%;background:#2867d6;box-shadow:0 0 0 1px #8faee0,0 2px 6px #23529026}.demo-slider{-webkit-appearance:none;appearance:none;background:transparent}.demo-slider::-moz-range-track{height:4px;background:#d9e5f6;border-radius:10px}.demo-slider::-moz-range-thumb{width:12px;height:12px;border:3px solid white;background:#2867d6;box-shadow:0 0 0 1px #8faee0;border-radius:50%}.demo-caption{font-size:10px!important;line-height:1.6;color:#647895;margin:8px 0 18px!important;max-width:52ch}.demo-open{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 28px;margin-inline:-28px;border-top:1px solid #dfe9f8;background:#f7faff;text-decoration:none;color:#235abb;font-size:14px;font-weight:500}.demo-open svg{width:19px;height:19px}.demo-open:hover{background:#eef5ff;color:#174caa}.demo-open:focus-visible{outline-offset:-5px}
.tools-section{padding-block:80px 104px;gap:74px;grid-template-columns:.85fr 1.8fr}.section-intro{align-self:start;padding-top:18px}.section-intro h2{font-size:39px;font-weight:550;line-height:1.12;letter-spacing:-.035em}.section-intro p{line-height:1.75}.tool-list{border-top:0}.tool-row{padding:23px 14px 23px 0;gap:28px;border-color:#dce4ef}.tool-row:first-child{border-top:1px solid #dce4ef}.tool-row>div:not(.tool-art){flex:1}.tool-row h3{font-size:23px;font-weight:550;letter-spacing:-.025em;margin-bottom:8px}.tool-row p{font-size:14px;line-height:1.65;color:#52657e;max-width:46ch}.tool-row>svg{width:20px;transition:transform var(--duration-fast) var(--ease-out),color var(--duration-quick) var(--ease-out)}.tool-art{position:relative;flex:0 0 106px!important;width:106px;color:#4775bc}.tool-art>svg{display:block;width:106px;height:80px;fill:none;stroke:currentColor;stroke-width:1.2;overflow:visible}.tool-art svg text,.guide-art svg text{font-family:Outfit,system-ui,sans-serif;font-size:12px;stroke:none;fill:#536f97}.art-grid{stroke:#cbd9eb;stroke-width:1}.art-cycle{stroke:#377df0;stroke-width:2}.draw-path{stroke:#377df0;stroke-width:1.8}.tool-art circle{fill:#f4f7fb}.tool-art svg .art-value,.guide-art svg .art-value{fill:#2867d6;font-size:20px;font-weight:500}
.field-section{background:#edf3fd;position:relative;overflow:clip;padding-block:82px;border-block:1px solid #e0e9f8}.field-inner{gap:100px;grid-template-columns:1.08fr 1fr}.field-inner h2{font-weight:550;font-size:40px;line-height:1.13;letter-spacing:-.035em}.field-inner>div>p{color:#4d6281;line-height:1.8}.field-sheet:has(.field-card){padding:0;border:0;background:none;box-shadow:none;overflow:visible}.spotlight-card.field-card{display:block;padding:28px 30px;border-radius:18px;box-shadow:0 16px 40px -20px #37598729;border:1px solid #d2e1f7}.field-card-header{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:22px;font-weight:550;letter-spacing:-.02em}.field-card-header svg{width:28px;height:28px;stroke:#829dca;stroke-width:1.3}.field-card .field-card-caption{font-size:11px;color:#687e9e;margin:8px 0 20px}.field-result-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #e1e9f6}.field-result-row>div>span{font-size:13px;color:#526987}.field-result-row p{margin:5px 0 0;font-size:17px;font-variant-numeric:tabular-nums;font-weight:450}.field-result-row>strong{font-size:38px;font-weight:500;letter-spacing:-.025em;color:#2867d6;white-space:nowrap}.field-result-row small{font-size:16px;font-weight:450}.field-check{display:flex;align-items:center;gap:10px;padding:15px 0 20px;font-size:11px;color:#526987;border-top:1px solid #e1e9f6}.field-check svg{width:18px;height:18px;color:#287b66}.field-card>.text-link{font-size:13px;color:#2867d6}.field-card>.text-link svg{width:18px;height:18px}.guides-section{padding-block:98px 70px}.section-heading h2{font-weight:550;font-size:39px}.guide-list{gap:30px}.guide-row{padding:0;border:0}.guide-art{display:grid;place-items:center;width:100%;height:172px;border:1px solid #dde7f5;border-radius:12px;background:#edf3fd;margin:0 0 24px;overflow:hidden;position:relative}.guide-art>svg{width:200px;height:134px;fill:none;stroke:#7d99c0;stroke-width:1.1;overflow:visible}.guide-art::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #fff;pointer-events:none}.guide-time{font-size:12px;margin-bottom:10px;color:#61718a}.guide-row h3{font-size:23px;font-weight:550;line-height:1.3}.guide-row p{font-size:14px;line-height:1.75;margin-top:10px}.guide-row .text-link{font-size:14px;font-weight:500}.guide-row .text-link svg{width:18px}.more-tools h2{font-weight:550}.more-tools strong{font-weight:500;font-size:16px}.more-tools span{line-height:1.7}.closing{padding-block:70px 84px}.closing h2{font-size:47px;font-weight:550;letter-spacing:-.035em}.closing .button{min-height:50px;padding-inline:24px}.site-footer{padding-block:44px}.site-footer .brand{font-size:23px;font-weight:600}.prose{font-weight:400}.prose h2{font-weight:550}.article-heading h1,.index-page>h1,.transfer-page>h1{font-weight:550}.article-heading h1{max-width:24ch}.article-heading .lead{max-width:64ch}.article-aside nav a{transition:color var(--duration-quick) var(--ease-out)}
@media(hover:hover) and (pointer:fine){.button:hover{box-shadow:0 6px 16px #2867d628;transform:translateY(-1px)}.button:hover svg,.text-link:hover svg,.preview-open:hover svg{transform:translateX(3px)}.tool-row:hover>svg{transform:translateX(5px)}.tool-row:hover{text-decoration:none}.tool-row:hover h3{text-decoration:none}.tool-art svg{transition:transform var(--duration-fast) var(--ease-out)}.tool-row:hover .tool-art svg{transform:translateY(-2px)}.guide-row:hover h3{text-decoration:none;color:#2867d6}.guide-art>svg{transition:transform var(--duration-very-slow) var(--ease-out)}.guide-row:hover .guide-art>svg{transform:scale(1.04)}}
@media(min-width:1440px){.hero h1{font-size:72px}.hero{padding-block:100px 116px}}
@media(max-width:1100px){.hero{gap:36px}.hero h1{font-size:56px}.hero-copy>p{font-size:17px}.hero .actions{gap:20px}.hero .button{padding:13px 16px;font-size:14px}.hero .text-link{font-size:14px}.spotlight-card.demo-card{padding:24px 22px 0}.demo-open{margin-inline:-22px;padding-inline:22px}.demo-readings output{font-size:36px}.demo-instruction{font-size:23px}.tool-row{gap:20px}.tool-art{flex-basis:82px!important;width:82px}.tool-art>svg{width:82px;height:70px}.tool-row h3{font-size:21px}.tools-section{gap:40px}.field-inner{gap:56px}.section-intro h2,.field-inner h2,.section-heading h2{font-size:35px}}
@media(max-width:760px){.site-header{min-height:86px}.hero{grid-template-columns:1fr;padding-block:54px 62px;gap:40px}.hero h1{font-size:clamp(43px,8.4vw,62px);line-height:1.075;max-width:14ch;letter-spacing:-.04em}.hero-copy>p{max-width:52ch;font-size:17px}.hero .actions{margin-top:28px;gap:22px}.hero .button{font-size:15px;padding:14px 22px}.hero .text-link{font-size:15px}.hero-copy>.hero-note{font-size:12px;margin-top:20px}.tool-preview{width:100%;max-width:520px;min-height:480px}.spotlight-card.demo-card{padding:24px 26px 0;border-radius:17px}.demo-instruction{margin-top:24px;font-size:25px}.demo-ruler{margin-top:20px}.demo-open{margin-inline:-26px;padding-inline:26px}.demo-readings output{font-size:40px}.tools-section{padding-block:44px 60px;gap:26px;grid-template-columns:1fr}.section-intro{padding-top:0}.section-intro h2{font-size:34px}.tool-art{flex-basis:90px!important;width:90px}.tool-art>svg{width:90px;height:72px}.tool-row{gap:22px;padding-block:25px}.tool-row h3{font-size:22px}.tool-row p{font-size:14px}.field-section{padding-block:50px}.field-inner{grid-template-columns:1fr;gap:34px}.field-inner h2{font-size:35px}.field-sheet{max-width:520px;width:100%}.spotlight-card.field-card{display:block;padding:26px}.guides-section{padding-block:60px 48px}.section-heading h2{font-size:34px}.guide-list{grid-template-columns:1fr;gap:40px}.guide-row{display:grid;grid-template-columns:1fr;align-content:start}.guide-art{height:184px;margin-bottom:20px}.guide-art>svg{width:220px;height:144px}.guide-row h3{font-size:25px;max-width:30ch}.guide-row p{margin-bottom:18px}.guide-row .text-link{margin-top:0}.closing{padding-block:48px 62px}.closing h2{font-size:35px}.article-heading h1{max-width:24ch}.article-heading .lead{font-size:18px}.article-layout>.prose{grid-column:1;grid-row:2}}
@media(max-width:420px){.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.hero .actions{align-items:stretch}.hero .actions>.text-link{align-self:start}.hero-copy>.hero-note{font-size:11px}.spotlight-card.demo-card{padding:22px 20px 0}.demo-header{gap:10px;font-size:13px}.demo-brand{gap:8px}.demo-fluid{padding:5px 8px;font-size:11px}.demo-readings{gap:20px}.demo-readings output{font-size:34px}.demo-readings small{font-size:12px}.demo-instruction{font-size:23px}.demo-ruler{margin-inline:-12px}.demo-open{margin-inline:-20px;padding-inline:20px;font-size:13px}.demo-caption{font-size:9px!important}.demo-slider-label{font-size:10px}.tool-preview{min-height:456px}.tool-row{gap:14px}.tool-art{flex-basis:64px!important;width:64px}.tool-art>svg{width:64px;height:62px}.tool-row h3{font-size:20px}.tool-row p{font-size:13px}.section-intro h2,.field-inner h2,.section-heading h2{font-size:31px}.field-inner>div>p{font-size:16px}.spotlight-card.field-card{display:block;padding:23px}.field-card-header{font-size:21px}.field-result-row p{font-size:16px}.field-result-row>strong{font-size:34px}.field-check{font-size:10px;gap:8px}.guide-art{height:170px}.guide-row h3{font-size:24px}.guide-row p{font-size:14px}}
@view-transition{navigation:auto}::view-transition-old(root){animation:public-fade-out 120ms var(--ease-out) both}::view-transition-new(root){animation:public-fade-in 180ms var(--ease-out) both}@keyframes public-fade-out{to{opacity:0}}@keyframes public-fade-in{from{opacity:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.aura-plane{display:none}.button,.button svg,.text-link svg,.tool-row>svg,.tool-art>svg,.guide-art>svg{transition:color 100ms ease,background-color 100ms ease!important;transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
