:root{--bg:#f7f5ef;--surface:#fff;--surface2:#f0ede5;--ink:#11120f;--muted:#6f7069;--line:rgba(17,18,15,.11);--gold:#b9924a;--green:#2f6f53;--blue:#2b5876;--red:#b94a4e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(185,146,74,.08),transparent 22%),linear-gradient(180deg,#faf9f5,var(--bg));color:var(--ink);font-family:Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}
header{position:fixed;inset:0 0 auto;height:86px;z-index:50;transition:.3s}header.scrolled{height:72px;background:rgba(247,245,239,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-in{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;z-index:52}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#1c1f1a,#0f100e);color:#fff;display:grid;place-items:center;font:600 17px Playfair Display,serif}.brand-copy strong{display:block;font-size:15px;letter-spacing:.18em}.brand-copy small{display:block;font-size:8px;letter-spacing:.42em;color:var(--gold);margin-top:5px}nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700}.nav-cta{padding:13px 18px;border-radius:999px;background:var(--ink);color:#fff}.menu{display:none;border:0;background:none;z-index:53}.menu span{display:block;width:25px;height:1px;background:var(--ink);margin:7px}
.hero{padding:132px 0 72px;min-height:100vh;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:800}.eyebrow:before{content:"";width:32px;height:1px;background:var(--gold)}h1,h2,h3{font-family:Playfair Display,serif}h1{font-size:clamp(56px,6.9vw,102px);line-height:.95;letter-spacing:-.048em;margin:24px 0 28px;font-weight:600}h1 em{font-weight:500;color:var(--gold)}.hero-copy p{max-width:650px;font-size:18px;line-height:1.72;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.btn{min-height:56px;padding:0 24px;border-radius:999px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;transition:.3s}.btn.primary{background:var(--ink);color:#fff}.btn:hover{transform:translateY(-3px)}
.hero-visual{min-height:620px;position:relative;border-radius:36px;background:radial-gradient(circle at 70% 28%,rgba(185,146,74,.18),transparent 24%),linear-gradient(145deg,#fff,#ece7dc);border:1px solid var(--line);box-shadow:0 30px 80px rgba(35,31,22,.08);overflow:hidden}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(17,18,15,.08)}.hero-visual:before{width:520px;height:520px;right:-180px;top:-80px}.hero-visual:after{width:360px;height:360px;left:-120px;bottom:-130px}.visual-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(40,33,20,.12);display:flex;align-items:center;justify-content:center}.visual-center strong{font:600 54px Playfair Display,serif;color:var(--gold);letter-spacing:-8px}.floating-card{position:absolute;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:18px 20px;box-shadow:0 18px 50px rgba(35,28,16,.09)}.floating-card span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}.floating-card strong{display:block;margin-top:8px;font-size:14px}.fc1{left:7%;top:12%}.fc2{right:6%;top:23%}.fc3{left:12%;bottom:11%}.fc4{right:8%;bottom:10%}.line-flow{position:absolute;left:50%;top:50%;width:76%;height:76%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(185,146,74,.25);animation:spin 24s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.logo-bar{padding:22px 0;border-block:1px solid var(--line);background:rgba(255,255,255,.55)}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.logo-chip{min-height:88px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:12px;transition:.3s}.logo-chip:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(35,28,16,.07)}.logo-chip svg{width:100%;height:48px}
.section{padding:118px 0}.section-kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:800}.section-head{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:end;margin-top:24px}h2{font-size:clamp(44px,5.4vw,76px);line-height:1.04;letter-spacing:-.04em;margin:0;font-weight:600}.lead{font-size:17px;line-height:1.8;color:var(--muted);margin:0}
.value-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:62px}.value-main{min-height:520px;border-radius:36px;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.15),transparent 22%),linear-gradient(145deg,#1b1f19,#334b3d);color:#fff;padding:48px;position:relative;overflow:hidden}.value-main h3{font-size:48px;line-height:1.07;margin:140px 0 20px}.value-main p{max-width:560px;color:rgba(255,255,255,.68);line-height:1.7}.value-side{display:grid;grid-template-rows:1fr 1fr;gap:22px}.value-card{border-radius:28px;background:#fff;border:1px solid var(--line);padding:32px}.value-card span{font-size:10px;color:var(--gold)}.value-card h3{font-size:29px;margin:42px 0 12px}.value-card p{color:var(--muted);line-height:1.65;font-size:14px}
.brands{background:var(--surface2)}.brand-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.brand-card{min-height:390px;background:rgba(255,255,255,.8);border:1px solid rgba(17,18,15,.08);border-radius:26px;padding:26px;position:relative;transition:.35s}.brand-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(35,28,16,.1)}.brand-logo{height:150px;border-radius:20px;background:radial-gradient(circle at 50% 40%,rgba(185,146,74,.13),transparent 34%),#fff;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.brand-logo svg{width:74%;height:74px}.brand-card .index{display:block;margin-top:24px;color:var(--gold);font-size:10px}.brand-card h3{font-size:28px;margin:10px 0}.brand-card p{font-size:14px;line-height:1.67;color:var(--muted)}.brand-card .cat{position:absolute;left:26px;bottom:24px;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold)}
.transform-section{background:#fff}.transform-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;margin-top:64px}.transform-visual{min-height:590px;border-radius:36px;background:radial-gradient(circle at 25% 15%,rgba(185,146,74,.18),transparent 22%),linear-gradient(145deg,#f7f1e5,#e9dfce);position:relative;overflow:hidden;border:1px solid var(--line)}.path{position:absolute;left:50%;top:50%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(17,18,15,.18)}.node{position:absolute;width:110px;height:110px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 16px 40px rgba(35,28,16,.08)}.node b{font-size:12px}.node small{font-size:9px;color:var(--muted)}.n1{left:9%;top:12%}.n2{right:8%;top:16%}.n3{right:12%;bottom:12%}.n4{left:10%;bottom:14%}.center-product{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:240px;border-radius:24px;background:linear-gradient(180deg,#fff,#f5e7e6);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 70px rgba(35,28,16,.13)}.center-product strong{font:600 34px Playfair Display,serif;color:var(--red)}.center-product small{font-size:10px;color:var(--blue);letter-spacing:.15em}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.step span{font-size:10px;color:var(--gold)}.step h3{font-size:25px;margin:0 0 7px}.step p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.contact{background:#141411;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact h2{color:#fff}.contact .lead{color:rgba(255,255,255,.6);margin-top:24px}.contact-card{background:#fff;color:var(--ink);border-radius:28px;padding:38px}.contact-card h3{font-size:37px;margin:8px 0 26px}.contact-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.contact-row span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}.contact-row a{font-size:14px}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.contact-actions a{min-height:52px;display:grid;place-items:center;border:1px solid var(--ink);font-size:11px;font-weight:800}.contact-actions a:first-child{background:var(--ink);color:#fff}
footer{padding:32px 0;background:#0b0b09;color:rgba(255,255,255,.55)}.footer-in{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.mobile-bottom{display:none}.reveal{opacity:0;transform:translateY(26px);transition:.8s}.reveal.show{opacity:1;transform:none}
@media(max-width:980px){nav{display:none}nav.open{display:flex;position:fixed;top:86px;left:0;right:0;background:#fff;flex-direction:column;padding:34px}.menu{display:block}.hero-grid,.section-head,.value-grid,.transform-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:520px}.logo-grid{grid-template-columns:repeat(3,1fr)}.brand-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body{padding-bottom:78px}.wrap{width:min(100% - 30px,1240px)}header{height:68px}nav.open{top:68px}.hero{padding:104px 0 58px;min-height:auto}.hero-grid{gap:40px}h1{font-size:48px}.hero-copy p{font-size:15.5px}.hero-actions{display:grid}.btn{width:100%}.hero-visual{min-height:420px}.visual-center{width:190px;height:190px}.visual-center strong{font-size:40px}.floating-card{padding:12px 14px}.fc1{left:4%;top:8%}.fc2{right:4%;top:16%}.fc3{left:6%;bottom:8%}.fc4{right:5%;bottom:8%}.logo-grid{grid-template-columns:repeat(2,1fr)}.section{padding:78px 0}.section-head{gap:26px}h2{font-size:40px}.lead{font-size:15.5px}.value-main{min-height:440px;padding:28px}.value-main h3{font-size:36px;margin-top:130px}.brand-cards{grid-template-columns:1fr}.transform-visual{min-height:470px}.node{width:84px;height:84px}.n1{left:4%;top:10%}.n2{right:4%;top:12%}.n3{right:6%;bottom:10%}.n4{left:5%;bottom:12%}.center-product{width:145px;height:190px}.contact-row{display:block}.contact-row a{display:block;margin-top:7px;word-break:break-word}.footer-in{flex-direction:column;align-items:flex-start}footer{padding-bottom:104px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:12px;right:12px;bottom:10px;z-index:80;background:rgba(17,18,15,.96);border-radius:18px;padding:8px 5px calc(8px + env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:4px;color:rgba(255,255,255,.75);font-size:18px}.mobile-bottom small{font-size:8px}.reveal{opacity:1;transform:none}}