:root{--ink:#122f35;--muted:#687c80;--paper:#f6f8f7;--line:#dce4e1;--teal:#00796f;--mint:#bcf1dc;--dark:#07262e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #24bbae;outline-offset:5px}.shell{width:min(1280px,calc(100% - 112px));margin:auto}.skip{position:fixed;top:-60px;z-index:100;background:white;padding:15px}.skip:focus{top:0}.section{padding:105px 0 110px}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.055em}h2{font-size:clamp(36px,4.3vw,62px);line-height:1.06}h2 em{font-style:normal;color:#78918d}p{font-size:16px;line-height:1.7}
header{position:absolute;inset:0 0 auto;z-index:20;color:white;border-bottom:1px solid #ffffff25}nav{display:flex;align-items:center;height:98px;gap:34px}.brand{display:flex;gap:10px;align-items:center;margin-right:auto}.brand svg{width:35px;color:var(--mint)}.brand b{font-size:23px;letter-spacing:-.03em}.brand-light{font-weight:400}.brand small{display:block;font-size:10px;margin-top:5px;letter-spacing:.16em}.nav-links{display:flex;gap:30px;font-size:14px}.nav-links a:hover{color:var(--mint)}.nav-project{font-size:14px;border:1px solid #ffffff65;border-radius:5px;padding:13px 17px;display:flex;gap:28px}.menu{display:none;background:none;border:1px solid #ffffff50;color:white;font-size:23px;border-radius:4px;padding:5px 10px}
.hero{position:relative;isolation:isolate;background:#06353b;min-height:820px;height:min(980px,100svh);color:white;overflow:hidden}.water-image,#water,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.water-image{z-index:-4;background:#0c5961 url('water-hero.png') center/cover;animation:drift 24s ease-in-out infinite alternate;transform:scale(1.06)}#water{z-index:-3;opacity:0;transition:opacity 1s}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(2,27,35,.8),rgba(2,27,35,.15) 57%,rgba(2,27,35,.03)),linear-gradient(0deg,rgba(2,27,35,.7),transparent 35%)}.hero-content{padding-top:178px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;display:flex;align-items:center;gap:12px;color:var(--teal)}.eyebrow.light{color:var(--mint)}.eyebrow.light span{width:23px;height:1px;background:var(--mint)}h1{font-size:clamp(65px,7.25vw,108px);line-height:.98;margin:28px 0 24px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;color:#caf4e8}.hero-content p{color:#d7e6e5;line-height:1.6;margin-bottom:28px;font-size:17px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:0;border-radius:5px;padding:17px 22px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.mint{background:var(--mint);color:#163b38}.mint:hover{background:#d8faea}.dark{background:var(--ink);color:white}.hero-bottom{position:absolute;bottom:33px;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.scroll-link{display:flex;gap:14px;align-items:center;font-size:13px}.scroll-link>span{border:1px solid #ffffff50;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.water-controls{display:flex;align-items:center;gap:20px}.water-controls>span{font-size:10px;letter-spacing:.14em;color:#d4e8e8}.water-controls button{border:1px solid #ffffff60;background:#ffffff0a;color:white;border-radius:50%;width:39px;height:39px;font-size:17px}.hero-aside{position:absolute;right:24px;top:43%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.16em;color:#dbedeb}
.ribbon{background:#eaf0ec;border-bottom:1px solid var(--line)}.ribbon .shell{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px}.ribbon span{font-size:11px;font-weight:700;letter-spacing:.14em}.ribbon span+span:before{content:'+';color:#799a90;margin-right:30px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px}.minor{font-size:13px;color:var(--muted)}.equipment-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.equipment-copy h2{margin-bottom:25px}.equipment-copy>p{max-width:370px;color:var(--muted)}.equipment-info{border-top:1px solid var(--line);padding-top:26px;margin-top:30px;display:flex;flex-direction:column;gap:8px}.equipment-info strong{font-weight:500;font-size:24px}.equipment-info span,.small-note{font-size:13px;line-height:1.6;color:var(--muted)}.equipment-copy .small-note{margin-top:22px}.product-panel{background:#edf0ef;border:1px solid #dfe5e2;border-radius:10px;overflow:hidden}.product-top{display:flex;justify-content:space-between;padding:19px 23px;font-size:10px;letter-spacing:.1em;color:#5c767a}.product-view{position:relative}.machine-crop{position:relative;width:100%;aspect-ratio:691/461;overflow:hidden;background:#c4c6c8}.machine-crop img{position:absolute;top:-116.486%;width:100%;height:auto;display:block}.hotspot{position:absolute;width:36px;height:36px;border-radius:50%;border:1px solid #ffffffb5;background:#153c41e6;box-shadow:0 0 0 6px #ffffff40;color:white;font-size:12px;transition:.2s}.hotspot:hover,.hotspot.active{background:var(--mint);color:var(--ink);box-shadow:0 0 0 7px #bcf1dc45}.part-detail{display:flex;gap:18px;align-items:start;background:white;padding:24px;min-height:133px}.part-detail>span{color:#05877b;font-size:14px}.part-detail h3{font-size:17px;font-weight:500;margin-bottom:7px}.part-detail p{font-size:14px;color:var(--muted);line-height:1.5}.part-detail>a{font-size:22px;margin-left:auto}
.simulation{background:#eaf0ed}.sim-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:38px}.sim-heading>p{color:var(--muted);max-width:380px}.console{background:#082730;color:#d2e5e7;border-radius:10px;overflow:hidden;box-shadow:0 30px 50px #16383012}.console-bar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #33525a;gap:16px;font-size:11px;letter-spacing:.08em}.console-bar>span:first-child{display:flex;gap:8px;align-items:center}.console-bar b{font-size:11px;font-weight:500}.console-bar i{width:6px;height:6px;background:#b9efdc;border-radius:50%;box-shadow:0 0 10px #b9efdc66}.console-bar>span:nth-child(2){color:#82a5ae}.text-button{background:none;color:#bdd6dc;border:0;padding:10px;font-size:13px}.console-body{display:grid;grid-template-columns:1fr 272px}.diagram-area{min-width:0;align-self:center}.diagram-scroll{overflow-x:auto}.diagram-stage{position:relative;width:100%;min-width:580px;aspect-ratio:900/460}.diagram-stage svg,.diagram-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.svg-label{fill:#b8d3d9;font-size:12px;font-family:Arial,sans-serif;letter-spacing:.5px}.svg-small{fill:#8dafb5;font-size:11px;font-family:Arial,sans-serif;letter-spacing:1px}.legend{display:flex;justify-content:center;gap:24px;padding:12px 20px 25px;font-size:12px;color:#b4cdd1;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:7px}.legend i{display:block;width:7px;height:7px;border-radius:50%}.bubble-key{border:1px solid #e5ffff}.floc-key{background:#d8b88c}.water-key{background:#4adacb}.controls{padding:25px;border-left:1px solid #33525a;background:#0c2e37}.control-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:#98bac0;margin-bottom:28px}.controls label{display:flex;justify-content:space-between;gap:7px;font-size:14px;color:#dfedee;margin-top:23px;margin-bottom:12px}.controls output{color:var(--mint);white-space:nowrap;font-variant-numeric:tabular-nums}.controls input{width:100%;accent-color:#b6eddb;cursor:pointer;min-height:22px;margin:0}.range-scale{display:flex;justify-content:space-between;font-size:12px;color:#9fbbc0;margin-top:2px}.controls select{width:100%;background:#133d45;color:#d2e5e7;padding:11px;border:1px solid #39616a;border-radius:5px;font-size:14px}.controls .button{width:100%;margin-top:23px;justify-content:center;gap:5px;padding:14px 10px}.capture-count{display:flex;gap:15px;align-items:center;border-top:1px solid #33525a;padding-top:22px;margin-top:24px}.capture-count strong{font-size:35px;color:var(--mint);font-weight:400;font-variant-numeric:tabular-nums}.capture-count span{font-size:12px;line-height:1.5;color:#9fbec6}.console-foot{border-top:1px solid #33525a;display:flex;justify-content:space-between;gap:20px;padding:17px 25px;color:#adc8ce;font-size:12px}.console-foot>span:last-child{font-size:10px;letter-spacing:.1em;white-space:nowrap}.sim-disclaimer{font-size:12px;max-width:850px;color:#647b73;margin-top:17px;line-height:1.7}
.principle-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.accordion details{border-top:1px solid var(--line);padding:24px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{display:flex;align-items:center;gap:22px;list-style:none;cursor:pointer;font-size:19px}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font-size:12px;color:var(--teal)}.accordion summary b{margin-left:auto;font-size:24px;font-weight:400}.accordion details[open] summary b{transform:rotate(45deg)}.accordion p{padding:18px 30px 0 38px;color:var(--muted);font-size:16px}.contact{background:#123d40;color:white;padding:75px 0}.contact>.shell{display:flex;justify-content:space-between;gap:65px;align-items:center}.contact h2{font-size:clamp(34px,4vw,57px);margin-top:20px}.contact h2 em{color:#94b5ab}.contact-right{max-width:320px}.contact-right p{color:#bcd0cd;margin-bottom:24px;font-size:16px}footer{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:12px;color:var(--muted)}.footer-brand{font-weight:700;color:var(--ink);letter-spacing:.03em}dialog{border:0;border-radius:12px;color:var(--ink);padding:44px;max-width:560px;width:calc(100% - 32px);box-shadow:0 30px 90px #0005}dialog::backdrop{background:#031e2aab;backdrop-filter:blur(5px)}dialog h2{font-size:40px;margin:20px 0}dialog li{font-size:16px;line-height:1.7;margin-bottom:8px}dialog ul{padding-left:20px;margin:22px 0}dialog .small-note{margin-bottom:20px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:30px;color:var(--ink)}#copyStatus{display:block;font-size:13px;margin-top:15px;color:var(--teal)}@keyframes drift{to{transform:scale(1.12) translate(-1%,-1%)}}.motion-off .water-image{animation-play-state:paused}
@media(max-height:810px) and (min-width:900px){.hero{min-height:755px}.hero-content{padding-top:140px}h1{font-size:82px}.hero-content p{font-size:16px;margin-bottom:21px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.nav-links{gap:18px}.equipment-grid{gap:35px;grid-template-columns:1fr 1.2fr}.console-body{grid-template-columns:1fr 240px}.controls{padding:20px}.hero-aside{display:none}.principle-layout{gap:45px}.ribbon span+span:before{margin-right:12px}.nav-project{gap:12px}}
@media(max-width:820px){.shell{width:calc(100% - 40px)}nav{height:80px;gap:16px}.nav-links{display:none;position:absolute;top:80px;left:0;right:0;background:#0d353d;padding:25px;flex-direction:column;border-bottom:1px solid #ffffff40}.nav-links.open{display:flex}.menu{display:block}.nav-project{font-size:12px;padding:10px}.brand b{font-size:20px}.brand small{font-size:8px}.brand svg{width:28px}.hero{height:auto;min-height:800px}.hero-content{padding-top:155px;padding-bottom:150px}h1{font-size:80px}.hero-content p{font-size:16px}.hero-bottom{bottom:27px}.water-controls>span{display:none}.ribbon .shell{flex-wrap:wrap;justify-content:start;min-height:85px;padding-top:20px;padding-bottom:20px;gap:16px 25px}.ribbon span{font-size:10px}.ribbon span+span:before{display:none}.section{padding-top:65px;padding-bottom:65px}.section-top{margin-bottom:30px}.equipment-grid,.principle-layout{grid-template-columns:1fr;gap:35px}.equipment-copy>p{max-width:600px}.equipment-info{flex-direction:row;gap:20px;align-items:center;margin-top:23px}.equipment-copy .small-note{margin-top:12px}.sim-heading{display:block}.sim-heading>p{margin-top:22px;max-width:600px}.console-body{display:block}.controls{border-left:0;border-top:1px solid #33525a;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.control-heading{grid-column:1/-1;margin-bottom:0}.controls label,.controls input,.range-scale,.controls select{grid-column:1/-1}.controls .button{grid-column:1/2}.capture-count{grid-column:2/3;margin:20px 0 0;padding:0;border:0;justify-content:end}.console-bar{padding:0 14px;letter-spacing:0}.console-bar>span:nth-child(2){display:none}.console-foot{display:block;padding:15px}.console-foot>span:last-child{display:block;margin-top:8px}.contact>.shell{display:block}.contact-right{margin-top:25px;max-width:500px}footer{flex-wrap:wrap}.minor{display:none}.hero-shade{background:linear-gradient(90deg,#031f2bdd,#031f2b44),linear-gradient(0deg,#031f2baa,transparent)}}
@media(max-width:480px){.nav-project{display:none}.hero{min-height:750px}.hero-content{padding-top:145px}h1{font-size:66px}.eyebrow{font-size:10px}.scroll-link{font-size:11px;gap:9px}.hero-bottom{gap:10px}.section-top{margin-bottom:25px}h2{font-size:36px}.equipment-info{align-items:start;flex-direction:column;gap:6px}.hotspot{width:30px;height:30px;font-size:10px}.part-detail{padding:18px;gap:12px;min-height:140px}.controls{gap:0 15px}.controls .button{font-size:12px}.capture-count strong{font-size:28px}.capture-count span{font-size:11px}.legend{gap:15px;font-size:11px}.accordion summary{font-size:17px;gap:15px}.accordion p{padding-left:30px}.contact{padding:60px 0}dialog{padding:35px 23px}.hero-content .button{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}