:root{
  --ss-accent:#FF6F2F;
  --ss-bg-light:#FDFDFD;
  --ss-bg-dark:#0E0C0C;
  --ss-text-dark:#0E0C0C;
  --ss-text-dark-body:rgba(14,12,12,0.7);
  --ss-text-light:#FFFFFF;
  --ss-text-light-body:rgba(255,255,255,0.8);
  --ss-stroke-dark:rgba(14,12,12,0.2);
  --ss-stroke-light:rgba(255,255,255,0.4);
  --ss-font-base:'Inter', sans-serif;
  --ss-font-accent:'Instrument Serif', serif;
  --header-height:72px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:72px}
html,body{height:100%; overflow-x:hidden}
body{
  margin:0;
  background:var(--ss-bg-dark);
  color:var(--ss-text-light);
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  letter-spacing:-0.02em;
}
.no-scroll{overflow:hidden}

/* Typography scale */
.h1{font-size:70px; line-height:76px; font-weight:400; letter-spacing:-0.02em}
.h2{font-size:42px; line-height:120%; font-weight:400; letter-spacing:-0.02em}
.h3{font-size:24px; line-height:120%; font-weight:500; letter-spacing:-0.02em}
.h4{font-size:20px; line-height:34px; font-weight:400; letter-spacing:-0.02em}
.body1{font-size:20px; line-height:34px; font-weight:400; letter-spacing:-0.02em}
.body2{font-size:18px; line-height:120%; font-weight:400; letter-spacing:-0.02em}
.caption{font-size:14px; line-height:120%; letter-spacing:-0.02em}
.accent, .numeric{font-family:"Instrument Serif", serif; font-style:italic; letter-spacing:-0.02em}
.accent--no-italic{font-style:normal}
.numeric{font-size:70px; line-height:100%}

/* Buttons */
.ss-button{display:inline-flex; align-items:center; justify-content:center; height:52px; padding:0 20px; border-radius:0; border:1px solid transparent; color:var(--ss-text-light); text-decoration:none; font-size:17px; font-weight:500; letter-spacing:-0.02em}
.ss-button--primary{background:var(--ss-accent)}
.ss-button--primary:hover{filter:brightness(0.9)}
.ss-button--secondary{background:transparent; border-color:var(--ss-stroke-light)}
.ss-button--sm{height:40px; padding:0 16px; font-size:15px}

