:root{--bg:#eae7df;--surface:#f4f1ea;--surface-2:#e2ddd2;--ink:#292b29;--muted:#77776f;--line:rgba(54,55,49,.13);--accent:#9a8060;--accent-dark:#6e5b43;--shadow:0 22px 60px rgba(60,54,43,.10);--glass:rgba(249,247,241,.74)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.6;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,select,input{font:inherit}.announcement{height:29px;background:#dcd7cc;color:#66645d;text-align:center;font-size:10px;letter-spacing:.18em;padding:5px}.announcement span{padding:0 8px;color:var(--accent)}
.site-header{height:78px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(234,231,223,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{width:36px;height:36px;border:1px solid #a18b6c;color:#786447;display:grid;place-items:center;font-family:serif;font-size:21px;border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(219,211,195,.35));box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.brand-name{font-weight:650;font-size:17px;letter-spacing:.08em;line-height:1.15}.brand-name small{display:block;font-size:8px;font-weight:500;color:var(--muted);letter-spacing:.19em;margin-top:5px}nav{display:flex;gap:29px}nav a{font-size:12px;color:#686960;transition:color .2s}nav a:hover,nav a.active{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:16px}.region-select{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.region-select select{border:0;background:transparent;color:var(--ink);font-size:11px;outline:none}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:34px;height:34px;cursor:pointer;color:var(--ink)}.menu-toggle{display:none}
.hero{min-height:590px;padding:92px 10% 85px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;max-width:1440px;margin:auto}.eyebrow,.section-kicker{font-size:9px;letter-spacing:.2em;color:var(--accent-dark);font-weight:650}.eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--accent);vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(42px,5.2vw,70px);line-height:1.2;letter-spacing:-.055em;font-weight:550;margin:25px 0 17px}.hero h1 em,.manifesto h2 em,.newsletter h2 em{font-style:normal;color:#927b5c}.hero-subtitle{font-size:16px;letter-spacing:.1em;color:#55564f;margin:0 0 16px}.hero-description{font-size:13px;color:var(--muted);line-height:2;margin:0 0 30px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:12px;border-bottom:1px solid #9c896e;padding-bottom:8px}.text-link span{font-size:18px;color:var(--accent)}
.hero-art{height:390px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(197,181,151,.45),rgba(197,181,151,0) 70%)}.art-card{position:absolute;border:1px solid rgba(255,255,255,.68);box-shadow:var(--shadow);overflow:hidden}.art-card-back{width:250px;height:310px;background:#c9c2b4;transform:rotate(9deg) translate(37px,1px);border-radius:5px;padding:22px;color:#f5f1e9;font-family:Georgia,serif;font-size:25px;letter-spacing:.08em;line-height:1.2}.art-card-back i{position:absolute;bottom:20px;right:22px;font-size:11px;font-style:normal}.art-card-front{width:270px;height:340px;background:linear-gradient(145deg,#f5f2eb,#d9d2c5);transform:rotate(-5deg) translate(-15px,0);border-radius:4px;padding:17px;color:#5e5b51}.art-topline{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.17em}.still-life{height:245px;position:relative;display:flex;align-items:flex-end;justify-content:center}.ceramic{position:absolute;bottom:25px;width:105px;height:135px;border-radius:44% 44% 38% 38%/25% 25% 18% 18%;background:linear-gradient(90deg,#9d9b8d,#e5dfd1 48%,#aaa695);box-shadow:inset -12px 0 20px rgba(80,76,63,.13),0 15px 20px rgba(65,59,45,.12)}.ceramic:before{content:"";position:absolute;width:42px;height:13px;top:-5px;left:32px;border-radius:50%;background:#77766b}.book{position:absolute;bottom:18px;width:145px;height:16px;background:#b9aa91;box-shadow:0 3px 5px #aaa}.book-one{transform:rotate(7deg)}.book-two{bottom:3px;transform:rotate(-4deg);background:#777c72}.branch{position:absolute;right:22px;top:28px;width:80px;height:130px;border-left:2px solid #8b927c;transform:rotate(20deg)}.branch b{position:absolute;width:35px;height:13px;background:#9ba18a;border-radius:100% 0 100% 0;transform:rotate(-30deg);left:-30px;top:22px}.branch b:nth-child(2){top:52px;left:0;transform:rotate(25deg)}.branch b:nth-child(3){top:80px;left:-30px}.branch b:nth-child(4){top:104px;left:0;transform:rotate(25deg)}.art-caption{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(80,75,65,.2);padding-top:10px}.art-caption strong{font-size:12px;font-weight:550}.art-caption span{font-size:6px;letter-spacing:.12em;color:#888}.floating-note{position:absolute;bottom:15px;right:1%;background:var(--glass);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);padding:10px 15px;border-radius:30px;font-size:10px;color:#69675f;box-shadow:0 8px 25px rgba(60,54,43,.08)}.note-dot{display:inline-block;width:6px;height:6px;background:#9d9c7b;border-radius:50%;margin-right:7px}
.search-section{padding:75px 10% 85px;background:var(--surface);border-top:1px solid rgba(255,255,255,.65);border-bottom:1px solid var(--line)}.section-kicker{display:flex;justify-content:space-between}.section-kicker span{color:#a09a8e;font-weight:450}.search-heading{display:flex;justify-content:space-between;align-items:end;margin:25px 0 28px}.search-heading h2,.benefits h2{font-size:32px;font-weight:550;letter-spacing:-.04em;margin:0 0 5px}.search-heading p{font-size:12px;color:var(--muted);margin:0}.search-side-note{font-size:8px;letter-spacing:.17em;color:#a49b8c;line-height:1.7;text-align:right}.search-panel{display:flex;align-items:center;gap:15px;padding:13px 14px 13px 22px;background:rgba(255,255,255,.57);border:1px solid rgba(255,255,255,.9);border-radius:17px;box-shadow:0 15px 40px rgba(67,60,48,.08),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}.search-icon{font-size:28px;color:#9a896d}.search-panel input{min-width:120px;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-panel input::placeholder{color:#aaa69d}.search-filters{display:flex;gap:14px}.search-filters label{display:flex;flex-direction:column;font-size:9px;color:#9a968d;gap:2px}.search-filters select{border:0;background:transparent;color:#55564f;font-size:11px;outline:0}.search-button{background:#45483f;color:#fff;border:0;border-radius:11px;padding:13px 20px;font-size:11px;cursor:pointer;transition:transform .2s,background .2s}.search-button:hover{transform:translateY(-2px);background:#6d705f}.search-button span{margin-left:12px;font-size:16px}.trending{display:flex;align-items:center;gap:9px;margin:17px 0 53px;flex-wrap:wrap}.trending span{font-size:10px;color:#969187;margin-right:5px}.trending button{border:1px solid var(--line);border-radius:30px;background:transparent;color:#77766e;padding:5px 12px;font-size:10px;cursor:pointer}.trending button:hover{background:#e8e2d7}.results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.results-head h3{font-size:23px;font-weight:550;margin:8px 0 0}.result-count{font-size:10px;color:#99948a}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{background:#eeebe4;border:1px solid rgba(255,255,255,.8);border-radius:13px;overflow:hidden;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(60,54,43,.10)}.product-visual{height:155px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#e5e0d5,#d8d2c5)}.product-visual .visual-shape{font-size:58px;filter:drop-shadow(0 10px 7px rgba(60,54,43,.14))}.product-tag{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:.08em;color:#777367;background:rgba(255,255,255,.55);padding:5px 8px;border-radius:20px}.product-info{padding:14px}.product-category{font-size:9px;color:#9b8a70}.product-info h4{font-size:13px;font-weight:550;margin:5px 0 10px}.product-price{font-size:18px;font-weight:650;letter-spacing:-.03em}.product-price small{font-size:9px;color:#969187;font-weight:400;margin-left:4px}.product-meta{font-size:9px;color:#969187;margin-top:5px}.product-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.product-actions a,.product-actions button{font-size:10px;color:#71644f;background:none;border:0;padding:0;cursor:pointer}.demo-disclaimer{font-size:10px;color:#a09a8f;margin-top:20px}
.benefits{padding:80px 10% 90px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:42px}.benefit-grid article{position:relative;border-top:1px solid var(--line);padding-top:24px}.benefit-number{position:absolute;right:0;top:18px;color:#b0a797;font-size:9px}.benefit-icon{font-size:25px;color:#978263;margin-bottom:18px}.benefit-grid h3{font-size:15px;font-weight:550;margin:0 0 8px}.benefit-grid p{font-size:11px;color:var(--muted);line-height:1.9;margin:0;max-width:210px}
.manifesto{background:#dcd7cc;padding:85px 13%;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.manifesto-aside{display:flex;flex-direction:column;gap:8px;font-size:9px;letter-spacing:.18em;color:#817968}.manifesto-stamp{margin-top:55px;width:65px;height:65px;border:1px solid #aa9d88;border-radius:50%;display:grid;place-items:center;text-align:center;line-height:1.4;color:#95866d;font-size:10px}.manifesto h2{font-size:clamp(31px,4vw,48px);line-height:1.35;font-weight:500;letter-spacing:-.04em;margin:22px 0 25px}.manifesto-content>p{font-size:12px;color:#6f6d64;line-height:2.1;max-width:570px;margin:0 0 12px}.manifesto-signature{margin-top:32px;padding-top:20px;border-top:1px solid rgba(70,67,58,.2);font-size:15px;color:#625b4e;line-height:1.9}.manifesto-signature span{font-size:11px;color:#8c806d}
.newsletter{padding:85px 10%;display:flex;justify-content:space-between;align-items:center;gap:40px}.newsletter h2{font-size:36px;font-weight:550;letter-spacing:-.04em;margin:18px 0 8px}.newsletter p{font-size:12px;color:var(--muted)}.newsletter-card{width:300px;background:linear-gradient(145deg,#f1eee7,#ded8cc);padding:25px;border-radius:13px;box-shadow:var(--shadow);display:flex;flex-direction:column}.newsletter-label{font-size:8px;letter-spacing:.18em;color:#a08b6b}.newsletter-card strong{font-size:17px;font-weight:550;margin:18px 0 3px}.newsletter-card>span:not(.newsletter-label){font-size:10px;color:#858075}.progress-line{height:2px;background:#c9c2b6;margin:24px 0 10px}.progress-line i{display:block;width:42%;height:100%;background:#9c896b}.newsletter-card small{font-size:9px;color:#9b958a}
footer{background:#d9d4c9;padding:40px 10% 18px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px}.footer-brand{min-width:0}.footer-main>p{font-size:11px;color:#77746b}.footer-links{display:flex;gap:22px;font-size:10px;color:#77746b}.footer-bottom{border-top:1px solid rgba(70,67,58,.15);padding-top:15px;display:flex;justify-content:space-between;font-size:9px;color:#969084}
body.dark{--bg:#252824;--surface:#2d312c;--surface-2:#393d36;--ink:#eeeae0;--muted:#aaa99f;--line:rgba(238,234,224,.13);--accent:#c0a782;--accent-dark:#c5ae8c;--glass:rgba(49,53,47,.8);background:var(--bg);color:var(--ink)}body.dark .site-header{background:rgba(37,40,36,.9)}body.dark .announcement,body.dark .manifesto,body.dark footer{background:#30342e}body.dark .search-section{background:#2d312c}body.dark .search-panel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}body.dark .search-panel input,body.dark .search-filters select{color:var(--ink)}body.dark .product-card{background:#363a33;border-color:rgba(255,255,255,.08)}body.dark .product-visual{background:linear-gradient(145deg,#45483f,#363a33)}body.dark .newsletter-card{background:linear-gradient(145deg,#3b4038,#30342e)}body.dark .manifesto-content>p,body.dark .manifesto-signature,body.dark .footer-links,body.dark .footer-main>p{color:#c1bcae}
@media(max-width:900px){.site-header{padding:0 5%}nav{gap:15px}.brand{min-width:150px}.hero{padding:70px 7%;gap:20px}.search-section,.benefits,.newsletter{padding-left:7%;padding-right:7%}.product-grid{grid-template-columns:repeat(2,1fr)}.manifesto{padding:70px 8%;gap:30px}}
@media(max-width:650px){.announcement{font-size:8px}.site-header{height:65px}.menu-toggle{display:block;margin-left:auto;margin-right:12px}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--surface);padding:18px 7%;flex-direction:column;gap:17px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.header-actions{gap:8px}.region-select span{display:none}.brand{min-width:0}.hero{grid-template-columns:1fr;padding:65px 7% 45px;gap:15px}.hero h1{font-size:46px}.hero-art{height:330px}.art-card-front{transform:rotate(-5deg) translate(-5px,0) scale(.88)}.art-card-back{transform:rotate(9deg) translate(25px,0) scale(.88)}.floating-note{right:0;bottom:0}.search-section{padding:55px 6%}.search-heading{align-items:start}.search-heading h2{font-size:27px}.search-side-note{display:none}.search-panel{flex-wrap:wrap;padding:15px}.search-icon{display:none}.search-panel input{flex-basis:100%;padding:7px 2px}.search-filters{flex:1;justify-content:space-between}.search-button{padding:11px 13px}.trending{margin-bottom:38px}.product-grid{gap:10px}.product-visual{height:125px}.product-visual .visual-shape{font-size:46px}.product-info{padding:11px}.product-info h4{font-size:12px}.product-price{font-size:16px}.benefits{padding:60px 7%}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:25px 18px}.manifesto{grid-template-columns:1fr;padding:58px 8%;gap:25px}.manifesto-stamp{display:none}.manifesto h2{font-size:34px}.newsletter{padding:60px 7%;display:block}.newsletter-card{width:100%;margin-top:28px}.footer-main{align-items:flex-start;flex-direction:column;gap:15px}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:7px}.desktop-only{display:none}}

/* Functional polish */
.results-tools{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 14px;color:var(--muted);font-size:10px}.results-tools button{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);padding:7px 12px;font-size:10px;cursor:pointer}.results-tools button.selected{background:#78684f;color:#fff;border-color:#78684f}.results-tools button span{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:5px;border-radius:50%;background:rgba(150,130,98,.17)}.product-visual{isolation:isolate}.product-visual:before{content:"";position:absolute;inset:20% 28%;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(17px);z-index:-1}.visual-earbuds{background:linear-gradient(145deg,#e7e4dc,#cac5b9)}.visual-watch{background:linear-gradient(145deg,#e6dfd3,#c9b99f)}.visual-coffee{background:linear-gradient(145deg,#e8dfd1,#c7b49b)}.visual-purifier{background:linear-gradient(145deg,#e0e4df,#bdc4b8)}.visual-speaker{background:linear-gradient(145deg,#dfdfdc,#bdbdb5)}.visual-kettle{background:linear-gradient(145deg,#e8e2d8,#c8c0b3)}.visual-skincare{background:linear-gradient(145deg,#e8dfdd,#ccb6b0)}.visual-lamp{background:linear-gradient(145deg,#e9e3d5,#cabf9f)}.visual-caption{position:absolute;bottom:9px;right:10px;font-size:6px;letter-spacing:.13em;color:rgba(68,65,57,.53)}.save-btn[aria-pressed="true"]{font-weight:650;color:#8a6248!important}.empty-state{grid-column:1/-1;padding:32px 18px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:12px}.theme-toggle:focus-visible,.menu-toggle:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:650px){.results-tools{align-items:flex-start;gap:12px;flex-direction:column;margin-top:-5px}.results-tools button{align-self:flex-start}.product-meta{line-height:1.6}.save-btn{font-size:9px!important}}
