@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#fff8f6;min-height:100vh;margin:0;font-family:Noto Sans SC,DM Sans,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}:root{--bg-page:#fff8f6;--bg-hero:linear-gradient(180deg, #fff8f6 0%, #fff8f6 100%);--bg-bento:#fbf2f0;--bg-muted:#f5ecea;--bg-card:#fff;--bg-card-tint:#efe6e4;--bg-cta-band:#d4a39e33;--border-subtle:#d5c2c033;--color-text:#1e1b1a;--color-muted:#504442;--color-accent:#934841;--color-accent-2:#7c5450;--color-ink:#342f2f;--color-tag-text:#3c0605;--color-tag-bg:#ffdad6;--radius-pill:9999px;--radius-xl:40px;--radius-lg:32px;--radius-md:16px;--radius-sm:12px;--shadow-soft:0 1px 2px #0000000d;--shadow-float:0 25px 50px -12px #00000040;--shell-pad:clamp(1rem, 4vw, 4rem);--shell-max:1280px}.landing{background:var(--bg-page);color:var(--color-text)}.shell{width:100%;max-width:var(--shell-max);padding-inline:var(--shell-pad);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);background:#fff8f6e0;border-bottom:1px solid #d5c2c059;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.site-logo{letter-spacing:-.02em;color:var(--color-accent);font-size:clamp(1.25rem,2.4vw,2.25rem);font-weight:600}.site-nav{align-items:center;gap:2.5rem;display:none}@media (width>=768px){.site-nav{display:flex}}.site-nav a{letter-spacing:.05em;color:var(--color-muted);border-bottom:2px solid #0000;padding-bottom:.35rem;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:.875rem;font-weight:600}.site-nav a:hover,.site-nav a:focus-visible{color:var(--color-accent-2)}.site-nav a.is-active{color:var(--color-accent-2);border-color:var(--color-accent-2)}.btn-pill{border-radius:var(--radius-pill);letter-spacing:.05em;cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.btn-pill:active{transform:scale(.98)}.btn-pill--primary{background:var(--color-accent-2);color:#fff}.btn-pill--primary:hover{opacity:.92}.hero{padding-block:clamp(2.5rem,6vw,4rem) clamp(3rem,8vw,5rem)}.hero__grid{align-items:center;gap:clamp(2rem,5vw,3rem);display:grid}@media (width>=960px){.hero__grid{grid-template-columns:1fr 1fr}}.hero__badge{border-radius:var(--radius-pill);background:var(--color-tag-bg);color:var(--color-tag-text);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;padding:.35rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero__title{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2.25rem,5vw,4rem);font-weight:700;line-height:1.15}.hero__title span{color:var(--color-accent)}.hero__lead{max-width:32rem;color:var(--color-muted);margin:0 0 1.25rem;font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.65}.store-row{flex-wrap:wrap;align-items:stretch;gap:1rem;display:flex}.store-btn{border-radius:var(--radius-sm);background:var(--color-ink);color:#f8efed;cursor:not-allowed;opacity:.92;text-align:left;border:none;align-items:center;gap:.75rem;padding:1rem 1.75rem;display:inline-flex}.store-btn__small{opacity:.7;font-family:DM Sans,sans-serif;font-size:.625rem;line-height:1}.store-btn__big{font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:700;line-height:1}.store-hint{width:100%;color:var(--color-muted);margin-top:.5rem;font-size:.75rem}.hero__visual{justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.hero__glow{border-radius:var(--radius-pill);filter:blur(48px);z-index:0;background:#d4a39e38;position:absolute;inset:10% 15%}.phone-frame{z-index:1;aspect-ratio:9/19;border:12px solid var(--color-ink);width:min(280px,72vw);box-shadow:var(--shadow-float);background:#000;border-radius:3rem;position:relative;overflow:hidden}.phone-frame img{object-fit:cover;object-position:center;width:100%;height:100%}.hero__float-card{z-index:2;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff6b;border:1px solid #ffffff73;max-width:200px;padding:1.25rem;position:absolute;bottom:8%;right:0;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hero__float-card header{align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.hero__float-card p{color:var(--color-muted);margin:0;font-size:.75rem;line-height:1.45}@media (width<=959px){.hero__float-card{display:none}}.section-head{text-align:center;margin-inline:auto;max-width:42rem;margin-bottom:clamp(2rem,4vw,4rem)}.section-head h2{margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.section-head p{color:var(--color-muted);margin:0;line-height:1.6}.section--bento{background:var(--bg-bento);padding-block:clamp(3rem,7vw,5rem)}.bento{gap:1.5rem;display:grid}@media (width>=900px){.bento{grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr)}.bento__smart{grid-column:span 8}.bento__wardrobe,.bento__weather{grid-column:span 4}.bento__diary{grid-column:span 8}}.bento-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:clamp(1.5rem,3vw,2.5rem)}.bento-card--white{background:var(--bg-card);border:1px solid var(--border-subtle)}.bento-card--brown{background:var(--color-accent);color:#fff;flex-direction:column;justify-content:space-between;gap:1.5rem;display:flex}.bento-card--tint{background:var(--bg-card-tint)}.bento-card__row{flex-direction:column;gap:clamp(1.25rem,3vw,2.5rem);display:flex}@media (width>=640px){.bento-card__row{flex-direction:row;align-items:center}}.bento-card__body{flex:1;min-width:0}.bento-card__media{border-radius:var(--radius-md);flex:1;min-width:0;max-height:280px;overflow:hidden}.bento-card__media img{object-fit:cover;width:100%;height:100%}.icon-tile{border-radius:var(--radius-md);justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:flex}.icon-tile img{width:1.25rem;height:1.25rem}.icon-tile--pink{background:#ffdad6}.icon-tile--glass{background:#fff3}.icon-tile--rose{background:#d4a39e}.icon-tile--sand{background:#e6e2dd}.bento-card h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.bento-card p{color:var(--color-muted);margin:0;font-size:1rem;line-height:1.55}.bento-card--brown p{color:#ffffffeb}.bento-card--brown h3{color:#fff}.bento-stat{letter-spacing:.05em;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding-top:2rem;font-size:.875rem;display:flex}.bento-stat img{width:1rem;height:1rem}.bento-diary-grid{grid-template-columns:1fr 1fr;gap:1rem;min-height:140px;display:grid}.bento-diary-grid img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}.section--gallery{padding-block:clamp(3rem,7vw,5rem)}.gallery{align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}@media (width>=900px){.gallery{grid-template-columns:1fr 1fr}.gallery--flip .gallery__phones{order:-1}}.gallery__copy h2{margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem)}.gallery__copy>p{color:var(--color-muted);margin:0 0 1rem;font-size:1.0625rem;line-height:1.65}.checklist{flex-direction:column;gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.checklist li{align-items:center;gap:.75rem;font-weight:500;display:flex}.checklist img{flex-shrink:0;width:1.25rem;height:1.25rem}.gallery__phones{justify-content:center;align-items:center;min-height:340px;display:flex;position:relative}.phone-stack{width:min(100%,420px);height:360px;position:relative}.phone-stack__item{border:8px solid var(--color-ink);width:224px;height:280px;box-shadow:var(--shadow-float);background:#111;border-radius:2rem;position:absolute;left:50%;overflow:hidden}.phone-stack__item img{object-fit:cover;width:100%;height:100%}.phone-stack__item--left{z-index:1;top:0;transform:translate(calc(-50% - 120px))rotate(-5deg)}.phone-stack__item--center{z-index:3;top:0;transform:translate(-50%,24px)}.phone-stack__item--right{z-index:2;top:0;transform:translate(calc(120px - 50%),48px)rotate(5deg)}@media (width<=599px){.phone-stack{height:300px}.phone-stack__item{width:180px}.phone-stack__item--left{transform:translate(calc(-50% - 72px),20px)rotate(-6deg)}.phone-stack__item--center{transform:translate(-50%,32px)}.phone-stack__item--right{transform:translate(calc(72px - 50%),44px)rotate(6deg)}}.section--quotes{background:var(--bg-muted);padding-block:clamp(3rem,7vw,5rem)}.quotes{gap:1.5rem;display:grid}@media (width>=900px){.quotes{grid-template-columns:repeat(3,1fr)}}.quote-card{border-radius:var(--radius-lg);background:#fff8f6;flex-direction:column;gap:1.25rem;padding:2rem;display:flex;box-shadow:0 1px 1px #0000000d}.quote-stars{gap:.25rem;display:flex}.quote-stars img{width:1.25rem;height:1.25rem}.quote-text{color:var(--color-muted);margin:0;font-style:italic;line-height:1.55}.quote-author{align-items:center;gap:1rem;margin-top:auto;display:flex}.quote-author img{object-fit:cover;background:#e9e1df;border-radius:50%;width:3rem;height:3rem}.quote-author strong{font-size:.875rem;display:block}.quote-author span{color:var(--color-muted);font-size:.75rem}.section--cta{padding-block:clamp(3rem,6vw,4.5rem)}.cta-panel{text-align:center;background:var(--bg-cta-band);border-radius:3rem;padding:clamp(2.5rem,6vw,6rem);position:relative;overflow:hidden}.cta-panel h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,3rem)}.cta-panel>p{max-width:40rem;color:var(--color-muted);margin:0 auto 1.5rem;font-size:1.0625rem;line-height:1.6}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn-cta-solid{border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;letter-spacing:.05em;cursor:not-allowed;border:none;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-cta-outline{border-radius:var(--radius-pill);border:2px solid var(--color-accent);color:var(--color-accent);letter-spacing:.05em;cursor:pointer;background:0 0;align-items:center;padding:1rem 2.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-cta-outline:hover{background:#9348410f}.cta-blob{filter:blur(32px);pointer-events:none;border-radius:50%;width:16rem;height:16rem;position:absolute}.cta-blob--tl{background:#ffdad659;top:-4rem;left:-4rem}.cta-blob--br{background:#7c54501f;bottom:-4rem;right:-4rem}.site-footer{background:var(--bg-muted);text-align:center;padding-block:clamp(3rem,6vw,5rem)}.site-footer .site-logo{margin-bottom:1rem;display:inline-block}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem;margin-bottom:2rem;display:flex}.footer-nav a{letter-spacing:.03em;color:var(--color-muted);font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500}.footer-nav a:hover{color:var(--color-accent)}.footer-rule{background:#d5c2c059;max-width:32rem;height:1px;margin:0 auto 1.5rem}.site-footer small{color:var(--color-muted);letter-spacing:.03em;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:.75rem}.footer-icp{color:var(--color-muted);margin:.5rem 0;font-size:.75rem}.footer-icp a{color:inherit;text-decoration:none}.footer-icp a:hover{text-decoration:underline}.footer-icp--placeholder{opacity:.6}