/* Burger Menu */
.ss-header__burger{display:none; flex-direction:column; justify-content:space-around; width:24px; height:18px; background:none; border:none; cursor:pointer; padding:0; z-index:10000}
.ss-header__burger span{display:block; height:2px; width:100%; background:var(--ss-text-light); transition:all 0.3s ease; transform-origin:center}
.ss-header__close{display:none; position:relative; width:24px; height:18px; background:none; border:none; cursor:pointer; padding:0; z-index:10000}
.ss-header__close span{display:block; height:2px; width:100%; background:var(--ss-text-light); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.ss-header__close span:first-child{transform:translate(-50%, -50%) rotate(45deg)}
.ss-header__close span:last-child{transform:translate(-50%, -50%) rotate(-45deg)}

/* Mobile Menu */
.ss-header__mobile-menu{position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; height:100vh !important; background:#0E0C0C !important; z-index:9999 !important; transform:translateX(-100%); transition:transform 0.3s ease; display:none; margin:0 !important; padding:0 !important}
.ss-header__mobile-menu.active{transform:translateX(0) !important}
.ss-header__mobile-menu::before{content:''; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:-1; opacity:0; transition:opacity 0.3s ease}
.ss-header__mobile-menu.active::before{opacity:1}
.ss-header__mobile-menu-content{display:flex; flex-direction:column; height:100vh !important; width:100% !important; padding:80px 24px 40px; position:relative}
.ss-header__close{position:absolute; top:24px; right:24px; z-index:10000}
.ss-header__mobile-nav{display:flex; flex-direction:column; gap:32px; margin-bottom:auto}
.ss-header__mobile-link{color:var(--ss-text-light); text-decoration:none; font-family:var(--ss-font-base); font-size:24px; line-height:120%; font-weight:400; transition:color 0.2s ease}
.ss-header__mobile-link:hover{color:var(--ss-accent)}
.ss-header__mobile-actions{display:flex; flex-direction:column; gap:16px; margin-top:40px}
.ss-header__mobile-btn{display:inline-flex; align-items:center; justify-content:center; padding:0 24px; height:52px; border-radius:0; text-decoration:none; font-family:var(--ss-font-base); font-size:17px; line-height:120%; font-weight:500; transition:all 0.2s ease; cursor:pointer; border:none; width:100%}
.ss-header__mobile-btn--primary{background:var(--ss-accent); color:var(--ss-text-light)}
.ss-header__mobile-btn--primary:hover{background:#e55a1f}
.ss-header__mobile-btn--secondary{background:transparent; color:var(--ss-text-light); border:1px solid var(--ss-stroke-light)}
.ss-header__mobile-btn--secondary:hover{background:var(--ss-text-light); color:var(--ss-bg-dark)}

/* Header */
.ss-header{position:fixed; top:0; left:0; right:0; height:var(--header-height); z-index:20; background:#0E0C0C; opacity:0; transform:translateY(-100%); animation:heroHeader 0.6s ease-out 2.3s forwards; transition:background 0.3s ease, opacity 0.3s ease}
.ss-header.scrolled{background:#0E0C0C !important; opacity:1 !important}
.ss-header__inner{height:100%; max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; padding:0 24px}
.ss-header__burger{display:none}
.ss-nav{justify-self:start}
.ss-logo{justify-self:center}
.ss-actions{justify-self:end}

.ss-nav__list{display:flex; gap:19px; list-style:none; margin:0; padding:0}
.ss-link{color:var(--ss-text-light); text-decoration:none; font-size:18px}
.ss-link--light{opacity:0.9}
.ss-actions{justify-self:end; display:flex; align-items:center; gap:16px}

.ss-burger{display:none}

/* Hero */
.ss-hero{position:relative; min-height:100vh; background-size:cover; background-position:center; display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:0; animation:heroBg 0.8s ease-out 0.1s forwards; padding-top:0; transform:translateY(-40px)}
.ss-hero::before{content:""; position:absolute; inset:0; background:rgba(14,12,12,0.45); opacity:0; animation:heroOverlay 0.6s ease-out 0.4s forwards; display:none}
.ss-hero__container{position:relative; max-width:960px; margin:0 auto; padding:calc(var(--header-height) + 40px) 24px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center}
.ss-hero__title{margin:0 0 16px; font-weight:400; opacity:0; transform:translateY(30px); animation:heroTitle 0.6s ease-out 0.8s forwards; margin-top:-20px}
.ss-hero__title .accent{font-size:70px; line-height:76px}
.ss-hero__title .accent--phrase{font-size:70px; line-height:76px}
.ss-hero__subtitle{margin:0; color:var(--ss-text-light-body); font-size:20px; line-height:34px; max-width:671px; opacity:0; transform:translateY(20px); animation:heroText 0.6s ease-out 1.1s forwards}
.ss-hero__highlight{color:var(--ss-text-light)}
.ss-hero__ctas{position:relative; margin-top:28px; display:flex; gap:12px; flex-wrap:wrap; opacity:0; transform:translateY(20px); animation:heroButtons 0.6s ease-out 1.4s forwards}

/* Underlines */
.ss-underline{position:relative; display:inline-block}
.ss-underline__svg{position:absolute; left:50%; transform:translateX(-50%); bottom:-6px; width:100%; height:auto; pointer-events:none; opacity:0; animation:heroUnderlines 0.5s ease-out 1.7s forwards}
.ss-underline span{position:relative; z-index:1}

.ss-hero__bottom{position:absolute; left:0; right:0; bottom:20px; display:flex; justify-content:space-between; align-items:center; padding:20px 24px 0; max-width:1200px; margin:0 auto; width:100%; color:#fff; opacity:0; animation:heroFooter 0.6s ease-out 2s forwards}
.ss-hero__bottom::before{content:""; position:absolute; left:24px; right:24px; top:0; height:1px; background:var(--ss-stroke-light)}
.ss-hero__note{font-size:20px; line-height:140%; font-weight:500; letter-spacing:-0.02em}

/* Responsive */
@media (max-width: 1024px){
  .ss-header__inner{padding:0 12px; grid-template-columns:auto 1fr auto; gap:8px}
  .ss-header__burger{display:flex}
  .ss-logo{justify-self:start}
  .ss-nav{display:none}
  .ss-actions{display:flex; gap:20px; justify-self:end; max-width:fit-content}
  .ss-actions .ss-link--light{display:none}
  .ss-button--sm{padding:0 8px !important; font-size:13px !important; height:32px !important}
  .ss-header__mobile-menu{display:block !important}
  .ss-header__close{display:block}
  .ss-header__burger.hidden{display:none}
  
  /* Revenue loss tablet */
  .revenue-loss__title{text-align:left !important}
  .revenue-loss__content{grid-template-columns:1fr !important; gap:40px}
  .revenue-loss__banner{width:100% !important; padding:20px}
  .revenue-loss__problems{padding-right:0; padding-top:20px; padding-bottom:20px}
  .revenue-loss__problems::before{display:none}
  .revenue-loss__problems::after{display:none}
  
  /* Remove any borders from hiw block */
  .hiw{border-top:none !important}
  .hiw::before{display:none !important}
  .hiw::after{display:none !important}
  .revenue-loss__outcome{padding-left:0}
  
  /* Features tablet large (1024px - 835px) */
  .features__grid{grid-template-columns:repeat(3, 1fr) !important; gap:20px !important}
  .why__cards{gap:20px}
  
  
  /* FAQ tablet large (1024px - 835px) */
  .faq .container{max-width:none !important; padding:0 !important}
  .faq__content{grid-template-columns:1fr !important; gap:60px !important; padding:0 20px !important; max-width:none !important; width:100% !important; margin:0 !important}
  .faq__left{grid-column:1; grid-row:1}
  .faq__right{grid-column:1; grid-row:2; width:100% !important}
  .faq__accordion{width:100% !important}
  .faq__title{text-align:left !important;}
  
  /* Pricing Card tablet large (1024px - 835px) */
  .pricing-card-section__content{gap:60px; padding:0 20px}
}

@media (max-width: 834px){
  .ss-header__inner{padding:0 16px}
  
  /* Features tablet (834px - 601px) */
  .features__grid{grid-template-columns:repeat(2, 1fr) !important; gap:20px !important}
  .why__cards{gap:20px}
  
  
  /* FAQ tablet (834px - 601px) */
  .faq .container{max-width:none !important; padding:0 !important}
  .faq__content{grid-template-columns:1fr !important; gap:60px !important; padding:0 20px !important; max-width:none !important; width:100% !important; margin:0 !important}
  .faq__left{grid-column:1; grid-row:1}
  .faq__right{grid-column:1; grid-row:2; width:100% !important}
  .faq__accordion{width:100% !important}
  .faq__title{text-align:left !important;}
  
  /* Pricing Card tablet (834px - 601px) */
  .pricing-card-section__content{gap:60px; padding:0 20px}
}

@media (max-width: 600px){
  .ss-header__inner{padding:0 16px}
  
  /* Revenue loss tablet/mobile */
  .revenue-loss__content{grid-template-columns:1fr; gap:40px}
  .revenue-loss__banner{padding:24px; width:100%}
  .revenue-loss__problems{padding-right:0; padding-top:20px; padding-bottom:20px}
  .revenue-loss__outcome{padding-left:0}
  
  /* Features mobile (≤600px) */
  .features__grid{grid-template-columns:1fr !important; gap:20px !important}
  .feature-card{height:210px !important}
  .why__cards{gap:20px}
  
  
  /* CTA mobile (≤600px) */
  .cta{padding:40px 0}
  .cta__content{padding:0 16px}
  .cta__subtitle{margin-bottom:40px}
  
  /* FAQ mobile (≤600px) */
  .faq .container{max-width:none !important; padding:0 !important}
  .faq__content{grid-template-columns:1fr !important; gap:60px !important; padding:0 16px !important; max-width:none !important; width:100% !important; margin:0 !important}
  .faq__left{grid-column:1; grid-row:1}
  .faq__right{grid-column:1; grid-row:2; width:100% !important}
  .faq__accordion{width:100% !important}
  .faq__title{text-align:left !important;}
  
  /* Pricing Card mobile (≤600px) */
  .pricing-card-section__content{grid-template-columns:1fr; gap:40px; padding:0 16px}
  .pricing-card-section__title{text-align:left}
  .pricing-card-detailed{width:100%; max-width:514px; padding:40px 16px 16px}
  
  /* Footer mobile (≤600px) */
  .ss-footer__content{grid-template-columns:1fr; gap:32px; padding:0 16px}
  .ss-footer__bottom{padding:0 16px}
  
  /* Legal pages mobile (≤600px) */
  .legal-page{padding:100px 0 60px}
  .legal-page__content{padding:0 16px}
  .legal-page__title{font-size:32px}
  .legal-page__section h2{font-size:20px}
  .legal-page__section p{font-size:16px}
  .legal-page__section li{font-size:16px}
}

@media (max-width: 1024px){
  /* How it works tablet/mobile */
  .hiw{position:static}
  .hiw__container{flex-direction:column; min-height:auto; position:static}
  .hiw__left{position:static !important; height:auto; padding:40px 0 0 0; flex:0 0 auto; text-align:left}
  .hiw__logo{display:none}
  .hiw__right{padding:0 0 40px 0; flex:1; align-items:stretch}
  .hiw__cards{max-width:100%; gap:40px; width:100%}
  .hiw-card{min-height:auto; width:100%}
  .hiw-card__header{flex-direction:row; justify-content:space-between; align-items:flex-start; margin-bottom:20px}
  .hiw-card__title{text-align:right}
  .hiw-card__content{flex-direction:row; gap:20px; align-items:flex-start}
  .hiw-card__image{flex:0 0 310px; height:310px}
  .hiw-card__text{flex:1; max-width:none}
}

@media (max-width: 720px){
  .h1, .ss-hero__title .accent, .ss-hero__title .accent--phrase{font-size:42px; line-height:1.1}
  .numeric{font-size:42px}
  .ss-hero__container{padding-top:calc(var(--header-height) + 24px)}
  .ss-hero__title, .ss-hero__subtitle{width:100%; max-width:100%}
  .ss-hero__ctas{justify-content:center; flex-direction:column}
  .ss-hero__ctas .ss-button{width:100%}
  .ss-hero__bottom{position:static; padding:24px; flex-direction:column; gap:12px; text-align:center}
  .ss-hero__bottom::before{left:24px; right:24px; top:auto; bottom:100%; margin-bottom:20px}
  
  /* Why section mobile */
  .why__title{font-size:32px; line-height:1.2}
  .why__text{font-size:16px; line-height:1.4}
  
  /* How it works mobile */
  .hiw-card__content{flex-direction:column; gap:20px; align-items:stretch}
  .hiw-card__text{order:1; width:100%}
  .hiw-card__image{order:2; flex:0 0 auto; width:100%; height:200px}
  
  /* Features mobile */
  .feature-card{height:auto; min-height:200px}
}

/* Secondary hover */
.ss-button--secondary:hover{background:#fff; color:var(--ss-text-dark)}

/* Revenue loss section */
.revenue-loss{background:var(--ss-bg-light); color:var(--ss-text-dark); padding:72px 0}
.revenue-loss__container{max-width:1200px; margin:0 auto; padding:0 24px}
.revenue-loss__title{margin:0 0 48px; text-align:center; color:var(--ss-text-dark)}
.revenue-loss__content{display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; position:relative}
.revenue-loss__problems{padding-right:30px; position:relative; padding-top:20px; padding-bottom:20px}
.revenue-loss__problems::before{content:""; position:absolute; left:0; top:0; right:0; height:1px; background:var(--ss-stroke-dark)}
.revenue-loss__problems::after{content:""; position:absolute; left:0; bottom:0; right:0; height:1px; background:var(--ss-stroke-dark)}
.revenue-loss__outcome{padding-left:0}
.revenue-loss__list{list-style:none; padding:0; margin:0}
.revenue-loss__item{font-size:20px; line-height:34px; font-weight:400; letter-spacing:-0.02em; color:var(--ss-text-dark); margin-bottom:24px; position:relative; padding-left:24px; padding-bottom:24px}
.revenue-loss__item::before{content:"•"; position:absolute; left:0; color:var(--ss-accent); font-size:20px}
.revenue-loss__item::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--ss-stroke-dark)}
.revenue-loss__item:last-child{margin-bottom:0; padding-bottom:0}
.revenue-loss__item:last-child::after{display:none}
.revenue-loss__banner{background:var(--ss-bg-dark); padding:10px; border-radius:0; height:100%; min-height:360px; display:flex; flex-direction:column; justify-content:space-between; align-items:stretch; position:relative; width:100%; max-width:100%}
.revenue-loss__banner-text{font-family:"Instrument Serif", serif; font-size:42px; line-height:40px; font-weight:100; letter-spacing:0; margin:0; font-style:normal}
.revenue-loss__banner-text--first{color:var(--ss-text-light); text-align:left; font-style:normal}
.revenue-loss__banner-text--second{color:var(--ss-accent); text-align:right; font-style:italic}
.revenue-loss__banner-text .accent{font-style:normal !important}

/* Features section */
.features{background:var(--ss-bg-light); color:var(--ss-text-dark); padding:72px 0}
.features__container{max-width:1200px; margin:0 auto; padding:0 24px}
.features__title{margin:0 0 48px; text-align:left; color:var(--ss-text-dark)}
.features__grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:60px}
.feature-card{height:240px; padding:20px 24px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; text-align:left; position:relative; background:var(--ss-bg-light); border:1px solid var(--ss-stroke-dark)}
.feature-card__icon{width:48px; height:48px; margin-bottom:20px}
.feature-card__icon img{width:100%; height:100%; object-fit:contain}
.feature-card__title{margin:0 0 auto; font-size:20px; line-height:140%; font-weight:500; letter-spacing:-0.02em; color:var(--ss-text-dark)}
.feature-card__text{margin:0; font-size:16px; line-height:140%; font-weight:400; letter-spacing:-0.02em; color:var(--ss-text-dark-body)}
.feature-card__badge{position:absolute; top:16px; right:16px; width:80px; height:80px}
.feature-card__badge img{width:100%; height:100%; object-fit:contain}


/* Why section */
.why{background:var(--ss-bg-light); color:var(--ss-text-dark); padding:72px 0}
.why__container{max-width:1200px; margin:0 auto; padding:0 24px}
.why__eyebrow{margin-bottom:16px; color:var(--ss-text-dark-body)}
.why__title{max-width:955px; margin:0 auto 32px 0; color:var(--ss-text-dark); text-align:left}
.why__image{margin:24px 0 28px}
.why__image img{width:100%; height:auto; max-height:calc(100% - 40px); display:block}
.why__cards{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:60px}
.why-card{padding-top:16px}
.why-card__title{color:var(--ss-text-dark-body); margin-bottom:12px; position:relative}
.why-card__title::after{content:""; position:absolute; left:0; right:0; bottom:-12px; height:1px; background:var(--ss-stroke-dark)}
.why-card__value{color:var(--ss-accent); margin-top:24px}

@media (max-width: 980px){
  .why__cards{grid-template-columns:1fr; gap:24px}
}

/* How it works section */
.hiw{position:relative; background:var(--ss-bg-light); color:var(--ss-text-dark)}
.hiw__container{max-width:1200px; margin:0 auto; padding:0 24px; display:flex; min-height:80vh; position:relative}
.hiw__left{position:sticky; top:0; height:100vh; flex:0 0 50%; display:flex; flex-direction:column; justify-content:flex-start; padding:80px 0 40px 0; z-index:1}
.hiw__title{margin:0 0 40px 0; color:var(--ss-text-dark)}
.hiw__logo{position:absolute; bottom:60px; left:0}
.hiw__logo img{height:196px; width:520px}
.hiw__right{flex:1; padding:80px 0 40px 0; display:flex; align-items:flex-start}
.hiw__cards{display:flex; flex-direction:column; gap:40px; width:100%; max-width:830px}
.hiw-card{min-height:30vh; display:flex; flex-direction:column; position:relative}
.hiw-card__header{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:20px}
.hiw-card__number{font-size:20px; line-height:140%; font-weight:500; letter-spacing:-0.02em; color:var(--ss-text-dark)}
.hiw-card__title{font-size:20px; line-height:140%; font-weight:500; letter-spacing:-0.02em; color:var(--ss-text-dark); text-align:right; margin:0}
.hiw-card__divider{height:1px; background:var(--ss-stroke-dark); margin-bottom:20px}
.hiw-card__content{display:flex; gap:20px; align-items:flex-start}
.hiw-card__image{flex:0 0 310px; height:310px}
.hiw-card__image img{width:100%; height:100%; object-fit:cover; display:block}
.hiw-card__text{flex:1; font-size:18px; line-height:120%; font-weight:400; letter-spacing:-0.02em; color:var(--ss-text-dark-body); margin:0}

@media (max-width: 1024px){
  /* How it works tablet/mobile */
  .hiw{position:static}
  .hiw__container{flex-direction:column; min-height:auto; position:static}
  .hiw__left{position:static !important; height:auto; padding:80px 0 0 0; flex:0 0 auto; text-align:left}
  .hiw__logo{display:none}
  .hiw__right{padding:0 0 40px 0; flex:1; align-items:stretch}
  .hiw__cards{max-width:100%; gap:40px; width:100%}
  .hiw-card{min-height:auto; width:100%}
  .hiw-card__header{flex-direction:row; justify-content:space-between; align-items:flex-start; margin-bottom:20px}
  .hiw-card__title{text-align:right}
  .hiw-card__content{flex-direction:row; gap:20px; align-items:flex-start}
  .hiw-card__image{flex:0 0 310px; height:310px}
  .hiw-card__text{flex:1; max-width:none}
}

/* Keyframe animations */
@keyframes heroBg{to{opacity:1}}
@keyframes heroOverlay{to{opacity:1}}
@keyframes heroTitle{to{opacity:1; transform:translateY(0)}}
@keyframes heroText{to{opacity:1; transform:translateY(0)}}
@keyframes heroButtons{to{opacity:1; transform:translateY(0)}}
@keyframes heroUnderlines{to{opacity:1}}
@keyframes heroFooter{to{opacity:1}}
@keyframes heroHeader{to{opacity:1; transform:translateY(0)}}


/* CTA Section */
.cta{padding:80px 0; background:var(--ss-bg-light)}
.cta__content{max-width:1200px; margin:0 auto; text-align:center; padding:80px 24px; background:var(--ss-bg-dark); width:100%; box-sizing:border-box}
.cta__title{margin:0 0 20px; color:var(--ss-text-light)}
.cta__seat{color:var(--ss-text-light); font-family:var(--ss-font-base)} /* Inter */
.cta__sense{color:var(--ss-accent); font-family:var(--ss-font-accent); font-style:normal; font-weight:400} /* Instrument Serif Regular */
.cta__subtitle{margin:0 0 60px; color:var(--ss-text-light); opacity:0.8; max-width:670px; margin-left:auto; margin-right:auto}
.cta__button{width:100%; max-width:300px; height:52px; font-family:var(--ss-font-base); font-size:17px; line-height:120%; font-weight:500; background:var(--ss-accent); color:var(--ss-text-light); border:none; border-radius:0; cursor:pointer; transition:background-color 0.2s ease; padding:0 32px; display:flex; align-items:center; justify-content:center; text-decoration:none; margin:0 auto}
.cta__button:hover{background:#e55a1f}

/* Benefits Section */
.benefits{background:var(--ss-bg-light); color:var(--ss-text-dark); padding:72px 0}
.benefits__container{max-width:1200px; margin:0 auto; padding:0 24px}
.benefits__eyebrow{margin-bottom:20px; color:var(--ss-text-dark-body)}
.benefits__subtitle{margin:0 0 40px; color:var(--ss-text-dark)}
.benefits__cards{display:grid; grid-template-columns:repeat(3, 1fr); gap:60px; margin-bottom:48px}
.benefit-card{display:flex; flex-direction:column; align-items:flex-start; text-align:left}
.benefit-card__icon{width:48px; height:48px; margin-bottom:20px; display:flex; align-items:center; justify-content:center}
.benefit-card__icon img{width:100%; height:100%; object-fit:contain}
.benefit-card__title{margin:0 0 20px; font-size:18px; line-height:140%; font-weight:400; letter-spacing:-0.02em; color:var(--ss-text-dark)}
.benefit-card__divider{width:100%; height:1px; background:var(--ss-stroke-dark); margin-bottom:20px}
.benefit-card__value{margin:0; font-size:70px; line-height:100%; font-weight:400; letter-spacing:-0.02em; color:var(--ss-accent); font-family:var(--ss-font-accent); font-style:italic}

@media (max-width: 980px){
  .benefits__cards{grid-template-columns:1fr; gap:40px}
}

@media (max-width: 600px){
  .benefits__cards{gap:32px}
  .benefit-card__value{font-size:42px}
}

/* Registration Funnel */
.registration{min-height:100vh; background:var(--ss-bg-light); padding:20px 0 80px}
.registration__container{max-width:600px; margin:0 auto; padding:0 24px}
.progress-bar{margin-bottom:40px}
.progress-bar__track{width:100%; height:4px; background:var(--ss-stroke-dark); border-radius:2px; overflow:hidden; margin-bottom:12px}
.progress-bar__fill{height:100%; background:var(--ss-accent); transition:width 0.3s ease; width:14%}
.progress-bar__text{display:flex; justify-content:space-between; align-items:center; font-size:14px; color:var(--ss-text-dark-body)}
.step-nav{display:flex; justify-content:center; gap:12px; margin-bottom:40px}
.step-nav__btn{width:32px; height:32px; border-radius:50%; border:1px solid var(--ss-stroke-dark); background:transparent; color:var(--ss-text-dark-body); font-size:14px; font-weight:500; cursor:pointer; transition:all 0.2s ease; display:flex; align-items:center; justify-content:center}
.step-nav__btn:hover{border-color:var(--ss-accent); color:var(--ss-accent)}
.step-nav__btn.active{background:var(--ss-accent); border-color:var(--ss-accent); color:var(--ss-text-light)}
.step-nav__btn.completed{background:var(--ss-accent); border-color:var(--ss-accent); color:var(--ss-text-light)}
.registration__benefit{text-align:center; margin-bottom:40px; padding:20px; background:rgba(255, 255, 255, 0.5); border-radius:8px; border:1px solid var(--ss-stroke-dark)}
.registration__benefit p{margin:0; color:var(--ss-text-dark); font-size:16px; line-height:140%}
.step{display:none}
.step.active{display:block}
.step__content{background:var(--ss-bg-light); border:1px solid var(--ss-stroke-dark); border-radius:0; padding:40px}
.step__title{margin:0 0 32px; text-align:center; color:var(--ss-text-dark)}
.step__form{display:flex; flex-direction:column; gap:24px}
.form-group{display:flex; flex-direction:column; gap:8px}
.form-label{font-size:14px; font-weight:500; color:var(--ss-text-dark)}
.form-input, .form-select, .form-textarea{width:100%; padding:12px 16px; border:1px solid var(--ss-stroke-dark); border-radius:0; background:var(--ss-bg-light); color:var(--ss-text-dark); font-size:16px; font-family:var(--ss-font-base); transition:border-color 0.2s ease}
.form-input:focus, .form-select:focus, .form-textarea:focus{outline:none; border-color:var(--ss-accent)}
.form-textarea{resize:vertical; min-height:100px}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.form-checkboxes, .form-radios{display:flex; flex-direction:column; gap:12px}
.form-checkbox, .form-radio{display:flex; align-items:flex-start; gap:12px; cursor:pointer}
.form-checkbox input, .form-radio input{width:18px; height:18px; margin:0; cursor:pointer; opacity:0; position:absolute}
.form-checkbox__mark, .form-radio__mark{width:18px; height:18px; border:1px solid var(--ss-stroke-dark); border-radius:2px; position:relative; flex-shrink:0}
.form-radio__mark{border-radius:50%}
.form-checkbox input:checked + .form-checkbox__mark{background:var(--ss-accent); border-color:var(--ss-accent)}
.form-radio input:checked + .form-radio__mark{background:var(--ss-accent); border-color:var(--ss-accent)}
.form-checkbox input:checked + .form-checkbox__mark::after{content:''; position:absolute; top:2px; left:5px; width:4px; height:8px; border:solid white; border-width:0 2px 2px 0; transform:rotate(45deg)}
.form-radio input:checked + .form-radio__mark::after{content:''; position:absolute; top:4px; left:4px; width:8px; height:8px; background:white; border-radius:50%}
.form-checkbox__text, .form-radio__text{font-size:14px; color:var(--ss-text-dark); line-height:140%}
.form-helper{font-size:12px; color:var(--ss-text-dark-body); margin-top:-8px}
.step__cta{width:100%; height:48px; background:var(--ss-accent); color:var(--ss-text-light); border:none; border-radius:0; font-size:16px; font-weight:500; cursor:pointer; transition:background-color 0.2s ease; margin-top:8px}
.step__cta:hover{background:#e55a1f}
.step__cta--primary{background:var(--ss-accent)}
.step__cta--secondary{background:transparent; color:var(--ss-accent); border:1px solid var(--ss-accent)}
.step__cta--secondary:hover{background:var(--ss-accent); color:var(--ss-text-light)}
.step__actions{display:flex; flex-direction:column; gap:12px; margin-top:8px}
.file-upload{position:relative}
.file-upload__input{position:absolute; opacity:0; width:100%; height:100%; cursor:pointer}
.file-upload__label{display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border:1px solid var(--ss-stroke-dark); border-radius:0; background:var(--ss-bg-light); cursor:pointer; transition:border-color 0.2s ease}
.file-upload__label:hover{border-color:var(--ss-accent)}
.file-upload__text{color:var(--ss-text-dark); font-size:16px}
.file-upload__button{color:var(--ss-accent); font-size:14px; font-weight:500}
.plan-card{background:var(--ss-bg-light); border:1px solid var(--ss-stroke-dark); border-radius:0; padding:24px; margin-bottom:32px}
.plan-card__header{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px}
.plan-card__title{font-size:18px; font-weight:600; color:var(--ss-text-dark); margin:0}
.plan-card__price{font-size:24px; font-weight:600; color:var(--ss-accent); margin:0}
.plan-card__details p{margin:0; color:var(--ss-text-dark-body); font-size:14px}
.success-content{text-align:center; padding:40px 0}
.success__title{margin:0 0 24px; color:var(--ss-text-dark)}
.success__body{margin:0 0 40px; color:var(--ss-text-dark-body); font-size:18px; line-height:140%}
.success__actions{display:flex; flex-direction:column; gap:16px; max-width:300px; margin:0 auto}
.success__cta{width:100%; height:48px; background:var(--ss-accent); color:var(--ss-text-light); border:none; border-radius:0; font-size:16px; font-weight:500; cursor:pointer; transition:background-color 0.2s ease; display:flex; align-items:center; justify-content:center; text-decoration:none}
.success__cta:hover{background:#e55a1f}
.success__cta--secondary{background:transparent; color:var(--ss-accent); border:1px solid var(--ss-accent)}
.success__cta--secondary:hover{background:var(--ss-accent); color:var(--ss-text-light)}

@media (max-width: 600px){
  .registration{padding:20px 0 60px}
  .registration__container{padding:0 16px}
  .step__content{padding:24px}
  .form-row{grid-template-columns:1fr}
  .step-nav{gap:8px}
  .step-nav__btn{width:28px; height:28px; font-size:12px}
  .success__actions{max-width:100%}
}

/* Demo Popup */
.popup-overlay{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.7); z-index:10000; display:none; align-items:center; justify-content:center; padding:20px}
.popup-overlay.active{display:flex}
.popup{background:var(--ss-bg-light); border:1px solid var(--ss-stroke-dark); border-radius:0; max-width:480px; width:100%; max-height:90vh; overflow-y:auto; position:relative}
.popup__close{position:absolute; top:20px; right:20px; background:none; border:none; cursor:pointer; color:var(--ss-text-dark-body); transition:color 0.2s ease; padding:4px; z-index:1}
.popup__close:hover{color:var(--ss-accent)}
.popup__content{padding:40px}
.popup__title{margin:0 0 16px; text-align:center; color:var(--ss-text-dark)}
.popup__subtitle{margin:0 0 32px; text-align:center; color:var(--ss-text-dark-body); font-size:16px; line-height:140%}
.popup__form{display:flex; flex-direction:column; gap:20px}
.popup__cta{width:100%; height:48px; background:var(--ss-accent); color:var(--ss-text-light); border:none; border-radius:0; font-size:16px; font-weight:500; cursor:pointer; transition:background-color 0.2s ease; margin-top:8px}
.popup__cta:hover{background:#e55a1f}

@media (max-width: 600px){
  .popup-overlay{padding:16px}
  .popup__content{padding:24px}
  .popup__close{top:16px; right:16px}
}

/* FAQ Section */
.faq{padding:80px 0; background:var(--ss-bg-light)}
.faq__content{display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; max-width:1200px; margin:0 auto; padding:0 24px}
.faq__title{margin:0; text-align:left; color:var(--ss-text-dark); white-space:pre-line}
.faq__title br{display:none}
@media (min-width: 1025px){
  .faq__title br{display:block}
}
.faq__accordion{width:100%}
.faq__item{border-bottom:1px solid var(--ss-stroke-dark)}
.faq__item:last-child{border-bottom:none}
.faq__question{width:100%; padding:20px 0; background:none; border:none; text-align:left; font-family:var(--ss-font-base); font-size:18px; line-height:120%; font-weight:400; color:var(--ss-text-dark); cursor:pointer; position:relative; transition:color 0.2s ease}
.faq__question:hover{color:var(--ss-accent)}
.faq__question:after{content:'+'; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:24px; font-weight:300; transition:transform 0.3s ease}
.faq__item.active .faq__question:after{transform:translateY(-50%) rotate(45deg)}
.faq__answer{max-height:0; overflow:hidden; transition:max-height 0.3s ease}
.faq__item.active .faq__answer{max-height:200px}
.faq__answer p{margin:0; padding:0 0 20px; font-family:var(--ss-font-base); font-size:18px; line-height:120%; font-weight:400; color:var(--ss-text-dark); opacity:0.7}

/* Footer */
.ss-footer{padding:60px 0 20px; background:var(--ss-bg-dark)}
.ss-footer__content{max-width:1200px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:repeat(4, 1fr); gap:40px; align-items:start}
.ss-footer__section{display:flex; flex-direction:column; gap:16px}
.ss-footer__title{font-family:var(--ss-font-base); font-size:18px; line-height:120%; font-weight:500; color:var(--ss-text-light); margin:0}
.ss-footer__nav{display:flex; flex-direction:column; gap:8px}
.ss-footer__link{font-family:var(--ss-font-base); font-size:16px; line-height:120%; font-weight:400; color:var(--ss-text-light); opacity:0.8; text-decoration:none; transition:opacity 0.2s ease}
.ss-footer__link:hover{opacity:1}
.ss-footer__text{font-family:var(--ss-font-base); font-size:16px; line-height:120%; font-weight:400; color:var(--ss-text-light); opacity:0.8; margin:0}
.ss-footer__logo{display:flex; align-items:center; justify-content:center; text-decoration:none; transition:opacity 0.2s ease}
.ss-footer__logo:hover{opacity:0.8}
.ss-footer__bottom{max-width:1200px; margin:40px auto 0; padding:0 24px; text-align:center}
.ss-footer__copyright{font-family:var(--ss-font-base); font-size:14px; line-height:120%; font-weight:400; color:var(--ss-text-light); opacity:0.6; margin:0}

@media (max-width: 600px){
  /* Footer mobile (≤600px) */
  .ss-footer__content{grid-template-columns:1fr; gap:32px; padding:0 16px}
  .ss-footer__bottom{padding:0 16px}
}

/* Legal Pages */
.legal-page{padding:120px 0 80px; background:var(--ss-bg-light); min-height:100vh}
.legal-page__content{max-width:800px; margin:0 auto; padding:0 24px}
.legal-page__title{font-family:var(--ss-font-base); font-size:42px; line-height:120%; font-weight:400; color:var(--ss-text-dark); margin:0 0 16px; text-align:center}
.legal-page__updated{font-family:var(--ss-font-base); font-size:16px; line-height:120%; font-weight:400; color:var(--ss-text-dark); opacity:0.7; margin:0 0 60px; text-align:center}
.legal-page__section{margin-bottom:40px}
.legal-page__section h2{font-family:var(--ss-font-base); font-size:24px; line-height:120%; font-weight:500; color:var(--ss-text-dark); margin:0 0 16px}
.legal-page__section p{font-family:var(--ss-font-base); font-size:18px; line-height:140%; font-weight:400; color:var(--ss-text-dark); margin:0 0 16px}
.legal-page__section ul{margin:0 0 16px; padding-left:24px}
.legal-page__section li{font-family:var(--ss-font-base); font-size:18px; line-height:140%; font-weight:400; color:var(--ss-text-dark); margin-bottom:8px}

/* Pricing Card Section */
.pricing-card-section{padding:80px 0; background:var(--ss-bg-light)}
.pricing-card-section__content{display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; max-width:1200px; margin:0 auto; padding:0 24px}
.pricing-card-section__title{margin:0; text-align:left; color:var(--ss-text-dark)}
.pricing-card-detailed{width:514px; background:#FFFFFF; border:1px solid var(--ss-stroke-dark); padding:40px 30px 30px; position:relative}
@media (max-width: 600px){
  .pricing-card-detailed{width:100%; max-width:514px}
}
.pricing-card-detailed__header{margin-bottom:60px; text-align:center}
.pricing-card-detailed__logo{font-size:32px; font-weight:700; margin-bottom:8px}
.pricing-card-detailed__logo-seat{color:var(--ss-text-dark); font-family:var(--ss-font-base)}
.pricing-card-detailed__logo-sense{color:var(--ss-accent); font-family:var(--ss-font-accent)}
.pricing-card-detailed__breadcrumb{font-size:14px; line-height:120%; font-weight:400; color:var(--ss-text-dark); opacity:0.6; text-transform:lowercase}
.pricing-card-detailed__divider{height:1px; background:var(--ss-stroke-dark); margin:20px 0; border:none; border-top:1px dashed var(--ss-stroke-dark)}
.pricing-card-detailed__divider--before-cta{margin:20px 0 60px 0}
.pricing-card-detailed__pricing{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:20px}
.pricing-card-detailed__label{font-size:12px; color:var(--ss-text-dark); opacity:0.6; text-transform:uppercase; letter-spacing:0.5px; font-weight:500}
.pricing-card-detailed__label--bold{font-weight:700}
.pricing-card-detailed__price-section{text-align:right}
.pricing-card-detailed__price{font-family:var(--ss-font-base); font-size:18px; line-height:120%; font-weight:700; color:var(--ss-text-dark); margin-bottom:4px}
.pricing-card-detailed__location{font-size:12px; color:var(--ss-text-dark); opacity:0.6; text-transform:lowercase}
.pricing-card-detailed__features{margin-bottom:20px}
.pricing-card-detailed__features-header{display:flex; justify-content:space-between; margin-bottom:16px}
.pricing-card-detailed__included{font-size:12px; color:var(--ss-text-dark); font-weight:700; text-transform:uppercase; letter-spacing:0.5px}
.pricing-card-detailed__features-list{display:flex; flex-direction:column; gap:12px}
.pricing-card-detailed__feature{display:flex; justify-content:space-between; align-items:center}
.pricing-card-detailed__feature-text{font-family:var(--ss-font-base); font-size:14px; line-height:140%; font-weight:400; color:var(--ss-text-dark); opacity:0.8}
.pricing-card-detailed__checkmark{width:16px; height:16px; display:flex; align-items:center; justify-content:center}
.pricing-card-detailed__checkmark img{width:16px; height:16px; object-fit:contain}
.pricing-card-detailed__cta{width:100%; height:48px; background:var(--ss-bg-dark); color:var(--ss-text-light); border:none; font-family:var(--ss-font-base); font-size:16px; line-height:120%; font-weight:500; cursor:pointer; transition:background-color 0.2s ease; margin-bottom:20px; display:flex; align-items:center; justify-content:center; text-decoration:none}
.pricing-card-detailed__cta:hover{background:#333}
.pricing-card-detailed__footer{text-align:center; font-size:12px; color:var(--ss-text-dark); opacity:0.6}

/* Pricing Card Section Responsive */
@media (max-width: 1024px){
  .pricing-card-section__content{grid-template-columns:1fr; gap:40px; padding:0 20px}
  .pricing-card-section__title{text-align:left}
  .pricing-card-detailed{width:100%; max-width:514px; margin:0 auto}
}

@media (max-width: 600px){
  .pricing-card-section{padding:60px 0}
  .pricing-card-section__content{padding:0 16px}
  .pricing-card-detailed{padding:40px 16px 16px}
}

/* Reveal animations */
.reveal{opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1; transform:none}