:root{--charcoal:#171614;--ink:#1a1a1a;--paper:#fcfbf9;--wash:#f6f5f1;--hairline:#ebeae6;--stone:#a09d95;--stone-dark:#6f6d66;--sans:"Instrument Sans",sans-serif;--mono:"IBM Plex Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);cursor:none}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(calc(100% - 112px),1440px);margin-inline:auto}.page-load{position:fixed;inset:0;background:var(--paper);z-index:300;display:grid;place-items:center;transition:clip-path .9s cubic-bezier(.76,0,.24,1)}.page-load span{width:1px;height:90px;background:var(--ink);transform:scaleY(0);animation:loadLine .75s ease-in-out}.page-load.done{clip-path:inset(0 0 100%)}.cursor{position:fixed;left:0;top:0;width:16px;height:16px;border:1px solid var(--paper);border-radius:50%;z-index:250;pointer-events:none;mix-blend-mode:difference;display:grid;place-items:center;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s}.cursor i{width:2px;height:2px;background:var(--paper)}.cursor span{display:none;font:9px var(--mono);letter-spacing:.12em}.cursor.inspect{width:72px;height:72px;background:var(--paper);color:var(--ink);mix-blend-mode:normal}.cursor.inspect i{display:none}.cursor.inspect span{display:block}
.mark{display:inline-flex;align-items:flex-end;gap:.14em;height:1em}.mark i{display:block;width:.14em;background:currentColor}.mark i:nth-child(1){height:.39em}.mark i:nth-child(2){height:.67em}.mark i:nth-child(3){height:1em}.brand{display:flex;align-items:flex-end;gap:12px;width:max-content}.brand .mark{font-size:19px}.brand-name{font-weight:500;font-size:15px;line-height:.9;letter-spacing:.32em}.brand-sector{font:8px var(--mono);color:var(--stone);letter-spacing:.2em;margin-left:-4px}.eyebrow{font:10px var(--mono);letter-spacing:.2em;color:var(--stone);text-transform:uppercase;margin:0}.button{display:inline-grid;place-items:center;min-width:220px;padding:14px 24px;border-radius:4px;border:0;font-size:13px;font-weight:500;cursor:none;transition:background .25s,color .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button-light{background:rgba(252,251,249,.92);color:var(--charcoal)}.button-dark{background:var(--ink);color:var(--paper)}.button-outline{border:1px solid #d4d2cc;background:transparent;color:var(--ink)}.button-glass{background:rgba(23,22,20,.62);border:1px solid rgba(252,251,249,.18);backdrop-filter:blur(6px);color:var(--paper)}
.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;background:var(--charcoal);color:var(--paper);overflow:hidden}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(252,251,249,.12);position:relative;z-index:20}.nav-links{display:flex;gap:36px;font-size:12px;font-weight:500}.nav-links a{transition:opacity .2s}.nav-links a:hover{opacity:.55}.verify-trigger{border:0;background:rgba(252,251,249,.1);color:var(--paper);border-radius:4px;padding:10px 15px;font:9px var(--mono);letter-spacing:.1em;cursor:none}.verify-trigger span{padding-left:18px}.menu-trigger{display:none;border:0;background:none;color:var(--paper);padding:8px}.menu-trigger i{display:block;width:22px;height:1px;background:currentColor;margin:5px}.hero-grid{position:absolute;inset:88px 0 0;background-image:linear-gradient(rgba(252,251,249,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(252,251,249,.035) 1px,transparent 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(to bottom,black,transparent 78%)}.hero-index{position:absolute;left:56px;top:112px;font:8px var(--mono);letter-spacing:.14em;color:rgba(252,251,249,.3)}.hero-copy{position:relative;z-index:3;text-align:center;margin-top:clamp(90px,13vh,150px)}.hero-copy .eyebrow{color:rgba(252,251,249,.42);margin-bottom:22px}.hero-copy h1{font-size:clamp(42px,5.2vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0}.hero-copy h1 span{display:block;overflow:hidden}.hero-copy h1 span::after{content:"";display:block}.hero-sub{font:10px var(--mono);letter-spacing:.18em;color:rgba(252,251,249,.5);margin-top:22px}.hero-visual{position:absolute;left:50%;bottom:121px;width:420px;height:250px;transform:translateX(-50%);z-index:1;opacity:.62}.carton{position:absolute;width:190px;height:220px;left:62px;bottom:8px;background:#242321;border-radius:8px;box-shadow:0 30px 50px rgba(0,0,0,.38);transform:perspective(700px) rotateY(12deg) rotateX(2deg);border:1px solid rgba(255,255,255,.06)}.carton::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.025);border-radius:5px}.carton-mark{position:absolute;top:25px;left:22px;color:#3b3936}.carton-mark .mark{font-size:22px}.carton-data{position:absolute;left:22px;bottom:22px;font:7px/1.8 var(--mono);letter-spacing:.12em;color:#85817a}.vial{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 18px 13px rgba(0,0,0,.18))}.vial-cap{width:43px;height:15px;background:#20201e;border-radius:3px 3px 1px 1px;border-bottom:3px solid #514f49}.vial-neck{width:48px;height:10px;background:#d7d4cc;border-radius:1px}.vial-body{width:76px;height:112px;border-radius:5px 5px 11px 11px;background:linear-gradient(90deg,#d5d2cb,#fdfcf8 27%,#f6f4ee 70%,#cbc8c1);color:var(--ink);display:flex;flex-direction:column;align-items:center;padding-top:28px;border:1px solid rgba(255,255,255,.4)}.vial-body b{font-size:11px;letter-spacing:.28em;margin-left:.28em}.vial-body small{font:5.5px/1.55 var(--mono);text-align:center;letter-spacing:.08em;margin-top:8px}.hero-vial{position:absolute;right:63px;bottom:0;transform:scale(1.08)}.hero-actions{position:relative;z-index:4;margin-top:auto;display:flex;justify-content:center;gap:14px;padding-bottom:112px}.spec-bar{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(252,251,249,.14)}.spec-bar div{min-height:84px;border-right:1px solid rgba(252,251,249,.14);display:grid;grid-template-columns:auto auto;justify-content:center;align-content:center}.spec-bar div:last-child{border:0}.spec-bar strong{font-size:25px;font-weight:400}.spec-bar div>span{font-size:25px}.spec-bar small{grid-column:1/-1;font:8px var(--mono);letter-spacing:.14em;color:rgba(252,251,249,.45);margin-top:5px}
.intro{padding:150px 0 155px}.intro h2,.standard h2{font-weight:400;font-size:clamp(38px,4.2vw,62px);line-height:1.12;letter-spacing:-.025em;margin:27px 0 0}.intro h2 em,.standard h2 em{font-style:normal;border-bottom:1px solid var(--ink)}.intro-note{width:440px;margin:90px 7% 0 auto;display:grid;grid-template-columns:40px 1fr;gap:30px;padding-top:20px;border-top:1px solid var(--hairline)}.intro-note .mark{font-size:21px}.intro-note p{font-size:14px;line-height:1.65;color:var(--stone-dark);margin:0}.products{border-top:1px solid var(--hairline)}.section-heading{padding:80px 0 55px;display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:38px;font-weight:400;letter-spacing:-.02em;margin:18px 0 0}.section-heading>p{font-size:13px;line-height:1.6;color:var(--stone-dark);margin:0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--hairline);border-block:1px solid var(--hairline)}.product{background:var(--wash);padding:30px 40px 38px;position:relative;overflow:hidden}.product-top{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.14em;color:var(--stone)}.product-top span:last-child::before{content:"";display:inline-block;width:5px;height:5px;background:var(--ink);border-radius:50%;margin-right:8px}.product-object{height:360px;display:grid;place-items:center;position:relative}.product-object .vial{transform:scale(1.5);position:relative;z-index:2;transition:transform .55s cubic-bezier(.22,1,.36,1)}.product:hover .product-object .vial{transform:scale(1.65) translateY(-5px)}.product-shadow{position:absolute;width:100px;height:12px;border-radius:50%;background:rgba(26,26,26,.12);filter:blur(8px);bottom:75px;transition:width .55s}.product:hover .product-shadow{width:130px}.product-info{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #deddd8;padding-top:22px}.product-info h3{font-size:27px;font-weight:500;letter-spacing:.02em;margin:0}.product-info p{font:9px var(--mono);letter-spacing:.12em;color:var(--stone);margin:7px 0 0}.product-info dl{display:flex;gap:35px;margin:0}.product-info dl div{display:grid;gap:5px}.product-info dt{font:8px var(--mono);letter-spacing:.13em;color:var(--stone)}.product-info dd{font:10px var(--mono);margin:0}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.product-actions .button{min-width:0;width:100%}
.standard{padding:150px 0;background:var(--paper)}.standard-header{text-align:center}.standard-header h2{margin-top:24px}.steps{margin-top:95px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hairline)}.step{padding:28px 30px 0 0;min-height:390px;border-right:1px solid var(--hairline);position:relative}.step+.step{padding-left:30px}.step:last-child{border:0}.step>span,.step>b{font:8px var(--mono);letter-spacing:.14em;color:var(--stone)}.step-rule{height:78px;display:flex;align-items:center}.step-rule::before{content:"";width:100%;height:1px;background:var(--hairline)}.step-rule i{width:6px;height:6px;border-radius:50%;background:var(--ink);margin-left:-100%}.step h3{font-weight:400;font-size:27px;line-height:1.12;margin:0}.step p{font-size:13px;line-height:1.6;color:var(--stone-dark);margin:22px 0;max-width:230px}.step>b{position:absolute;bottom:20px}.records{background:var(--charcoal);color:var(--paper);min-height:750px;display:grid;grid-template-columns:1fr 1fr;padding:130px 7%;gap:9%;align-items:center}.records-copy{width:auto;margin:0}.records-copy h2{font-size:clamp(42px,4.4vw,68px);line-height:1.08;font-weight:400;letter-spacing:-.025em;margin:26px 0 35px}.records-copy>p:not(.eyebrow){max-width:420px;color:rgba(252,251,249,.55);line-height:1.65;font-size:14px}.records-copy .button{margin-top:36px}.record-sheet{background:var(--paper);color:var(--ink);padding:38px;box-shadow:0 25px 50px rgba(0,0,0,.25);transform:rotate(1.2deg)}.record-sheet header{display:flex;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid var(--ink)}.record-sheet header .mark{font-size:28px}.record-sheet header p{font:8px/1.7 var(--mono);text-align:right;letter-spacing:.12em;margin:0}.record-sheet header b{color:var(--stone);font-weight:400}.record-name{padding:34px 0;display:grid;gap:8px}.record-name span,.record-sheet dt{font:8px var(--mono);letter-spacing:.13em;color:var(--stone)}.record-name strong{font:400 28px var(--mono);letter-spacing:.04em}.record-sheet dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hairline);margin:0}.record-sheet dl div{padding:17px 0;border-bottom:1px solid var(--hairline)}.record-sheet dd{font:10px var(--mono);margin:6px 0 0}.record-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:27px 0}.record-result i{width:7px;height:7px;background:var(--ink);border-radius:50%}.record-result span,.record-result strong,.record-sheet footer{font:8px var(--mono);letter-spacing:.13em}.record-sheet footer{border-top:1px solid var(--ink);padding-top:15px;color:var(--stone)}.support{padding:145px 0;display:grid;grid-template-columns:1fr 1fr}.support h2{font-size:clamp(42px,4.2vw,62px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:26px 0 0}.support-copy{max-width:420px;padding-top:44px}.support-copy p{font-size:14px;line-height:1.65;color:var(--stone-dark)}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:20px 0;font-size:15px;margin-top:38px}.footer{background:var(--charcoal);color:var(--paper);padding:80px 0 26px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:180px}.footer-grid>p{font-size:23px;line-height:1.2;margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px;align-content:start}.footer-legal{border-top:1px solid rgba(252,251,249,.13);padding-top:24px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.13em;color:rgba(252,251,249,.4)}
.modal{position:fixed;inset:0;background:var(--paper);z-index:200;display:grid;place-items:center;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s cubic-bezier(.76,0,.24,1),visibility .7s}.modal.open{clip-path:inset(0);visibility:visible}.modal-close{position:absolute;right:55px;top:35px;border:0;background:none;font:9px var(--mono);letter-spacing:.12em;cursor:none}.modal-inner{width:min(620px,calc(100% - 40px))}.modal-inner h2{font-weight:400;font-size:62px;letter-spacing:-.03em;margin:25px 0 70px}.modal form label{font:8px var(--mono);letter-spacing:.14em;color:var(--stone)}.modal form>div{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--ink);margin-top:12px}.modal input{border:0;background:none;font:24px var(--mono);padding:15px 0;outline:0;text-transform:uppercase}.modal form button{border:0;background:none;font:9px var(--mono);letter-spacing:.12em;cursor:none}.modal-help{font:8px var(--mono);color:var(--stone);letter-spacing:.1em;margin-top:15px}.verify-result{margin-top:35px;min-height:70px}.verify-result.success{border:1px solid var(--hairline);padding:20px;display:flex;justify-content:space-between;font:10px var(--mono);line-height:1.7}.verify-result.error{font:11px var(--mono);color:var(--stone)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}
@keyframes loadLine{50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:900px){body{cursor:auto}.cursor{display:none}.wrap{width:calc(100% - 40px)}.nav{height:72px}.nav-links{position:fixed;inset:72px 0 auto;background:var(--charcoal);display:grid;padding:35px 20px;gap:25px;border-top:1px solid rgba(255,255,255,.1);transform:translateY(-150%);transition:transform .4s;z-index:-1}.nav-links.open{transform:none}.nav>.verify-trigger{display:none}.menu-trigger{display:block}.hero-grid{inset:72px 0 0;background-size:25vw 25vw}.hero-index{left:20px;top:92px}.hero-copy{margin-top:110px}.hero-copy h1{font-size:11vw}.hero-visual{width:330px;bottom:177px;transform:translateX(-50%) scale(.8)}.hero-actions{padding-bottom:185px}.spec-bar{grid-template-columns:1fr 1fr}.spec-bar div{min-height:70px}.intro{padding:100px 0}.intro-note{width:100%;margin:70px 0 0}.section-heading{padding:60px 0 38px}.section-heading>p{display:none}.product-grid{grid-template-columns:1fr}.standard{padding:100px 0}.steps{grid-template-columns:1fr 1fr;margin-top:65px}.step{border-bottom:1px solid var(--hairline);min-height:350px}.step:nth-child(2){border-right:0}.records{grid-template-columns:1fr;padding:100px 20px;gap:75px}.record-sheet{transform:none}.support{grid-template-columns:1fr;gap:50px;padding:100px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>p{display:none}.footer-legal span:nth-child(2){display:none}}
@media(max-width:560px){.brand-sector{display:none}.button{min-width:0;width:100%}.hero{min-height:900px}.hero-copy{margin-top:115px}.hero-copy h1{font-size:12.3vw}.hero-sub{font-size:8px}.hero-actions{flex-direction:column;width:calc(100% - 40px);margin-inline:auto;padding-bottom:185px}.hero-visual{bottom:275px;transform:translateX(-50%) scale(.62);opacity:.5}.spec-bar strong,.spec-bar div>span{font-size:20px}.spec-bar small{font-size:6.5px}.intro h2,.standard h2{font-size:10vw}.product{padding:24px 20px 30px}.product-object{height:310px}.product-info{display:block}.product-info dl{margin-top:20px}.product-actions{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step,.step+.step{padding:25px 0;min-height:310px;border-right:0}.step>b{bottom:25px}.records-copy h2{font-size:11vw}.record-sheet{padding:24px}.record-name strong{font-size:20px}.record-sheet dl{grid-template-columns:1fr}.record-sheet dl div{padding:12px 0}.support h2{font-size:11vw}.footer-grid{grid-template-columns:1fr;gap:50px}.footer-links{margin-top:20px}.modal-close{right:20px;top:20px}.modal-inner h2{font-size:46px;margin-bottom:55px}.modal input{font-size:18px}.footer-legal span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}