/* Website-only layout: keep App and admin components untouched. */
body[data-page="site"] .wrap{width:calc(100% - 64px);max-width:1160px;margin-inline:auto}
body[data-page="site"] p{line-height:1.75}
body[data-page="site"] .site-header{min-height:80px;gap:24px}
body[data-page="site"] .site-header nav{gap:24px}
body[data-page="site"] .hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:80px;padding:24px 0 48px;text-align:left}
body[data-page="site"] .hero-copy{max-width:580px;margin:0}
body[data-page="site"] .hero h1{font-size:clamp(30px,3.2vw,44px);line-height:1.4;margin:16px 0;max-width:none}
body[data-page="site"] .hero .intro{font-size:17px;max-width:30em;line-height:1.85;margin:0}
body[data-page="site"] .hero-actions{justify-content:flex-start;flex-wrap:wrap;gap:20px;margin:24px 0 12px}
body[data-page="site"] .hero-principles{display:flex;flex-wrap:wrap;gap:8px 18px;border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:14px;color:var(--muted)}
body[data-page="site"] .hero-product{margin:0;justify-self:center;max-width:100%;width:284px}
body[data-page="site"] .device{width:100%;height:auto;border:6px solid var(--ink);border-radius:26px;padding:0;box-shadow:0 12px 28px #182e2812;background:var(--white);overflow:hidden}
body[data-page="site"] .actual-preview{display:block;width:100%;height:auto;aspect-ratio:780/1688;object-fit:contain}
body[data-page="site"] .actual-preview[hidden]{display:none}
body[data-page="site"] .preview-fallback{padding:40px 20px;aspect-ratio:780/1688;display:flex;align-items:center;text-align:center;color:var(--muted);font-size:16px}
body[data-page="site"] .preview-fallback[hidden]{display:none}
body[data-page="site"] .hero-product figcaption{font-size:12px;line-height:1.7;margin-top:10px;text-align:center;color:var(--muted)}
body[data-page="site"] .section{padding-block:48px}
body[data-page="site"] .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:24px;max-width:none;margin:0 0 24px}
body[data-page="site"] .section-heading h2{font-size:30px;line-height:1.4;margin:8px 0 0}
body[data-page="site"] .section-heading p{font-size:16px;max-width:36em;margin:0;color:var(--muted)}
body[data-page="site"] .experience,body[data-page="site"] .preview-section{border-top:1px solid var(--line)}
body[data-page="site"] .experience-grid,body[data-page="site"] .product-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body[data-page="site"] .experience-grid article,body[data-page="site"] .product-points article{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--white);min-width:0}
body[data-page="site"] .experience-grid h3,body[data-page="site"] .product-points h3,body[data-page="site"] .trust-grid h3{font-size:19px;line-height:1.5;margin:8px 0}
body[data-page="site"] .experience-grid p,body[data-page="site"] .product-points p,body[data-page="site"] .trust-grid p{font-size:15px;color:var(--muted)}
body[data-page="site"] .preview-section{display:block}
body[data-page="site"] .skin-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:14px;color:var(--muted)}
body[data-page="site"] .skin-list{display:flex;flex-wrap:wrap;gap:8px 16px}
body[data-page="site"] .skin-list>span{display:inline-flex;align-items:center;gap:7px}
body[data-page="site"] .skin-list>span:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--swatch);flex-shrink:0}
body[data-page="site"] .skin-warm{--swatch:#b95128}body[data-page="site"] .skin-rose{--swatch:#ad426a}body[data-page="site"] .skin-mint{--swatch:#216658}body[data-page="site"] .skin-violet{--swatch:#7452a4}body[data-page="site"] .skin-ocean{--swatch:#245c84}
body[data-page="site"] .trust-section{background:var(--soft);border:0}
body[data-page="site"] .trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}
body[data-page="site"] .trust-grid article{padding:0;min-width:0}
body[data-page="site"] .trust-grid article+article{padding-left:24px;border-left:1px solid var(--line)}
body[data-page="site"] .safety-note{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
body[data-page="site"] .safety-note>div{flex:1}
body[data-page="site"] .safety-note h3{font-size:18px;margin:0 0 6px}
body[data-page="site"] .safety-note p{font-size:14px;color:var(--muted)}
body[data-page="site"] .safety-note .text-link{flex-shrink:0}
body[data-page="site"] #download .section-heading{display:block;max-width:760px}
body[data-page="site"] #download .section-heading h2{margin:8px 0 12px}
body[data-page="site"] #download .section-heading p{max-width:none}
body[data-page="site"] .download-grid{gap:20px}
body[data-page="site"] .download-grid article{padding:22px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
body[data-page="site"] .download-grid h3{font-size:20px}
body[data-page="site"] .download-grid p,body[data-page="site"] .download-status{font-size:14px}
body[data-page="site"] .download-grid .primary{margin-top:auto}
body[data-page="site"] .download-note{font-size:14px;color:var(--muted);margin-top:16px}
body[data-page="site"] .site-footer{padding-block:24px;gap:16px 24px;grid-template-columns:1fr auto}
body[data-page="site"] .site-footer .footer-brand{display:block}
body[data-page="site"] .footer-brand p{font-size:14px;color:var(--muted);margin-top:8px}
body[data-page="site"] .footer-links{gap:16px;align-items:center}
body[data-page="site"] .site-footer button,body[data-page="site"] .site-footer a:not(.brand){font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:0}
body[data-page="site"] .footer-legal{grid-column:1/-1;color:var(--muted);font-size:13px}
body[data-page="site"] .primary,body[data-page="site"] .secondary{gap:10px;padding:11px 20px;min-height:46px;font-size:15px}
body[data-page="site"] main section[id]{scroll-margin-top:24px}
body[data-page="site"] .trial-notice{padding:8px max(32px,calc((100% - 1160px)/2));font-size:12px;line-height:1.65;background:var(--soft);color:var(--muted)}
@media(max-width:1000px){
 body[data-page="site"] .hero{grid-template-columns:minmax(0,1fr) 280px;gap:32px}
 body[data-page="site"] .hero-product{width:260px}
 body[data-page="site"] .site-header nav{gap:16px}
 body[data-page="site"] .experience-grid,body[data-page="site"] .product-points{gap:14px}
 body[data-page="site"] .experience-grid article,body[data-page="site"] .product-points article{padding:18px}
 body[data-page="site"] .site-footer{grid-template-columns:1fr}
}
@media(max-width:740px){
 body[data-page="site"] .wrap{width:calc(100% - 40px)}
 body[data-page="site"] .trial-notice{padding:8px 20px}
 body[data-page="site"] .site-header{min-height:72px;position:relative;flex-wrap:wrap;gap:0}
 body[data-page="site"] .menu-toggle{display:block}
 body[data-page="site"] .site-header nav{display:none;position:static;width:100%;padding:8px 0 16px;gap:4px;flex-direction:column;align-items:stretch;background:var(--paper);border:0;box-shadow:none}
 body[data-page="site"] .site-header nav.open{display:flex}
 body[data-page="site"] .hero{grid-template-columns:1fr;gap:24px;padding:20px 0 32px}
 body[data-page="site"] .hero h1{font-size:32px;margin:12px 0}
 body[data-page="site"] .hero h1 br{display:none}
 body[data-page="site"] .hero .intro{font-size:16px}
 body[data-page="site"] .hero-actions{gap:16px;margin:20px 0 12px}
 body[data-page="site"] .hero-principles{gap:6px 14px;margin-top:16px;padding-top:12px}
 body[data-page="site"] .hero-product{width:270px}
 body[data-page="site"] .section{padding-block:32px}
 body[data-page="site"] .section-heading{grid-template-columns:1fr;gap:12px;margin-bottom:20px}
 body[data-page="site"] .section-heading h2{font-size:26px}
 body[data-page="site"] .section-heading h2 br{display:none}
 body[data-page="site"] .experience-grid,body[data-page="site"] .product-points,body[data-page="site"] .trust-grid{grid-template-columns:1fr;gap:12px}
 body[data-page="site"] .experience-grid article,body[data-page="site"] .product-points article{padding:18px}
 body[data-page="site"] .skin-note{align-items:flex-start;gap:12px}
 body[data-page="site"] .trust-grid article,body[data-page="site"] .trust-grid article+article{padding:12px 0 0;border:0;border-top:1px solid var(--line)}
 body[data-page="site"] .safety-note{display:block;margin-top:20px;padding-top:16px}
 body[data-page="site"] .safety-note .text-link{margin-top:8px}
 body[data-page="site"] .download-grid{grid-template-columns:1fr;gap:12px}
 body[data-page="site"] .download-grid article{padding:18px}
 body[data-page="site"] .site-footer{gap:12px}
}
/* Calm, readable landing hierarchy, using existing brand tokens. */
body[data-page="site"] .hero h1{white-space:normal;text-wrap:balance;font-size:clamp(30px,4.2vw,52px);line-height:1.3;letter-spacing:-.025em}
body[data-page="site"] .hero-actions{gap:12px;align-items:center}
body[data-page="site"] .hero-actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px}
body[data-page="site"] :is(.download-grid article,.experience-grid article){border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--white)}
body[data-page="site"] .section-heading h2{text-wrap:balance;line-height:1.35}
body[data-page="site"] :is(a,button,input):focus-visible{outline:3px solid var(--ink);outline-offset:4px}
body[data-page="site"] :is(a,button){touch-action:manipulation}
body[data-page="site"] .site-header nav a{display:inline-flex;align-items:center;min-height:44px}
body[data-page="site"] .section{scroll-margin-top:24px}
@media(max-width:740px){body[data-page="site"] .wrap{width:calc(100% - 36px)}body[data-page="site"] .hero{gap:28px;padding-block:24px 36px}body[data-page="site"] .hero-actions{display:grid;grid-template-columns:1fr;width:100%}body[data-page="site"] .hero-actions a{width:100%;box-sizing:border-box}body[data-page="site"] .section{padding-block:36px}body[data-page="site"] .hero-product{width:240px}body[data-page="site"] .site-header{gap:12px;flex-wrap:wrap;padding-block:12px}}

