:root{
  --rf-bg:#e9e0d1;
  --rf-paper:#f3ecdf;
  --rf-paper-2:#efe5d4;
  --rf-ink:#1f1a16;
  --rf-muted:#63574c;
  --rf-line:#cbbda7;
  --rf-warm:#8a4b2f;
  --rf-dark:#2a241f;
}
html,body{overflow-x:hidden}
body{
  background: var(--rf-bg) url('/assets/redesign-v2/paper-texture.jpg') center top/cover fixed no-repeat !important;
  color:var(--rf-ink) !important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(233,224,209,.55), rgba(233,224,209,.82) 30%, rgba(233,224,209,.92) 100%),
    url('/assets/redesign-v2/texture-fabric.jpg') top right/42vw auto no-repeat,
    url('/assets/redesign-v2/texture-warm.jpg') bottom left/36vw auto no-repeat;
  opacity:.9;
  z-index:-1;
}
#snowCanvas{display:none !important}
.page-wrap{position:relative}
header{
  background:#f4eddf !important;
  border-bottom:1px solid rgba(95,83,69,.18) !important;
  backdrop-filter:none !important;
  box-shadow:0 8px 24px rgba(31,26,22,.05) !important;
}
.header-inner{
  max-width:1240px !important;
  margin:0 auto;
  padding:10px 18px !important;
  gap:16px;
}
.logo{gap:12px !important}
.logo-mark{
  width:38px !important;
  height:38px !important;
  border-radius:12px 20px 14px 8px !important;
  background:#2d2620 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  position:relative;
}
.logo-mark::before,.logo-mark::after{content:"";position:absolute;background:#f3ecdf}
.logo-mark::before{width:12px;height:12px;border-radius:4px;left:8px;top:8px}
.logo-mark::after{width:14px;height:14px;border-radius:50%;right:8px;bottom:8px;opacity:.85}
.logo-text-main{font-size:15px !important;font-weight:900 !important;letter-spacing:.01em;color:#231d18 !important}
.logo-text-sub{font-size:10px !important;color:#7d6f5f !important;letter-spacing:.02em}
.nav{
  background:#eee3d0;
  border:1px solid rgba(95,83,69,.12);
  border-radius:14px 26px 18px 10px;
  padding:3px;
  gap:4px !important;
}
.nav a{
  font-size:13px !important;
  font-weight:700 !important;
  color:#322b24 !important;
  border-radius:10px 16px 12px 8px !important;
  padding:9px 12px !important;
}
.nav a:hover{background:#f7f1e6 !important}
.header-buttons{gap:8px !important}
.header-btn{
  border:1px solid rgba(95,83,69,.18) !important;
  background:#f8f2e8 !important;
  color:#2c261f !important;
  border-radius:12px 18px 14px 10px !important;
  box-shadow:none !important;
  font-weight:700 !important;
}
.header-btn:hover{transform:none !important;background:#fff9ef !important}
#headerCreateBtn{
  background:#2d2620 !important;
  color:#f5efe4 !important;
  border-color:#2d2620 !important;
}
#accountBtn{background:#efe4d1 !important}
.header-btn-menu{display:none}
.mobile-menu{
  background:rgba(15,13,11,.42) !important;
  backdrop-filter:none !important;
}
.mobile-menu-panel{
  background:#f4eddf !important;
  border:1px solid rgba(95,83,69,.18) !important;
  border-radius:18px 28px 20px 12px !important;
  backdrop-filter:none !important;
  box-shadow:0 16px 40px rgba(31,26,22,.18) !important;
}
.mobile-menu-head{border-bottom:1px solid rgba(95,83,69,.14) !important}
.mobile-menu-close{background:#f9f4eb !important;border-color:rgba(95,83,69,.2) !important;border-radius:10px 16px 12px 10px !important}
.mobile-menu-links a{border-radius:10px 16px 10px 14px !important}
.mobile-menu-links a:hover{background:#eee3d0 !important}
.mobile-menu-actions{border-top:1px solid rgba(95,83,69,.14) !important}

main{
  width:min(1280px, calc(100% - 24px));
  margin:14px auto 0;
}
.section{
  padding:0 !important;
  margin:0 0 14px;
}
.section-inner{
  max-width:none !important;
  width:100% !important;
  padding:18px !important;
  background:#f4eddf;
  border:1px solid rgba(95,83,69,.14);
  box-shadow:0 10px 26px rgba(31,26,22,.05);
}
#top .section-inner{border-radius:18px 34px 22px 16px; background:#f1e8d8}
.story-section .section-inner{border-radius:30px 18px 26px 14px; background:#efe5d4}
.section:nth-of-type(3) .section-inner{border-radius:20px 14px 28px 32px}
#how .section-inner{border-radius:14px 26px 16px 30px}
#insideSection .section-inner{border-radius:28px 18px 14px 26px}
#designsSection .section-inner{border-radius:16px 30px 20px 14px}
#examplesSection .section-inner{border-radius:24px 14px 28px 16px}
#formSection .section-inner{border-radius:18px 26px 14px 30px; background:#f2e9da}
#faqSection .section-inner{border-radius:30px 18px 22px 14px}
.section-label{
  display:inline-block;
  margin-bottom:10px !important;
  padding:5px 9px;
  border-radius:8px 12px 8px 10px;
  background:#e8dac4 !important;
  color:#54493f !important;
  border:1px solid rgba(95,83,69,.14);
  font-size:12px !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:800;
}
.section-title-row{align-items:flex-end !important;gap:10px !important;margin-bottom:2px !important}
.section-title{
  color:#221c17 !important;
  font-size:clamp(24px,3vw,38px) !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
  line-height:1.05 !important;
}
.section-sub{
  color:#5f544a !important;
  max-width:760px;
  font-size:15px !important;
  line-height:1.45 !important;
}
.section-illus{width:42px !important;height:42px !important;object-fit:contain;filter:none !important;opacity:.95}

.hero-grid{
  display:grid !important;
  grid-template-columns: 7fr 5fr;
  gap:16px !important;
  align-items:stretch;
}
.hero-left{
  background:url('/assets/redesign-v2/paper-texture.jpg') center/cover no-repeat;
  border:1px solid rgba(95,83,69,.16);
  border-radius:14px 30px 18px 12px;
  padding:18px;
  position:relative;
}
.hero-left::before{
  content:"";
  position:absolute;
  inset:auto 18px 18px auto;
  width:164px;height:82px;
  background:url('/assets/redesign-v2/note-stamp.png') center/contain no-repeat;
  opacity:.92;
  pointer-events:none;
}
.hero-pill{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  background:#efe3cf !important;
  border:1px solid rgba(95,83,69,.14);
  color:#4d433a !important;
  border-radius:8px 14px 10px 8px !important;
  padding:7px 10px !important;
  margin-bottom:12px !important;
}
.hero-pill-dot{background:#7d4330 !important; box-shadow:none !important}
.hero-title{
  font-size:clamp(34px,4.4vw,58px) !important;
  line-height:.96 !important;
  letter-spacing:-.035em !important;
  margin:0 0 12px !important;
  max-width:620px;
  color:#211c17 !important;
}
.hero-highlight{
  background:none !important;
  -webkit-text-fill-color:initial !important;
  color:#7d4330 !important;
  position:relative;
}
.hero-highlight::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:2px;
  height:8px;
  background:rgba(139,75,47,.17);
  z-index:-1;
  border-radius:4px 8px 4px 6px;
}
.hero-sub{font-size:16px !important;line-height:1.45 !important;color:#53483f !important;max-width:560px;margin-bottom:14px !important}
.hero-actions{display:flex !important;gap:10px !important;flex-wrap:wrap;margin-bottom:10px !important}
.hero-main-btn,.hero-secondary-btn{
  border-radius:12px 18px 14px 10px !important;
  border:1px solid rgba(95,83,69,.16) !important;
  box-shadow:none !important;
  font-weight:800 !important;
}
.hero-main-btn{
  background:#2c2620 !important;
  color:#f5efe5 !important;
  padding:12px 14px !important;
  min-height:48px;
}
.hero-main-btn:hover{transform:none !important;background:#221d19 !important}
.hero-secondary-btn{background:#efe4d1 !important;color:#2c261f !important;padding:12px 14px !important}
.hero-note{
  font-size:13px !important;
  color:#5f544a !important;
  background:#f8f2e7;
  border:1px dashed rgba(95,83,69,.2);
  border-radius:10px 14px 8px 12px;
  padding:10px 11px;
  margin:0 0 10px !important;
  max-width:520px;
}
.hero-badges{
  display:grid !important;
  grid-template-columns:repeat(8,1fr);
  gap:8px !important;
  max-width:540px;
}
.hero-badge{
  grid-column:span 4;
  background:#f7f1e6 !important;
  border:1px solid rgba(95,83,69,.14);
  color:#3f362e !important;
  border-radius:8px 16px 12px 8px !important;
  font-size:13px !important;
  padding:9px 10px !important;
}
.hero-badge:nth-child(1){grid-column:span 5;border-radius:14px 22px 10px 12px !important}
.hero-badge:nth-child(2){grid-column:span 3;border-radius:8px 12px 18px 10px !important}
.hero-badge:nth-child(3){grid-column:span 8;border-radius:10px 18px 12px 20px !important}
.hero-right{
  display:grid;
  grid-template-rows:1fr;
}
.hero-illus-card{
  position:relative;
  min-height:430px;
  border-radius:26px 14px 20px 12px !important;
  border:1px solid rgba(95,83,69,.16);
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(26,22,18,.2), rgba(26,22,18,.35)),
    url('/assets/redesign-v2/scene-hero-board.jpg') center/cover no-repeat !important;
  box-shadow:none !important;
}
.hero-illus-card::before{
  content:"";
  position:absolute;
  inset:auto 18px 18px 18px;
  height:64px;
  border-radius:12px 18px 10px 14px;
  background:rgba(243,236,223,.92);
  border:1px solid rgba(95,83,69,.18);
}
.hero-illus-stack{
  position:absolute !important;
  right:14px; top:14px;
  width:120px; height:120px;
}
.hero-illus{position:absolute !important;filter:none !important;opacity:1 !important;animation:none !important}
.hero-illus-stack .hero-illus:nth-child(1){width:72px;height:72px;right:0;top:0;transform:rotate(6deg)}
.hero-illus-stack .hero-illus:nth-child(2){width:54px;height:54px;left:6px;top:34px;transform:rotate(-8deg)}
.hero-illus-stack .hero-illus:nth-child(3){width:58px;height:58px;right:18px;top:58px;transform:rotate(8deg)}
.hero-illus-caption{
  position:absolute !important;
  left:30px; right:30px; bottom:32px;
  font-size:14px !important;
  line-height:1.35 !important;
  color:#2e271f !important;
  font-weight:700;
  background:none !important;
  border:none !important;
  padding:0 !important;
}

.story-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:12px !important;
  align-items:stretch;
}
.story-photo{overflow:hidden;border:1px solid rgba(95,83,69,.16);background:#e7ddce}
.story-photo img{width:100%;height:100%;display:block;object-fit:cover;transform:none !important}
.story-photo.large{grid-column:1/8;grid-row:1/3;border-radius:30px 14px 22px 14px;min-height:350px}
.story-note{
  grid-column:8/13;grid-row:1/2;
  border:1px solid rgba(95,83,69,.16);
  background:url('/assets/redesign-v2/paper-texture.jpg') center/cover no-repeat;
  border-radius:12px 22px 16px 12px;
  padding:16px;
}
.story-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7a6d5f;margin-bottom:8px;font-weight:800}
.story-note h3{margin:0 0 8px;font-size:24px;line-height:1.05;letter-spacing:-.02em;color:#231e18}
.story-note p{margin:0 0 10px;color:#5d5248;line-height:1.4;font-size:14px}
.story-note ul{margin:0;padding-left:18px;color:#493f37;display:grid;gap:7px;font-size:14px}
.story-photo.small.a{grid-column:8/11;grid-row:2/3;border-radius:14px 20px 12px 24px;min-height:160px}
.story-photo.small.b{grid-column:11/13;grid-row:2/3;border-radius:18px 10px 22px 12px;min-height:160px}
.story-object{
  grid-column:1/4;
  grid-row:2/3;
  border:1px solid rgba(95,83,69,.16);
  border-radius:14px 24px 12px 20px;
  background:#efe4d2;
  position:relative;
  overflow:hidden;
  min-height:160px;
}
.story-object::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:10px 18px 10px 14px;
  background:url('/assets/redesign-v2/scene-calendar.jpg') center/cover no-repeat;
  opacity:.88;
}
.story-object img{position:absolute;z-index:2;filter:none !important}
.story-object img:nth-child(1){width:58px;left:12px;top:10px;transform:rotate(-8deg)}
.story-object img:nth-child(2){width:62px;right:12px;top:26px;transform:rotate(7deg)}
.story-object img:nth-child(3){width:54px;left:42%;bottom:10px;transform:translateX(-50%) rotate(4deg)}

.tag-row{display:flex !important;flex-wrap:wrap;gap:8px !important;margin-top:10px !important}
.tag-pill{
  background:#efe4d2 !important;
  border:1px solid rgba(95,83,69,.14);
  color:#43392f !important;
  border-radius:9px 16px 10px 7px !important;
  padding:8px 10px !important;
  font-size:13px !important;
}
.features-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px !important;
  margin-top:12px !important;
}
.features-grid .feature-card{
  margin:0 !important;
  background:#f8f2e6 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  box-shadow:none !important;
  padding:14px !important;
}
.features-grid .feature-card:nth-child(1){grid-column:1/6;border-radius:14px 22px 12px 10px !important;background:url('/assets/redesign-v2/paper-texture.jpg') center/cover no-repeat !important}
.features-grid .feature-card:nth-child(2){grid-column:6/13;border-radius:10px 18px 18px 12px !important}
.features-grid .feature-card:nth-child(3){grid-column:3/11;border-radius:18px 12px 20px 14px !important;background:#efe5d3 !important}
.feature-title{font-size:18px !important;color:#211c17 !important;line-height:1.1 !important;margin:0 0 7px !important;font-weight:900 !important}
.feature-text{font-size:14px !important;color:#5a4f45 !important;line-height:1.42 !important}
.feature-head{align-items:flex-start !important;gap:10px !important}
.feature-illus{width:44px !important;height:44px !important;filter:none !important}

.steps-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px !important;
  margin-top:12px !important;
}
.step-card{
  background:#f8f2e6 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  border-radius:12px 20px 14px 10px !important;
  box-shadow:none !important;
  padding:14px !important;
  position:relative;
}
.step-card::before{
  content:"";
  position:absolute;
  left:12px; top:12px;
  width:40px; height:4px;
  background:#8a4b2f;
  border-radius:2px;
  opacity:.6;
}
.step-card:nth-child(1){grid-column:1/8;border-radius:14px 24px 12px 12px !important;background:url('/assets/redesign-v2/paper-texture.jpg') center/cover no-repeat !important}
.step-card:nth-child(2){grid-column:8/13;border-radius:10px 16px 20px 12px !important}
.step-card:nth-child(3){grid-column:3/12;border-radius:18px 10px 22px 14px !important;background:#efe4d1 !important}
.step-num{color:#7c6d5e !important;font-weight:800 !important;font-size:12px !important;text-transform:uppercase;letter-spacing:.08em;padding-top:10px}
.step-top{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:8px !important;margin-top:6px !important}
.step-title{font-size:17px !important;font-weight:900 !important;line-height:1.15 !important;color:#211c17 !important}
.step-illus{width:40px !important;height:40px !important;filter:none !important}
.step-text{font-size:14px !important;color:#584d43 !important;line-height:1.42 !important;margin-top:7px !important}

.inside-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px !important;
  margin-top:12px !important;
}
.inside-grid > .feature-card{
  grid-column:1/8;
  background:#f8f2e6 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  border-radius:14px 24px 12px 12px !important;
  box-shadow:none !important;
  padding:14px !important;
}
.inside-bullets{margin:10px 0 0 !important;padding-left:18px !important;display:grid;gap:6px;color:#4a4038;font-size:14px;line-height:1.38}
.inside-tiles{grid-column:8/13;display:grid !important;grid-template-columns:1fr 1fr;gap:10px !important}
.tile{
  margin:0 !important;
  background:#efe4d2 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  border-radius:10px 16px 12px 10px !important;
  box-shadow:none !important;
  padding:12px !important;
  min-height:150px;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-start;
}
.tile:nth-child(1){border-radius:12px 20px 10px 14px !important;background:linear-gradient(rgba(28,24,20,.36),rgba(28,24,20,.36)), url('/assets/redesign-v2/scene-calendar.jpg') center/cover no-repeat !important;color:#fff}
.tile:nth-child(2){border-radius:18px 10px 16px 12px !important;background:linear-gradient(rgba(28,24,20,.42),rgba(28,24,20,.42)), url('/assets/redesign-v2/scene-route.jpg') center/cover no-repeat !important;color:#fff}
.tile:nth-child(3){border-radius:10px 14px 22px 10px !important;background:#f8f2e6 !important}
.tile:nth-child(4){border-radius:20px 12px 12px 18px !important;background:url('/assets/redesign-v2/paper-texture.jpg') center/cover no-repeat !important}
.tile img{width:34px !important;height:34px !important;filter:none !important;margin-bottom:8px !important}
.tile b{display:block;font-size:14px;line-height:1.2}
.tile p{margin:4px 0 0 !important;font-size:12px !important;line-height:1.35 !important;color:inherit !important;opacity:.92}

.design-effect-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px !important;
  margin-top:12px !important;
}
.designs-wrap{grid-column:1/8;background:#f8f2e6;border:1px solid rgba(95,83,69,.14);border-radius:14px 24px 12px 12px;padding:14px}
.effects-wrap{grid-column:8/13;background:#efe4d2;border:1px solid rgba(95,83,69,.14);border-radius:10px 16px 20px 12px;padding:14px}
.designs-title,.effects-title{font-size:18px !important;font-weight:900 !important;color:#221c17 !important}
.designs-sub,.effects-sub{font-size:13px !important;color:#5e5349 !important;line-height:1.4 !important;margin-top:5px !important}
.choice-grid-static{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px !important;
  margin-top:12px !important;
}
.choice-card-static{
  margin:0 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  background:#f7f1e6 !important;
  border-radius:10px 16px 12px 10px !important;
  box-shadow:none !important;
  overflow:hidden;
}
.designs-wrap .choice-card-static:nth-child(1){grid-column:1/3;border-radius:12px 20px 12px 14px !important}
.designs-wrap .choice-card-static:nth-child(4){grid-column:1/3;border-radius:18px 12px 16px 20px !important}
.effects-wrap .choice-grid-static{grid-template-columns:1fr !important}
.choice-preview{
  min-height:88px !important;
  border-bottom:1px solid rgba(95,83,69,.12) !important;
  position:relative;
}
.choice-preview::after{
  content:"";
  position:absolute; inset:8px;
  border-radius:8px 12px 8px 10px;
  border:1px solid rgba(255,255,255,.35);
}
.choice-preview-label{
  position:absolute !important;
  left:10px; bottom:8px;
  background:rgba(244,237,223,.92) !important;
  color:#2a241f !important;
  border:1px solid rgba(95,83,69,.15);
  border-radius:8px 12px 8px 10px !important;
  padding:4px 8px !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.choice-name{padding:10px 12px 4px !important;color:#221c17 !important;font-size:14px !important;font-weight:800 !important}
.choice-desc{padding:0 12px 12px !important;color:#5b5046 !important;font-size:12px !important;line-height:1.35 !important}
.choice-preview.classic{background:linear-gradient(rgba(28,24,20,.25),rgba(28,24,20,.3)),url('/assets/redesign-v2/scene-hero-board.jpg') center/cover no-repeat !important}
.choice-preview.gold{background:linear-gradient(rgba(28,24,20,.12),rgba(28,24,20,.16)),url('/assets/redesign-v2/texture-warm.jpg') center/cover no-repeat !important}
.choice-preview.mint{background:linear-gradient(rgba(216,233,226,.78),rgba(216,233,226,.86)),url('/assets/redesign-v2/paper-texture.jpg') center/cover no-repeat !important}
.choice-preview.dark{background:linear-gradient(rgba(18,16,14,.55),rgba(18,16,14,.62)),url('/assets/redesign-v2/scene-route.jpg') center/cover no-repeat !important}
.choice-preview.pastel{background:linear-gradient(rgba(245,240,233,.85),rgba(245,240,233,.92)),url('/assets/redesign-v2/texture-fabric.jpg') center/cover no-repeat !important}
.choice-preview.neon{background:linear-gradient(rgba(70,32,20,.35),rgba(70,32,20,.35)),url('/assets/redesign-v2/texture-warm.jpg') center/cover no-repeat !important}
.choice-preview.effect-preview-none{background:url('/assets/redesign-v2/paper-texture.jpg') center/cover no-repeat !important}
.choice-preview.effect-preview-snow{background:linear-gradient(rgba(236,236,233,.45),rgba(236,236,233,.45)),url('/assets/redesign-v2/scene-calendar.jpg') center/cover no-repeat !important}
.choice-preview.effect-preview-confetti{background:linear-gradient(rgba(28,24,20,.2),rgba(28,24,20,.25)),url('/assets/redesign-v2/scene-hero-board.jpg') center/cover no-repeat !important}
.choice-preview.effect-preview-disco{background:linear-gradient(rgba(25,22,19,.45),rgba(25,22,19,.45)),url('/assets/redesign-v2/scene-route.jpg') center/cover no-repeat !important}

.examples-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px !important;
  margin-top:12px !important;
}
.example-card{
  margin:0 !important;
  border:1px solid rgba(95,83,69,.15) !important;
  background:#f8f2e6 !important;
  border-radius:12px 18px 10px 14px !important;
  box-shadow:none !important;
  padding:8px !important;
  overflow:hidden;
}
.example-card:nth-child(1){grid-column:1/8;border-radius:16px 24px 12px 14px !important}
.example-card:nth-child(2){grid-column:8/13;border-radius:10px 16px 20px 12px !important}
.example-card:nth-child(3){grid-column:1/5;border-radius:14px 10px 22px 12px !important}
.example-card:nth-child(4){grid-column:5/13;border-radius:20px 12px 14px 18px !important}
.example-card:nth-child(5){grid-column:1/7;border-radius:10px 20px 12px 16px !important}
.example-card:nth-child(6){grid-column:7/13;border-radius:18px 10px 18px 12px !important}
.example-thumb{width:100% !important;height:100% !important;display:block;object-fit:cover;border-radius:8px 12px 8px 10px !important}
.lightbox{background:rgba(18,16,14,.84) !important}
.lightbox-inner{background:#f4eddf !important;border:1px solid rgba(95,83,69,.16) !important;border-radius:16px 24px 14px 12px !important;box-shadow:none !important}
.lightbox-close{background:#2d2620 !important;color:#f4eddf !important;border-radius:8px 12px 8px 10px !important}
.lightbox-caption{color:#4f463f !important}

.cta-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px !important;
  margin-top:12px !important;
}
.cta-grid > div:first-child{grid-column:1/9}
.cta-grid > .tariff-card{grid-column:9/13}
.form-card{
  background:#f8f2e6 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  border-radius:14px 24px 12px 12px !important;
  box-shadow:none !important;
  padding:16px !important;
  background-image:url('/assets/redesign-v2/paper-texture.jpg') !important;
  background-size:cover !important;
}
.form-title{font-size:22px !important;line-height:1.05 !important;color:#221c17 !important;font-weight:900 !important}
.form-sub{font-size:13px !important;color:#5f544a !important;line-height:1.4 !important;margin-top:6px !important}
.field{margin-top:10px !important}
.field label{color:#40362e !important;font-weight:700 !important;font-size:13px !important;margin-bottom:4px !important;display:block}
.field input,.field textarea,#emailLoginInput{
  background:#fbf7f0 !important;
  border:1px solid rgba(95,83,69,.18) !important;
  color:#241f1a !important;
  border-radius:10px 14px 10px 8px !important;
  box-shadow:none !important;
}
.field input:focus,.field textarea:focus,#emailLoginInput:focus{outline:none;border-color:#8a4b2f !important;box-shadow:0 0 0 2px rgba(138,75,47,.12) !important}
.extra-help,.form-note,.login-email-hint{color:#5f544a !important}
.consent{
  margin-top:12px !important;
  background:#efe4d1 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  border-radius:10px 14px 8px 12px !important;
  padding:10px !important;
}
.consent input{accent-color:#2d2620}
.privacy-link{color:#6c3f2e !important}
.submit-btn,#chooseDesignBtn{
  background:#2d2620 !important;
  color:#f5efe4 !important;
  border:1px solid #2d2620 !important;
  border-radius:12px 18px 14px 10px !important;
  box-shadow:none !important;
  margin-top:12px !important;
  font-weight:800 !important;
}
.submit-btn:hover,#chooseDesignBtn:hover{transform:none !important;background:#221d19 !important}
.tariff-card{
  margin:0 !important;
  background:#efe4d2 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  border-radius:10px 16px 20px 12px !important;
  box-shadow:none !important;
  padding:14px !important;
  position:relative;
  overflow:hidden;
}
.tariff-card::before{
  content:"";
  position:absolute;
  inset:auto -20px -40px auto;
  width:220px;height:220px;
  background:url('/assets/redesign-v2/scene-hero-board.jpg') center/cover no-repeat;
  border-radius:50%;
  opacity:.22;
}
.tariff-label,.tariff-price span,.tariff-list{color:#5f544a !important}
.tariff-name,.tariff-price{color:#221c17 !important}
.tariff-list li{border-color:rgba(95,83,69,.12) !important}

#faqSection .faq-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px !important;
  margin-top:12px !important;
}
#faqSection .faq-card{
  margin:0 !important;
  background:#f8f2e6 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  box-shadow:none !important;
  padding:14px !important;
}
#faqSection .faq-card:nth-child(1){grid-column:1/7;border-radius:14px 24px 12px 12px !important}
#faqSection .faq-card:nth-child(2){grid-column:7/13;border-radius:10px 16px 20px 12px !important}
#faqSection .faq-card:nth-child(3){grid-column:1/5;border-radius:18px 12px 14px 22px !important}
#faqSection .faq-card:nth-child(4){grid-column:5/13;border-radius:12px 22px 16px 10px !important}
#faqSection .faq-card:nth-child(n+5){grid-column:span 6;border-radius:10px 16px 12px 10px !important}
.faq-q{color:#221c17 !important;font-size:15px !important;line-height:1.25 !important;font-weight:900 !important;margin-bottom:6px !important}
.faq-a{color:#5a4f45 !important;font-size:14px !important;line-height:1.42 !important}

footer{
  margin:0 auto 16px;
  width:min(1280px, calc(100% - 24px));
  background:#f4eddf !important;
  border:1px solid rgba(95,83,69,.14) !important;
  border-radius:16px 24px 14px 12px !important;
  box-shadow:0 8px 24px rgba(31,26,22,.04) !important;
}
.footer-inner{padding:14px 16px !important}
.footer-buttons{gap:8px !important;flex-wrap:wrap}
.footer-btn{
  background:#efe4d1 !important;
  border:1px solid rgba(95,83,69,.14) !important;
  color:#2f2822 !important;
  border-radius:10px 14px 10px 8px !important;
}
.footer-text{color:#61564b !important}
#cookieBanner{
  background:#f4eddf !important;
  border:1px solid rgba(95,83,69,.18) !important;
  border-radius:14px 18px 12px 10px !important;
  box-shadow:0 12px 30px rgba(31,26,22,.14) !important;
}
#cookieBanner button{border-radius:10px 14px 10px 8px !important}
#cookieAcceptBtn{background:#2d2620 !important;color:#f4eddf !important;border:1px solid #2d2620 !important}
#cookiePrivacyBtn{background:#efe4d1 !important;color:#2f2822 !important;border:1px solid rgba(95,83,69,.14) !important}

.popup .popup-box,.account-box,.choice-box,.policy-box,.cookie-box{
  background:#f4eddf !important;
  border:1px solid rgba(95,83,69,.16) !important;
  box-shadow:0 18px 36px rgba(31,26,22,.18) !important;
}
.choice-card,.choice-preview,.menu-link{box-shadow:none !important}
.choice-card,.choice-card.selected{border-radius:10px 16px 12px 8px !important;border-color:rgba(95,83,69,.18) !important;background:#f8f2e6 !important}
.choice-card.selected{outline:2px solid rgba(138,75,47,.25)}
.choice-close,.account-close{background:#2d2620 !important;color:#f4eddf !important;border-radius:8px 12px 8px 10px !important}

@media (max-width:1100px){
  .hero-grid{grid-template-columns:1fr !important}
  .hero-right{min-height:0}
  .hero-illus-card{min-height:360px}
  .story-photo.large{grid-column:1/13;grid-row:1/2}
  .story-note{grid-column:1/8;grid-row:2/3}
  .story-object{grid-column:8/13;grid-row:2/3}
  .story-photo.small.a{grid-column:1/7;grid-row:3/4}
  .story-photo.small.b{grid-column:7/13;grid-row:3/4}
  .features-grid .feature-card:nth-child(1),.features-grid .feature-card:nth-child(2),.features-grid .feature-card:nth-child(3){grid-column:span 12 !important}
  .step-card:nth-child(1),.step-card:nth-child(2),.step-card:nth-child(3){grid-column:span 12 !important}
  .inside-grid > .feature-card{grid-column:1/13}
  .inside-tiles{grid-column:1/13}
  .designs-wrap,.effects-wrap{grid-column:1/13}
  .cta-grid > div:first-child,.cta-grid > .tariff-card{grid-column:1/13}
  #faqSection .faq-card{grid-column:span 12 !important}
  .example-card:nth-child(1),.example-card:nth-child(2),.example-card:nth-child(3),.example-card:nth-child(4),.example-card:nth-child(5),.example-card:nth-child(6){grid-column:span 6 !important}
}
@media (max-width:860px){
  .nav{display:none !important}
  .header-btn-menu{display:flex !important}
  .header-inner{padding:9px 12px !important}
  main{width:calc(100% - 14px);margin-top:8px}
  .section{margin-bottom:10px}
  .section-inner{padding:12px !important}
  .logo-text-sub{display:none}
  #accountBtn{display:none !important}
  .hero-left{padding:12px}
  .hero-left::before{width:140px;height:70px;right:10px;bottom:10px;opacity:.85}
  .hero-title{font-size:34px !important}
  .hero-badges{grid-template-columns:repeat(6,1fr)}
  .hero-badge:nth-child(1){grid-column:span 6 !important}
  .hero-badge:nth-child(2){grid-column:span 3 !important}
  .hero-badge:nth-child(3){grid-column:span 3 !important}
  .hero-illus-card{min-height:290px;border-radius:18px 12px 16px 10px !important}
  .hero-illus-caption{left:16px;right:16px;bottom:16px;font-size:13px !important}
  .section-title{font-size:26px !important}
  .story-note h3{font-size:20px}
  .choice-grid-static{grid-template-columns:1fr !important}
  .designs-wrap .choice-card-static:nth-child(1),.designs-wrap .choice-card-static:nth-child(4){grid-column:auto !important}
  .examples-grid{grid-template-columns:1fr 1fr !important}
  .example-card:nth-child(n){grid-column:auto !important}
  .example-card{min-height:150px}
  .example-thumb{height:100% !important;min-height:132px}
  .inside-tiles{grid-template-columns:1fr}
  .tile{min-height:122px}
  .tariff-card::before{width:170px;height:170px}
}
@media (max-width:560px){
  .header-inner{gap:8px}
  .header-btn{padding:10px 10px !important;font-size:12px !important}
  #headerCreateBtn{padding-inline:10px !important}
  .hero-pill{font-size:11px !important}
  .hero-title{font-size:30px !important}
  .hero-sub{font-size:14px !important}
  .hero-actions{flex-direction:column}
  .hero-main-btn,.hero-secondary-btn{width:100%;justify-content:center}
  .hero-badge{font-size:12px !important}
  .section-title{font-size:22px !important}
  .section-sub{font-size:14px !important}
  .story-note,.story-object,.story-photo.small.a,.story-photo.small.b{grid-column:1/13 !important}
  .story-object{min-height:130px}
  .story-photo.small.a,.story-photo.small.b{min-height:130px}
  .tag-pill{font-size:12px !important}
  .feature-title,.step-title{font-size:16px !important}
  .form-title{font-size:20px !important}
  .example-card{padding:6px !important}
  footer{width:calc(100% - 14px)}
}