/* Quiet web application of the Storybook identity. */
:root{--navy:#2455a6;--orange:#2455a6;--ink:#29333f;--muted:#606a75;--line:#e4e7ea;--bg:#fff}
header{height:108px}.brand{display:block;width:190px;line-height:0;flex-shrink:0}.brand img{display:block;width:100%;height:auto}footer .brand{width:165px}
nav .active{box-shadow:0 2px #2455a6}h1{font-weight:500;letter-spacing:-3px}h2{font-weight:600}h1 em{color:var(--navy)}.hero{isolation:isolate;overflow:hidden}.hero>h1,.hero>p,.hero>.eyebrow,.hero>.button{position:relative;z-index:1}.brand-pattern{position:absolute;z-index:-1;width:340px;height:340px;right:10px;top:76px;pointer-events:none}
.visual.web,.visual.mini,.visual.now{background:#f4f5f6}.card{border-radius:9px}.cardcontent .eyebrow{letter-spacing:1px}.card p{font-size:13px;min-height:92px}.store{font-size:10px}.store:hover{border-color:var(--navy);color:var(--navy)}.choices b{color:var(--navy)}.button{border-radius:5px}.button:hover{background:#194584}.secondary:hover{background:white}.help{background:#f5f6f7;border-radius:8px}.detailhero h1{font-weight:500}.detailhero .visual{border-radius:9px}.benefits article>span{color:var(--navy)}.start li:before{background:#f0f3f8}.fine{line-height:1.8}
@media(max-width:1100px){.brand-pattern{opacity:.75;right:-80px}.hero h1{max-width:770px}.card p{min-height:115px}}
@media(max-width:720px){header{height:auto;min-height:98px}.brand{width:165px}.hero{padding-top:40px}.hero h1{font-size:44px;letter-spacing:-2px}.brand-pattern{width:180px;height:200px;top:10px;right:-90px;opacity:.55}.hero p{font-size:15px}.card p{font-size:14px;min-height:0}.store{font-size:12px}.detailhero h1{font-size:41px;letter-spacing:-1.8px}.sectionheading h2{font-size:21px}.choices a{font-size:12px}.help h2{line-height:1.4}footer .brand{width:150px}}