@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Noto+Serif+Thai:wght@300;400;500;600&display=swap");
:root{--forest:#263b30;--deep:#18271f;--sage:#879985;--mist:#dfe5d9;--ivory:#f7f2e7;--paper:#fffcf5;--gold:#ae8d54;--ink:#273129;--muted:#687169;--line:rgba(38,59,48,.18);--serif:"Cormorant Garamond","Noto Serif Thai","Palatino Linotype",serif;--sans:"Noto Sans Thai","Sukhumvit Set",Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:300 16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;gap:32px;padding:15px clamp(20px,5vw,76px);color:#fff;transition:.25s}.topbar.scrolled,.topbar.open{background:rgba(247,242,231,.95);color:var(--deep);box-shadow:0 10px 40px rgba(24,39,31,.08);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:43px;height:43px;border-radius:50%;object-fit:cover;background:#fff}.brand strong,.brand small{display:block;line-height:1.1;letter-spacing:0}.brand strong{font:500 16px var(--serif)}.brand small{font-size:8px;margin-top:4px;opacity:.72}.topbar nav{display:flex;gap:26px;font-size:12px}.topbar nav a:hover{opacity:.65}.nav-cta{padding:10px 17px;border:1px solid currentColor;font-size:12px}.menu{display:none;background:none;border:0;color:inherit}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:44% 56%;overflow:hidden;background:var(--forest);color:#fff}.hero-copy{z-index:2;align-self:center;padding:130px 7vw 80px}.kicker,.section-no{font-size:10px;font-weight:500;letter-spacing:0;color:var(--gold)}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:0}h1{font-size:clamp(54px,6vw,94px);margin:24px 0}.lead{max-width:510px;font-size:clamp(18px,2vw,25px);line-height:1.55;color:#e5eadf;font-weight:300}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0}.button{padding:13px 20px;border:1px solid rgba(255,255,255,.4);font-size:13px;font-weight:500}.button.solid{background:var(--paper);color:var(--deep)}.concept-note{font-size:11px;color:#bfc9bd}.hero-art{min-height:680px;background:linear-gradient(90deg,var(--forest) 0%,transparent 18%),url("assets/lulla-rest-hero-v1.png") 56% center/cover no-repeat}.hero-mark{position:absolute;right:3vw;bottom:-5vw;font:200 clamp(150px,26vw,390px)/1 var(--serif);color:rgba(255,255,255,.035)}section:not(.hero){padding:clamp(78px,10vw,150px) clamp(22px,8vw,125px)}h2{font-size:clamp(42px,5.3vw,78px);margin:20px 0}.truth{display:grid;grid-template-columns:.7fr 1.5fr .8fr;gap:6vw;align-items:start;background:var(--paper)}.truth blockquote{margin:42px 0 0;padding-left:22px;border-left:1px solid var(--gold);font:italic 20px/1.6 var(--serif);color:var(--sage)}.truth>p:last-child{margin-top:85px;color:var(--muted)}.design{background:var(--mist)}.design header{display:flex;align-items:end;justify-content:space-between;gap:50px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line)}.feature-grid article{padding:30px 28px 10px 0;border-right:1px solid var(--line)}.feature-grid article+article{padding-left:28px}.feature-grid span{font:24px var(--serif);color:var(--gold)}.feature-grid h3{font:400 22px var(--serif);margin:45px 0 14px}.feature-grid p{font-size:14px;color:var(--muted)}.ritual{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;background:var(--forest);color:#fff}.ritual-copy>p:last-child{max-width:430px;color:#c8d1c5}.ritual ol{margin:0;padding:0;list-style:none}.ritual li{display:grid;grid-template-columns:120px 1fr;align-items:baseline;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.14)}.ritual strong{font:42px var(--serif);color:#e8eadf}.ritual span{color:#c8d1c5}.sizes{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;background:var(--paper)}.sizes>div{padding-right:4vw}.sizes>div>p:last-child{max-width:430px;color:var(--muted)}.size-card{min-height:440px;display:flex;flex-direction:column;padding:32px;border:1px solid var(--line)}.size-card>p{font-size:10px;letter-spacing:.18em;color:var(--gold)}.size-card h3{margin:55px 0 20px;font:72px/1 var(--serif)}.size-card h3 small{font-size:15px}.size-card span{color:var(--muted)}.size-card strong{margin-top:auto;font:30px var(--serif)}.size-card.main{background:var(--mist);transform:translateY(-24px)}.waitlist{text-align:center;background:linear-gradient(rgba(24,39,31,.95),rgba(24,39,31,.95)),url("assets/lulla-rest-hero-v1.png") center/cover;color:#fff}.waitlist>p:not(.kicker){color:#c8d1c5}.waitlist form{max-width:850px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin:45px auto 22px;text-align:left}.waitlist label{padding:9px 15px;border:1px solid rgba(255,255,255,.25)}.waitlist label span{display:block;font-size:9px;letter-spacing:0;color:#aebaac}.waitlist input,.waitlist select{width:100%;border:0;outline:0;background:transparent;color:#fff;font:16px var(--sans)}.waitlist select option{color:#222}.waitlist button{border:0;padding:0 24px;background:var(--gold);color:#fff;font:500 13px var(--sans)}.waitlist button span{margin-left:20px}.waitlist small{color:#95a092}footer{display:flex;align-items:center;gap:35px;padding:30px clamp(22px,8vw,125px);background:#101b15;color:#d7ded3;font-size:12px}footer p{margin-left:auto}.foot{margin:0}@media(max-width:900px){.topbar nav,.nav-cta{display:none}.menu{display:block}.topbar.open nav{position:absolute;display:grid;top:73px;left:0;right:0;padding:25px;background:var(--ivory);color:var(--deep)}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:130px;padding-bottom:45px}.hero-art{min-height:52vh;background-position:62% center}.truth,.sizes{grid-template-columns:1fr}.truth>p:last-child{margin-top:0}.design header{display:block}.feature-grid{grid-template-columns:1fr 1fr}.ritual{grid-template-columns:1fr}.size-card.main{transform:none}.waitlist form{grid-template-columns:1fr}footer{flex-wrap:wrap}footer p{margin-left:0}}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.ritual li{grid-template-columns:90px 1fr}.topbar{padding:12px 18px}.hero-art{min-height:380px;background-image:linear-gradient(180deg,var(--forest) 0%,transparent 22%),url("assets/lulla-rest-hero-v1.png")}.actions{display:grid}.button{text-align:center}footer{display:grid}}
/* Opaque bottle product visual */
.hero-art{background-image:linear-gradient(90deg,var(--forest) 0%,transparent 18%),url("assets/lulla-rest-hero-v2-opaque.png")}
.waitlist{background-image:linear-gradient(rgba(24,39,31,.95),rgba(24,39,31,.95)),url("assets/lulla-rest-hero-v2-opaque.png")}
@media(max-width:560px){.hero-art{background-image:linear-gradient(180deg,var(--forest) 0%,transparent 22%),url("assets/lulla-rest-hero-v2-opaque.png")}}
/* Official Arganiq logo packaging visual */
.hero-art{background-image:linear-gradient(90deg,var(--forest) 0%,transparent 18%),url("assets/lulla-rest-hero-v3-logo.png")}
.waitlist{background-image:linear-gradient(rgba(24,39,31,.95),rgba(24,39,31,.95)),url("assets/lulla-rest-hero-v3-logo.png")}
@media(max-width:560px){.hero-art{background-image:linear-gradient(180deg,var(--forest) 0%,transparent 22%),url("assets/lulla-rest-hero-v3-logo.png")}}
/* Deep Sleep Pillow Mist Spray packaging visual */
.hero-art{background-image:linear-gradient(90deg,var(--forest) 0%,transparent 18%),url("assets/deep-sleep-pillow-mist-spray-hero.png")}
.waitlist{background-image:linear-gradient(rgba(24,39,31,.95),rgba(24,39,31,.95)),url("assets/deep-sleep-pillow-mist-spray-hero.png")}
@media(max-width:560px){.hero-art{background-image:linear-gradient(180deg,var(--forest) 0%,transparent 22%),url("assets/deep-sleep-pillow-mist-spray-hero.png")}}

/* Product promotion */
.product-name{margin:0 0 8px;font:600 12px var(--sans);letter-spacing:.12em;color:#d8dfd3}.promo{display:grid;grid-template-columns:1.15fr 1fr .82fr;gap:clamp(28px,5vw,76px);background:var(--paper)}.promo-heading>p:not(.section-no){max-width:540px;color:var(--muted)}.promo-link{display:inline-flex;gap:28px;margin-top:20px;padding-bottom:7px;border-bottom:1px solid var(--gold);color:var(--forest);font-weight:650}.promo-points article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.promo-points article>span{font:22px var(--serif);color:var(--gold)}.promo-points h3{margin:0 0 8px;font:400 21px var(--serif)}.promo-points p{margin:0;color:var(--muted);font-size:14px}.launch-offer{align-self:start;padding:34px;background:var(--forest);color:#fff;box-shadow:0 24px 65px rgba(24,39,31,.16)}.launch-offer>p{margin:0 0 25px;color:var(--gold);font-size:10px;letter-spacing:.17em}.launch-offer>strong{display:block;font:400 30px/1.3 var(--serif)}.launch-offer ul{margin:25px 0;padding-left:18px;color:#d3dbd0;font-size:13px}.launch-offer li+li{margin-top:8px}.launch-offer>a{display:block;margin:28px 0 15px;padding:13px;text-align:center;background:var(--paper);color:var(--deep);font-size:13px;font-weight:700}.launch-offer small{display:block;color:#9fac9f;font-size:10px}@media(max-width:1000px){.promo{grid-template-columns:1fr 1fr}.launch-offer{grid-column:1/-1}}@media(max-width:680px){.promo{grid-template-columns:1fr}.launch-offer{grid-column:auto}.product-name{font-size:10px}}
/* Business-plan sales content */
.difference{background:var(--deep);color:#fff}.difference-heading{max-width:900px}.difference-heading>p:last-child{max-width:680px;color:#b9c4b9}.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:65px;background:rgba(255,255,255,.14)}.usp-grid article{display:flex;min-height:420px;flex-direction:column;padding:34px;background:var(--deep)}.usp-grid article>p:first-child{color:var(--gold);font-size:10px;letter-spacing:.17em}.usp-grid h3{margin:44px 0 20px;font:400 clamp(28px,3vw,42px)/1.16 var(--serif)}.usp-grid article>p:nth-of-type(2){color:#b9c4b9;font-size:14px}.usp-grid span{margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);color:#dbe1d8;font-size:11px}.positioning-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:1px solid rgba(255,255,255,.15)}.positioning-strip>div{padding:25px 30px}.positioning-strip>div+div{border-left:1px solid rgba(255,255,255,.15)}.positioning-strip small{display:block;margin-bottom:12px;color:var(--gold);font-size:9px;letter-spacing:.16em}.positioning-strip strong{font:400 17px/1.55 var(--serif)}.proof-plan{display:grid;grid-template-columns:1fr 1.25fr;gap:9vw;background:var(--mist)}.proof-intro>p:last-child{max-width:480px;color:var(--muted)}.proof-list article{display:grid;grid-template-columns:48px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.proof-list article>span{font:22px var(--serif);color:var(--gold)}.proof-list h3{margin:0 0 8px;font:400 22px var(--serif)}.proof-list p{margin:0;color:var(--muted);font-size:14px}.sales-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:var(--paper)}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font:400 19px var(--serif);list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--gold);font:22px var(--sans)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:690px;margin:14px 35px 0 0;color:var(--muted);font-size:14px}@media(max-width:900px){.usp-grid{grid-template-columns:1fr}.usp-grid article{min-height:330px}.positioning-strip{grid-template-columns:1fr}.positioning-strip>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.15)}.proof-plan,.sales-faq{grid-template-columns:1fr}}
