*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fbfdff;color:#122642;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #54a4ff;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:14px;z-index:9}.skip:focus{top:10px}header{height:100px;margin:0 auto;padding:10px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee8f4}.logo{width:210px;height:auto;display:block}nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:600}.nav-contact{border:1px solid #abc4e8;padding:12px 16px}.nav-contact span{margin-left:20px}.hero{display:grid;grid-template-columns:1.06fr 1fr;min-height:680px}.hero-copy{padding:65px 8% 30px 11.3%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.8}.dot{display:inline-block;width:7px;height:7px;background:#0959d5;border-radius:50%;margin-right:8px}h1{font-size:clamp(45px,5.7vw,86px);font-weight:500;letter-spacing:-4px;line-height:1.04;margin:30px 0}h1 em{font-style:normal;color:#0959d5}p{line-height:1.7}.lede{max-width:390px;font-size:16px;color:#5b6d83}.button{display:flex;gap:25px;align-items:center;align-self:flex-start;margin-top:25px;padding:17px 20px;background:#0959d5;color:white;font-size:12px;font-weight:600}.button:hover{background:#0647ad}.hero-foot{display:flex;justify-content:space-between;gap:20px;margin-top:65px;font-size:8px;color:#7c8ca1;letter-spacing:1px}.hero-art{background:#0959d5;position:relative;overflow:hidden;display:grid;place-items:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:55px 55px}.orbit{width:510px;height:510px;border:1px solid #ffffff29;border-radius:50%;position:absolute}.o2{width:350px;height:350px}.layer{width:235px;height:260px;position:absolute;border-radius:50% 50% 38% 38%/18% 18% 70% 70%;border:2px solid #a6dcff;background:repeating-linear-gradient(90deg,#ffffff08 0px,#ffffff08 5px,#ffffff70 6px,#ffffff08 7px);transform:rotate(-28deg) skewY(10deg);box-shadow:0 20px 30px #003a8f40}.l1{margin-top:-170px;margin-left:-80px;background-color:#d5ecffcc;z-index:4}.l2{margin-top:-60px;margin-left:-28px;background-color:#8ec7ffb0;z-index:3}.l3{margin-top:50px;margin-left:25px;background-color:#55a5ff88;z-index:2}.l4{margin-top:160px;margin-left:77px;background-color:#ffffff08;z-index:1}.art-label{position:absolute;font-size:8px;letter-spacing:2px;color:#b7d6ff;left:30px}.art-label.top{top:35px}.art-label.bottom{bottom:35px}.cross{position:absolute;color:#93c6ff;font-size:22px;font-weight:200}.c1{top:26px;right:26px}.c2{bottom:25px;right:26px}.ticker{display:flex;justify-content:space-around;padding:25px 4%;border-bottom:1px solid #dee8f4;gap:20px;font-size:9px;font-weight:700;letter-spacing:1.6px}.section{padding:100px 6%}.section-intro{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:40px;align-items:start}h2{font-weight:500;font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-1.7px;margin:0}.section-intro>p:last-child{font-size:14px;color:#65758a;margin:0}.products{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;margin-top:55px}.product-visual{height:380px;background:#e9f2fc;position:relative;display:grid;place-items:center;overflow:hidden}.paper-stack{width:170px;height:180px;position:relative;transform:rotate(-16deg)}.paper-stack i{position:absolute;width:180px;height:160px;background:#fbf9f0;border:1px solid #d4d9d8;border-radius:50% 50% 40% 40%/23% 23% 75% 75%;box-shadow:1px 7px 10px #5a708a12;left:0;top:0}.paper-stack i:nth-child(2){top:13px;left:6px}.paper-stack i:nth-child(3){top:26px;left:12px}.paper-stack i:nth-child(4){top:39px;left:18px}.paper-stack i:nth-child(5){top:52px;left:24px}.paper-stack i:nth-child(6){top:65px;left:30px}.paper-stack i:nth-child(7){top:78px;left:36px}.visual-note{position:absolute;bottom:22px;left:22px;letter-spacing:1.5px;font-size:8px;color:#7d8fa4}.pack-number{position:absolute;top:25px;right:25px;font-size:35px;font-weight:300;letter-spacing:-2px;color:#7ba1cc}.blue-visual{background:#dceafa}.cup-form{position:relative;width:170px;height:200px;transform:rotate(14deg)}.cup-rim{position:absolute;width:176px;height:48px;border-radius:50%;top:10px;background:#1b4f87;border:8px solid #3f79bb;z-index:2}.cup-body{position:absolute;top:30px;width:170px;height:155px;background:repeating-linear-gradient(90deg,#3773b3 0px,#3773b3 12px,#679ad0 13px,#3773b3 15px);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);border-radius:0 0 38% 38%}.cup-base{position:absolute;bottom:7px;left:30px;width:110px;height:20px;background:#235990;border-radius:50%}.product-title{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.product-title h3{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:0}.product-title>span{font-size:10px;color:#7890af}.products article>p{font-size:13px;max-width:400px;color:#607188}.pack-options{display:flex;gap:8px;margin-top:22px}.pack-options button{cursor:pointer;background:transparent;border:1px solid #bfcee0;padding:10px 14px;font-size:11px;color:#24466d}.pack-options button[aria-pressed=true]{background:#0959d5;color:white;border-color:#0959d5}.products .pack-detail{font-size:10px;color:#37649b}.status{display:inline-block;font-size:9px;letter-spacing:1.5px;border-bottom:1px solid #b1c7e1;padding:10px 0;margin-top:10px}.approach{background:#eff5fc;display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.approach h2{margin-top:30px}.approach-lede{font-size:15px;color:#607188;max-width:360px;margin-top:25px}.principles article{display:flex;gap:30px;border-top:1px solid #c8d8ea;padding:24px 0}.principles article>span{font-size:10px;color:#0959d5;padding-top:6px}.principles h3{font-weight:500;font-size:21px;margin:0}.principles p{font-size:13px;color:#607188;max-width:330px;margin:12px 0 0}.contact{background:#0959d5;color:white}.contact h2{font-size:clamp(50px,6vw,84px);letter-spacing:-3px;margin:25px 0}.contact>p:not(.eyebrow){font-size:15px;max-width:440px;color:#c8dfff}.email-link{display:flex;justify-content:space-between;align-items:center;font-size:clamp(17px,3vw,38px);border-bottom:1px solid #8ab6f5;padding:30px 0;letter-spacing:-.5px}.email-link:hover{color:#c8dfff}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.contact-bottom>div{display:flex;flex-direction:column;gap:10px;font-size:13px}.contact-bottom .eyebrow{color:#b4d2ff;font-size:9px}.contact-bottom address{font-style:normal;line-height:1.6}footer{padding:26px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#6d7e94}footer>span:first-child{font-weight:bold;color:#0959d5;letter-spacing:2px} @media(max-width:800px){header{height:80px;padding:8px 6%}.logo{width:160px}nav{gap:15px;font-size:11px}nav>a:nth-child(2){display:none}.nav-contact{padding:9px}.nav-contact span{margin-left:4px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero h1{font-size:58px;letter-spacing:-2.5px}.hero-foot{margin-top:40px}.hero-art{height:440px}.ticker{flex-wrap:wrap;justify-content:space-between;font-size:8px}.ticker span{width:42%}.section{padding:65px 6%}.section-intro{grid-template-columns:1fr;gap:20px}.section-intro h2{font-size:37px}.products{grid-template-columns:1fr;gap:45px;margin-top:35px}.product-visual{height:330px}.approach{grid-template-columns:1fr;gap:35px}.approach h2{font-size:37px}.contact-bottom{grid-template-columns:1fr;gap:28px}footer{flex-wrap:wrap;line-height:1.7}footer>span:nth-child(2){width:100%;order:3}.email-link{letter-spacing:0}.layer{width:200px;height:220px}.orbit{width:420px;height:420px}.o2{width:300px;height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:420px){.logo{width:145px}nav>a:first-child{display:none}.nav-contact{white-space:nowrap;font-size:10px}.hero h1{font-size:50px}.hero-foot{font-size:7px}}
.about{border-bottom:1px solid #dee8f4;background:#f6faff}.about-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:start}.about-intro h2{margin-top:22px}.about-copy p{margin:0 0 18px;color:#607188;font-size:14px;max-width:470px}.about-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.about-gallery figure{margin:0;min-width:0}.about-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#edf5ff}.about-gallery figcaption{padding:20px 0 0}.about-gallery figcaption span{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#0959d5}.about-gallery figcaption p{font-size:14px;margin:8px 0;color:#345473}.development-note{font-size:11px;color:#6b7e95;margin:25px 0 0}.about a{text-decoration:underline}@media(max-width:800px){.about-intro{grid-template-columns:1fr;gap:25px}.about-gallery{grid-template-columns:1fr;gap:28px;margin-top:30px}.about-intro h2{font-size:37px}.about-copy p{max-width:none}}
/* v3: planned collection, product detail pages and customer guidance */
header .site-nav>a{display:inline-flex;align-items:center}.site-nav{gap:26px}.text-link{display:inline-flex;align-items:center;gap:24px;padding:12px 0;font-size:12px;font-weight:600;color:#0959d5;border-bottom:1px solid #a9c6eb}.text-link:hover{color:#043f9a;border-color:#043f9a}.products .text-link{margin-top:15px}.products .status{margin-right:24px}.social-link{margin-top:14px;text-decoration:underline;text-underline-offset:5px;align-self:flex-start}.fit{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eef5fd}.fit-intro h2,.faq-intro h2{margin:25px 0}.fit-intro>p:not(.eyebrow),.faq-intro>p:not(.eyebrow){max-width:395px;color:#607188;font-size:14px}.fit-steps article{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:24px 0;border-top:1px solid #c6d8ee}.step-number{font-size:11px;color:#0959d5;padding-top:5px}.fit-steps h3{font-size:22px;font-weight:500;margin:0}.fit-steps p{font-size:13px;color:#607188}.fit-note{margin:22px 0 0;font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:8%}.faq-list details{border-top:1px solid #ccdbec}.faq-list details:last-child{border-bottom:1px solid #ccdbec}.faq-list summary{padding:24px 32px 24px 0;cursor:pointer;font-size:16px;line-height:1.45;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;top:22px;color:#0959d5;font-size:23px;font-weight:300}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;color:#607188;margin:0;padding:0 32px 24px 0}.faq-list summary:focus-visible{outline:3px solid #54a4ff;outline-offset:5px}.breadcrumbs{padding:28px 6% 0;font-size:11px;color:#607188;display:flex;gap:12px;align-items:center}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:45px}.detail-copy h1{font-size:clamp(44px,5.3vw,76px);letter-spacing:-3px;margin:24px 0}.detail-copy h1 span{color:#0959d5}.detail-copy .lede{max-width:430px}.detail-copy .status{color:#0959d5;margin:15px 0}.detail-copy .detail-note{font-size:12px;color:#607188;max-width:420px}.detail-visual{height:450px;background:#e9f2fc;position:relative;display:grid;place-items:center;overflow:hidden}.detail-visual .pack-number{font-size:48px;top:30px;right:30px}.detail-information{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#eef5fd}.detail-information h2{font-size:33px;letter-spacing:-1px;margin:22px 0}.detail-information p,.detail-information li{font-size:14px;color:#607188;line-height:1.8}.detail-information ul{padding-left:20px}.detail-question{padding:65px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.detail-question h2{font-size:33px;letter-spacing:-1px}.detail-question .button{margin:0;white-space:nowrap}.related-links{display:flex;gap:30px;flex-wrap:wrap;padding:0 6% 60px}.detail-visual.pair .paper-stack{transform:translate(-44px,-10px) rotate(-16deg)}.detail-visual.pair .paper-stack:last-of-type{position:absolute;transform:translate(45px,30px) rotate(10deg)}.detail-visual .cup-form{transform:scale(1.1) rotate(14deg)}footer{flex-wrap:wrap}
@media(max-width:1000px){.site-nav{gap:17px;font-size:12px}.logo{width:180px}.detail-visual{height:380px}.detail-hero{gap:5%}}
@media(max-width:800px){header .site-nav>.nav-secondary{display:none}.site-nav{gap:15px;font-size:11px}.logo{width:155px}.fit,.faq,.detail-hero,.detail-information{grid-template-columns:1fr;gap:35px}.fit-intro h2,.faq-intro h2{font-size:37px}.fit-intro>p:not(.eyebrow),.faq-intro>p:not(.eyebrow){max-width:none}.faq-list summary{font-size:16px}.detail-hero{padding-top:30px}.detail-copy h1{font-size:52px;letter-spacing:-2px}.detail-visual{height:350px}.detail-question{align-items:flex-start;flex-direction:column;padding:55px 6%}.detail-information h2{font-size:32px}.related-links{gap:22px;padding-bottom:50px}.detail-visual .pack-number{font-size:42px}.breadcrumbs{padding-top:23px}.contact-bottom{gap:30px}}
@media(max-width:420px){header .site-nav>.nav-guide{display:none}.logo{width:145px}.detail-copy h1{font-size:45px}.detail-visual{height:320px}.fit-intro h2,.faq-intro h2{font-size:34px}.detail-question h2{font-size:30px}.faq-list summary{font-size:15px}.site-nav{gap:15px}}
nav.breadcrumbs>a,nav.related-links>a{display:inline-flex}
/* v3.1 local review: reachable navigation and explicit reference imagery */
header{position:sticky;top:0;z-index:20;background:#fbfdfff5;backdrop-filter:blur(12px)}
.skip{z-index:30}.site-nav a{white-space:nowrap}
.detail-reference{margin:0;min-width:0;border:1px solid #d3e2f3;background:#edf5ff}
.reference-heading{display:block;padding:17px 20px;border-bottom:1px solid #d3e2f3;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#0959d5}
.detail-reference img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.detail-reference figcaption{padding:18px 20px;background:#f5f9ff;color:#526a86;font-size:11px;line-height:1.7}
.detail-reference figcaption strong{display:block;color:#234b78;font-size:12px;margin-bottom:4px}
@media(max-width:800px){
html{scroll-padding-top:140px}
header{height:auto;min-height:112px;padding:10px 6% 0;flex-direction:column;align-items:flex-start;gap:10px}
header .logo{width:148px}
header .site-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;font-size:11px;border-top:1px solid #dee8f4}
header .site-nav>a,header .site-nav>.nav-secondary,header .site-nav>.nav-guide{display:flex;justify-content:center;min-height:43px;padding:8px 2px;min-width:0;white-space:nowrap}
header .site-nav>.nav-contact{border:0;font-size:11px}
header .site-nav>.nav-contact span{display:none}
.detail-reference figcaption{padding:16px;font-size:11px}
}