/* Distinct landing composition: two voluntary paths, not a device advert. */
body[data-page="site"]{background:#f6faf8;color:#203e36}
body[data-page="site"] .meet-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;padding-block:64px 56px;align-items:center}
.meet-intro h1{font-family:'Songti SC',SimSun,serif;font-size:clamp(38px,4.6vw,66px);line-height:1.32;font-weight:500;margin:0 0 26px;letter-spacing:-.035em}
.meet-intro>p{font-size:19px;line-height:1.8;color:#536960}
.meet-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;align-items:center}
.meet-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;border-radius:12px;text-decoration:none;font-weight:600}
.meet-actions .primary{background:#254f43;color:white}.meet-actions .meet-download{border:1px solid #254f43;color:#254f43;background:white}
.meet-intro .meet-trial{font-size:13px;margin-top:18px}
.meet-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.meet-path{display:flex;flex-direction:column;min-height:340px;padding:28px 24px;border-radius:80px 80px 18px 18px;text-decoration:none;color:#203e36;background:#dcebe4;box-sizing:border-box}
.meet-path-deep{margin-top:64px;background:#f3e2d4;border-radius:18px 18px 80px 18px}
.meet-path>span{font-size:14px;margin-top:28px}.meet-path h2{font:500 clamp(22px,2.1vw,30px)/1.5 'Songti SC',SimSun,serif;margin:20px 0}
.meet-path p{font-size:15px;line-height:1.8}.meet-path strong{margin-top:auto;padding-top:28px;text-decoration:underline;text-underline-offset:6px;font-weight:500}
.meet-path:hover{outline:2px solid #254f43;outline-offset:4px}
.meet-boundaries{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;padding-block:22px;border-top:1px solid #c9d8cf;border-bottom:1px solid #c9d8cf;font-size:14px}.meet-boundaries p{font-size:22px;font-family:'Songti SC',SimSun,serif;margin:0 auto 0 0}
@media(max-width:740px){body[data-page="site"] .meet-hero{grid-template-columns:1fr;gap:32px;padding-block:32px}.meet-intro h1{font-size:42px}.meet-intro>p{font-size:17px}.meet-path{min-height:290px;padding:20px 16px;border-radius:56px 56px 16px 16px}.meet-path-deep{margin-top:32px;border-radius:16px 16px 56px 16px}.meet-path h2{font-size:23px}.meet-path p{font-size:14px}.meet-boundaries{gap:12px}.meet-boundaries p{flex-basis:100%}.meet-path>span{margin-top:16px}}
@media(max-width:360px){.meet-paths{grid-template-columns:1fr}.meet-path-deep{margin-top:0}.meet-path{min-height:240px;border-radius:24px}.meet-intro h1{font-size:36px}}