.ct-wrap{width:min(1240px,92%);margin:auto}
.ct-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(255,255,255,.95),transparent 40%),radial-gradient(circle at 92% 12%,rgba(190,225,120,.45),transparent 28%),radial-gradient(circle at 60% 90%,rgba(111,224,168,.3),transparent 30%),linear-gradient(120deg,#f4f9fd,#eaf6ef)}
.ct-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;padding:clamp(36px,5vw,70px) 0 0}
.ct-eye{display:flex;align-items:center;gap:14px;color:#033865;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}.ct-eye:after{content:"";width:60px;height:2px;background:#187349}.ct-eye.g{color:#187349}.ct-eye.g:after{display:none}
.ct-txt h1{font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.08;color:#033865;margin:.35em 0 .5em;font-weight:800}.ct-txt h1 span{display:block;color:#187349}
.ct-lead{font-size:clamp(1rem,1.3vw,1.15rem);max-width:46ch}
.ct-trust{list-style:none;padding:0;margin:30px 0 clamp(30px,4vw,60px);display:flex;flex-wrap:wrap;gap:18px 0}.ct-trust li{display:flex;gap:10px;align-items:center;padding:0 16px;border-left:1px solid #cfdde8;font-size:.78rem;line-height:1.35}.ct-trust li:first-child{padding-left:0;border:0}
.ct-trust b{display:block;color:#033865;font-size:.88rem}.ct-trust i,.cinfo i,.ct-list i{display:grid;place-items:center;flex:none;border-radius:50%;color:#fff}.ct-trust i{width:44px;height:44px;background:linear-gradient(135deg,#187349,#2fae78)}.ct-trust svg{width:22px;height:22px}
.ct-art{position:relative;align-self:end}.bottle{display:block;width:100%;max-width:460px;margin-left:0;height:auto}
.ct-script,.ct-close p{font-family:Caveat,"Segoe Script",cursive;font-weight:600}.ct-script{position:absolute;right:0;top:4%;font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1.05;color:#187349;transform:rotate(-8deg);margin:0;z-index:2;text-align:left}.ct-script svg{display:block;width:90%;height:14px;margin-top:4px}
.ct-info{padding:clamp(28px,4vw,44px) 0;background:#fff}.ct-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.cinfo{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 36px rgba(3,56,101,.09);border:1px solid #edf3f8;transition:transform .35s,box-shadow .35s}.cinfo:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(24,115,73,.16)}
.cinfo i{width:58px;height:58px;margin-bottom:14px}.cinfo svg{width:26px;height:26px}.c-g{background:#d6f1e3;color:#187349}.c-b{background:#d8ebfb;color:#0580d0}.c-i{background:#e2e9fb;color:#3b5bdb}.c-p{background:#e5e4fa;color:#4c46c4}
.cinfo h2{font-size:1.2rem;color:#033865;margin:0 0 6px}.cinfo p{margin:0;font-size:.95rem;line-height:1.6}.cinfo a{color:#0580d0}.ic-l{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-weight:700;color:#187349!important;text-decoration:none}.ic-l svg{width:17px;height:17px;transition:transform .25s}.ic-l:hover svg{transform:translateX(4px)}
.ct-main{position:relative;background:linear-gradient(180deg,#f3f8fb,#eef6f2);padding:clamp(28px,4vw,50px) 0 clamp(40px,5vw,70px);overflow:hidden}.ct-main:before{content:"";position:absolute;left:0;top:0;width:260px;height:100%;background:url(../assets/leaf-line.svg) left center/260px no-repeat;filter:invert(.4) sepia(1) hue-rotate(80deg);opacity:.5}
.ct-two{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:start}
.ct-form,.ct-side{background:#fff;border-radius:22px;box-shadow:0 16px 50px rgba(3,56,101,.1)}.ct-form{padding:clamp(22px,3vw,40px)}
.ct-form h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.12;color:#033865;margin:.3em 0 .3em;font-weight:800}.ct-form h2 span{display:block;color:#187349}.ct-sub{margin-bottom:22px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.f label{font-size:.82rem;color:#033865;font-weight:600;display:grid;gap:6px}
.fld{position:relative;display:block}.fld>svg{position:absolute;left:13px;top:14px;width:18px;height:18px;color:#0580d0;pointer-events:none}.fld input,.fld select,.fld textarea{width:100%;padding:13px 14px 13px 42px;border:1px solid #d3e0ea;border-radius:10px;background:#fff;font:inherit;font-weight:400;font-size:.9rem;color:#33414f;transition:border-color .2s,box-shadow .2s}
.fld.sel select{padding-left:14px;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23033865' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat}
.fld textarea{resize:vertical;min-height:130px}.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:#0580d0;box-shadow:0 0 0 4px rgba(5,128,208,.15)}.f .err{display:block;min-height:1.2em;margin:2px 0 4px}
.ct-act{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:8px}
.ct-btn{display:inline-flex;align-items:center;gap:12px;border:0;cursor:pointer;color:#fff;font:700 1rem Inter,sans-serif;padding:16px 34px;border-radius:14px;background:linear-gradient(90deg,#187349,#1fa98a);box-shadow:0 12px 26px rgba(24,115,73,.3);transition:transform .25s,box-shadow .25s}.ct-btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(24,115,73,.4)}.ct-btn svg{width:19px;height:19px}
.ct-safe{display:flex;gap:10px;align-items:center;margin:0;font-size:.8rem;color:#44566b;line-height:1.35}.ct-safe svg{width:30px;height:30px;color:#187349;flex:none}
.ct-side{overflow:hidden}.ct-pic{position:relative;height:clamp(190px,18vw,230px)}.ct-pic svg{position:absolute;inset:0;width:100%;height:100%}.ct-pic p{position:absolute;left:24px;bottom:18px;margin:0;color:#fff;font-weight:800;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.3)}.ct-pic span{color:#7be0a8}
.ct-list{list-style:none;margin:0;padding:12px 24px 0}.ct-list a{display:flex;gap:16px;align-items:center;padding:14px 0;text-decoration:none;color:#5a6b7b;font-size:.85rem;transition:transform .25s}.ct-list a:hover{transform:translateX(6px)}.ct-list b{display:block;color:#033865;font-size:.98rem}
.ct-list i{width:56px;height:56px;box-shadow:0 8px 18px rgba(3,56,101,.2)}.ct-list svg{width:26px;height:26px}.l-g{background:linear-gradient(135deg,#187349,#2fae78)}.l-b{background:linear-gradient(135deg,#0580d0,#1e5fc7)}.l-p{background:linear-gradient(135deg,#5b4bd1,#3a2ea6)}
.ct-close{margin:8px 24px 24px;padding:20px 22px;border-radius:16px;text-align:center;background:linear-gradient(135deg,#eef7fd,#e8f6ee)}.ct-close p{margin:0;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.1;background:linear-gradient(90deg,#033865,#187349);-webkit-background-clip:text;background-clip:text;color:transparent}.ct-close svg{width:min(260px,80%);height:20px;margin-top:4px}
@media(max-width:980px){.ct-grid{grid-template-columns:1fr}.ct-art{max-width:460px;margin:0 auto}.ct-script{right:0}.ct-two{grid-template-columns:1fr}.ct-main:before{display:none}}
@media(max-width:600px){.f-row{grid-template-columns:1fr}.ct-trust li{padding:0 14px 0 0;border:0;width:100%}.ct-btn{width:100%;justify-content:center}.ct-list{padding-inline:18px}.ct-close{margin-inline:18px}}
@media(prefers-reduced-motion:reduce){.cinfo,.ct-btn,.ct-list a{transition:none}}
@media(min-width:1100px){.ct-trust{flex-wrap:nowrap}.ct-trust li{padding:0 12px}.ct-trust i{width:40px;height:40px}.ct-grid{grid-template-columns:1.1fr 1fr}.bottle{max-width:500px}}
.cinfo i.c-g{background:#d6f1e3;color:#187349}.cinfo i.c-b{background:#d8ebfb;color:#0580d0}.cinfo i.c-i{background:#e2e9fb;color:#3b5bdb}.cinfo i.c-p{background:#e5e4fa;color:#4c46c4}
/* v7: hero banner image */
.ct-hero{background:#eaf4fa url(../assets/home/hero-banner.webp) right center/cover no-repeat}
.ct-grid{grid-template-columns:minmax(0,.52fr) 1fr}.ct-art{display:none}
@media(max-width:860px){
.ct-hero{background:linear-gradient(135deg,#e6f4fb,#f7fbfd)}
.ct-grid{grid-template-columns:1fr}
.ct-art{display:block;order:-1;aspect-ratio:3/2;border-radius:20px;background:url(../assets/home/hero-banner.webp) 100% center/cover no-repeat;box-shadow:0 14px 34px rgba(3,56,101,.14);margin:0}
}
@media(min-width:861px){.ct-txt h1{font-size:clamp(2rem,3.5vw,3.4rem)}.ct-trust li{padding:0 12px}}
@media(min-width:1200px){.ct-grid{grid-template-columns:minmax(0,620px) 1fr}}