/* SeatLayer Venue Designer — Goal 5E product journey. */

.skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:1000;
  transform:translateY(-160%);
  padding:10px 14px;
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font-weight:750;
  box-shadow:var(--shadow-card)
}
.skip-link:focus{transform:none}

.designer-hero,
.designer-workflow,
.designer-imports,
.designer-platform,
.designer-final{
  color:#f4f7fc
}
.designer-hero :focus-visible,
.designer-workflow :focus-visible,
.designer-imports :focus-visible,
.designer-platform :focus-visible,
.designer-final :focus-visible{
  outline:3px solid #ffd166;
  outline-offset:3px
}

.designer-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(62px,6vw,88px) 0 clamp(58px,5vw,76px);
  background:
    radial-gradient(75% 105% at 90% 5%,rgba(84,100,255,.25),transparent 59%),
    radial-gradient(54% 75% at 0 0,rgba(244,183,64,.12),transparent 60%),
    #0b111b
}
.designer-hero:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-330px;
  bottom:-350px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:50%;
  box-shadow:
    0 0 0 74px rgba(255,255,255,.02),
    0 0 0 148px rgba(255,255,255,.012);
  pointer-events:none
}
.designer-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);
  gap:clamp(34px,5vw,72px);
  align-items:center
}
.designer-hero-grid>*{min-width:0}
.designer-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  color:#c2cada;
  font:700 11px/1.45 var(--mono);
  letter-spacing:.13em;
  text-transform:uppercase
}
.designer-kicker i{
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#54d395;
  box-shadow:0 0 0 5px rgba(84,211,149,.11)
}
.designer-hero h1{
  max-width:780px;
  margin-top:19px;
  color:#f9fbff;
  font-size:clamp(2.65rem,calc(2.05rem + 3vw),4.5rem);
  font-weight:800;
  line-height:.98;
  letter-spacing:-.058em;
  text-wrap:balance
}
.designer-hero h1 em{
  display:block;
  color:#f5c45d;
  font-style:normal
}
.designer-answer{
  max-width:690px;
  margin-top:24px;
  color:#c2cada;
  font-size:clamp(1.02rem,calc(.96rem + .27vw),1.16rem);
  line-height:1.7;
  text-wrap:pretty
}
.designer-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px
}
.designer-actions .btn,
.designer-btn-ghost,
.designer-btn-dark{
  display:inline-flex;
  min-height:52px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  padding:0 22px;
  font-weight:760;
  text-align:center
}
.designer-btn-ghost{
  border:1px solid #59677f;
  color:#edf2fa;
  background:rgba(255,255,255,.025)
}
.designer-btn-ghost:hover{border-color:#8795ad;background:rgba(255,255,255,.06)}
.designer-maker-link{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  margin-top:10px;
  color:#f5c45d;
  font-size:.9rem;
  font-weight:760;
  text-decoration:underline;
  text-underline-offset:4px
}
.designer-hero-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px
}
.designer-hero-facts span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:4px 10px;
  color:#aeb9cb;
  font:700 9px/1.4 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase
}
.designer-hero-proof{
  align-self:center;
  overflow:hidden;
  margin:0;
  border:1px solid #34425a;
  border-radius:18px;
  background:#101824;
  box-shadow:0 32px 80px rgba(0,0,0,.34)
}
.designer-window-bar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  min-height:43px;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #2c3950;
  padding:0 14px;
  color:#8f9bb0;
  font:700 9px/1.2 var(--mono);
  letter-spacing:.09em;
  text-transform:uppercase
}
.designer-window-bar>b{
  overflow:hidden;
  color:#c5cfdf;
  text-overflow:ellipsis;
  white-space:nowrap
}
.designer-window-dots{display:flex;gap:5px}
.designer-window-dots i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#41506a
}
.designer-hero-dia{min-height:300px}
.designer-hero-dia .dgz{min-height:300px}
.designer-hero-proof figcaption{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:12px 15px 14px;
  color:#909db2;
  font-size:.72rem;
  line-height:1.45
}
.designer-hero-proof figcaption b{color:#dce4ef}

.designer-continuity,
.designer-toolkit,
.designer-templates,
.designer-faq{
  background:#f6f0e4
}
.designer-continuity{padding:clamp(70px,7vw,104px) 0}
.designer-section-head{
  max-width:790px
}
.designer-section-head.center{
  margin-inline:auto;
  text-align:center
}
.designer-section-head .eyebrow{
  font:700 10px/1.45 var(--mono);
  letter-spacing:.13em
}
.designer-section-head h2{
  margin-top:14px;
  color:#f7f9fd;
  font-size:clamp(2.15rem,calc(1.72rem + 2.15vw),3.75rem);
  line-height:1.02;
  letter-spacing:-.047em;
  text-wrap:balance
}
.designer-section-head>p,
.designer-section-head-split>p{
  margin-top:18px;
  color:#aeb9cb;
  font-size:clamp(.98rem,calc(.94rem + .18vw),1.08rem);
  line-height:1.72;
  text-wrap:pretty
}
.designer-section-head-light h2{color:#111827}
.designer-section-head-light>p,
.designer-section-head-light.designer-section-head-split>p{color:#596273}
.designer-section-head-split{
  display:grid;
  max-width:none;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);
  gap:clamp(28px,5vw,78px);
  align-items:end
}
.designer-section-head-split>p{margin:0}
.designer-continuity-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:42px;
  list-style:none
}
.designer-continuity-list li{
  display:grid;
  min-width:0;
  grid-template-columns:46px 1fr;
  gap:16px;
  border:1px solid #d8cdbb;
  border-radius:16px;
  padding:22px;
  background:#fffaf1;
  box-shadow:0 18px 46px rgba(53,41,20,.08)
}
.designer-continuity-number{
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border:1px solid #d3c4ab;
  border-radius:13px;
  color:#9e6900;
  background:#f7eddc;
  font:700 10px/1 var(--mono);
  letter-spacing:.08em
}
.designer-continuity-list b{
  color:#8a5b00;
  font:700 9px/1.4 var(--mono);
  letter-spacing:.1em
}
.designer-continuity-list h3{
  margin-top:8px;
  color:#182130;
  font-size:1.08rem;
  line-height:1.25;
  letter-spacing:-.02em
}
.designer-continuity-list p{
  margin-top:8px;
  color:#616a79;
  font-size:.84rem;
  line-height:1.6
}
.designer-continuity-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 26px;
  margin-top:14px
}
.designer-continuity-actions a{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  color:#f4c75b;
  font-weight:700;
  font-size:.9rem
}
.designer-continuity-actions a:hover{color:#fff}
.designer-copilot{padding:clamp(70px,7vw,104px) 0;background:#0b111b;color:#edf2fb}
.designer-copilot .designer-section-head h2{color:#edf2fb}
.designer-copilot .designer-section-head p{color:#a6b1c4}
.designer-copilot-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.designer-copilot-tiles article{display:flex;flex-direction:column;padding:22px;border:1px solid var(--panel-line,#2c3950);border-radius:16px;background:rgba(255,255,255,.03)}
.designer-copilot-state{align-self:flex-start;padding:4px 8px;border:1px solid #4a5a78;border-radius:999px;color:#c8d2e2;font:600 .62rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.designer-copilot-sub{color:#9aa6ba;font-size:.85em}
.designer-copilot-tiles h3{margin-top:12px;font-size:1.15rem;letter-spacing:-.02em}
.designer-copilot-tiles p{margin-top:8px;color:#a6b1c4;font-size:.86rem;line-height:1.55;flex:1}
.designer-copilot-tiles a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#f4c75b;font-weight:700;font-size:.86rem}
.designer-copilot-tiles a:hover{color:#fff}

.designer-workflow{
  position:relative;
  overflow:hidden;
  padding:clamp(74px,7vw,106px) 0;
  background:
    linear-gradient(110deg,rgba(41,55,92,.34),transparent 55%),
    #0d1522
}
.designer-workflow:after{
  content:"";
  position:absolute;
  inset:auto -10% -65% 38%;
  height:520px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:50%;
  pointer-events:none
}
.designer-steps{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:42px;
  list-style:none
}
.designer-steps li{
  position:relative;
  min-width:0;
  border:1px solid #303d55;
  border-radius:16px;
  padding:24px;
  background:rgba(17,26,40,.86)
}
.designer-step-number{
  position:absolute;
  top:17px;
  right:18px;
  color:#758297;
  font:700 10px/1 var(--mono);
  letter-spacing:.1em
}
.designer-step-icon{
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid #5b4927;
  border-radius:14px;
  color:#f5c45d;
  background:#191b1b;
  font:700 9px/1 var(--mono);
  letter-spacing:.1em
}
.designer-steps h3{
  margin-top:22px;
  color:#f5f7fb;
  font-size:clamp(1.2rem,calc(1.1rem + .5vw),1.52rem);
  line-height:1.2;
  letter-spacing:-.025em
}
.designer-steps p{
  margin-top:10px;
  color:#aeb9cb;
  font-size:.9rem;
  line-height:1.62
}
.designer-steps a{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  margin-top:12px;
  color:#f5c45d;
  font-size:.82rem;
  font-weight:760
}

.designer-toolkit{padding:clamp(72px,7vw,104px) 0}
.designer-tool-groups{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:40px
}
.designer-tool-groups article{
  min-width:0;
  border:1px solid #d8cdbb;
  border-radius:16px;
  padding:22px;
  background:#fffaf1
}
.designer-tool-mark{
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border-radius:13px;
  color:#f5c45d;
  background:#111827;
  font:700 9px/1 var(--mono);
  letter-spacing:.08em
}
.designer-tool-groups h3{
  margin-top:18px;
  color:#182130;
  font-size:1.16rem;
  letter-spacing:-.02em
}
.designer-tool-groups p{
  margin-top:8px;
  color:#616a79;
  font-size:.86rem;
  line-height:1.58
}
.designer-tool-groups ul{
  display:grid;
  gap:8px;
  margin-top:16px;
  padding:0;
  list-style:none
}
.designer-tool-groups li{
  position:relative;
  padding-left:18px;
  color:#3f4857;
  font-size:.78rem;
  line-height:1.45
}
.designer-tool-groups li:before{
  content:"";
  position:absolute;
  left:0;
  top:.48em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4abf8a
}

.designer-imports{
  padding:clamp(74px,7vw,104px) 0;
  background:
    radial-gradient(60% 90% at 0 10%,rgba(244,183,64,.11),transparent 60%),
    #111927
}
.designer-import-grid{
  display:grid;
  grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);
  gap:clamp(36px,6vw,88px);
  align-items:start
}
.designer-import-copy h2,
.designer-platform h2,
.designer-final h2{
  margin-top:15px;
  color:#f7f9fd;
  font-size:clamp(2.12rem,calc(1.7rem + 2.1vw),3.72rem);
  line-height:1.03;
  letter-spacing:-.047em;
  text-wrap:balance
}
.designer-import-copy>p,
.designer-platform-grid>div:first-child>p,
.designer-final>div>p{
  margin-top:18px;
  color:#aeb9cb;
  font-size:1rem;
  line-height:1.72
}
.designer-text-link{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  margin-top:14px;
  color:#f5c45d;
  font-weight:760
}
.designer-import-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px
}
.designer-import-cards article{
  min-width:0;
  border:1px solid #34425a;
  border-radius:16px;
  padding:23px;
  background:#151f2e
}
.designer-import-cards article>span{
  color:#f5c45d;
  font:700 9px/1.4 var(--mono);
  letter-spacing:.11em
}
.designer-import-cards h3{
  margin-top:13px;
  color:#f4f7fc;
  font-size:1.2rem;
  line-height:1.25
}
.designer-import-cards p{
  margin-top:10px;
  color:#abb6c8;
  font-size:.82rem;
  line-height:1.62
}

.designer-templates{padding:clamp(72px,7vw,104px) 0}
.designer-template-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:40px
}
.designer-template-grid>a{
  display:block;
  overflow:hidden;
  min-width:0;
  border:1px solid #d8cdbb;
  border-radius:16px;
  color:#182130;
  background:#fffaf1;
  box-shadow:0 16px 40px rgba(53,41,20,.07);
  transition:transform .18s ease,box-shadow .18s ease
}
.designer-template-grid>a:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 48px rgba(53,41,20,.12)
}
.designer-template-grid img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:560/320;
  object-fit:cover;
  background:#101724
}
.designer-template-grid a>span{
  display:flex;
  min-height:66px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 15px
}
.designer-template-grid b{font-size:.94rem}
.designer-template-grid small{
  color:#7c6f5b;
  font:700 9.5px/1.4 var(--mono);
  letter-spacing:.08em;
  text-align:right
}
.designer-template-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:24px
}
.designer-btn-dark{
  color:#f5c45d;
  background:#121a27
}
.designer-template-actions>a:last-child{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  color:#8a5b00;
  font-weight:760;
  text-decoration:underline;
  text-underline-offset:4px
}

.designer-platform{
  padding:clamp(72px,7vw,102px) 0;
  background:
    radial-gradient(70% 100% at 100% 0,rgba(94,106,255,.22),transparent 66%),
    #0c1421
}
.designer-platform-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(310px,.7fr);
  gap:clamp(38px,7vw,96px);
  align-items:center
}
.designer-platform-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px
}
.designer-platform-actions .btn,
.designer-platform-actions .designer-btn-ghost{min-height:50px}
.designer-platform-contract{
  border:1px solid #394761;
  border-radius:18px;
  padding:23px;
  background:rgba(20,30,46,.85)
}
.designer-platform-contract>span{
  color:#f5c45d;
  font:700 9px/1.4 var(--mono);
  letter-spacing:.12em
}
.designer-platform-contract dl{
  display:grid;
  gap:0;
  margin-top:14px
}
.designer-platform-contract dl>div{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:14px;
  border-top:1px solid #303e56;
  padding:13px 0
}
.designer-platform-contract dt{
  color:#8491a6;
  font:700 9px/1.5 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase
}
.designer-platform-contract dd{
  color:#e2e8f1;
  font-size:.86rem;
  line-height:1.45
}

.designer-faq{padding:clamp(70px,7vw,100px) 0}
.designer-faq-grid{
  display:grid;
  grid-template-columns:minmax(290px,.65fr) minmax(0,1.35fr);
  gap:clamp(36px,7vw,96px);
  align-items:start
}
.designer-faq-list{border-top:1px solid #d4c7b4}
.designer-faq-list details{border-bottom:1px solid #d4c7b4}
.designer-faq-list summary{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  color:#182130;
  font-weight:760;
  list-style:none
}
.designer-faq-list summary::-webkit-details-marker{display:none}
.designer-faq-list summary:after{
  content:"+";
  flex:0 0 auto;
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border:1px solid #cabeaa;
  border-radius:50%;
  color:#805500
}
.designer-faq-list details[open] summary:after{content:"−"}
.designer-faq-list .a{
  max-width:710px;
  padding:0 42px 20px 0;
  color:#596273;
  font-size:.9rem;
  line-height:1.65
}

.designer-final{
  padding:clamp(68px,7vw,96px) 0;
  text-align:center;
  background:
    radial-gradient(60% 120% at 50% 100%,rgba(244,183,64,.13),transparent 65%),
    #0b111b
}
.designer-final .designer-kicker{justify-content:center}
.designer-final h2{max-width:870px;margin-inline:auto}
.designer-final>div>p{max-width:690px;margin-inline:auto}
.designer-final-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:27px
}
.designer-final-actions .btn,
.designer-final-actions .designer-btn-ghost{min-height:52px}
.designer-final-actions>a:last-child{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  padding:0 9px;
  color:#f5c45d;
  font-weight:760
}

@media(max-width:1100px){
  .designer-hero-grid{grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr);gap:34px}
  .designer-hero h1{font-size:clamp(3rem,6.6vw,4.5rem)}
  .designer-tool-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:960px){
  .designer-hero{padding-top:58px}
  .designer-hero-grid,
  .designer-import-grid,
  .designer-platform-grid,
  .designer-faq-grid{
    grid-template-columns:1fr
  }
  .designer-hero-grid{gap:38px}
  .designer-hero-copy{max-width:760px}
  .designer-hero h1{font-size:clamp(3rem,8vw,4.6rem)}
  .designer-hero-proof{max-width:850px}
  .designer-section-head-split{grid-template-columns:1fr;gap:14px;align-items:start}
  .designer-continuity-list{grid-template-columns:1fr}
  .designer-steps{grid-template-columns:1fr}
  .designer-steps li{
    display:grid;
    grid-template-columns:64px 1fr;
    column-gap:18px
  }
  .designer-step-icon{grid-column:1;grid-row:1/5}
  .designer-steps h3,
  .designer-steps p,
  .designer-steps a{grid-column:2}
  .designer-steps h3{margin-top:0}
  .designer-step-number{top:18px}
  .designer-import-copy{max-width:740px}
  .designer-platform-grid>div:first-child{max-width:780px}
  .designer-platform-contract{max-width:650px}
  .designer-faq-grid{gap:30px}
  .designer-faq-grid .designer-section-head{max-width:680px}
}

@media(max-width:720px){
  .designer-copilot-tiles{grid-template-columns:1fr}
  .designer-hero{padding:50px 0 54px}
  .designer-hero h1{
    font-size:clamp(2.45rem,12.5vw,3.65rem);
    line-height:1
  }
  .designer-hero-proof figcaption{display:grid;gap:3px}
  .designer-window-bar{grid-template-columns:auto 1fr}
  .designer-window-bar>span:last-child{display:none}
  .designer-import-cards,
  .designer-template-grid{
    grid-template-columns:1fr
  }
  .designer-continuity-actions,
  .designer-template-actions{
    align-items:flex-start;
    flex-direction:column
  }
  .designer-tool-groups{grid-template-columns:1fr}
  .designer-template-grid a>span{min-height:60px}
}

@media(max-width:520px){
  .designer-hero,
  .designer-continuity,
  .designer-workflow,
  .designer-toolkit,
  .designer-imports,
  .designer-templates,
  .designer-platform,
  .designer-faq,
  .designer-final{
    padding-top:56px;
    padding-bottom:56px
  }
  .designer-actions,
  .designer-platform-actions,
  .designer-final-actions{
    align-items:stretch;
    flex-direction:column
  }
  .designer-actions .btn,
  .designer-actions .designer-btn-ghost,
  .designer-platform-actions .btn,
  .designer-platform-actions .designer-btn-ghost,
  .designer-final-actions .btn,
  .designer-final-actions .designer-btn-ghost{
    width:100%
  }
  .designer-hero-facts{gap:6px}
  .designer-hero-facts span{font-size:8px}
  .designer-hero-proof{border-radius:13px}
  .designer-window-bar{padding-inline:10px}
  .designer-section-head h2,
  .designer-import-copy h2,
  .designer-platform h2,
  .designer-final h2{
    font-size:clamp(2rem,10vw,2.75rem)
  }
  .designer-continuity-list{margin-top:30px}
  .designer-steps{margin-top:30px}
  .designer-steps li{
    display:block;
    padding:21px
  }
  .designer-step-icon{width:48px;height:48px}
  .designer-steps h3{margin-top:18px}
  .designer-import-cards article,
  .designer-tool-groups article{padding:20px}
  .designer-platform-contract{padding:19px}
  .designer-platform-contract dl>div{grid-template-columns:76px 1fr}
  .designer-faq-list summary{min-height:70px;font-size:.9rem}
  .designer-faq-list .a{padding-right:0}
}

@media(prefers-reduced-motion:reduce){
  .designer-template-grid>a{transition:none}
}