.ink-page{--navy:#071b32;--ink:#14283e;--muted:#657387;--blue:#1267dd;--line:#dce5ed;--pale:#f4f8fc;--cyan:#21a9dc color:var(--ink)}
.ink-page h1,.ink-page h2,.ink-page h3,.ink-page h4,.ink-page .brand{font-family: Manrope,sans-serif; letter-spacing: -.045em;}
.ink-page .container{max-width: 1200px;}
.ink-page .site-nav{background: rgba(255,255,255,.97); border-bottom: 1px solid #e8eef4; backdrop-filter: blur(14px);}
.ink-page .navbar-brand{font-weight: 800; letter-spacing: .085em; font-size: 1.28rem; color: var(--navy) !important;}
.ink-page .nav-link{color: #3a4b60 !important; font-size: .91rem; font-weight: 600;}
.ink-page .nav-link:hover{color: var(--blue) !important;}
.ink-page .nav-cta{border: 1px solid #cad9e8; border-radius: 100px; padding: .58rem 1.18rem; font-size: .88rem; font-weight: 700; color: var(--navy); transition: .2s;}
.ink-page .nav-cta:hover{background: var(--navy); color: #fff;}
.ink-page .eyebrow{display: inline-flex; align-items: center; gap: .58rem; font-size: .72rem; letter-spacing: .17em; font-weight: 800; text-transform: uppercase; color: var(--blue);}
.ink-page .eyebrow::before{content: ""; height: 2px; width: 24px; background: currentColor;}
.ink-page .section-title{font-weight: 800; line-height: 1.14; font-size: clamp(2rem,3.6vw,3.35rem); color: var(--navy);}
.ink-page .section-lead{font-size: 1.07rem; color: var(--muted); line-height: 1.8; max-width: 660px;}
.ink-page .btn-main{background: var(--blue); border: 1px solid var(--blue); color: #fff; border-radius: 100px; padding: .94rem 1.6rem; font-weight: 700; transition: .2s;}
.ink-page .btn-main:hover{background: #0754bc; border-color: #0754bc; color: #fff; transform: translateY(-2px);}
.ink-page .btn-outline-lightish{border: 1px solid #b5c8da; background: #fff; color: var(--navy); border-radius: 100px; padding: .94rem 1.6rem; font-weight: 700;}
.ink-page .btn-outline-lightish:hover{border-color: var(--blue); color: var(--blue);}
.ink-page .hero{position: relative; overflow: hidden; background: radial-gradient(circle at 75% 45%,#edf7ff 0,transparent 44%),linear-gradient(135deg,#fff 5%,#f3f8fd 100%); padding: 112px 0 104px;}
.ink-page .hero::before{content: ""; position: absolute; inset: 0; background-image: linear-gradient(#a1bcd015 1px,transparent 1px),linear-gradient(90deg,#a1bcd015 1px,transparent 1px); background-size: 55px 55px; mask-image: linear-gradient(90deg,transparent,black);}
.ink-page .hero h1{font-weight: 800; font-size: clamp(3rem,5.5vw,5.6rem); line-height: 1.08; color: var(--navy);}
.ink-page .hero h1 span{color: var(--blue);}
.ink-page .hero p{font-size: 1.1rem; color: #5f7285; line-height: 1.8; max-width: 580px;}
.ink-page .hero-content{position: relative; z-index: 2;}
.ink-page .micro{font-size: .76rem; letter-spacing: .07em; color: #697e92; font-weight: 700;}
.ink-page .hero-stats{display: flex; gap: 1.5rem; flex-wrap: wrap; margin-top: 2.6rem;}
.ink-page .hero-stats>div{padding-right: 1.6rem; border-right: 1px solid #d3e1ec;}
.ink-page .hero-stats>div:last-child{border: 0;}
.ink-page .hero-stats strong{display: block; font-size: 1.06rem; color: var(--navy);}
.ink-page .hero-stats small{font-size: .77rem; color: #75869a;}
.ink-page .visual{min-height: 475px; position: relative; display: grid; place-items: center;}
.ink-page .visual-orbit{position: absolute; width: 90%; aspect-ratio: 1; border-radius: 50%; border: 1px solid #c2ddef; background: radial-gradient(circle,#e3f1fc 0,#e8f3fb 45%,transparent 69%);}
.ink-page .visual-orbit:before,.ink-page .visual-orbit:after{content: ""; position: absolute; inset: 11%; border: 1px dashed #b6d3e7; border-radius: 50%;}
.ink-page .visual-orbit:after{inset: 24%; border-style: solid;}
.ink-page .ink-set{position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: center; gap: 10px; filter: drop-shadow(0 28px 22px #183f632b); transform: rotate(-3deg);}
.ink-page .bottle{position: relative; width: 69px; height: 188px; border: 1px solid #c2cfdb; border-radius: 9px 9px 13px 13px; background: linear-gradient(100deg,#f4f7fa 0%,#fff 37%,#dae4ed 100%); overflow: visible;}
.ink-page .bottle:before{content: ""; position: absolute; width: 48px; height: 27px; top: -24px; left: 10px; background: linear-gradient(90deg,#111d28,#33414f,#101b26); border-radius: 5px 5px 2px 2px;}
.ink-page .bottle:after{content: ""; position: absolute; inset: 42px 0 12px; background: linear-gradient(180deg,#ffffff 0,#f4f7fb 80%); border-block: 1px solid #dce6ed;}
.ink-page .bottle-label{position: absolute; z-index: 2; top: 61px; left: 6px; right: 6px; text-align: center;}
.ink-page .bottle-label b{display: block; font-size: 10px; letter-spacing: .02em; color: #182d42;}
.ink-page .bottle-label span{display: block; font-size: 8px; font-weight: 700; color: #748399; margin-top: 8px;}
.ink-page .bottle-label i{display: block; width: 30px; height: 30px; margin: 15px auto 0; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 6px #e8eef4;}
.ink-page .bottle:nth-child(2),.ink-page .bottle:nth-child(5){height: 207px;}
.ink-page .bottle:nth-child(3),.ink-page .bottle:nth-child(4){height: 224px;}
.ink-page .product-photo{position: relative; z-index: 3; display: none; max-width: 100%; max-height: 455px; object-fit: contain; filter: drop-shadow(0 20px 25px #16395a30);}
.ink-page .photo-mode .ink-set{display: none;}
.ink-page .photo-mode .product-photo{display: block;}
.ink-page .visual-stamp{position: absolute; z-index: 4; bottom: 0; right: 0; padding: 13px 17px; background: #fff; border: 1px solid #dce8f1; box-shadow: 0 12px 35px #143e631a; border-radius: 16px; font-size: .78rem; font-weight: 700; color: var(--navy);}
.ink-page .visual-stamp i{color: var(--blue); font-size: 1.3rem;}
.ink-page .ribbon{background: #081f3a; color: #d9e6f3; padding: 23px 0;}
.ink-page .ribbon .row>div{display: flex; align-items: center; gap: 12px; font-size: .89rem; font-weight: 600;}
.ink-page .ribbon i{font-size: 1.45rem; color: #83ceff;}
.ink-page .section-pad{padding: 105px 0;}
.ink-page .feature-card{height: 100%; padding: 32px; border: 1px solid var(--line); border-radius: 18px; background: #fff; transition: .25s;}
.ink-page .feature-card:hover{transform: translateY(-5px); box-shadow: 0 22px 45px #122d4710; border-color: #c1d5e9;}
.ink-page .feature-icon{width: 52px; height: 52px; background: #e9f3ff; border-radius: 15px; color: var(--blue); display: grid; place-items: center; font-size: 1.5rem; margin-bottom: 26px;}
.ink-page .feature-card h3{font-size: 1.12rem; font-weight: 800; color: var(--navy); letter-spacing: -.03em;}
.ink-page .feature-card p{font-size: .92rem; line-height: 1.78; color: var(--muted); margin: 0;}
.ink-page .section-muted{background: var(--pale);}
.ink-page .choice-panel{background: white; padding: 42px; border: 1px solid #dae5ef; border-radius: 22px; height: 100%;}
.ink-page .choice-panel .tag{display: inline-block; background: #eff5fb; border-radius: 100px; padding: 7px 12px; font-weight: 800; font-size: .72rem; color: #376082; letter-spacing: .08em;}
.ink-page .choice-panel h3{font-size: 2rem; font-weight: 800; margin-top: 22px;}
.ink-page .choice-panel p{color: var(--muted); line-height: 1.75;}
.ink-page .choice-panel ul{padding: 0; margin: 25px 0 0; list-style: none;}
.ink-page .choice-panel li{padding: 10px 0; border-top: 1px solid #edf1f5; font-size: .92rem;}
.ink-page .choice-panel li i{color: var(--blue); margin-right: 8px;}
.ink-page .choice-panel.pigment{background: #0c2744; color: #fff; border-color: #0c2744;}
.ink-page .choice-panel.pigment h3{color: #fff;}
.ink-page .choice-panel.pigment p{color: #c6d6e5;}
.ink-page .choice-panel.pigment .tag{background: #234461; color: #b6daff;}
.ink-page .choice-panel.pigment li{border-color: #2b4660;}
.ink-page .choice-panel.pigment li i{color: #86c9ff;}
.ink-page .configuration{border-left: 2px solid #dce6f1; padding: 4px 0 4px 25px; height: 100%;}
.ink-page .configuration .index{font-size: .76rem; font-weight: 800; letter-spacing: .13em; color: var(--blue);}
.ink-page .configuration h3{font-weight: 800; font-size: 1.22rem; margin: 13px 0;}
.ink-page .configuration p{color: var(--muted); line-height: 1.8; font-size: .94rem;}
.ink-page .quota{background: linear-gradient(110deg,#071c34,#0d385d); color: #fff; border-radius: 26px; padding: clamp(32px,5vw,68px); position: relative; overflow: hidden;}
.ink-page .quota::after{content: ""; position: absolute; width: 420px; height: 420px; right: -130px; top: -190px; border: 1px solid #ffffff29; border-radius: 50%; box-shadow: 0 0 0 65px #ffffff08,0 0 0 130px #ffffff08;}
.ink-page .quota h2{color: #fff;}
.ink-page .quota p{color: #c1d0de; line-height: 1.75;}
.ink-page .quota-grid{position: relative; z-index: 2;}
.ink-page .quota-item{padding: 24px; background: #ffffff10; border: 1px solid #ffffff24; border-radius: 14px; height: 100%;}
.ink-page .quota-item i{font-size: 1.7rem; color: #77c6ff;}
.ink-page .quota-item strong{display: block; font-size: .96rem; margin-top: 18px;}
.ink-page .quota-item small{display: block; color: #bfd1df; line-height: 1.6; margin-top: 8px;}
.ink-page .cta-section{padding: 90px 0; background: #eaf3fb;}
.ink-page .cta-section h2{font-size: clamp(2rem,3.5vw,3.3rem);}
.ink-page .small-note{color: #738396; font-size: .79rem; line-height: 1.75;}
.ink-page .footer{background: #061a30; color: #a8bdcd; padding: 60px 0 28px;}
.ink-page .footer .brand{color: #fff; font-size: 1.5rem; font-weight: 800; letter-spacing: .07em;}
.ink-page .footer a{color: #b9ccda;}
.ink-page .footer a:hover{color: #fff;}
.ink-page .footer-rule{border-color: #244057;}
.ink-page .fadeup{animation: fadeup .6s ease both;}
@media (max-width:991px){.ink-page .hero{padding: 76px 0 72px;}
.ink-page .visual{min-height: 370px;}
.ink-page .section-pad{padding: 70px 0;}
}@media (max-width:575px){.ink-page .bottle{width: 47px; height: 150px;}
.ink-page .bottle:nth-child(2),.ink-page .bottle:nth-child(5){height: 168px;}
.ink-page .bottle:nth-child(3),.ink-page .bottle:nth-child(4){height: 183px;}
.ink-page .bottle:before{width: 32px; left: 7px;}
.ink-page .bottle-label{left: 1px; right: 1px;}
.ink-page .bottle-label i{width: 21px; height: 21px;}
.ink-page .visual{min-height: 310px;}
.ink-page .hero-stats{gap: .6rem;}
.ink-page .hero-stats>div{padding-right: .8rem;}
.ink-page .feature-card,.ink-page .choice-panel{padding: 25px;}
.ink-page .section-pad{padding: 60px 0;}
}
.ink-page .fadeup{opacity:1;transform:none}