:root{
  --brand-ink:#241f1b;
  --brand-espresso:#3a3028;
  --brand-muted:#766b62;
  --brand-cream:#fbf8f2;
  --brand-ivory:#fffdf9;
  --brand-sand:#efe5d7;
  --brand-champagne:#d8bb8a;
  --brand-gold:#b88a4a;
  --brand-gold-deep:#8e6530;
  --brand-line:rgba(114,91,65,.16);
  --brand-shadow:0 28px 80px rgba(68,49,30,.12);
  --brand-shadow-soft:0 14px 44px rgba(68,49,30,.08);
}

body{
  background:var(--brand-cream);
  color:var(--brand-ink);
  font-family:Montserrat,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.site-header{
  height:82px;
  padding:0 clamp(20px,5.2vw,82px);
  background:rgba(251,248,242,.88);
  border-bottom:1px solid rgba(119,91,55,.09);
  box-shadow:0 8px 30px rgba(45,33,22,.035);
}

.brand{gap:13px}
.brand img{width:42px;height:42px}
.brand strong,
.footer-brand strong{
  font-family:'Cinzel',serif;
  font-size:20px;
  font-weight:600;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.brand span,
.footer-brand span{
  margin-top:6px;
  font-family:'Cormorant Garamond',serif;
  font-size:12px;
  font-style:italic;
  letter-spacing:.035em;
  color:#8a7b6f;
}

.main-nav{gap:34px}
.main-nav a,
.text-link{
  position:relative;
  font-size:11px;
  font-weight:500;
  letter-spacing:.045em;
}
.main-nav a:after{
  content:'';
  position:absolute;
  left:0;
  right:100%;
  bottom:-9px;
  height:1px;
  background:var(--brand-gold);
  transition:right .22s ease;
}
.main-nav a:hover:after{right:0}

.button{
  min-height:50px;
  padding:0 27px;
  border-radius:999px;
  background:linear-gradient(135deg,#c49a5b 0%,#a97839 55%,#8e642f 100%);
  box-shadow:0 11px 26px rgba(132,91,39,.2),inset 0 1px 0 rgba(255,255,255,.24);
  font-size:11px;
  font-weight:600;
  letter-spacing:.035em;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(132,91,39,.26),inset 0 1px 0 rgba(255,255,255,.28);
  filter:saturate(1.05);
}
.button-small{min-height:42px;padding:0 20px;font-size:10px}

.hero-section{
  min-height:720px;
  padding:82px clamp(24px,6vw,96px) 88px clamp(24px,7vw,112px);
  gap:5vw;
  background:
    radial-gradient(circle at 80% 34%,rgba(223,199,162,.36),transparent 29%),
    radial-gradient(circle at 15% 12%,rgba(255,255,255,.8),transparent 24%),
    linear-gradient(125deg,#fffdfa 0%,#f9f4ec 48%,#ede0d0 100%);
}
.hero-copy{max-width:760px}
.eyebrow{
  margin-bottom:18px;
  font-family:'Cinzel',serif;
  color:var(--brand-gold-deep);
  font-size:10px;
  font-weight:600;
  letter-spacing:.27em;
}
.hero-copy h1,
.section-heading h2,
.journey-copy h2,
.final-cta h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  letter-spacing:-.035em;
}
.hero-copy h1{
  font-size:clamp(54px,5.45vw,84px);
  line-height:.93;
  max-width:780px;
  text-wrap:balance;
}
.hero-description{
  max-width:610px;
  margin-top:24px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:15px;
  line-height:1.85;
  font-weight:300;
  color:#675d55;
}

.ecosystem-mini{
  margin:36px 0 32px;
  gap:13px;
  width:min(100%,520px);
}
.ecosystem-mini div{
  min-width:0;
  flex:1;
  padding:13px 12px 12px;
  border:1px solid rgba(145,109,65,.12);
  border-radius:14px;
  background:rgba(255,253,249,.44);
  backdrop-filter:blur(6px);
}
.ecosystem-mini span{font-size:25px;color:#b68749}
.ecosystem-mini strong{
  font-family:'Cinzel',serif;
  font-size:8px;
  letter-spacing:.13em;
  font-weight:600;
  text-transform:uppercase;
}
.secondary-link{font-size:11px;letter-spacing:.03em}
.hero-note{margin-top:15px;font-size:9px;letter-spacing:.03em}

.hero-visual{height:590px}
.glow-one{
  width:410px;height:410px;
  background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,.45) 58%,transparent 72%);
}
.glow-two{
  width:530px;height:530px;
  border:1px solid rgba(181,134,73,.2);
  box-shadow:inset 0 0 70px rgba(255,255,255,.16);
}
.phone-shell{
  width:288px;height:574px;
  border:8px solid #1d1814;
  border-radius:45px;
  box-shadow:0 42px 95px rgba(51,36,24,.32),0 8px 20px rgba(51,36,24,.12);
  transform:rotate(2.1deg);
}
.phone-speaker{top:7px;width:74px;height:16px;background:#1d1814}
.floating-card{
  border-color:rgba(170,129,75,.16);
  border-radius:16px;
  box-shadow:0 20px 54px rgba(69,49,31,.13);
  background:rgba(255,253,249,.91);
}
.floating-card strong{font-size:18px;font-weight:600}
.floating-card small{margin-top:3px;font-size:8px;letter-spacing:.02em}
.floating-icon{background:#f3e8d9;color:#9f7137}

.event-strip{
  padding:18px clamp(18px,6vw,96px);
  background:rgba(255,253,249,.92);
  border-color:rgba(112,87,58,.11);
}
.event-strip div{
  min-height:60px;
  border-right-color:rgba(112,87,58,.11);
  font-family:'Cinzel',serif;
  font-size:9px;
  letter-spacing:.08em;
  color:#584d44;
}
.event-strip span{font-size:18px;color:#b7894d}

.ecosystem-section,
.pricing-preview{padding:118px clamp(20px,5vw,80px)}
.section-heading{max-width:810px;margin-bottom:62px}
.section-heading h2{font-size:clamp(46px,4.2vw,64px);line-height:.98}
.section-heading>p:last-child{
  max-width:650px;
  margin:20px auto 0;
  font-family:Montserrat,Arial,sans-serif;
  font-size:14px;
  line-height:1.8;
  font-weight:300;
  color:#756960;
}

.pillar-grid{gap:22px;max-width:1460px}
.pillar-card{
  position:relative;
  padding:12px 12px 28px;
  border:1px solid rgba(123,96,65,.13);
  border-radius:24px;
  background:rgba(255,254,251,.9);
  box-shadow:var(--brand-shadow-soft);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  overflow:hidden;
}
.pillar-card:before{
  content:'';
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  opacity:0;
  background:linear-gradient(90deg,transparent,#c39a62,transparent);
  transition:opacity .25s ease;
}
.pillar-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 64px rgba(69,49,31,.11);
  border-color:rgba(163,122,68,.24);
}
.pillar-card:hover:before{opacity:1}
.card-visual{
  height:250px;
  border-radius:17px;
  background:linear-gradient(145deg,#f5eee5,#e8dbcb);
}
.card-number{
  margin:23px 10px 6px;
  font-family:'Cinzel',serif;
  font-size:8px;
  letter-spacing:.24em;
  color:#a9793c;
}
.pillar-card h3{
  margin:0 10px 7px;
  font-size:36px;
  font-weight:500;
}
.pillar-card p{
  margin:0 10px 20px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:12.5px;
  line-height:1.75;
  font-weight:300;
  color:#756a61;
}
.pillar-card a,
.coming-soon{
  margin:0 10px;
  font-family:'Cinzel',serif;
  font-size:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#91652f;
}
.mini-editor{box-shadow:inset 0 0 0 1px rgba(90,70,48,.05)}
.mini-invite{box-shadow:0 12px 30px rgba(84,62,40,.08)}
.metric{box-shadow:0 8px 22px rgba(72,53,34,.055)}
.marketplace-card span{box-shadow:0 8px 20px rgba(76,55,35,.05)}
.marketplace-card small{letter-spacing:.03em}
.memory-main{box-shadow:0 12px 24px rgba(74,53,34,.09)}

.journey-section{
  margin:16px clamp(20px,5vw,80px) 106px;
  padding:82px clamp(32px,5vw,78px);
  border:1px solid rgba(224,197,159,.12);
  border-radius:32px;
  background:
    radial-gradient(circle at 84% 18%,rgba(193,151,98,.17),transparent 27%),
    linear-gradient(120deg,#241f1b 0%,#332a23 52%,#49392d 100%);
  box-shadow:0 30px 80px rgba(46,34,25,.16);
}
.journey-copy h2{font-size:clamp(46px,4.2vw,62px)}
.journey-copy>p:last-child{
  margin-top:20px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:13px;
  line-height:1.85;
  font-weight:300;
  color:#d4cac1;
}
.journey-flow span{
  width:58px;height:58px;
  border-color:rgba(229,203,170,.28);
  color:#d4ae78;
  background:rgba(255,255,255,.025);
}
.journey-flow strong{font-size:22px;font-weight:500}
.journey-flow small{font-size:8px;letter-spacing:.04em;color:#c9beb4}
.journey-flow i{color:#b49370}

.pricing-preview{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.65),transparent 24%),
    linear-gradient(180deg,#f1e7da 0%,#f6efe6 100%);
}
.pricing-grid{gap:24px;max-width:1140px}
.pricing-grid article{
  min-height:348px;
  padding:38px 36px 34px;
  border:1px solid rgba(126,97,63,.13);
  border-radius:24px;
  background:rgba(255,253,249,.95);
  box-shadow:0 12px 40px rgba(71,51,32,.055);
}
.pricing-grid article>span:first-child{
  font-family:'Cinzel',serif;
  font-size:8px;
  letter-spacing:.22em;
}
.pricing-grid h3{font-size:38px;font-weight:500}
.pricing-grid p{
  font-family:Montserrat,Arial,sans-serif;
  font-size:12.5px;
  line-height:1.75;
  font-weight:300;
}
.pricing-grid strong{
  font-family:'Cormorant Garamond',serif;
  font-size:28px;
  font-weight:600;
}
.featured-price{
  transform:translateY(-14px);
  border-color:rgba(185,137,72,.4)!important;
  box-shadow:0 28px 70px rgba(82,58,34,.13)!important;
}
.button-outline{
  border-color:rgba(167,120,58,.5);
  color:#8f632e;
  background:transparent;
}
.button-disabled{background:#ece5dc;color:#9b9187}

.final-cta{
  padding:120px 20px;
  background:
    radial-gradient(circle at 50% 42%,rgba(209,176,128,.22),transparent 30%),
    linear-gradient(180deg,#fffdf9,#faf5ed);
}
.final-cta img{width:62px;margin-bottom:6px;filter:drop-shadow(0 10px 20px rgba(151,105,49,.12))}
.final-cta h2{font-size:clamp(50px,4.8vw,70px);line-height:.96}
.final-cta>div>p:nth-of-type(2){
  max-width:520px;
  margin:20px auto 30px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:13px;
  line-height:1.8;
  font-weight:300;
}

.site-footer{
  padding:42px clamp(20px,5vw,80px);
  border-top-color:rgba(114,90,62,.11);
  background:#fffdfa;
}
.footer-links{gap:25px;font-size:9px;letter-spacing:.035em}
.footer-links a:hover{color:#946833}
.site-footer>p{font-size:8px;letter-spacing:.05em}

@media(max-width:1100px){
  .hero-section{padding-top:72px;gap:22px}
  .hero-copy{margin:auto}
  .ecosystem-mini{margin-left:auto;margin-right:auto}
  .journey-section{padding:66px 48px}
}

@media(max-width:700px){
  .site-header{height:70px;padding:0 16px}
  .brand img{width:34px;height:34px}
  .brand strong{font-size:16px;letter-spacing:.08em}
  .button-small{min-height:39px;padding:0 15px}
  .hero-section{padding:52px 20px 62px}
  .hero-copy h1{font-size:45px;line-height:.96}
  .hero-description{font-size:13px;line-height:1.75}
  .ecosystem-mini{gap:7px;margin-top:28px}
  .ecosystem-mini div{padding:10px 5px;border-radius:11px}
  .ecosystem-mini span{font-size:21px}
  .ecosystem-mini strong{font-size:7px;letter-spacing:.07em}
  .hero-actions{gap:15px}
  .hero-visual{height:500px}
  .phone-shell{width:232px;height:464px;border-width:7px}
  .floating-card{max-width:180px}
  .floating-card strong{font-size:15px}
  .event-strip{padding:10px 12px}
  .event-strip div{min-height:58px;font-size:7.5px;letter-spacing:.04em}
  .ecosystem-section,.pricing-preview{padding:82px 17px}
  .section-heading{margin-bottom:42px}
  .section-heading h2{font-size:43px}
  .section-heading>p:last-child{font-size:12.5px}
  .pillar-card{border-radius:21px}
  .card-visual{height:235px}
  .journey-section{margin:8px 17px 78px;padding:52px 24px;border-radius:26px}
  .journey-copy h2{font-size:43px}
  .journey-flow span{width:52px;height:52px}
  .pricing-grid article{padding:32px 28px}
  .final-cta{padding:92px 20px}
  .final-cta h2{font-size:47px}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}