:root{--black:#111217;--paper:#f2f0eb;--line:#c8c7c2;--red:#ff5d51;--blue:#4f77ff;--purple:#8a5cf5;--green:#16a175}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--black);font-family:Arial,PingFang SC,sans-serif}main{width:min(1220px,calc(100% - 56px));margin:auto}header{height:95px;display:flex;align-items:center;border-bottom:1px solid var(--black);position:relative}.logo{display:flex;align-items:baseline;margin-right:22px}.logo span{font:900 42px Arial Black,sans-serif;letter-spacing:-.15em}.logo b{font:900 23px Arial;transform:translateY(-4px)}header>p{font-size:8px;line-height:1.4;letter-spacing:.16em;border-left:1px solid var(--black);padding-left:18px}.header-note{margin-left:auto;text-align:right;font:11px/1.6 Georgia;color:#626263}.hero{padding:56px 0 44px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:end}.headline>p,.section-head p{font-size:9px;letter-spacing:.18em;margin:0 0 13px;color:#727276}.headline h1{font:900 clamp(44px,5.4vw,76px)/.98 "Arial Black",Arial,sans-serif;letter-spacing:-.08em;margin:0}.headline h1 i{font-family:Georgia,serif;font-weight:400}.controls{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid var(--black);border-bottom:1px solid var(--black)}.controls label{padding:15px;border-left:1px solid var(--line)}.controls label:first-child{border-left:0}.controls label>span{font-size:9px;text-transform:uppercase}.controls label>div{display:flex;align-items:baseline;margin-top:8px}.controls input,.controls select{border:0;background:transparent;font:700 26px Georgia;width:100%;min-width:0;outline:none}.controls select{width:48px;font:12px Arial}.controls label b{font-size:10px}.base-control{background:var(--black);color:#fff}.base-control input,.base-control select{color:#fff}.base-control select option{color:#000}.conversion-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--black);gap:1px;border:1px solid var(--black)}.conversion-grid button{--accent:#fff;border:0;background:var(--paper);text-align:left;padding:20px;min-height:145px;position:relative;cursor:pointer}.conversion-grid button:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--accent)}.conversion-grid span{display:block;font-size:10px}.conversion-grid strong{display:inline-block;font:400 clamp(30px,4vw,53px) Georgia;margin-top:23px;letter-spacing:-.06em}.conversion-grid i{font-style:normal;font-size:11px;margin-left:6px}.conversion-grid small{position:absolute;right:15px;bottom:12px;font-size:8px;color:#777;opacity:0}.conversion-grid button:hover small,.conversion-grid button:focus small{opacity:1}.split-note{display:grid;grid-template-columns:1fr 1fr;position:relative;margin:26px 0 70px;border-top:1px solid var(--black);border-bottom:1px solid var(--black)}.split-note>div{padding:16px 22px}.split-note>div+div{border-left:1px solid var(--black)}.split-note span{font-size:9px;text-transform:uppercase}.split-note strong{font:27px Georgia;display:block;margin:7px 0}.split-note p{font-size:10px;color:#666;margin:0}.split-sign{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:29px;height:29px;background:var(--black);color:#fff;border-radius:50%;display:grid;place-items:center}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2{font:34px Georgia;margin:0}.section-head>span{font-size:9px;color:#777}.scale-row{--accent:#333;display:grid;grid-template-columns:100px 1fr;min-height:96px;border-top:1px solid var(--line);align-items:center}.scale-row:last-child{border-bottom:1px solid var(--line)}.scale-label{display:flex;flex-direction:column}.scale-label b{font:900 26px Arial;color:var(--accent)}.scale-label span{font-size:9px}.rail{height:32px;border-bottom:2px solid var(--black);position:relative;margin-right:35px}.rail:before{content:"";position:absolute;inset:auto 0 -2px;height:7px;background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 1px),#aaa calc(5% - 1px) 5%)}.rail>button{position:absolute;bottom:-2px;border:0;background:transparent;padding:0;cursor:pointer}.rail>button>i{display:block;width:2px;height:16px;background:var(--accent)}.rail>button>span{display:none;position:absolute;z-index:3;bottom:23px;left:50%;transform:translate(-50%);background:var(--black);color:#fff;padding:7px 8px;white-space:nowrap;font-size:9px}.rail>button>span small{display:block;color:#aaa;margin-top:3px}.rail>button:hover>span,.rail>button:focus>span{display:block}.rail>button.selected>i{width:8px;height:24px}.active-line{position:absolute;top:0;bottom:-9px;border-left:1px dashed var(--black);pointer-events:none}.active-line em{position:absolute;top:-16px;transform:translate(-50%);font:8px Arial;background:var(--paper);padding:1px 3px}.context-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:75px 0 50px}.context-cards article{border-top:4px solid var(--black);padding:17px 4px}.context-cards article>b{font:10px Georgia;color:#999}.context-cards h3{font:20px Georgia;margin:22px 0 8px}.context-cards p{font-size:11px;line-height:1.7;color:#666;margin:0}footer{border-top:1px solid var(--black);height:70px;display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.12em}@media(max-width:800px){main{width:min(100% - 24px,650px)}.hero{grid-template-columns:1fr;gap:35px}.conversion-grid{grid-template-columns:1fr 1fr}.controls{grid-template-columns:1.2fr 1fr 1fr}.scale-row{grid-template-columns:64px 1fr}.context-cards{grid-template-columns:1fr 1fr}.header-note{font-size:9px}}@media(max-width:500px){main{width:calc(100% - 18px)}header{height:74px}.header-note{display:none}.hero{padding:35px 0}.headline h1{font-size:45px}.controls{grid-template-columns:1fr 1fr}.base-control{grid-column:1/-1}.conversion-grid button{min-height:120px;padding:14px}.conversion-grid strong{font-size:31px}.split-note{grid-template-columns:1fr}.split-note>div+div{border-left:0;border-top:1px solid var(--black)}.split-sign{left:auto;right:15px}.section-head>span{display:none}.scale-row{min-height:83px}.rail{margin-right:15px}.context-cards{grid-template-columns:1fr;margin-top:45px}}