:root{--ink:#18322b;--forest:#164b3d;--forest-2:#226553;--paper:#f8f6f0;--terra:#c96d45;--gold:#e0a94f;--line:#e6e7df;--muted:#718078;--shadow:0 18px 48px rgba(26,57,45,.1);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;color:var(--ink);font:15px/1.6 'Aptos','Segoe UI',Arial,sans-serif}h1,h2,h3,h4,.brand{font-family:'Aptos Display','Segoe UI',Arial,sans-serif;letter-spacing:-.035em}h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:10px 0}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.announcement{min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 16px;background:var(--forest);color:#f7f3e9;font-size:12px;letter-spacing:.04em}.announcement button{padding:0;border:0;background:none;color:#ffd38d;font-weight:700;text-decoration:underline;text-underline-offset:3px}
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(calc((100vw - 1260px)/2),28px);background:rgba(255,255,255,.95);border-bottom:1px solid rgba(24,50,43,.08);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;color:var(--forest);font-size:23px;font-weight:800;text-decoration:none;white-space:nowrap}.brand:before{content:'t';display:grid;place-items:center;width:37px;height:37px;border-radius:13px 13px 13px 4px;background:var(--forest);color:#f4c876;font-size:24px;line-height:1}.brand span{display:block;color:#8a968e;font:700 9px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:.14em}
header nav{display:flex;align-items:center;justify-content:center;gap:3px}header nav button,header>button,.header-actions button{border:0;background:transparent;color:#4e625a;font-size:13px;font-weight:600;padding:10px 12px;border-radius:999px}header nav button:hover,header>button:hover,.header-actions button:hover{background:#f1f4ef;color:var(--forest)}header .cart-btn{background:var(--forest);color:#fff;padding:10px 16px}header .cart-btn:hover{background:#0e392e;color:white;transform:translateY(-1px)}#cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;padding:0 6px;border-radius:50px;background:#f0c16a;color:var(--ink);font-size:11px}.header-actions{display:flex;align-items:center;gap:3px}#menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 18%,rgba(224,169,79,.2),transparent 27%),linear-gradient(112deg,#f8f6ef 0%,#f5f0e6 56%,#edf1e8 100%)}.hero:after{position:absolute;right:-110px;top:-190px;width:470px;height:470px;border:1px solid rgba(22,75,61,.08);border-radius:50%;content:'';box-shadow:0 0 0 50px rgba(22,75,61,.025),0 0 0 105px rgba(22,75,61,.02);pointer-events:none}
.hero-inner,.wrap{max-width:1260px;margin:auto;padding:68px 30px}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(40px,7vw,100px);align-items:center;min-height:580px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--terra);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:'';width:22px;height:2px;background:currentColor}
.hero h1{max-width:690px;margin:20px 0;font-size:clamp(48px,6.2vw,82px);line-height:.99;font-weight:800;letter-spacing:-.065em}.hero h1 em{display:block;color:var(--forest-2);font-style:normal}.hero-copy,.intro{max-width:620px;color:#6d7c73;font-size:16px;line-height:1.8}
.hero-actions,.tools{display:flex;gap:10px;flex-wrap:wrap}.hero-actions{margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border:1px solid #dce4dc;border-radius:999px;background:#fff;color:var(--forest);font-weight:700;box-shadow:0 3px 10px rgba(24,50,43,.04);transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(24,50,43,.12)}.btn-primary,.cart-btn{border-color:var(--forest);background:var(--forest);color:#fff}.btn-primary:hover{background:#0f3a2f;color:white}.btn-secondary{border-color:#efd6c8;background:#fff8f2;color:#a74f2e}.btn-quiet{border-color:transparent;background:transparent;box-shadow:none}
.hero-note{margin-top:17px;color:#7a877f;font-size:12px}.trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:24px;color:#455b51;font-size:12px;font-weight:700}.trust span{display:flex;align-items:center;gap:7px}.trust span:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dceade;color:var(--forest);font-size:11px}
.hero-art{position:relative;isolation:isolate;height:420px;border:8px solid rgba(255,255,255,.58);border-radius:46% 46% 28px 28px;background:linear-gradient(160deg,#dfb782 0%,#c37a50 39%,#526e5a 40%,#284b3c 100%);box-shadow:0 26px 70px rgba(61,68,47,.18)}.hero-art:before{position:absolute;z-index:-1;inset:8% 8% 12%;border-radius:48% 48% 20px 20px;background:linear-gradient(145deg,rgba(248,219,165,.48),transparent 42%),repeating-linear-gradient(0deg,transparent 0 33px,rgba(32,60,47,.12) 34px 35px),linear-gradient(125deg,#d99c65 0%,#ad6445 48%,#647a5c 49%,#213f34 100%);content:''}.hero-art:after{position:absolute;top:15%;right:14%;width:86px;height:86px;border-radius:50%;background:linear-gradient(140deg,#f6d18a,#dda650);content:'';box-shadow:0 0 0 20px rgba(250,217,155,.13)}.hero-photo{position:absolute;inset:0;z-index:-1}
.floating{position:absolute;z-index:2;max-width:250px;padding:15px 18px;border:1px solid rgba(255,255,255,.7);border-radius:15px;background:rgba(255,255,255,.95);color:var(--forest);font-size:12px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.floating b{display:block;margin-top:4px;color:#718078;font-size:11px;font-weight:500}.floating.one{top:22%;left:-28px}.floating.two{right:-30px;bottom:15%}.dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#63a77d;box-shadow:0 0 0 4px #e5f2e7}
.section{padding:78px 0}.section.soft,.soft,.page-title{background:var(--paper)}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:29px}.head>div{max-width:760px}.how-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:32px}.how-step{min-height:178px;padding:20px 17px;border:1px solid #e8e8df;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(30,51,43,.035)}.how-step small{color:var(--terra);font-weight:800;letter-spacing:.12em}.how-step h3{margin:16px 0 8px;color:var(--forest);font-size:14px;letter-spacing:.02em}.how-step p,.product-body p,.card p{color:#738078;font-size:12px;line-height:1.7}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card,.card,.form-panel{overflow:hidden;border:1px solid #e8e9e1;border-radius:var(--radius);background:#fff;box-shadow:0 7px 26px rgba(24,50,43,.045);transition:transform .22s,box-shadow .22s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-art{position:relative;display:grid;place-items:center;height:180px;overflow:hidden;background:radial-gradient(circle at 73% 24%,rgba(255,255,255,.85),transparent 14%),linear-gradient(145deg,var(--tone),#f7f4ed 86%);font-size:66px}.product-art:after{position:absolute;right:-25px;bottom:-52px;width:155px;height:155px;border:1px solid rgba(24,50,43,.09);border-radius:50%;content:'';box-shadow:0 0 0 18px rgba(255,255,255,.15),0 0 0 37px rgba(255,255,255,.13)}.product-art>*{position:relative;z-index:1}.tag{position:absolute!important;top:14px;left:14px;z-index:2;padding:6px 10px;border-radius:999px;background:var(--forest);color:#fff;font-size:10px;font-weight:700}.product-body{padding:17px}.product-cat{color:#8b938e;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.product-body h3{min-height:40px;margin:8px 0 5px;font-size:15px;line-height:1.35}.product-body p{min-height:40px;margin:0 0 12px}.product-meta,.product-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.product-price{color:var(--forest);font-size:19px;font-weight:800}.product-price small{color:#89938d;font-size:10px}.availability{color:#4f8d66;font-size:10px;font-weight:700}.product-foot{margin-top:13px;padding-top:12px;border-top:1px solid #eef0eb}.product-foot button{padding:8px 11px;border:0;border-radius:999px;background:#eaf1eb;color:var(--forest);font-size:11px;font-weight:700}.product-foot button:hover{background:var(--forest);color:#fff}
.page-title{padding:22px 0}.page-title .wrap{padding-top:38px;padding-bottom:38px}.page-title h1{margin:8px 0;font-size:clamp(34px,4vw,52px);line-height:1.1}.page-title p{max-width:750px;color:#708078}
.content-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.group label{display:block;margin-bottom:7px;color:#42594f;font-size:12px;font-weight:700}.full{grid-column:1/-1}.field,.select,.textarea{width:100%;min-height:45px;padding:12px 14px;border:1px solid #dce3dc;border-radius:10px;background:#fff;color:var(--ink)}.field::placeholder,.textarea::placeholder{color:#9aa59e}.textarea{min-height:112px;resize:vertical}.upload,.side-note,.banner,.summary{padding:18px;border:1px solid #e8e9df;border-radius:15px;background:#f6f5ef}.upload{border-style:dashed;border-color:#b8c8bc;background:#f7faf6}.notice{padding:13px 16px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:#fbf5e9;color:#6c6250;font-size:12px;line-height:1.65}.side-note h3,.summary h3{margin-top:0;color:var(--forest)}.banner{margin-top:14px;border:0;background:var(--forest);color:#fff}.dash-layout{display:grid;grid-template-columns:190px 1fr;gap:25px}.dash-nav{border-right:1px solid var(--line)}.dash-nav button{display:block;width:calc(100% - 12px);margin:5px 0;padding:11px 14px;border:0;border-radius:10px;background:transparent;color:#53655d;text-align:left}.dash-nav button:hover,.dash-nav button.active{background:#e9f0e9;color:var(--forest)}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.kpi,.tile{padding:17px;border:1px solid #e7e9e1;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(24,50,43,.04)}.kpi strong,.tile strong{display:block;margin:6px 0;color:var(--forest);font-size:25px;letter-spacing:-.04em}.tile small,.tile span{color:#738078;font-size:11px}.status{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;background:#e6f1e7;color:#417453;font-size:10px;font-weight:800}.status.orange{background:#fff0e5;color:#a95e35}.timeline{display:flex;justify-content:space-between;gap:8px;margin:20px 0}.timeline-step{position:relative;flex:1;padding-top:18px;color:#99a39d;font-size:10px}.timeline-step:before{position:absolute;top:2px;left:0;width:100%;height:3px;border-radius:4px;background:#e7ebe7;content:''}.timeline-step.done:before{background:#539176}.timeline-step.current{color:var(--forest);font-weight:800}.timeline-step.current:before{background:#d9a34d}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-alert{margin:16px 0;padding:14px 17px;border-radius:12px;background:#fff3e7;color:#805736;font-size:12px}
.empty{text-align:center;padding:44px 24px;border:1px dashed #cbd5cc;border-radius:16px;background:#fbfcf9}.cart-line{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px;border-bottom:1px solid #edf0ea}.chip{padding:9px 14px;border:1px solid #dfe5de;border-radius:999px;background:#fff;color:#506158;font-size:12px;font-weight:700}.chip:hover{border-color:#a9c0ae}.chip.active{border-color:var(--forest);background:var(--forest);color:#fff}.input-wrap{display:flex;align-items:center;gap:10px;max-width:570px;padding-left:14px;border:1px solid #dce3dc;border-radius:12px;background:#fff}.input-wrap .field{border:0;outline:0}.link{border:0;background:none;color:var(--terra);font-weight:800}.role-switch{display:flex;gap:8px;margin-bottom:20px}.role-switch button{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--forest)}.role-switch button.active{background:var(--forest);color:white}
footer{padding:52px max(calc((100vw - 1260px)/2),30px) 28px;background:#143c32;color:#fff}footer>b{font-size:30px;letter-spacing:-.06em}footer p{max-width:540px;color:#c2d2c8;font-size:13px;line-height:1.8}footer small{display:block;margin-top:27px;padding-top:17px;border-top:1px solid rgba(255,255,255,.15);color:#a8beb1;font-size:11px}
#toast{position:fixed;z-index:50;bottom:22px;left:50%;max-width:calc(100vw - 30px);padding:13px 18px;border-radius:12px;background:#173c32;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translate(-50%,12px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){header{gap:8px;padding-right:18px;padding-left:18px}header nav{gap:0}header nav button{padding:9px 7px;font-size:12px}.brand{font-size:20px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.how-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:930px){header{gap:8px}header nav{display:none;position:absolute;top:100%;left:0;right:0;align-items:stretch;flex-direction:column;padding:12px 16px 18px;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 16px 25px rgba(24,50,43,.09)}header nav.open{display:flex}header nav button{text-align:left;padding:12px 14px;font-size:14px}#menu-toggle{display:block;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:19px}}
@media(max-width:760px){.announcement{font-size:10px}header{padding:11px 15px;gap:7px}header nav{display:none;position:absolute;top:100%;left:0;right:0;align-items:stretch;flex-direction:column;padding:12px 16px 18px;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 16px 25px rgba(24,50,43,.09)}header nav.open{display:flex}header nav button{text-align:left;padding:12px 14px;font-size:14px}#menu-toggle{display:block;order:3;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:19px}.brand{font-size:20px}.brand span{font-size:8px}.header-actions{margin-left:auto}.header-actions button{padding:8px 9px;font-size:12px}.header-actions [data-page=account]{display:none}.hero-inner,.wrap{padding:43px 20px}.hero-inner{grid-template-columns:1fr;gap:28px;min-height:auto}.hero h1{font-size:clamp(46px,13vw,70px)}.hero-copy,.intro{font-size:14px}.hero-art{height:275px;margin:0 13px}.floating.one{left:-13px}.floating.two{right:-13px}.trust{gap:9px}.section{padding:56px 0}.head{align-items:flex-start;flex-direction:column;gap:14px}.how-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.how-step{min-height:150px;padding:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-art{height:140px;font-size:54px}.product-body{padding:12px}.product-body h3{font-size:14px}.product-body p{font-size:11px}.product-meta{align-items:flex-start;flex-direction:column}.product-foot{align-items:flex-start;flex-direction:column}.product-foot button{width:100%}.page-title .wrap{padding-top:26px;padding-bottom:26px}.content-grid,.dash-layout{grid-template-columns:1fr}.dash-nav{display:flex;overflow:auto;border:0;border-bottom:1px solid var(--line)}.dash-nav button{white-space:nowrap}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi,.tile{padding:12px}.kpi strong,.tile strong{font-size:20px}.admin-grid{grid-template-columns:repeat(2,1fr)}.timeline{overflow:auto;padding-bottom:7px}.timeline-step{min-width:90px}.cart-line{align-items:flex-start}.role-switch{overflow:auto}.role-switch button{white-space:nowrap}footer{padding:40px 20px 23px}}
@media(max-width:390px){.brand span{max-width:90px;white-space:normal}.header-actions .cart-btn{font-size:0}.header-actions .cart-btn #cart-count{font-size:11px;margin:0}.product-grid{grid-template-columns:1fr}.product-meta,.product-foot{flex-direction:row}.product-foot button{width:auto}.hero-actions .btn{width:100%}.how-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}