@charset "UTF-8";
:root{--brand-primary:#a8490b;--brand-accent:#ffad54;--bg-dark:#24201d;--surface-dark:#302923;--bg-light:#fcf8f2;--text-on-dark:#fff9f2;--text-on-light:#34291f;--border-color:#594536;--muted:#c9b8a8;--container:1200px;--section-space:100px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--text-on-light);background:var(--bg-light);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d0a17a;outline-offset:5px}button:active,.button:active{transform:translateY(1px)}[hidden]{display:none!important}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.3}h2{font-size:40px;letter-spacing:-1.5px}h3{font-size:21px}small{font-size:12px}.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.dark{background:var(--bg-dark);color:var(--text-on-dark)}.light{background:var(--bg-light)}.section{padding-block:var(--section-space)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:18px;color:var(--brand-primary)}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.dark .eyebrow,.download .eyebrow{color:var(--brand-accent)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:46px}.section-description{font-size:13px;color:#807770;line-height:1.9}.dark .section-description{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 25px;font-size:13px;font-weight:700;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s}.button-primary{background:var(--brand-accent);color:#2f2116}.button-primary:hover{background:#f6d0b0}.button-outline{border-color:#7c695a;color:var(--text-on-dark);background:transparent}.button-outline:hover{background:#372d25}.unavailable{opacity:.65;cursor:not-allowed}.icon{display:inline-block;width:22px;height:22px;flex-shrink:0;vertical-align:middle}.icon:before{content:"";display:block;width:100%;height:100%;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.icon-download{--icon:url('../icons/download.svg')}.icon-heart{--icon:url('../icons/heart.svg')}.icon-book{--icon:url('../icons/book.svg')}.icon-grid{--icon:url('../icons/grid.svg')}.icon-menu{--icon:url('../icons/menu.svg')}.icon-sun{--icon:url('../icons/sun.svg')}.icon-moon{--icon:url('../icons/moon.svg')}.skip-link{position:fixed;top:-100px;left:20px;z-index:30;background:white;padding:12px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:20;background:#1b1612;color:#faf2ec;border-bottom:1px solid #3f342b}.header-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}.brand img{border-radius:12px;object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:#c2b4a9}.site-header nav{display:flex;gap:34px;font-size:12px;font-weight:700;align-items:center}.site-header nav a{padding:12px 0}.site-header nav a:hover,.site-header nav a.active{color:var(--brand-accent)}.site-header nav a:last-child{border:1px solid #605144;padding:8px 16px;border-radius:3px}.menu-toggle{display:none;background:transparent;border:1px solid #635447;padding:10px}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 42%,#443427 0,transparent 45%),var(--bg-dark)}.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:36px;min-height:710px;padding-block:65px;position:relative;z-index:1}.hero-copy .eyebrow{font-size:9px;letter-spacing:2.2px}.hero h1{font-size:76px;line-height:1.12;letter-spacing:-4px;margin-bottom:24px}.hero h1>span{display:block}.title-dot{color:var(--brand-accent)}.hero h2{font-size:26px;letter-spacing:-.6px}.hero-description{color:var(--muted);margin-top:18px;font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.hero-facts{display:flex;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid #483b30;max-width:470px}.hero-facts>div{border:1px solid #483b30;padding:12px 16px;flex:1}.hero-facts b{font-size:13px;display:block;white-space:nowrap}.hero-facts small{color:var(--muted);font-size:10px;white-space:nowrap}.hero-visual{position:relative;height:550px;display:grid;place-items:center}.phone{border:7px solid #27221d;border-radius:30px;overflow:hidden;background:white;display:block;box-shadow:0 16px 28px #241b1420}.phone img{width:100%;height:auto}.hero-phone{width:257px;transform:rotate(8deg);position:relative;z-index:2;box-shadow:0 30px 60px #1a110966;border-color:#110c11}.hero-note{position:absolute;z-index:3;right:0;top:245px;width:214px;background:#372b22;border:1px solid #7b6756;border-radius:6px;padding:20px;box-shadow:0 15px 30px #15100c40}.note-kicker{font-size:8px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--brand-accent)}.hero-note>.icon{width:40px;height:40px;color:var(--brand-accent);margin:20px 0 12px}.hero-note b{display:block;font-size:20px}.hero-note small{color:var(--muted);font-size:11px}.note-bottom{display:flex;justify-content:space-between;border-top:1px solid #615144;margin-top:15px;padding-top:12px;font-size:9px}.orbit{position:absolute;left:50%;top:50%;width:420px;aspect-ratio:1;border:1px solid #765c4655;border-radius:50%;transform:translate(-50%,-50%)}.orbit-two{width:470px;border-style:dashed}.orbit-label{position:absolute;top:40px;right:12px;writing-mode:vertical-rl;letter-spacing:4px;font-size:8px;color:#bf9d82}.visual-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;color:#b1a093;white-space:nowrap}.hero-word{position:absolute;right:-30px;top:40px;writing-mode:vertical-rl;font-size:150px;line-height:1;font-weight:900;color:#deb49105;letter-spacing:12px}
.shot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.shot-link{transition:transform .25s}.shot-link:hover{transform:translateY(-8px)}.shot figcaption{display:flex;gap:12px;margin-top:20px;align-items:flex-start}.shot figcaption>span:first-child{font-size:21px;font-weight:700;color:var(--brand-primary);line-height:1.3}.shot figcaption b{font-size:14px;display:block}.shot figcaption small{font-size:11px;display:block;color:#8c837b;margin-top:4px}.shot-arrow{margin-left:auto;color:var(--brand-primary)}
.lab{background:radial-gradient(ellipse at 85% 0,#3e302555,transparent 55%),var(--bg-dark)}.lab-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:20px}.panel{background:var(--surface-dark);border:1px solid var(--border-color);padding:26px;min-width:0}.panel-kicker{font-size:9px;letter-spacing:1px;color:var(--brand-accent);margin-bottom:9px;display:flex;justify-content:space-between;gap:10px}.panel-kicker span{font-size:9px;letter-spacing:0;color:var(--muted)}.panel h3{font-size:21px;margin-bottom:24px}.control-row{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;border-top:1px solid #483e36;padding-block:20px}.controls h3{margin-bottom:26px}.control-row output{color:var(--brand-accent);font-size:11px}.controls input[type=range]{width:100%;accent-color:var(--brand-accent);margin:0 0 24px;cursor:pointer;min-height:30px}.swatches{display:flex;gap:9px}.swatch{height:29px;width:29px;border:2px solid transparent;border-radius:50%;padding:0}.swatch-white{background:#fff}.swatch-warm{background:#f8efe7}.swatch-dark{background:#211d1a;border-color:#8d8177}.swatch[aria-pressed=true]{outline:2px solid var(--brand-accent);outline-offset:3px}.switch-row{position:relative;cursor:pointer}.switch-row input{position:absolute;right:0;width:38px;height:24px;opacity:0;cursor:pointer}.switch{width:36px;height:21px;border-radius:20px;background:#736a62;padding:3px;pointer-events:none}.switch:before{content:"";display:block;width:15px;height:15px;border-radius:50%;background:white;transition:transform .2s}.switch-row input:checked+.switch{background:#b2835d}.switch-row input:checked+.switch:before{transform:translateX(15px)}.switch-row input:focus-visible+.switch{outline:3px solid var(--brand-accent);outline-offset:4px}.panel-footnote{color:var(--muted);font-size:11px;margin-top:20px;line-height:1.8}.reading-preview{background:#f8efe7;color:#514337;border-radius:3px;padding:22px;font-size:18px;line-height:1.9;min-height:290px}.reading-preview[data-color=white]{background:#fff;color:#342f2b}.reading-preview[data-color=dark]{background:#1c1f1a;color:#e7e2dd}.preview-chapter{display:block;font-size:9px;letter-spacing:2px;opacity:.7;margin-bottom:16px}.reading-preview h4{font-size:1.1em;margin-bottom:14px}.reading-preview p{margin-bottom:12px}.preview-end{font-size:10px;opacity:.65;display:block;text-align:center;margin-top:20px}.feature-row{display:flex;align-items:center;gap:14px;padding:22px 0;border-top:1px solid #4a4037}.feature-row>.icon{color:var(--brand-accent);width:24px;height:24px}.feature-row>span:last-child{margin-left:auto;color:var(--muted)}.feature-row b{display:block;font-size:13px}.feature-row small{font-size:10px;color:var(--muted)}.feature-row:hover b{color:var(--brand-accent)}.modes{margin-top:22px}.mode-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.mode-heading>span{color:var(--muted);font-size:11px}.mode-heading h3{margin-bottom:20px}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-options button{padding:22px;text-align:left;background:#362f29;border:1px solid #4e433a;min-height:130px}.mode-options b,.mode-options small{display:block;margin-top:6px}.mode-options b{font-size:14px}.mode-options small{font-size:11px;opacity:.75}.mode-options button[aria-pressed=true]{background:var(--brand-accent);color:#342518;border-color:var(--brand-accent)}.modes>.button{width:100%;margin-top:18px;min-height:44px}.save-status{font-size:11px;text-align:center;color:var(--brand-accent)}.save-status:not(:empty){padding-top:12px}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:50px 70px;position:relative;padding:5px 20px 90px}.step{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.step-number{font-size:65px;font-weight:700;line-height:1;color:#dcd5cf;letter-spacing:-4px}.step h3{font-size:18px}.step p{color:#857b73;font-size:11px;margin-top:8px}.step>.icon{box-sizing:content-box;margin-left:auto;width:24px;height:24px;padding:16px;border-radius:50%;background:var(--brand-accent);color:#4c3828;border:5px solid #f4ece5}.step:last-child{grid-column:1/-1;width:60%;margin:auto}.steps:after{content:"";position:absolute;left:10%;right:13%;top:130px;transform:rotate(-6deg);border-top:1px dashed #caaa8f}.support{display:grid;grid-template-columns:28% 1fr;gap:5%;scroll-margin-top:110px}.support-title{background:var(--bg-dark);color:var(--text-on-dark);padding:44px 30px;display:flex;flex-direction:column;justify-content:center;min-height:390px;overflow:hidden}.outline-word{font-size:76px;color:transparent;-webkit-text-stroke:1px #705b4a;line-height:1.1;font-weight:900;letter-spacing:-4px}.support-title .eyebrow{color:var(--brand-accent);font-size:8px;margin:12px 0}.support-title h2{font-size:32px}.support-title>p:last-child{font-size:11px;color:var(--muted);margin-top:14px}.faq-list{background:#fff;border-top:1px solid #e9e2dd}.faq-list details{border-bottom:1px solid #e9e2dd}.faq-list summary{display:flex;align-items:center;gap:17px;list-style:none;padding:23px 24px;cursor:pointer;font-size:14px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--brand-primary);font-size:10px}.faq-list summary i{margin-left:auto;position:relative;flex:0 0 12px;height:12px}.faq-list summary i:before,.faq-list summary i:after{content:"";position:absolute;width:10px;height:1px;background:#948375;top:6px;left:0}.faq-list summary i:after{transform:rotate(90deg)}.faq-list details[open] summary i:after{display:none}.faq-answer{font-size:12px;line-height:1.9;padding:18px 48px;background:#f7f2ee;color:#7b6d62}.official-link{display:table;padding:10px 22px;border:1px solid #b4a79d;font-size:12px;margin:20px auto 0}

.download{background:var(--brand-accent);position:relative;padding:65px 0;isolation:isolate}.download:before{content:"";position:absolute;inset:0;background:#403226;clip-path:polygon(0 0,39% 0,31% 100%,0 100%);z-index:-1}.download-layout{display:grid;grid-template-columns:30% 1fr;gap:5%;align-items:center}.download-title{color:#fefaf6}.download-title .eyebrow{font-size:8px;letter-spacing:1.5px}.download-title h2{font-size:36px}.download-title>p:not(.eyebrow){font-size:12px;color:#d1c0b3;margin-top:14px}.download-mini{font-size:10px;letter-spacing:2px;display:block;margin-top:24px;color:#dfccbd}.download-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.download-card{padding:28px;border-radius:15px;display:flex;flex-direction:column}.app-card{background:#2e2722;color:#fefaf6}.guide-card{background:#fbfef9;color:#403124}.download-card-head{display:flex;gap:13px;align-items:center}.download-card-head img{border-radius:13px}.download-card-head>.icon{width:40px;height:40px;color:var(--brand-primary)}.download-card h3{font-size:17px}.download-card-head span{font-size:9px;opacity:.75}.download-card>p{font-size:12px;opacity:.8;margin:20px 0 28px;line-height:1.9}.download-card .button{width:100%;padding:10px;min-height:44px;font-size:12px;margin-top:auto}.button-guide{background:transparent;border-color:#998677}.button-guide:hover{background:#f9f0e9}.download-caption{font-size:10px;color:#5f4632;text-align:center;margin-top:22px}.site-footer{background:#1b1612;color:#b5a99f;padding:27px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand{font-size:12px;color:#e8e1db}.site-footer nav{display:flex;gap:24px;font-size:10px}.site-footer small{font-size:10px}.back-top{position:fixed;right:20px;bottom:20px;display:grid;place-items:center;width:44px;height:44px;background:var(--brand-accent);color:#37291d;border:1px solid #d2a783;z-index:10}.back-top:hover{background:#f9ddc6}dialog{border:1px solid #7d6d5f;background:#241d18;color:white;padding:44px 24px 20px;border-radius:12px;max-width:calc(100vw - 32px);max-height:94dvh}dialog::backdrop{background:#17120dd9;backdrop-filter:blur(5px)}dialog img{max-height:75dvh;width:auto;max-width:100%;object-fit:contain;margin:auto}dialog p{font-size:12px;text-align:center;margin-top:12px}.dialog-close{position:absolute;top:0;right:0;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:28px}.dialog-open{overflow:hidden}
@media(min-width:1600px){.hero-inner{min-height:730px}.hero-visual{height:570px}.hero-phone{width:270px}}
@media(max-width:1100px){.hero h1{font-size:64px}.hero h2{font-size:22px}.hero-phone{width:235px}.hero-note{right:-5px;width:185px}.orbit{width:350px}.orbit-two{width:390px}.panel{padding:20px}.lab-grid{gap:14px}.shot-grid{gap:20px}.step{gap:12px}.step-number{font-size:52px}.step>.icon{padding:12px}.download-card{padding:22px}.download-card h3{font-size:15px}.support-title{padding:30px 22px}.outline-word{font-size:65px}}
@media(max-width:900px){:root{--section-space:75px}.container{width:calc(100% - 48px)}.site-header nav{gap:18px;font-size:11px}.brand{font-size:14px}.hero-inner{gap:16px;min-height:650px}.hero h1{font-size:58px}.hero h2{font-size:20px}.hero-facts{gap:8px}.hero-facts>div{padding:10px}.hero-facts small{font-size:9px}.hero-note{width:155px;padding:14px;top:285px;right:-4px}.hero-note b{font-size:16px}.hero-note .note-kicker{font-size:6px}.hero-note small{font-size:9px}.orbit{width:300px}.orbit-two{width:330px}.hero-phone{width:220px}.hero-visual{height:510px}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:650px;margin:auto}.lab-grid{grid-template-columns:1fr 1fr}.explore-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.explore-panel>.panel-kicker,.explore-panel>h3,.explore-panel>.panel-footnote{grid-column:1/-1}.explore-panel>h3{margin-bottom:10px}.feature-row{padding-block:16px;gap:10px}.steps{gap:40px 25px;padding-inline:0}.step-number{font-size:42px}.step h3{font-size:15px}.step>.icon{padding:9px;width:20px;height:20px}.support{grid-template-columns:30% 1fr;gap:4%}.support-title h2{font-size:26px}.outline-word{font-size:55px}.faq-list summary{padding:20px 16px;font-size:12px}.faq-answer{padding:16px 30px}.download-title h2{font-size:30px}.download-cards{gap:12px}.download-card{padding:20px 16px}.download-card-head{align-items:flex-start;flex-direction:column}.download-card-head img{width:44px;height:44px}}
@media(max-width:767px){:root{--section-space:58px}.container{width:calc(100% - 40px)}h2{font-size:31px;letter-spacing:-1px}.header-inner{min-height:66px;flex-wrap:wrap;gap:0}.brand img{width:35px;height:35px}.menu-toggle{display:none;margin-left:auto}.js .menu-toggle{display:block}.site-header nav{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;padding:14px 0;width:100%}.js .site-header nav{display:none;position:absolute;top:66px;left:0;right:0;width:auto;background:#241d17;padding:18px 24px;border-bottom:1px solid #615144}.js .site-header nav.is-open{display:flex}.hero-inner{grid-template-columns:1fr;padding-block:50px 35px;gap:20px}.hero h1{font-size:54px;letter-spacing:-2px}.hero h1>span{display:inline}.hero h2{font-size:21px;margin-top:20px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.4px}.hero-description{font-size:13px}.hero-actions{gap:10px;margin-top:24px}.button{padding:12px 18px;font-size:12px}.hero-facts{max-width:100%;margin-top:28px;padding-top:20px}.hero-facts>div{padding:12px}.hero-facts b{font-size:12px}.hero-facts small{font-size:9px}.hero-visual{width:min(420px,100%);margin:auto;height:490px}.hero-phone{width:223px;transform:rotate(6deg);margin-right:35px}.hero-note{right:0;top:240px;width:165px;padding:17px}.hero-note b{font-size:17px}.orbit{width:280px}.orbit-two{width:320px}.orbit-label{right:0;top:40px}.hero-word{display:none}.visual-caption{bottom:0}.section-heading{display:block;margin-bottom:32px}.section-description{margin-top:18px;font-size:12px}.shot-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 20px;margin:0;max-width:none;scrollbar-color:#c7a88f #f0e9e3}.shot{flex:0 0 80%;min-width:0;scroll-snap-align:start;max-width:300px}.shot .phone{border-width:6px;border-radius:28px}.shot-link:hover{transform:none}.shot figcaption{margin-top:16px}.lab-grid{grid-template-columns:1fr;gap:16px}.explore-panel{display:block;grid-column:auto}.panel{padding:24px}.reading-preview{min-height:240px}.panel h3{font-size:20px}.controls h3{margin-bottom:22px}.control-row{padding-block:18px}.mode-heading{display:block}.mode-heading>span{display:block;margin-bottom:18px}.mode-options{grid-template-columns:1fr;gap:10px}.mode-options button{min-height:88px;position:relative;padding:18px 18px 18px 58px}.mode-options .icon{position:absolute;top:26px;left:20px}.mode-options b{margin:0}.mode-options small{margin-top:5px}.steps{display:flex;flex-direction:column;gap:32px;padding-bottom:56px}.step:last-child{width:100%;margin:0}.step-number{font-size:50px;min-width:55px}.step h3{font-size:16px}.step p{font-size:11px;max-width:220px}.step>.icon{padding:10px;margin-left:auto}.steps:after{display:none}.support{grid-template-columns:1fr;gap:22px}.support-title{min-height:auto;padding:30px;position:relative}.support-title h2{font-size:28px}.support-title h2 br{display:none}.outline-word{position:absolute;right:20px;top:30px;font-size:64px;opacity:.35}.support-title .eyebrow,.support-title h2,.support-title>p{position:relative}.support-title .eyebrow{margin-top:0}.faq-list summary{font-size:13px;gap:12px;padding:21px 16px}.faq-answer{padding:16px 30px}.download{padding:0 0 40px}.download:before{display:none}.download-layout{display:block;width:100%}.download-title{background:#403226;padding:40px 20px}.download-title h2{font-size:32px}.download-title h2 br{display:none}.download-content{padding:25px 20px 0}.download-cards{grid-template-columns:1fr;gap:16px}.download-card{padding:26px}.download-card-head{flex-direction:row;align-items:center}.download-card-head img{width:50px;height:50px}.download-card h3{font-size:19px}.download-card>p{margin:18px 0 24px}.download-title>p:not(.eyebrow){margin-top:12px}.download-mini{margin-top:16px}.footer-inner{flex-direction:column;gap:20px;text-align:center}.site-footer .brand{font-size:13px}.site-footer nav{gap:28px}.back-top{right:12px;bottom:12px}.swatches{gap:13px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero h1{font-size:44px}.hero h2{font-size:18px}.hero-facts>div{padding:9px 7px}.hero-facts b{font-size:11px}.hero-facts small{font-size:8px}.hero-phone{width:200px;margin-right:20px}.hero-visual{height:440px}.hero-note{width:144px;padding:13px;top:225px}.orbit-two{width:280px}.orbit{width:250px}.hero-note b{font-size:16px}.hero-actions .button{padding:10px 13px}.step-number{min-width:45px;font-size:42px}.step{gap:10px}.step h3{font-size:14px}.step>.icon{padding:8px}.support-title{padding:25px}.support-title h2{font-size:25px}.download-title h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.reviews{background:#e9d0bb;color:#322b25}.feeling-heading{align-items:flex-end;margin-bottom:44px}.feeling-heading h2{font-size:38px;letter-spacing:-1px}.feeling-heading .eyebrow{color:#6a4e37;font-size:11px;letter-spacing:1px}.feeling-heading .section-description{color:#655345;flex-shrink:0}.feelings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feeling-column{display:flex;flex-direction:column;gap:20px;min-width:0}.feeling-card{padding:28px 24px;background:#fffdfd;border-left:4px solid #ad7c54;box-shadow:5px 5px 0 #b69a8373}.feeling-number{font-size:11px;font-weight:700;color:#976740;margin-bottom:20px}.feeling-body{font-size:14px;line-height:1.95;color:#322b25}.feeling-user{display:flex;align-items:center;gap:10px;margin-top:26px}.feeling-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#322b25;color:#fff;font-size:12px}.feeling-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;min-width:0}.feeling-meta b{font-size:13px;line-height:1.6}.feeling-meta time{font-size:11px;line-height:1.7;color:#736c66;white-space:nowrap}
@media(min-width:1200px){.feeling-card{padding:28px 18px}}
@media(min-width:768px) and (max-width:991px){.feelings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feeling-column{display:contents}.feeling-heading{display:block}.feeling-heading .section-description{margin-top:18px}}
@media(max-width:767px){.feelings-grid{grid-template-columns:1fr;gap:18px}.feeling-column{gap:18px}.feeling-heading h2{font-size:30px;line-height:1.4}.feeling-heading{margin-bottom:28px}.feeling-card{padding:26px}.feeling-meta{flex-direction:column;gap:3px}.feeling-body{font-size:14px}}

.site-header nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.site-header nav li a{display:block}.site-header nav a:last-child{border:0;padding:12px 0}.site-header nav li:last-child a{border:1px solid var(--border-color);padding:8px 16px}.shot .phone{aspect-ratio:230/499;background:#fff}.shot .phone img{width:100%;height:100%;object-fit:contain}.swatch-warm,.reading-preview[data-color=warm]{background:#f5e6da}.reading-preview[data-color=warm]{color:#402d1e}@media(max-width:900px){.site-header nav ul{gap:16px}}@media(max-width:767px){.site-header nav ul{flex-wrap:wrap;justify-content:center;gap:8px 20px}.hero h1{font-size:48px}}

.hero h1{font-size:72px;letter-spacing:-3px}.hero h1>span{display:inline}.hero-word{font-size:110px}.swatch-warm,.reading-preview[data-color=warm]{background:#fff1dd}.reading-preview[data-color=warm]{color:#493522}.shot .phone{aspect-ratio:9/18}.brand img{background:#fff}@media(max-width:1100px){.hero h1{font-size:58px}}@media(max-width:767px){.hero h1{font-size:48px;letter-spacing:-2px}}@media(max-width:380px){.hero h1{font-size:42px}}