:root{--ink:#202e4b;--pink:#e9779a;--cream:#fffaf3;--line:#e9e3dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans Thai',sans-serif;line-height:1.7}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b58bd9;outline-offset:5px}button{border:0}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-1.8px;line-height:1.3}h2{font-size:clamp(30px,3.5vw,49px);font-weight:700}.skip{position:fixed;top:-80px;background:var(--ink);color:#fff;padding:12px;z-index:10}.skip:focus{top:0}.announcement{background:#fce3e8;text-align:center;padding:9px 24px;font-family:Outfit,sans-serif;font-size:11px;letter-spacing:2px;font-weight:600;position:relative}.announcement>span{font-family:'Noto Sans Thai';letter-spacing:0;margin-left:22px;font-size:11px}.announcement .prototype{position:absolute;right:25px;top:9px;color:#735869}header{height:100px;max-width:1440px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--cream)}.logo-word{display:flex;align-items:center;font-family:Outfit,sans-serif;font-size:41px;font-weight:800;letter-spacing:-2px;line-height:1}.logo-word i{font-style:normal}.logo-word>i:nth-child(1){color:#f798b3}.logo-word>i:nth-child(2){color:#f8c961}.logo-word>i:nth-child(3){color:#a9d9b4}.logo-word>i:nth-child(4){color:#9bbefa}.logo-word>i:nth-child(5){color:#bd97e7}.logo-word>i:last-child{color:#e46a95}.paw{position:relative;width:27px;height:29px;margin:0 2px 0 5px;display:inline-block}.paw b{position:absolute;width:7px;height:10px;background:#f497b1;border-radius:50%;top:3px;left:0;transform:rotate(-25deg)}.paw b:nth-child(2){left:7px;top:0;transform:rotate(-8deg)}.paw b:nth-child(3){left:15px;top:1px;transform:rotate(12deg)}.paw b:nth-child(4){left:22px;top:7px;transform:rotate(30deg)}.paw em{position:absolute;left:5px;top:13px;width:21px;height:16px;background:#f497b1;border-radius:60% 60% 40% 40%;transform:rotate(-5deg)}nav{display:flex;gap:30px;font-size:13px;font-weight:500}nav a:hover{color:var(--pink)}.nav-cta{border:1px solid var(--ink);border-radius:30px;padding:11px 19px;font-size:12px;font-weight:600}.nav-cta span{margin-left:15px}.menu{display:none;background:none;font-size:25px}.hero{max-width:1440px;margin:auto;min-height:640px;display:grid;grid-template-columns:48% 52%;padding:35px 5.5% 55px;align-items:center;overflow:hidden}.eyebrow{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:21px}.tiny-paw{color:var(--pink);font-size:19px;margin-right:8px}.hero h1{font-size:clamp(42px,4.4vw,65px);font-weight:700;position:relative}.pink-text{color:var(--pink)}.sun{font-size:46px;display:inline-block;color:#f6c663;margin-left:12px;vertical-align:middle}.hero-description{font-size:15px;color:#6b7180;line-height:1.9;margin:25px 0 29px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:white;border-radius:32px;padding:16px 25px;font-weight:500;font-size:13px;transition:transform .2s,background .2s}.button:hover{background:#384a70;transform:translateY(-3px)}.button span{font-size:20px}.text-link{background:none;padding:4px 0;border-bottom:1px solid #b8bcc4;font-size:13px}.text-link span{margin-left:10px}.hero-foot{display:flex;align-items:center;gap:13px;margin-top:38px;font-family:Outfit,sans-serif;font-size:9px;letter-spacing:1.2px}.hero-foot b{font-family:'Noto Sans Thai';font-size:11px;font-weight:400;letter-spacing:0}.heart{display:grid;place-items:center;background:#fbe9e7;border-radius:50%;width:41px;height:41px;font-size:26px;color:#d6758e}.hero-art{height:540px;position:relative;display:flex;align-items:center;justify-content:center}.circle{position:absolute;border-radius:45% 55% 44% 56%;width:85%;height:85%;background:#fae1df;transform:rotate(-13deg)}.circle.two{width:80%;height:80%;background:#f9e9c8;transform:translate(25px,10px) rotate(15deg)}.mascots{position:relative;width:116%;max-width:none;z-index:2;animation:bob 5s ease-in-out infinite}.deco{position:absolute;z-index:3}.spark{top:26px;right:5px;font-size:64px;color:#efbf59;animation:turn 18s linear infinite}.heart-doodle{left:15px;top:90px;font-size:53px;transform:rotate(-18deg);color:#df7b9a}.pill{position:absolute;z-index:4;background:white;border:1px solid #f3e6dc;border-radius:30px;box-shadow:0 8px 24px #41345b08;font-family:Outfit,sans-serif}.pill-top{top:24px;left:24px;padding:9px 17px;transform:rotate(-7deg);font-size:13px}.pill-bottom{bottom:46px;right:6px;padding:12px 18px;font-size:9px;letter-spacing:1.5px;transform:rotate(5deg)}.pill-bottom span{color:#9ccaa4;margin-right:8px}.motion{position:absolute;bottom:0;right:0;font-size:10px;background:transparent;color:#697384;border-bottom:1px solid #c4c6cb;padding:5px;z-index:5}.paused .mascots,.paused .spark{animation-play-state:paused}.joy-ribbon{background:#f8d8df;display:flex;justify-content:space-around;gap:25px;padding:16px 20px;overflow:hidden;white-space:nowrap;font-family:Outfit,sans-serif;font-size:14px;letter-spacing:2px}.joy-ribbon b{color:#b37891}.section{max-width:1440px;margin:auto;padding:95px 7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading>p{font-size:14px;color:#737989;line-height:1.9;padding-bottom:5px}.product-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.tabs{display:flex;gap:7px}.tabs button{padding:9px 19px;background:transparent;border-radius:30px;font-size:12px;border:1px solid #e4dfd9}.tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.catalog-note{font-size:10px;color:#7b7880}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.product-visual{height:355px;border-radius:26px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.blue{background:#e0eef4;--accent:#b3d5e7;--dark:#4d88aa}.peach{background:#fbe7dd;--accent:#f4bea4;--dark:#c57e5f}.category-tag{position:absolute;top:22px;left:24px;font-family:Outfit;font-size:9px;letter-spacing:1.5px;padding:6px 10px;border:1px solid #ffffffad;border-radius:20px}.visual-orbit{position:absolute;width:260px;height:260px;border:1px solid #ffffffa6;border-radius:50%;transform:rotate(-20deg) scaleX(1.5)}.package{height:260px;width:173px;border-radius:12px 12px 25px 25px;background:linear-gradient(158deg,#fffaf3 63%,var(--accent) 63%);transform:rotate(-7deg);box-shadow:12px 17px 25px #2638581a, inset 0 8px #f0e9df;position:relative;padding:25px 20px 15px;display:flex;flex-direction:column;transition:transform .4s}.peach .package{transform:rotate(7deg)}.product-card:hover .package{transform:rotate(0) translateY(-6px)}.package-top{font-family:Outfit;font-weight:700;font-size:21px;letter-spacing:-1px;line-height:1}.package-top span{color:var(--pink);font-size:18px}.package-code{font-family:Outfit;font-size:74px;line-height:1.2;font-weight:600;margin-top:15px;letter-spacing:-3px}.package-code span{font-size:25px;vertical-align:top;color:var(--dark);margin-left:10px;letter-spacing:0}.package-title{font-family:Outfit;font-size:11px;line-height:1.3;letter-spacing:2px}.package-bottom{font-size:6px;letter-spacing:.3px;margin-top:auto;border-top:1px solid #8c9da35c;padding-top:8px}.visual-flower{position:absolute;right:55px;bottom:55px;color:var(--dark);font-size:60px}.product-visual>small{position:absolute;bottom:13px;right:18px;font-size:9px;color:#607080}.product-info{padding:22px 5px}.mini-label{font-family:Outfit;font-size:9px;letter-spacing:2px;color:#8c8d93;margin-bottom:9px}.product-info h3{font-family:Outfit;font-size:28px;font-weight:500}.product-info>p:not(.mini-label){font-size:13px;color:#747986;margin-top:3px}.product-link{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 0 8px;margin-top:14px;border-top:1px solid #e1dcd6;background:transparent;text-align:left;font-size:12px}.product-link span{font-size:23px}.empty-state{text-align:center;padding:65px 20px;background:#f4ece9;border-radius:25px}.empty-state>span{font-size:50px;color:var(--pink)}.empty-state p{margin:12px 0 25px;font-size:14px}.care-section{padding:80px max(7%,calc((100% - 1240px)/2));background:#f6f1e9}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.care-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;padding:24px;background:var(--tile);border-radius:20px;transition:transform .2s}.care-grid button:hover{transform:translateY(-5px)}.care-grid button>span{font-size:35px;line-height:1.3;margin-bottom:15px}.care-grid b{font-size:15px;font-weight:500}.care-grid small{font-family:Outfit;font-size:9px;letter-spacing:1.5px;margin-top:5px;opacity:.7}.care-grid i{position:absolute;right:23px;bottom:24px;font-style:normal;font-size:19px}.care-note{font-size:10px;color:#777781;margin-top:25px}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-art{background:#eadff3;position:relative;border-radius:100px 25px 100px 25px;padding:45px;min-height:430px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.story-word{font-family:Outfit;font-size:70px;line-height:.95;font-weight:500;letter-spacing:-3px}.story-word em{font-weight:400;color:#b58ec9}.story-word>span{color:#f596ae;position:absolute;font-size:120px;right:20px;bottom:40px;transform:rotate(15deg)}.story-caption{font-family:Outfit;font-size:9px;letter-spacing:3px;margin-top:35px}.story-copy>p:not(.eyebrow){font-size:14px;color:#747887;line-height:1.95;margin-top:25px}.story-values{display:flex;gap:20px;font-size:11px;margin-top:27px;border-top:1px solid var(--line);padding-top:22px}.friends{text-align:center;padding:70px 7% 85px;background:#fff1e8;overflow:hidden}.friends>p:not(.eyebrow){font-size:14px;color:#7e7d86;margin-top:20px}.friends>img{width:620px;max-width:100%;display:block;margin:-10px auto -30px}.friend-labels{display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;margin:auto;gap:30px}.friend-labels>div{display:flex;align-items:center;flex-direction:column}.friend-dot{width:10px;height:10px;border-radius:50%;display:block;margin-bottom:12px}.friend-labels b{font-size:14px;font-weight:500}.friend-labels small{font-size:11px;color:#7f7b80;margin-top:5px}.contact{background:var(--ink);color:#fffaf3;max-width:none;padding:70px max(7%,calc((100% - 1240px)/2));display:flex;justify-content:space-between;align-items:center;gap:30px}.contact .eyebrow{color:#eeb3c6}.contact h2{font-size:39px}.contact h2 span{color:#f6b0c1}.contact p:not(.eyebrow){font-size:12px;color:#c6ccd8;margin-top:22px}.button.light{background:#fff4e9;color:var(--ink);flex-shrink:0}.button.light:hover{background:#f7d8e2}footer{padding:50px 7% 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:35px}.footer-brand{font-family:Outfit;font-size:33px;font-weight:700;letter-spacing:-2px}.footer-brand span{color:var(--pink);font-size:27px}footer>div>b{font-family:Outfit;font-size:10px;letter-spacing:2px}footer p{font-size:11px;color:#8a8690;margin-top:6px}footer>a:not(.brand){font-size:12px}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#898590}.footer-bottom button{background:none;font-size:10px;padding:0}dialog{border:0;border-radius:27px;padding:45px;max-width:580px;width:calc(100% - 35px);background:var(--cream);color:var(--ink);box-shadow:0 30px 100px #1b1b3344}dialog::backdrop{background:#19243c88;backdrop-filter:blur(5px)}dialog h2{font-size:32px;margin:10px 0 20px}dialog p{font-size:14px;line-height:1.9}dialog .dialog-close{position:absolute;right:18px;top:10px;font-size:29px;padding:3px 9px;background:none}.detail-list{margin:25px 0;padding:20px;background:#f1e9e6;border-radius:15px;list-style:none;font-size:13px}.detail-list li+li{margin-top:12px}.dialog-note{font-size:12px;background:#e8edf5;padding:16px;border-radius:13px;margin-top:22px}form label{display:block;font-size:12px;margin:18px 0 7px}form select,form textarea{font:inherit;font-size:14px;width:100%;border-radius:12px;border:1px solid #d9d4d1;padding:12px;background:white;color:var(--ink)}form .button{margin-top:24px}.form-note{font-size:11px;margin-top:15px;color:#648369}[hidden]{display:none!important}@keyframes bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes turn{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero h1{font-size:65px}}@media(max-width:1050px){header{padding:0 4%;gap:15px}nav{gap:18px;font-size:11px}.nav-cta{font-size:10px;padding:9px 13px}.hero{padding-left:5%;padding-right:5%;min-height:570px}.hero-art{height:440px}.hero h1{font-size:48px}.section{padding:75px 6%}.story{gap:35px}.story-word{font-size:59px}.story-art{padding:35px;min-height:390px}.contact h2{font-size:32px}}@media(max-width:760px){html{scroll-padding-top:20px}.announcement{font-size:8px;letter-spacing:1.4px;padding:8px 12px}.announcement>span{font-size:9px;margin-left:10px}.announcement .prototype{display:none}header{height:78px;padding:0 6%;position:relative}.logo-word{font-size:35px}.nav-cta{margin-left:auto;font-size:10px}.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--cream);padding:20px 7% 30px;z-index:9;box-shadow:0 15px 20px #2a304512;flex-direction:column;gap:20px;font-size:14px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:25px 6% 30px;min-height:0}.hero h1{font-size:47px;line-height:1.23}.hero .eyebrow{font-size:9px;margin-bottom:16px}.hero-description{font-size:13px;margin:20px 0 24px}.sun{font-size:35px}.button{font-size:12px;padding:13px 20px;gap:20px}.actions{gap:22px}.text-link{font-size:12px}.hero-foot{margin-top:23px}.hero-art{height:360px;margin-top:20px}.mascots{width:110%}.pill-top{font-size:11px;top:8px;left:5px}.pill-bottom{font-size:8px;right:0;bottom:35px}.spark{font-size:45px;top:10px}.heart-doodle{font-size:40px;left:4px;top:75px}.motion{font-size:9px}.circle{height:88%;width:84%}.joy-ribbon{padding:13px 20px;gap:25px;font-size:11px;justify-content:flex-start}.section{padding:58px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:28px}h2{font-size:33px}.eyebrow{font-size:9px;margin-bottom:15px}.section-heading>p{font-size:12px}.product-tools{align-items:flex-start;flex-direction:column;gap:12px}.tabs button{font-size:11px;padding:8px 15px}.product-grid{gap:20px;grid-template-columns:1fr 1fr}.product-visual{height:250px;border-radius:18px}.package{width:125px;height:195px;padding:21px 14px 12px}.package-top{font-size:17px}.package-code{font-size:51px;margin-top:12px}.package-code span{font-size:14px;margin-left:8px}.package-title{font-size:8px;letter-spacing:1.5px}.package-bottom{font-size:5px;padding-top:6px}.category-tag{top:12px;left:12px;font-size:7px;padding:4px 7px}.visual-flower{font-size:35px;right:12px;bottom:35px}.product-visual>small{font-size:7px;right:10px;bottom:10px}.visual-orbit{width:160px;height:160px}.product-info{padding:16px 0}.product-info h3{font-size:23px}.mini-label{font-size:7px;letter-spacing:1px}.product-info>p:not(.mini-label){font-size:11px}.product-link{font-size:11px;margin-top:12px;padding-top:10px}.care-section{padding:55px 6%}.care-grid{grid-template-columns:1fr 1fr;gap:10px}.care-grid button{padding:20px 15px;min-height:157px;border-radius:17px}.care-grid b{font-size:12px}.care-grid small{font-size:7px;letter-spacing:.7px}.care-grid i{right:15px;bottom:17px}.care-grid button>span{font-size:28px}.care-note{font-size:9px}.story{grid-template-columns:1fr;gap:35px}.story-art{min-height:350px;border-radius:65px 20px 65px 20px;padding:35px}.story-word{font-size:65px}.story-copy>p:not(.eyebrow){font-size:13px;margin-top:18px}.story-values{font-size:10px;gap:18px}.friends{padding:55px 6%}.friends>p:not(.eyebrow){font-size:12px}.friends>img{margin:0 auto -7px}.friend-labels{gap:12px}.friend-labels b{font-size:10px}.friend-labels small{font-size:9px}.contact{padding:50px 6%;flex-direction:column;align-items:flex-start;gap:28px}.contact h2{font-size:32px}.contact p:not(.eyebrow){font-size:11px}footer{padding:35px 6% 20px;gap:24px}footer>div>b{font-size:8px}footer p{font-size:10px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:8px}dialog{padding:35px 25px}dialog h2{font-size:27px}.form-note{font-size:10px}}@media(max-width:380px){.hero h1{font-size:40px}.hero-art{height:300px}.nav-cta{display:none}.product-grid{grid-template-columns:1fr}.product-visual{height:310px}.package{width:160px;height:240px}.package-code{font-size:70px}.package-title{font-size:10px}.package-top{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.mascots{height:auto;max-height:510px;object-fit:contain}.friends>img{height:auto}header .brand-reference{display:block;width:175px;height:auto;mix-blend-mode:multiply}@media(max-width:760px){.mascots{max-height:330px}header .brand-reference{width:140px}}