*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#132f40;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0 0 24px}h1,h2,h3{font-weight:400;letter-spacing:-.05em;line-height:1.08}h2{font-size:clamp(37px,4.8vw,72px)}h3{font-size:29px}p{font-size:17px;line-height:1.65}section{padding:100px clamp(24px,5vw,96px)}[id]{scroll-margin-top:105px}.shell{max-width:1400px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px)}.eyebrow{font-size:10px;letter-spacing:.14em;line-height:1.7;margin-bottom:28px}.large{font-size:clamp(23px,2.2vw,32px);line-height:1.45;letter-spacing:-.025em}.link{display:inline-flex;gap:35px;justify-content:space-between;font-size:11px;line-height:1.7;border-bottom:1px solid currentColor;padding:16px 0;min-height:48px}.aqua{background:#e5f4f1}.soft{background:#f6f9f8}.dark{background:#132f40;color:white}.dark p{color:#e4eeec}.dot{color:#428578}.skip{position:fixed;top:-100px;left:16px;z-index:50;background:white;padding:16px}.skip:focus{top:10px}:focus-visible{outline:3px solid #146c62;outline-offset:5px}.dark :focus-visible,.dark-header :focus-visible{outline-color:#a9e6d7}.header{position:fixed;inset:0 0 auto;height:88px;padding:0 clamp(24px,5vw,96px);display:flex;align-items:center;justify-content:space-between;background:#fffffff5;color:#132f40;z-index:20;border-bottom:1px solid #132f4015;transition:background .2s,color .2s}.header.dark-header{background:#132f40f5;color:white}.brand{position:relative;width:210px;height:80px;display:flex;align-items:center}.brand img{position:absolute;width:210px;transition:opacity .2s}.brand .blue{height:73.5px;width:auto}.brand .white{opacity:0}.dark-header .white{opacity:1}.dark-header .blue{opacity:0}.desktop{display:flex;gap:30px;font-size:13px}.desktop a{padding:16px 0}.menu-toggle{display:none;border:0;background:none;min-height:48px}#menu{position:absolute;top:100%;left:0;right:0;background:white;color:#132f40;padding:20px 24px}#menu a{display:block;padding:16px}.hero{padding-top:145px;padding-bottom:0;background:linear-gradient(90deg,#edf7f4 52%,white 52%)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center}.hero h1{font-size:clamp(76px,8.3vw,130px);line-height:.9;font-weight:500;margin:35px 0}.hero-line{font-size:clamp(19px,2vw,28px);line-height:1.5}.hero-product{background:white;padding:20px}.hero-product img{width:100%;height:540px;object-fit:contain}.hero-product figcaption{font-size:9px;letter-spacing:.12em;text-align:center;margin:15px}.hero-bottom{grid-column:1/-1;border-top:1px solid #aac3bc;display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:9px;letter-spacing:.08em}.flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:60px 0 0}.flow li{border-top:1px solid #658d84;padding-top:20px;position:relative}.flow li:not(:last-child):after{content:'→';position:absolute;right:0;top:17px;color:#235c52}.flow span,.experience span{font-size:11px;letter-spacing:.1em;display:block;margin-bottom:32px}.flow p,.experience p{font-size:16px}.line-art{height:330px;overflow:hidden;position:relative;border:1px solid #aac3bc;border-radius:160px 160px 0 0}.line-art i{position:absolute;left:-10%;top:20%;width:120%;height:60%;border-bottom:1px solid #428578;border-radius:50%}.line-art i:nth-child(2){top:25%}.line-art i:nth-child(3){top:30%}.line-art span{position:absolute;bottom:22px;width:100%;text-align:center;font-size:10px;letter-spacing:.12em}.experience{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.experience article{border-top:1px solid #658d84;padding-top:25px}.philosophy{text-align:center;padding-block:130px}.philosophy h2{font-size:clamp(46px,6vw,92px)}.practical{border-top:1px solid #aac3bc;padding-top:30px}.practical strong{font-weight:400;font-size:28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions>*{border:1px solid #132f40;background:transparent;padding:20px;font-size:12px;min-height:55px}.actions a{background:#132f40;color:white}#directions-note{font-size:13px;margin-top:15px}footer{padding:40px clamp(24px,5vw,96px);border-top:1px solid #d7e2df}footer .shell{display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:180px}footer nav{display:flex;gap:24px;font-size:12px}footer a{display:inline-block;padding:10px 0}footer small{font-size:9px}#arrival{grid-column:1/-1;padding:25px;border:1px solid #658d84;background:#fff}#arrival p{font-size:14px}.demo-return{display:inline-block;margin-left:25px;padding:15px;font-size:12px}.demo{max-width:820px;margin:auto;padding:130px 24px}.demo h1{font-size:48px}.demo .link{display:flex}.demo-label{border:1px solid;padding:20px;font-size:13px}
@media(max-width:1000px){.desktop{display:none}.menu-toggle{display:block}.header{height:78px}.brand{width:180px;height:70px}.brand img{width:180px}.brand .blue{height:63px;width:auto}.hero-product img{height:400px}.flow{gap:20px}footer .shell{flex-wrap:wrap}}
@media(max-width:600px){section{padding:65px 24px}.hero{padding-top:112px;background:#edf7f4}.hero-grid,.split{grid-template-columns:1fr;gap:30px}.hero h1{font-size:83px;margin:25px 0}.hero-product img{height:335px}.hero-product{padding:10px}.hero-bottom{font-size:8px;line-height:1.6}.hero-bottom>*{max-width:50%}.flow{grid-template-columns:1fr;margin-top:35px}.flow li{padding-top:20px;padding-left:48px}.flow span{position:absolute;left:0;top:24px}.flow h3 br{display:none}.flow h3{font-size:29px;margin-bottom:10px}.flow li:not(:last-child):after{content:'↓'}.experience{grid-template-columns:1fr;gap:20px}.experience span{margin-bottom:15px}.philosophy{padding-block:90px}.philosophy h2{font-size:48px}.line-art{height:270px}footer .shell{display:block}footer nav{flex-wrap:wrap;margin:20px 0}.demo-return{margin-left:0}.demo h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
