@font-face{font-family:Zen;src:url('/assets/7446d105969ea52cd6e0d06db347b6a6.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Zen;src:url('/assets/91b1ae976d737f48cd8bbc79f479aa7d.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Zen;src:url('/assets/f1aa3e8f37effa030add3d394e3cb7bf.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--navy:#1c2f49;--blue:#798eab;--green:#5eb23a;--paper:#f6f6f6;--ink:#2c343b;--line:#d8dfe4;--ease:cubic-bezier(.18,.78,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--navy);background:#fff;font-family:Zen,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;line-height:1.85}body,button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900;line-height:1.4;letter-spacing:.015em}h2{font-size:clamp(30px,3.35vw,52px);letter-spacing:.01em}h3{font-size:25px}p+p{margin-top:20px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:6px}button{color:inherit}button[hidden],[hidden]{display:none!important}.section{max-width:1280px;margin:auto;padding:96px 56px}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.2em;font-weight:700;line-height:1.6;color:#52647c}.eyebrow.light{color:#d3dce7}.section-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-bottom:48px}.section-top>span{font-size:13px}.header{height:86px;display:flex;align-items:center;padding:0 40px;gap:32px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:30;box-shadow:0 1px 0 #1c2f4910;backdrop-filter:blur(16px)}.wordmark{font-family:Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-1.7px;line-height:1}.wordmark span{display:block;font-family:Zen,sans-serif;font-size:10px;letter-spacing:.1em;margin-top:8px}.header nav{margin-left:auto;display:flex;gap:28px;font-size:12px;font-weight:700}.header nav a{position:relative}.header nav a:after{content:'';height:2px;background:var(--green);position:absolute;left:0;right:100%;bottom:-8px;transition:right .3s}.header nav a:hover:after{right:0}.sound{border:1px solid #bbc5cf;border-radius:50%;background:white;flex:none;width:46px;height:46px;font:10px Arial;box-shadow:0 3px 0 #d8dfe4}.btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:64px;padding:17px 26px;background:linear-gradient(130deg,#69bb44,#45952c);border:1px solid #8cce73;color:#fff;border-radius:6px;font-weight:700;font-size:15px;box-shadow:0 6px 0 #28671c,0 12px 25px #162b2720;transition:transform .18s,box-shadow .18s,filter .18s;overflow:hidden;isolation:isolate}.btn:before{content:'';position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 40%,#ffffff33 50%,transparent 60%);transform:translateX(-70%);transition:transform .65s}.btn:hover:before{transform:translateX(70%)}.btn:hover{transform:translateY(-3px);filter:brightness(1.05);box-shadow:0 9px 0 #28671c,0 18px 30px #162b2725}.btn:active,.btn.pressed{transform:translateY(5px) scale(.985);box-shadow:0 1px 0 #28671c,0 2px 8px #162b2720}.btn .arrow{font-size:24px;line-height:1}.header .btn{min-height:44px;font-size:12px;padding:9px 18px;gap:20px;box-shadow:0 4px 0 #28671c}.text-link{display:inline-flex;align-items:center;gap:50px;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding:13px 0;transition:gap .25s}.text-link:hover{gap:65px}.text-link span{font-size:21px}.hero{position:relative;min-height:710px;height:calc(100svh - 86px);max-height:1000px;display:flex;align-items:center;overflow:hidden;color:white;background:var(--navy)}.hero-img{position:absolute;inset:0;height:100%;object-position:center;animation:heroZoom 2.3s var(--ease) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,39,61,.87) 0%,rgba(20,39,61,.71) 35%,rgba(20,39,61,.1) 75%),linear-gradient(0deg,#1c2f4945,transparent 35%)}.hero-content{position:relative;z-index:1;width:100%;padding:60px max(56px,calc((100vw - 1168px)/2)) 100px}.hero-label{font-size:15px;letter-spacing:.12em;margin:25px 0 24px}.hero h1{font-size:clamp(46px,5.7vw,86px);line-height:1.4;letter-spacing:-.025em;text-shadow:0 3px 30px #182c4333}.hero h1>span{display:block;animation:heroType 1.2s var(--ease) both}.hero h1>span:nth-child(2){animation-delay:.18s}.hero h1 em{font-style:normal;background:linear-gradient(transparent 80%,#5eb23aaa 80%,#5eb23aaa 95%,transparent 95%)}.hero-copy{font-size:17px;line-height:2;margin:26px 0 28px;animation:heroType 1.2s .35s var(--ease) both}.hero-actions{display:flex;align-items:center;gap:30px;animation:heroType 1s .5s var(--ease) both}.hero-actions .text-link{font-size:12px;gap:20px}.hero-tags{display:flex;gap:24px;font-size:12px;margin-top:34px}.hero-tags span:before{content:'✓';color:#b0e58c;margin-right:8px}.hero-foot{position:absolute;bottom:24px;left:56px;right:56px;display:flex;justify-content:space-between;font:10px Arial;letter-spacing:.19em}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.intro-title p{font-size:15px;color:#52606c;line-height:2.2}.intro-title h2{margin-bottom:30px}.intro-title .text-link{margin-top:18px}.intro-image{position:relative;overflow:hidden;aspect-ratio:1/1.08}.intro-image img{height:100%;object-position:42%}.photo-caption{position:absolute;bottom:0;left:0;padding:18px 28px;background:var(--navy);color:white;font-size:15px}.check-section{background:radial-gradient(ellipse at 12% 50%,#405874 0%,transparent 60%),var(--navy);color:white;position:relative;overflow:hidden}.check-section:before{content:'';position:absolute;width:800px;height:800px;border:1px solid #ffffff12;border-radius:50%;left:-400px;top:-100px}.check-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;position:relative}.check-grid h2{margin:22px 0}.check-grid p{font-size:14px;color:#dde5ee}.check-panel{background:#fff;color:var(--navy);padding:32px 34px;box-shadow:15px 15px 0 #ffffff0d}.check-top{display:flex;align-items:center;justify-content:space-between}.check-top>span{font-weight:700;font-size:14px}.check-top strong{font:40px Arial}.check-top small{font-size:16px;color:#7d8897}.progress{height:4px;background:#e5e9ef;margin:16px 0 25px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),#b4dd6b);transition:width .6s var(--ease)}.check-item{display:flex;align-items:center;gap:13px;position:relative;padding:19px 0;border-bottom:1px solid #dfe5e9;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.check-item input{position:absolute;width:24px;height:24px;opacity:0}.check-box{width:24px;height:24px;border:1px solid #99a7b8;border-radius:3px;flex:none;display:grid;place-items:center}.check-item b{margin-left:auto;font-size:18px;color:#aebbc5}.check-item:has(input:checked){color:#317b22;background:linear-gradient(90deg,#eef6e9,transparent)}.check-item:has(input:checked) .check-box{background:var(--green);border-color:var(--green);animation:stamp .45s var(--ease)}.check-item:has(input:checked) .check-box:after{content:'✓';color:white;font-size:18px}.check-item:has(input:focus-visible){outline:3px solid var(--green);outline-offset:3px}.check-item:active{transform:scale(.98)}.result{margin:25px 0 18px;padding:18px;background:#eef2f5;border-left:3px solid var(--blue)}.result>span{font-size:16px;font-weight:900}.result p{color:#596b7b;font-size:12px;margin-top:7px;line-height:1.8}.result.complete{background:#edf6e9;border-color:var(--green);animation:stamp .6s var(--ease)}.check-panel .btn{display:flex;width:100%;font-size:14px;min-height:55px;margin:13px 0}.check-panel .copy-btn{background:#fff;color:var(--navy);border:1px solid #bdc9d5;box-shadow:0 4px 0 #c5ced7}.check-panel .tiny{font-size:10px;color:#68798a;margin-top:20px}.orbit{height:230px;width:260px;position:relative;margin:35px auto 18px;display:flex;align-items:center;justify-content:center;text-align:center}.orbit-ring{position:absolute;width:210px;height:210px;border:1px dashed #a8c2d580;border-radius:50%;animation:spin 32s linear infinite}.orbit-ring:after{content:'';position:absolute;top:-6px;left:95px;width:12px;height:12px;border-radius:50%;background:#b6dd8f;box-shadow:0 0 24px #b6dd8f}.orbit>span{font:12px/2 Arial;letter-spacing:.14em}.orbit>span b{font-size:19px}.bottle{width:28px;height:53px;border:1px solid #f1e7c1;border-radius:4px;background:linear-gradient(90deg,#d7b877aa,#f1ddbbaa,#b48a4eaa);position:absolute;box-shadow:4px 5px 10px #0002}.bottle:before{content:'';position:absolute;top:-10px;left:4px;right:4px;height:10px;background:#e5e7e8;border-radius:2px}.bottle:after{content:'';position:absolute;background:#f6f6f6c9;top:21px;left:2px;right:2px;height:17px}.b1{top:10px;left:24px;transform:rotate(-14deg)}.b2{right:0;top:95px;transform:rotate(15deg)}.b3{bottom:0;left:58px;transform:rotate(-10deg)}.check-note{font-size:11px!important;text-align:center;color:#c5d2df!important}.service-heading{display:flex;gap:45px;justify-content:space-between;align-items:end;margin-bottom:40px}.service-heading>p{font-size:13px;color:#607080}.service-tabs{display:flex;margin-bottom:32px;border-bottom:1px solid #c4cfda;gap:32px}.service-tabs button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:18px 20px;font-size:15px;font-weight:700;color:#6f8093;transition:color .2s,border-color .2s,transform .2s}.service-tabs button[aria-selected=true]{color:var(--navy);border-color:var(--green)}.service-tabs button:active{transform:scale(.96)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{background:#f4f6f7;overflow:hidden;box-shadow:0 1px 0 #dbe2e8}.service-card>img{height:260px;transition:transform 1s var(--ease)}.service-card:hover>img{transform:scale(1.05)}.service-card>div{padding:30px 25px}.service-card .eyebrow{font-size:10px}.service-card h3{font-size:24px;margin:12px 0 16px}.service-card p{font-size:14px;color:#5b6c7e}.price-note{margin-top:40px;border-top:1px solid var(--line);padding-top:26px;display:flex;gap:50px;font-size:13px}.price-note>span{flex:none;font-weight:700}.price-note small{display:block;margin-top:8px;font-size:11px;color:#68798a}.wholesale{display:grid;grid-template-columns:1fr 1fr;background:#f4f6f7;animation:heroType .6s var(--ease)}.wholesale img{height:450px}.wholesale>div{padding:40px}.wholesale h3{font-size:34px;margin:16px 0}.wholesale p{font-size:14px}.wholesale .btn{margin-top:26px}.reasons{background:var(--navy);color:white;position:relative;overflow:hidden}.reasons .section{position:relative;z-index:1}.reasons h2{margin:25px 0 45px}.reason-list{width:55%}.reason-list article{display:flex;gap:28px;border-top:1px solid #8ca0b74d;padding:27px 0}.reason-list article>span{font:34px Arial;color:#b4c4d6}.reason-list h3{font-size:23px}.reason-list p{font-size:13px;margin-top:10px;color:#d0dae7}.reason-photo{position:absolute;right:0;top:0;width:38%;height:100%;object-position:60%;opacity:.78;mask-image:linear-gradient(90deg,transparent,black 25%)}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:50px 0 24px}.flow-grid article{position:relative;border-top:2px solid var(--navy);padding:22px 0}.flow-grid .step{font:15px Arial;color:#7d8ea0}.flow-grid h3{font-size:22px;margin:24px 0 12px}.flow-grid p{font-size:13px;color:#5d6f80}.flow-icon{height:65px;width:80px;margin-top:35px;position:relative;color:var(--navy)}.camera{border:2px solid var(--navy);border-radius:9px;height:50px;margin-top:50px}.camera:before{content:'';width:24px;height:24px;border:2px solid var(--navy);border-radius:50%;position:absolute;left:26px;top:11px}.camera:after{content:'';width:28px;height:10px;border:2px solid var(--navy);border-bottom:0;position:absolute;left:10px;top:-12px;border-radius:4px 4px 0 0}.chat-icon{border:2px solid var(--navy);border-radius:12px;font:40px/48px Arial;text-align:center;height:50px;margin-top:50px}.chat-icon:after{content:'';position:absolute;width:10px;height:10px;border-bottom:2px solid var(--navy);border-left:2px solid var(--navy);transform:skewY(-35deg);bottom:-9px;left:12px;background:white}.tick-icon{font:55px/1 Arial;width:65px;border:2px solid var(--navy);border-radius:50%}.tiny{font-size:11px;color:#6a7b8a;line-height:1.8}.voices-bg{background:#edf1f5}.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:44px 0 26px}.voice{background:#fff;position:relative;padding:35px 30px;box-shadow:0 12px 35px #1c2f4905;border-bottom:3px solid #b4c2d2}.voice-num{font:12px Arial;color:#8193a7}.quote-mark{font:100px/1 Georgia;color:#b3c6d3;position:absolute;top:25px;right:25px;height:60px}.voice p{position:relative;font-size:15px;line-height:2.1;margin-top:45px}.voice small{display:block;font-size:11px;line-height:1.8;color:#6b7b8a;margin-top:18px}.voices-bg .text-link{margin-top:25px}.faq-section h2{margin-bottom:40px}.faq{border-bottom:1px solid #ccd6df}.faq summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;align-items:center;gap:26px;font-size:17px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.q{font:14px Arial;color:#7b8fa5;min-width:36px}.plus{margin-left:auto;border:1px solid #c0cdd9;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex:none;transition:transform .3s,background .3s}.faq[open] .plus{transform:rotate(45deg);background:#e8f4e0}.answer{padding:0 62px 30px;font-size:14px;color:#536679;line-height:2;animation:heroType .35s var(--ease)}.faq-section .text-link{margin-top:25px}.company{background:radial-gradient(ellipse at 100% 100%,#435d7c,transparent 70%),var(--navy);color:white}.company-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;margin:35px 0 60px}.company-grid p{font-size:14px;line-height:2.3;color:#dce3ec}.company-grid .signature{font-size:25px;color:white;margin-top:30px}.signature small{font-size:11px}.company-data{border-top:1px solid #8195af60;padding-top:26px;display:flex;justify-content:space-between;font-size:12px;color:#d3dce6}.brands{padding-top:60px;padding-bottom:60px}.brand-image{object-fit:contain;max-height:380px;max-width:750px;margin:auto}.brands .tiny{text-align:center;margin-top:25px}.closing{position:relative;min-height:530px;display:flex;align-items:center}.closing>img{position:absolute;inset:0;height:100%;object-position:20%}.closing:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff00,#ffffff66 40%,#ffffffee 70%)}.closing-content{position:relative;z-index:1;margin-left:52%;padding:70px 40px}.closing h2{margin:22px 0}.closing p{font-size:14px}.closing .btn{margin-top:28px}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 56px;background:#fff}footer>div{display:flex;gap:24px;align-items:center;font-size:12px}footer small{font-size:10px;color:#7e8a96}.mobile-cta{display:none}.sub{background:linear-gradient(150deg,#f5f7fa,white 70%)}.subpage{max-width:1080px;margin:auto;padding:80px 48px 100px}.subpage>h1{font-size:50px;margin:20px 0 40px}.sub-divider{height:3px;width:70px;background:var(--green);margin-bottom:35px}.sub .voices{grid-template-columns:repeat(2,1fr)}.sub .voice{border:1px solid #e0e6ec;border-bottom:3px solid #b4c2d2}.sub .faq{background:#fff}.sub .faq summary{padding:26px 20px}.sub .answer{padding-left:82px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:white;box-shadow:0 10px 40px #0003;border-radius:6px;padding:14px 24px;z-index:60;opacity:0;pointer-events:none;transition:.3s;font-size:14px;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}#particles{position:fixed;inset:0;pointer-events:none;z-index:70;overflow:hidden}.particle{position:absolute;width:9px;height:17px;background:var(--green);animation:confetti 1.25s var(--ease) forwards}.click-ring{position:fixed;pointer-events:none;z-index:69;width:14px;height:14px;border:2px solid #92bd6e;border-radius:50%;animation:ring .65s ease-out forwards}.js .reveal{opacity:0;transform:translateY(50px);clip-path:inset(0 0 8% 0);transition:opacity .9s var(--ease),transform .9s var(--ease),clip-path 1.1s var(--ease)}.js .reveal.seen{opacity:1;transform:none;clip-path:inset(0)}.reveal img{transition:transform 1.5s var(--ease)}.js .intro-image:not(.seen) img{transform:scale(1.14)}
@keyframes heroZoom{from{transform:scale(1.13);filter:brightness(.75)}to{transform:scale(1);filter:brightness(1)}}@keyframes heroType{from{opacity:0;transform:translateY(48px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes stamp{0%{transform:scale(.85)}60%{transform:scale(1.045)}100%{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}@keyframes ring{to{transform:translate(-50%,-50%) scale(4);opacity:0}}
@media(min-width:1600px){.hero-content{padding-left:calc((100vw - 1280px)/2 + 56px)}}
@media(max-width:1100px){.header{padding:0 24px;gap:20px}.header nav{gap:17px}.header-cta{display:none}.section{padding:75px 35px}.hero-content{padding-left:40px;padding-right:40px}.hero h1{font-size:65px}.check-grid{gap:40px}.intro-grid{gap:40px}.service-heading{display:block}.service-heading>p{margin-top:20px}.service-card>img{height:210px}.service-card>div{padding:22px 18px}.service-card h3{font-size:21px}.voices{gap:15px}.voice{padding:26px 22px}.company-grid{gap:50px}.closing-content{margin-left:45%}}
@media(max-width:700px){html{scroll-padding-top:76px}.header{height:70px;padding:0 20px;gap:15px}.header .wordmark{font-size:27px}.header nav{display:none}.sound{margin-left:auto;width:39px;height:39px}.header .header-cta{display:inline-flex;min-height:36px;gap:9px;font-size:10px;padding:8px 11px}.header .header-cta .arrow{font-size:16px}.wordmark span{font-size:8px}.section{padding:55px 23px}.section-top{margin-bottom:30px;padding-top:15px;gap:15px;align-items:start}.section-top>span{font-size:10px}.eyebrow{font-size:10px;letter-spacing:.15em}h2{font-size:32px;line-height:1.55}h3{font-size:22px}.hero{height:calc(100svh - 70px);min-height:650px;max-height:850px;align-items:center}.hero-img{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#122a45c9,#122a456b),linear-gradient(0deg,#122a45a8,transparent 70%)}.hero-content{padding:48px 23px 90px}.hero-label{font-size:11px;letter-spacing:.05em;margin:23px 0 25px}.hero h1{font-size:clamp(34px,9vw,56px);line-height:1.6;letter-spacing:-.035em}.hero-copy{font-size:13px;margin:24px 0 25px;line-height:2}.hero-actions{display:block}.hero-actions .btn{font-size:13px;min-height:59px;gap:25px;padding:17px 20px}.hero-actions .text-link{display:flex;width:max-content;margin-top:13px;font-size:11px}.hero-tags{gap:13px;font-size:9px;flex-wrap:wrap;margin-top:25px}.hero-tags span:before{margin-right:4px}.hero-foot{bottom:23px;left:23px;right:23px;font-size:8px}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-title h2{margin-bottom:23px}.intro-title p{font-size:13px;line-height:2.1}.intro-title p br{display:none}.intro-image{aspect-ratio:1.15}.photo-caption{font-size:13px;padding:14px 20px}.check-grid{grid-template-columns:1fr;gap:30px}.check-grid h2{margin:18px 0}.check-grid>div>p{font-size:13px}.orbit{position:absolute;right:12px;top:70px;width:115px;height:115px;margin:0;opacity:.18}.orbit-ring{width:100px;height:100px}.orbit-ring:after{left:45px}.orbit>span{font-size:7px}.orbit>span b{font-size:10px}.bottle{display:none}.check-note{text-align:left;margin-top:15px;font-size:10px!important}.check-panel{padding:25px 19px;box-shadow:8px 8px 0 #ffffff0d}.check-top>span{font-size:13px}.check-top strong{font-size:34px}.check-item{font-size:12px;padding:18px 0;gap:10px}.check-box{width:22px;height:22px}.check-item b{font-size:14px}.result{padding:15px}.result>span{font-size:14px}.check-panel .btn{font-size:13px;padding:14px 18px;min-height:54px}.service-heading{margin-bottom:22px}.service-heading>p{font-size:12px}.service-tabs{gap:0;margin-bottom:24px}.service-tabs button{flex:1;font-size:12px;padding:17px 5px}.service-grid{grid-template-columns:1fr;gap:25px}.service-card{display:grid;grid-template-columns:40% 60%;min-height:220px}.service-card>img{height:100%;min-height:220px;object-position:55%}.service-card>div{padding:23px 18px}.service-card .eyebrow{font-size:8px;letter-spacing:.06em}.service-card h3{font-size:19px;margin:9px 0 12px}.service-card p{font-size:12px;line-height:1.9}.price-note{display:block;margin-top:28px;padding-top:22px}.price-note>p{font-size:12px;margin-top:10px}.price-note small{font-size:10px}.wholesale{grid-template-columns:1fr}.wholesale img{height:220px;object-position:center 35%}.wholesale>div{padding:25px}.wholesale h3{font-size:28px}.wholesale p{font-size:13px}.reasons h2{margin:20px 0 28px}.reason-list{width:100%}.reason-photo{width:100%;opacity:.13;mask-image:linear-gradient(0deg,black,transparent)}.reason-list article{gap:22px;padding:23px 0}.reason-list article>span{font-size:28px}.reason-list h3{font-size:21px}.reason-list p{font-size:12px}.flow h2{font-size:28px}.flow-grid{grid-template-columns:1fr;gap:0;margin-top:30px}.flow-grid article{padding:23px 0 23px 75px;min-height:160px;border-top:1px solid #ccd6df}.flow-grid .step{position:absolute;left:0;top:20px;font-size:12px}.flow-icon{position:absolute;left:0;top:42px;transform:scale(.55);transform-origin:left top;margin:0!important}.flow-grid h3{font-size:20px;margin:0 0 10px}.flow-grid p{font-size:12px}.flow .tiny{font-size:10px}.voices{grid-template-columns:1fr;gap:18px;margin-top:30px}.voice{padding:25px 24px}.voice p{font-size:14px;margin-top:20px;line-height:2}.quote-mark{font-size:85px;top:20px}.voice small{font-size:10px}.faq-section h2{margin-bottom:26px}.faq summary{font-size:13px;gap:12px;padding:22px 0;line-height:1.8}.q{font-size:11px;min-width:27px}.plus{width:28px;height:28px;font-size:17px}.answer{padding:0 10px 24px 39px;font-size:12px}.company-grid{grid-template-columns:1fr;gap:30px;margin:25px 0 35px}.company-grid p{font-size:13px;line-height:2.2}.company-grid .signature{font-size:22px}.company-data{display:flex;flex-direction:column;gap:9px;font-size:11px}.brands .section-top{margin-bottom:22px}.brand-image{max-height:280px}.brands .tiny{font-size:10px}.closing{min-height:520px}.closing>img{object-position:35%;opacity:.38}.closing:after{background:linear-gradient(0deg,#fff,#ffffff22)}.closing-content{margin:0;padding:55px 23px;width:100%}.closing h2{font-size:35px}.closing p{font-size:13px}.closing .btn{font-size:13px;gap:20px}.closing-content .eyebrow{font-size:9px}footer{padding:32px 23px 110px;display:block}footer .wordmark{display:block;width:max-content;font-size:29px}footer>div{margin-top:25px;font-size:11px;gap:20px;flex-wrap:wrap}footer small{margin-left:auto;font-size:9px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 17px max(16px,env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(14px);z-index:40;border-top:1px solid #dfe5e9;transform:translateY(110%);transition:transform .35s}.mobile-cta.show{transform:translateY(0)}.mobile-cta .btn{width:100%;min-height:47px;padding:10px 18px;font-size:12px;box-shadow:0 4px 0 #28671c}.subpage{padding:45px 22px 60px}.subpage>h1{font-size:35px;margin:18px 0 28px}.sub .voices{grid-template-columns:1fr;margin-top:26px}.sub .faq summary{padding:22px 10px;gap:10px}.sub .answer{padding-left:47px;padding-right:15px}.toast{bottom:95px;font-size:12px;width:max-content;padding:12px 18px;max-width:90vw}.js .reveal{transform:translateY(28px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none;clip-path:none}.particle,.click-ring{display:none}}
/* Second revision: photography, stock interaction, and consistent tactile controls. */
.hero{min-height:740px}.hero-content{padding-top:38px;padding-bottom:90px}.hero-label{margin-top:18px;margin-bottom:20px}.hero-copy{margin:20px 0 18px}.hero-journey{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.08em;margin:0 0 28px;animation:heroType 1s .35s var(--ease) both}.hero-journey span{border-bottom:1px solid #d5e2ee75;padding-bottom:7px}.hero-journey i{color:#b4d490;font-style:normal}.hero-stamp{position:absolute;right:6%;bottom:90px;font:bold clamp(38px,5vw,80px)/1 Arial;color:#fff;letter-spacing:-.055em;text-align:right;opacity:.9;text-shadow:0 2px 25px #1c2f4930;animation:heroType 1.3s .6s var(--ease) both}.hero-stamp span{display:block;font:12px/2.4 Zen,sans-serif;letter-spacing:.18em}.orbit #orbit-status{display:block;font:10px/1.6 Zen,sans-serif;letter-spacing:0;margin-top:9px;max-width:150px}.orbit-ring{border-style:solid;border-color:#b5d49144;box-shadow:0 0 0 15px #a6c0d709,0 0 0 35px #a6c0d705;transition:border .5s,box-shadow .5s}.orbit[data-count="5"] .orbit-ring{border-color:#b6dd8f;box-shadow:0 0 45px #b6dd8f44,0 0 0 18px #b6dd8f0d}.bottle{transition:transform .7s var(--ease),filter .7s,box-shadow .7s}.orbit[data-count]:not([data-count="0"]) .b1{transform:rotate(8deg) translateY(-7px);box-shadow:0 0 24px #d8bd8055}.orbit[data-count="3"] .b2,.orbit[data-count="4"] .b2,.orbit[data-count="5"] .b2{transform:rotate(-9deg) translateY(-9px);filter:brightness(1.25)}.orbit[data-count="5"] .b3{transform:rotate(10deg) translateY(-12px);filter:brightness(1.3)}.result.complete{box-shadow:0 0 0 1px #5eb23a55,0 10px 30px #5eb23a15}.flow-rail{display:flex;align-items:center;gap:20px;margin-top:40px;font:11px Arial;letter-spacing:.15em;color:#7b8fa5}.flow-rail i{height:1px;flex:1;background:linear-gradient(90deg,#b8c9a6,#798eab55)}.flow-rail+.flow-grid{margin-top:25px}
a:not(.btn),button:not(.btn),summary{transition:transform .2s var(--ease),box-shadow .2s,background-color .2s}a:not(.btn):active,a:not(.btn).pressed,button:not(.btn):active,button:not(.btn).pressed{transform:translateY(3px) scale(.97)}summary:active,summary.pressed{transform:translateY(2px) scale(.99);background:#eaf0f5;box-shadow:inset 0 3px 6px #1c2f4918}.btn.copy-btn:active,.btn.copy-btn.pressed{box-shadow:0 1px 0 #a3b3c4}.sound:active,.sound.pressed{box-shadow:0 1px 0 #d8dfe4}.action-enter{animation:actionReveal .65s var(--ease)}
.photo-trigger{display:block;border:0;padding:0;background:transparent;position:relative;width:100%;overflow:hidden;cursor:zoom-in;border-radius:0;color:white}.photo-trigger>img{height:100%;width:100%;transition:transform 1s var(--ease),filter .6s}.photo-trigger:hover>img{transform:scale(1.055);filter:saturate(1.07)}.photo-trigger:active>img{transform:scale(.98)}.photo-badge{position:absolute;right:13px;bottom:13px;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #ffffff9c;background:#1c2f49cc;backdrop-filter:blur(10px);border-radius:30px;font-size:10px;box-shadow:0 3px 10px #1c2f4920}.photo-badge b{font-size:19px;line-height:1}.intro-image .photo-trigger{height:100%}.intro-image .photo-badge{bottom:75px}.service-card>.photo-trigger{height:260px}.wholesale>.photo-trigger{height:450px}.brands>.photo-trigger{max-width:750px;margin:auto}.brands>.photo-trigger>img{max-height:380px;object-fit:contain}.hero-gallery{position:absolute;right:6%;top:36px;z-index:2;border:1px solid #ffffffaa;background:#1c2f4940;backdrop-filter:blur(10px);border-radius:50px;color:white;padding:10px 17px;font-size:11px;box-shadow:0 3px 0 #1c2f4950}.photo-viewer{border:0;border-radius:12px;padding:20px 26px;background:#f4f6f8;color:var(--navy);width:min(1060px,94vw);max-height:94dvh;overflow:auto;box-shadow:0 30px 100px #0007}.photo-viewer::backdrop{background:#0b172be8;backdrop-filter:blur(14px)}.photo-viewer[open]{animation:viewerIn .5s var(--ease)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;font:13px Arial;letter-spacing:.08em;margin-bottom:15px}.viewer-close{background:#fff;border:1px solid #bdc9d4;padding:9px 16px;border-radius:5px;font-size:12px;box-shadow:0 3px 0 #c4ced8}.viewer-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:15px;align-items:center}.viewer-stage>img{height:min(52vh,560px);object-fit:contain;background:#fff;border-radius:4px}.viewer-stage>button{border:1px solid #b4c3d2;background:#fff;width:44px;height:44px;border-radius:50%;box-shadow:0 4px 0 #c9d2dc;font-size:21px}.photo-viewer #viewer-caption{text-align:center;margin-top:14px;font-size:14px;font-weight:700}.viewer-thumbnails{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.viewer-thumbnails>button{width:65px;height:52px;padding:0;border:2px solid transparent;background:#fff;overflow:hidden;opacity:.65}.viewer-thumbnails>button>img{height:100%;object-fit:cover}.viewer-thumbnails>button[aria-pressed=true]{opacity:1;border-color:var(--green);box-shadow:0 0 0 3px #5eb23a20}.viewer-note{text-align:center;font-size:10px;color:#6a7c8c;margin-top:14px}.viewer-stage img.changing{animation:photoSwap .45s var(--ease)}.check-item.checked-flash{animation:checkFlash .55s var(--ease)}
@keyframes actionReveal{from{opacity:.1;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes viewerIn{from{opacity:0;transform:translateY(30px) scale(.93)}to{opacity:1;transform:none}}@keyframes photoSwap{from{opacity:.35;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes checkFlash{0%{box-shadow:inset 0 0 0 1px #5eb23a00}40%{box-shadow:inset 0 0 0 2px #5eb23a70}100%{box-shadow:inset 0 0 0 1px #5eb23a00}}
@media(max-width:1100px){.service-card>.photo-trigger{height:210px}.hero-stamp{font-size:48px;right:35px;bottom:65px}}
@media(max-width:700px){.hero{min-height:660px;max-height:820px}.hero-content{padding:42px 23px 86px}.hero-label{margin:20px 0}.hero-copy{margin:19px 0}.hero h1{font-size:clamp(32px,8.8vw,49px)}.hero-journey{font-size:9px;gap:8px;letter-spacing:0;margin-bottom:24px}.hero-stamp{display:none}.hero-gallery{top:auto;right:22px;bottom:62px;font-size:9px;padding:7px 12px}.hero-tags{margin-top:23px;gap:10px}.hero-foot{font-size:7px}.orbit{position:relative;top:auto;right:auto;width:165px;height:165px;opacity:1;margin:22px auto 16px}.orbit-ring{width:130px;height:130px}.orbit-ring:after{left:58px}.orbit>span{font-size:8px}.orbit>span b{font-size:15px}.orbit #orbit-status{font-size:8px;max-width:110px}.bottle{display:block;scale:.7}.b1{top:0;left:0}.b2{top:62px;right:-5px}.b3{left:38px;bottom:-13px}.check-note{text-align:center}.check-grid{gap:22px}.service-card>.photo-trigger{height:100%;min-height:220px}.service-card>.photo-trigger>img{height:100%;min-height:220px}.photo-badge{font-size:8px;gap:4px;right:8px;bottom:8px;padding:5px 8px}.photo-badge b{font-size:15px}.intro-image .photo-badge{bottom:65px}.wholesale>.photo-trigger{height:220px}.flow-rail{gap:12px;font-size:9px;margin-top:25px}.flow-rail+.flow-grid{margin-top:20px}.photo-viewer{padding:16px 12px;width:95vw;max-height:92dvh}.viewer-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}.viewer-stage>button{width:30px;height:34px;font-size:17px}.viewer-stage>img{height:43vh}.viewer-thumbnails{gap:8px}.viewer-thumbnails>button{width:48px;height:42px}.photo-viewer #viewer-caption{font-size:12px}.viewer-note{font-size:9px}.subpage{padding-top:40px}.sub .faq summary{min-height:74px}.sub .voices{gap:16px}.sub .voice{padding:23px}.sub .voice p{line-height:2}.company-grid{gap:25px}.brands{padding-top:40px;padding-bottom:40px}}
@media(max-width:360px){.header{gap:9px;padding:0 14px}.header .wordmark{font-size:24px}.header .header-cta{font-size:9px;padding:7px 9px}.hero-content{padding-left:19px;padding-right:19px}.hero h1{font-size:31px}.hero-tags{font-size:8px}.section{padding-left:19px;padding-right:19px}.check-panel{padding:22px 15px}.check-item{font-size:11px}.service-card{grid-template-columns:37% 63%}.service-card>div{padding:21px 15px}}
@media(prefers-reduced-motion:reduce){.hero-img,.hero h1>span,.hero-copy,.hero-actions,.hero-journey,.hero-stamp,.photo-viewer[open],.action-enter{animation:none!important}.photo-trigger>img,.bottle{transition:none!important}}
/* Improvement round 1: guided consultation and resilient small-screen layout. */
img{height:auto}.skip-link{position:fixed;left:18px;top:12px;z-index:100;background:var(--navy);color:white;padding:12px 20px;transform:translateY(-160%);border-radius:5px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checks{border:0;padding:0;margin:0;min-width:0}.check-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;color:#596e82;font-size:11px}.check-tools button{background:transparent;border:0;border-bottom:1px solid #bac6d1;padding:8px 0;min-height:44px;font-size:11px}.check-tools button:disabled{opacity:.4;cursor:default}.preparation{padding:22px 0;border-top:1px solid #ccd7df;border-bottom:1px solid #ccd7df;margin:24px 0;color:var(--navy);animation:heroType .45s var(--ease)}.preparation-heading{display:flex;align-items:center;gap:13px}.prep-mark{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;color:#377622;background:radial-gradient(circle at 30% 20%,#fff,#d9eccd);border:1px solid #c3d9b5;box-shadow:0 3px 0 #c3d9b5}.preparation-heading small{font:9px Arial;letter-spacing:.16em;color:#5f758b}.preparation h3{font-size:19px;margin-top:3px}.preparation ol{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.preparation li{display:flex;gap:12px;align-items:center;font-size:13px}.preparation li b{font:11px Arial;letter-spacing:.08em;color:#668354}.preparation>p{font-size:11px;color:#596e82;margin-top:14px}.memo-preview{margin:16px 0 20px;color:var(--navy)}.memo-preview summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:700;min-height:44px;align-items:center}.memo-preview summary::-webkit-details-marker{display:none}.memo-preview summary>span{font-size:20px;transition:transform .3s}.memo-preview[open] summary>span{transform:rotate(45deg)}.memo-preview textarea{display:block;width:100%;resize:vertical;min-height:200px;max-height:400px;padding:15px;border:1px solid #bac8d6;border-radius:5px;font:13px/1.9 Zen,sans-serif;color:var(--navy);background:linear-gradient(135deg,#f6f8fa,white);margin:10px 0}.memo-preview small{font-size:10px;color:#596e82}.memo-preview textarea:focus-visible{outline:3px solid var(--green);outline-offset:3px}.scene-gallery{position:absolute;right:24px;bottom:24px;z-index:3;border:1px solid #ffffffaa;background:#1c2f49cf;backdrop-filter:blur(12px);border-radius:30px;padding:11px 18px;min-height:44px;color:white;font-size:11px;box-shadow:0 3px 0 #12243b40}.hero-gallery{min-height:44px}.photo-caption{pointer-events:none}.photo-trigger:focus-visible{outline-offset:-5px}.check-item:has(input:focus-visible){outline:3px solid var(--green);outline-offset:4px}.service-tabs button{min-height:48px}.viewer-thumbnails>button{min-width:44px;min-height:44px}.viewer-stage>button{min-width:44px;min-height:44px}.hero,.intro-grid>*,.check-grid>*,.company-grid>*,.service-card>*,.wholesale>*{min-width:0}.hero-tags{line-height:1.8}.hero h1>span{overflow-wrap:normal}.hero-content{padding-right:34px}.closing-content{padding-bottom:85px}.js .reveal.seen{clip-path:none}.btn span:first-child{position:relative}.check-panel .tiny{margin-top:17px}.check-panel .btn{white-space:normal}.photo-badge{min-height:32px}.hero-img{height:100%}.reason-photo,.closing>img{height:100%}.intro-image img,.photo-trigger>img,.viewer-thumbnails>button>img{height:100%}.viewer-stage>img{height:min(52vh,560px)}
@media(min-width:701px){.check-panel{align-self:start}.check-grid{align-items:start}.check-grid>div:first-child{padding-top:10px}.orbit{margin-top:45px}.preparation li{font-size:14px}.hero-stamp{pointer-events:none}.hero-content{max-width:1500px}.hero-actions{flex-wrap:wrap}}
@media(max-width:700px){.hero{height:auto;min-height:calc(100svh - 70px);max-height:none}.hero-content{padding:48px 23px 115px}.hero h1{font-size:clamp(29px,8.5vw,49px)}.hero-actions .btn{width:min(100%,350px)}.hero-tags{font-size:10px;gap:8px 13px}.hero-gallery{bottom:45px;right:23px;min-height:44px;font-size:10px}.hero-foot{bottom:18px}.hero-foot>span{max-width:68%;line-height:1.6}.hero-foot a{min-height:34px;display:flex;align-items:center}.hero-label{margin-top:18px;margin-bottom:20px}.hero-journey{flex-wrap:wrap}.check-grid{gap:25px}.orbit{width:145px;height:145px;margin:22px auto}.orbit-ring{width:118px;height:118px}.check-note{line-height:1.9}.preparation{padding:19px 0;margin:21px 0}.preparation h3{font-size:18px}.preparation li{font-size:12px}.check-tools{font-size:10px}.check-tools button{font-size:10px}.check-panel .btn{font-size:12px}.check-panel .tiny{font-size:10px}.scene-gallery{right:20px;bottom:18px;font-size:10px}.closing-content{padding-bottom:90px}.viewer-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:3px}.viewer-stage>img{height:40vh}.viewer-thumbnails>button{width:44px;height:44px}.sound{width:44px;height:44px}.header .header-cta{min-height:44px}.header{gap:10px}.service-tabs button{line-height:1.7}.subpage{overflow-wrap:anywhere}.sub .faq summary{font-size:14px}.sub .answer{font-size:13px}.service-card{grid-template-columns:38% minmax(0,1fr)}.service-card h3{font-size:18px}.service-card>div{padding:22px 16px}.company-data span{overflow-wrap:anywhere}}
@media(max-width:360px){.hero-content{padding-left:18px;padding-right:18px}.hero h1{font-size:clamp(27px,8.4vw,30px)}.header{padding:0 12px;gap:8px}.header .wordmark{font-size:23px}.header .header-cta{padding:8px;font-size:9px;gap:5px}.section{padding-left:18px;padding-right:18px}.service-card{grid-template-columns:1fr}.service-card>.photo-trigger,.service-card>.photo-trigger>img{height:200px;min-height:0}.check-panel{padding:22px 14px}.check-item{font-size:11px}.preparation li{font-size:11px}.hero-tags{font-size:9px}}
@media(prefers-reduced-motion:reduce){.preparation{animation:none}.js .reveal{opacity:1;transform:none;clip-path:none}}
/* Improvement round 2: an interactive, photographed consultation story. */
.journey-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.journey-heading>p{font-size:13px;line-height:2;color:#596e82}.journey{background:radial-gradient(ellipse at 100% 0,#e1eddb90,transparent 65%),#f1f4f6;border:1px solid #d5dfe6;box-shadow:0 20px 55px #1c2f4910;overflow:hidden}.journey-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;background:linear-gradient(120deg,#213750,#34506e);gap:7px}.journey-tabs button{display:flex;align-items:center;gap:14px;min-height:70px;text-align:left;padding:13px 20px;background:transparent;border:1px solid #94a9bc40;color:#e7edf3;border-radius:3px;box-shadow:0 3px 0 #12243b30;font-size:14px;font-weight:700}.journey-tabs button>b{font:22px/1 Arial;color:#a4bdce}.journey-tabs button>i{margin-left:auto;font-size:19px;font-style:normal}.journey-tabs button[aria-selected=true]{color:var(--navy);background:linear-gradient(130deg,#fff,#e7f2df);border-color:#b4d49f;box-shadow:0 3px 0 #a1bb8d}.journey-tabs button[aria-selected=true]>b{color:#47782e}.journey-tabs button:focus-visible{outline-color:#bfe69e;outline-offset:-4px}.journey-track{height:4px;background:#c9d4dc;overflow:hidden}.journey-track>i{display:block;height:100%;width:33.333%;background:linear-gradient(90deg,#5eb23a,#c7dc98);box-shadow:0 0 15px #5eb23aaa;transition:width .65s var(--ease)}.journey[data-step="1"] .journey-track>i{width:66.666%}.journey[data-step="2"] .journey-track>i{width:100%}.journey-panel{display:grid;grid-template-columns:48% minmax(0,1fr);min-height:460px}.journey-panel:focus-visible{outline:3px solid var(--green);outline-offset:-5px}.journey-photo{position:relative;min-width:0;overflow:hidden;min-height:460px;background:#dae2e5}.journey-photo>img,.journey-photo>.photo-trigger,.journey-photo>.photo-trigger>img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover}.journey-photo>.photo-trigger{position:relative;min-height:100%;height:100%}.journey-photo>.photo-trigger>img{object-position:50%}.journey-photo>.photo-trigger .photo-badge{bottom:65px;z-index:2}.journey-photo-label{position:absolute;left:0;bottom:0;right:0;padding:18px 22px;background:linear-gradient(90deg,#142d47f0,#1c2f49c7);color:white;font-size:11px;letter-spacing:.07em;pointer-events:none}.journey-detail{padding:35px 35px 30px;align-self:center;min-width:0}.journey-kicker{font:10px Arial;letter-spacing:.15em;color:#60778c}.journey-detail h3{font-size:clamp(24px,2.5vw,34px);line-height:1.6;margin:16px 0}.journey-detail>p{font-size:13px;line-height:2;color:#4b6073}.photo-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.photo-points>span{display:flex;align-items:center;gap:7px;background:linear-gradient(120deg,#fff,#f6f9f4);border:1px solid #c5d7b9;border-radius:3px;font-size:11px;padding:8px 10px;box-shadow:0 3px 0 #d8e2d2}.photo-points b{font:10px Arial;color:#668354}.journey-detail>.journey-note{font-size:10px;margin-top:19px;line-height:1.8}.journey-next{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;border:1px solid #a5b7c6;background:linear-gradient(135deg,#fff,#e1e8ee);box-shadow:0 4px 0 #9eafbd;border-radius:4px;padding:13px 16px;min-height:50px;font-size:12px;font-weight:700;margin-top:24px}.journey-next>span{font-size:22px}.journey-next.pressed,.journey-next:active{box-shadow:0 1px 0 #9eafbd}.sample-note{position:relative;background:linear-gradient(130deg,#ffffffeb,#edf3e7);border:1px solid #c4d4bd;border-left:3px solid #7ca564;border-radius:3px;padding:16px 20px;margin-top:20px;box-shadow:0 7px 20px #1c2f4908}.sample-note small{font-size:10px;color:#617851}.sample-note>p{font-size:12px;line-height:1.9;margin-top:8px}.journey-promise{display:flex;align-items:center;gap:13px;margin:20px 0;color:#3c6930}.journey-promise>span{display:grid;place-items:center;border:1px solid #b5d19f;background:#ecf4e6;border-radius:50%;width:35px;height:35px;flex:none}.journey-promise p{font-size:12px}.journey-detail .btn{width:100%;font-size:12px;gap:10px;min-height:53px;padding:15px 18px}.journey-check-link{display:block;width:max-content;max-width:100%;margin-top:15px;padding:8px 0;font-size:11px;border-bottom:1px solid #a8b8c6}.flow>.tiny{margin-top:20px}.scene-enter .journey-detail{animation:sceneText .6s var(--ease) both}.scene-enter .journey-photo img{animation:scenePhoto .85s var(--ease) both}.scene-enter .photo-points>span{animation:sceneBadge .45s .2s var(--ease) both}.scene-enter .photo-points>span:nth-child(2){animation-delay:.3s}.scene-enter .photo-points>span:nth-child(3){animation-delay:.4s}
@keyframes sceneText{from{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes scenePhoto{from{opacity:.25;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes sceneBadge{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}
@media(min-width:701px) and (max-width:980px){.header nav{gap:13px;font-size:10px}.header{gap:16px}.header .wordmark{font-size:27px}.journey-detail{padding:26px 23px}.journey-tabs button{padding:13px 12px;gap:9px;font-size:12px}.journey-tabs button>b{font-size:19px}}
@media(max-width:700px){.journey-heading{display:block;margin-bottom:25px}.journey-heading>p{margin-top:14px;font-size:12px}.journey-heading>p br{display:none}.journey-tabs{padding:7px;gap:5px}.journey-tabs button{display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center;font-size:11px;min-height:77px;padding:10px 3px}.journey-tabs button>b{font-size:20px}.journey-tabs button>i{display:none}.journey-panel{grid-template-columns:1fr;min-height:0}.journey-photo{min-height:0;height:220px}.journey-photo>img,.journey-photo>.photo-trigger{height:220px}.journey-photo>.photo-trigger>img{object-position:50% 45%}.journey-photo-label{font-size:10px;padding:13px 17px}.journey-photo>.photo-trigger .photo-badge{bottom:55px}.journey-detail{padding:25px 21px 28px;align-self:start}.journey-detail h3{font-size:26px;margin:13px 0}.journey-detail>p{font-size:12px}.journey-detail>.journey-note{font-size:10px}.journey-kicker{font-size:9px}.photo-points{gap:6px;margin-top:20px}.photo-points>span{font-size:10px;padding:8px}.journey-next{font-size:12px;margin-top:22px}.sample-note{padding:14px 17px}.journey-promise p{font-size:12px}.journey-detail .btn{font-size:12px}.journey-check-link{font-size:10px;min-height:44px;display:flex;align-items:center}.flow>.tiny{font-size:10px;margin-top:16px}.journey{box-shadow:0 12px 30px #1c2f490c}.hero-content{padding-top:42px}.hero-tags{margin-top:20px}}
@media(max-width:360px){.journey-detail{padding:22px 16px}.journey-detail h3{font-size:23px}.journey-tabs button{font-size:10px}.journey-photo,.journey-photo>img,.journey-photo>.photo-trigger{height:195px}.photo-points>span{font-size:9px;padding:7px;gap:4px}}
@media(prefers-reduced-motion:reduce){.scene-enter .journey-detail,.scene-enter .journey-photo img,.scene-enter .photo-points>span{animation:none}.journey-track>i{transition:none}}
/* Round 2 finishing pass: mobile navigation, touch galleries, readable scrolling. */
.mobile-menu{display:none}.journey{scroll-margin-top:100px}.viewer-gesture{display:none}.viewer-toolbar{position:sticky;top:-20px;z-index:2;background:#f4f6f8;padding:10px 0;margin-top:-10px}.viewer-stage img{user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom}.photo-viewer{overscroll-behavior:contain}.mobile-cta[inert]{pointer-events:none}.check-panel .btn,.journey-next{touch-action:manipulation}.mobile-menu-panel a:focus-visible{outline-offset:-3px}.header .mobile-menu>summary{list-style:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;height:44px;padding:0 13px;border:1px solid #bac8d4;border-radius:5px;background:linear-gradient(135deg,#fff,#edf2f5);box-shadow:0 3px 0 #b7c5d1;font-size:11px;font-weight:700}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary i{position:relative;width:14px;height:10px;border-top:1.5px solid;border-bottom:1.5px solid;transition:transform .25s}.mobile-menu>summary i:after{content:'';position:absolute;left:0;right:0;top:3px;border-top:1.5px solid}.mobile-menu[open]>summary i{transform:rotate(90deg)}.header .mobile-menu-panel{position:absolute;top:calc(100% + 8px);left:18px;right:18px;max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;padding:22px;background:radial-gradient(ellipse at 100% 0,#e9f1e1,#fff 70%);border:1px solid #ccd8e1;border-radius:6px;box-shadow:0 20px 55px #10263d35;color:var(--navy);animation:menuIn .25s var(--ease)}.mobile-menu-panel>p{font-size:12px;margin-bottom:15px;font-weight:700}.header .mobile-menu nav{display:grid;gap:0;margin:0 0 20px;font-size:13px}.mobile-menu-panel nav a{display:flex;align-items:center;gap:14px;min-height:50px;border-bottom:1px solid #d7e0e6;padding:12px 3px}.mobile-menu-panel nav a b{font:10px Arial;color:#70879b}.mobile-menu-panel nav a span{margin-left:auto;color:#4b7a33}.header .mobile-menu-panel nav a:after{display:none}.header .mobile-menu-panel .btn{display:flex;min-height:48px;width:100%;font-size:12px;padding:12px 17px}.header .mobile-menu-panel .btn .arrow{font-size:21px}.header nav a,.mobile-menu-panel a{touch-action:manipulation}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:980px){.header>nav{display:none}.header>.sound{margin-left:auto}.header>.header-cta{display:none}.mobile-menu{display:block}.header{gap:14px}.header .wordmark{flex-shrink:0}.journey{scroll-margin-top:95px}}
@media(max-width:700px){.header{gap:12px;padding-left:20px;padding-right:20px}.header>.sound{flex:none;margin-left:auto}.header>.header-cta{display:none}.header .mobile-menu>summary{font-size:10px;padding:0 11px;gap:9px}.header .mobile-menu-panel{left:12px;right:12px;padding:20px;max-height:calc(100dvh - 95px)}.journey{scroll-margin-top:82px}.viewer-gesture{display:block;text-align:center;font-size:10px;color:#63798c;margin:8px 0 0}.viewer-toolbar{top:-16px;padding:8px 0;margin-top:-8px}.photo-viewer{scrollbar-gutter:stable}.viewer-close{min-height:44px}.check-section .check-grid>div:first-child{position:relative}.check-note{max-width:310px;margin-left:auto;margin-right:auto}.hero-content{padding-bottom:110px}.hero-actions .text-link{min-height:44px}.photo-viewer .viewer-thumbnails{margin-top:12px}.closing-content .btn{max-width:100%}footer{padding-bottom:max(45px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.header{padding-left:14px;padding-right:14px;gap:10px}.header .wordmark{font-size:24px}.header .mobile-menu>summary{padding:0 9px}.header .mobile-menu-panel{padding:18px}.hero-content{padding-bottom:110px}.hero-journey{gap:7px}}
@media(prefers-reduced-motion:reduce){.mobile-menu-panel{animation:none!important}}
/* Round 3: clear service choices and a visual company introduction. */
.hero-intents{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 27px;animation:heroType 1s .35s var(--ease) both}.hero-intents a{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:44px;padding:10px 15px;border:1px solid #c6d7e68a;background:linear-gradient(120deg,#ffffff16,#17304d75);box-shadow:0 3px 0 #0d203453;border-radius:3px;font-size:12px;color:#fff;backdrop-filter:blur(8px)}.hero-intents a:hover{background:linear-gradient(120deg,#5eb23a80,#1c2f4990);border-color:#c5e3ad}.hero-intents a b{font-size:17px;font-weight:400;color:#c5e3ad}.hero-intents a.pressed,.hero-intents a:active{box-shadow:0 1px 0 #0d203453}.company-grid{gap:70px;align-items:start}.company-visual h2{margin-bottom:28px}.company-photo{position:relative;height:270px;overflow:hidden;max-width:460px;border:1px solid #a4bbd145;box-shadow:12px 12px 0 #8aa2b015}.company-photo>img,.company-photo>.photo-trigger,.company-photo>.photo-trigger>img{height:100%;width:100%;object-fit:cover;object-position:50% 55%}.company-photo>span{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;background:linear-gradient(90deg,#152d48ef,#1c2f49ad);color:#fff;font-size:12px;letter-spacing:.04em;pointer-events:none}.company-photo .photo-badge{bottom:68px}.company-message{padding-top:7px}.company-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:27px 0}.company-values>span{display:flex;flex-direction:column;gap:12px;border-top:1px solid #c4d5e178;padding-top:16px;color:#fff;font-size:17px;font-weight:700;line-height:1.5}.company-values b{font:11px Arial;color:#b8d499;letter-spacing:.1em}.message-detail{border-top:1px solid #c0d2e34d;border-bottom:1px solid #c0d2e34d}.message-detail summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:56px;cursor:pointer;gap:20px;font-size:13px;font-weight:700;color:#eff4f8;padding:14px 0}.message-detail summary::-webkit-details-marker{display:none}.message-detail summary>span{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #b5cad279;border-radius:50%;font-size:18px;transition:transform .3s}.message-detail[open] summary>span{transform:rotate(45deg)}.message-detail>div{padding:8px 0 25px;animation:sceneText .4s var(--ease)}.company .message-detail summary:active,.company .message-detail summary.pressed{background:#ffffff0c;box-shadow:inset 0 3px 8px #09192a40}.company .message-detail p{font-size:13px;line-height:2.1}.company-data{margin-top:10px}.photo-arrive{animation:ambientPhotoIn 1.15s var(--ease) both}.company-photo .photo-trigger:hover img{transform:scale(1.04)}
@keyframes ambientPhotoIn{from{transform:scale(1.045);filter:saturate(.6)}to{transform:scale(1);filter:saturate(1)}}
@media(max-width:980px){.company-grid{gap:40px}.company-photo{height:240px}.company-values>span{font-size:15px}}
@media(max-width:700px){.hero-intents{gap:8px;margin-bottom:22px}.hero-intents a{font-size:10px;gap:14px;min-height:44px;padding:9px 12px}.hero-intents a b{font-size:15px}.company-grid{gap:28px;margin-bottom:30px}.company-visual h2{margin-bottom:22px}.company-photo{height:210px;max-width:none;box-shadow:7px 7px 0 #8aa2b015}.company-photo>span{font-size:11px;padding:13px 17px}.company-photo .photo-badge{bottom:58px}.company-message{padding-top:0}.company-values{margin:23px 0;gap:14px}.company-values>span{font-size:16px;gap:8px;padding-top:13px}.company-values b{font-size:10px}.message-detail summary{font-size:12px;min-height:56px}.company .message-detail p{font-size:12px}.company-grid .signature{margin-top:24px}.company-data{margin-top:0}.hero-content{padding-bottom:110px}}
@media(max-width:360px){.hero-intents{gap:7px}.hero-intents a{padding:9px 10px;font-size:10px;gap:12px}.company-photo{height:185px}.company-values>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hero-intents,.photo-arrive,.message-detail>div{animation:none!important}}

/* Final third-round polish: preserve responsive photo opacity and text legibility. */
.btn{background:linear-gradient(130deg,#397425,#2c611f);border-color:#86b56d}.btn:before{background:linear-gradient(110deg,transparent 40%,#ffffff14 50%,transparent 60%)}.btn:hover{filter:brightness(1.03)}.btn.copy-btn{background:linear-gradient(130deg,#edf2f7,#d8e1e9);border-color:#b5c3cf;color:var(--navy)}
.hero-shade{background:linear-gradient(90deg,rgba(14,35,58,.91) 0%,rgba(14,35,58,.80) 45%,rgba(14,35,58,.34) 75%,rgba(14,35,58,.12) 100%),linear-gradient(0deg,#132e4966,transparent 45%)}
.hero-content .hero-label{line-height:1.8}.photo-arrive{will-change:auto}.company-photo>.photo-trigger:focus-visible{outline-color:#c7e4ad}.message-detail summary:focus-visible{outline-color:#c7e4ad}.hero-intents a:focus-visible{outline-color:#c7e4ad}
@media(max-width:700px){.hero-shade{background:linear-gradient(90deg,#102a46d9,#102a46b3),linear-gradient(0deg,#102a4666,transparent 65%)}.hero-copy{line-height:1.95}.company .message-detail p{font-size:13px}.company-grid>div{min-width:0}}