:root{color-scheme:dark;--bg:#050505;--panel:#111;--line:#262626;--text:#f5f5f5;--muted:#929292;--red:#ff453a;font-family:Inter,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
html{overflow-x:hidden}
.site-header{border-radius:999px}
.eyebrow,.download-label{font-family:Arial,sans-serif}
.download-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.download-label small{font-size:9px;font-weight:400}
.download-label b{font-size:17px}
.hero h1{font-size:clamp(42px,3.8vw,54px);line-height:1.08;letter-spacing:-.05em}
.hero h1 span{white-space:nowrap}
.hero-lead{font-size:clamp(17px,1.45vw,22px);line-height:1.5}
.section-heading h2{font-size:clamp(40px,4.2vw,58px);line-height:1.14}
.platform-copy h3{font-size:clamp(36px,3.4vw,52px)}
.desktop-copy h2{font-size:clamp(40px,4.2vw,58px)}
.download-section h2{font-size:clamp(42px,4.8vw,66px)}
@media(max-width:700px){.hero h1{font-size:clamp(32px,9.2vw,40px)}.hero-lead{font-size:17px}.section-heading h2{font-size:clamp(34px,9vw,44px)}}
body{overflow-x:visible!important}

/* Unified section typography. */
.platform-story-copy h2,
.section-heading h2,
.desktop-copy h2,
.download-section h2{font-size:36px;line-height:1.22;letter-spacing:-.04em}
.platform-story-copy>p:last-of-type,
.section-heading>p:last-child,
.desktop-copy>p,
.download-section .eyebrow{font-size:16px}
@media(max-width:700px){
  .platform-story-copy h2,
  .section-heading h2,
  .desktop-copy h2,
  .download-section h2{font-size:36px}
}

/* Centered scroll showcase. */
.platform-sticky-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding-top:78px;text-align:center}
.platform-story-copy{order:1}
.platform-story-copy h2{display:block;margin:0;font-size:36px;line-height:1.28;letter-spacing:-.04em}
.platform-story-copy h2 span{font-weight:700}
.platform-story-copy h2 strong{font-weight:800}
.story-brand-logo{display:inline-block;width:154px;height:42px;margin-right:8px;vertical-align:-11px;object-fit:contain}
.story-progress{justify-content:center;margin-top:20px}
.platform-story-visual{order:2;display:grid;width:100%;height:min(610px,64svh);place-items:center}
.story-phone{width:auto;height:min(590px,61svh);max-height:none}
@media(max-width:700px){
  .platform-sticky-inner{gap:18px;padding-top:72px}
  .platform-story-copy h2{font-size:30px}
  .story-brand-logo{width:132px;height:36px;vertical-align:-9px}
  .platform-story-visual{height:57svh}
  .story-phone{height:53svh}
}

/* Compact final download call-to-action. */
.download-section{padding-block:110px}
@media(max-width:700px){.download-section{padding-block:78px}}

/* Keep selected feature headlines on one line on desktop. */
@media(min-width:901px){
  .feature-copy{max-width:620px}
  .feature-copy h2.feature-single-line{font-size:32px;white-space:nowrap}
}

/* Unified vertical spacing for standard content sections. */
.feature-showcase,
.download-section{padding-block:100px}
@media(max-width:700px){
  .feature-showcase,
  .download-section{padding-block:100px}
}

/* Final desktop preview overrides: protect against legacy generic card rules. */
.feature-row .feature-visual-desktop .extension-card{position:relative;inset:auto;display:block;width:min(440px,94%);padding:14px;overflow:hidden;border:1px solid #ffffff1c;border-radius:28px;background:#33343a;box-shadow:0 34px 110px #000;transform:rotate(-1deg)}
.feature-row .feature-visual-desktop .extension-card>.extension-topbar{display:flex;align-items:center;gap:8px;height:42px;padding:0;border:0}
.feature-row .feature-visual-desktop .extension-card>.extension-site{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:7px;padding:14px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff09}
.feature-row .feature-visual-desktop .extension-card>.extension-settings{display:block;width:100%;padding:5px 14px;border:1px solid #ffffff16;border-radius:18px;background:#ffffff08}
.feature-row .feature-visual-desktop .extension-settings>div{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #ffffff12}
.feature-row .feature-visual-desktop .extension-settings>div:first-child{border-top:0}
.feature-row .feature-visual-desktop .extension-settings>div>span:first-child{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}
.feature-row .feature-visual-desktop .extension-settings small{display:block;overflow:hidden;color:#aaa;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.feature-row .feature-visual-desktop .extension-card>.extension-nav{display:grid;margin-top:10px;padding:10px 6px 4px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff07;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.download-section{padding-block:110px}
@media(max-width:700px){
  .feature-row .feature-visual-desktop .extension-card{width:min(390px,96%);padding:10px;border-radius:22px;transform:none}
  .feature-row .feature-visual-desktop .extension-settings small{display:none}
  .feature-row .feature-visual-desktop .extension-settings>div{padding:11px 0}
  .download-section{padding-block:78px}
}

/* Final desktop composition overrides. */
.desktop-section .desktop-mockup{position:relative;height:650px}
.desktop-section .desktop-mockup .laptop-screen{inset:145px 46% 95px -7%;border-radius:14px;transform:perspective(1100px) rotateY(9deg) rotateZ(-5deg);box-shadow:0 35px 90px #000}
.desktop-section .desktop-mockup .laptop-screen:after{position:absolute;right:-8%;bottom:-52px;left:-8%;height:54px;border-radius:4px 4px 28px 28px;background:linear-gradient(180deg,#aaa,#555 70%,#222);box-shadow:0 22px 30px #000;content:"";transform:perspective(500px) rotateX(58deg);transform-origin:top}
.desktop-section .extension-card{right:1%;bottom:8px;width:min(420px,58%);padding:14px;border:1px solid #ffffff1c;border-radius:28px;background:#33343a;box-shadow:0 34px 110px #000;transform:rotate(.5deg)}
.desktop-section .extension-card>div{padding:0;border-top:0}
.desktop-section .extension-topbar{display:flex;align-items:center;gap:8px;height:42px}
.desktop-section .extension-topbar img{width:116px;height:34px;object-fit:contain;margin-right:auto}
.desktop-section .extension-topbar span{padding:8px 11px;border-radius:999px;background:#ffffff0d;color:#bbb;font-size:10px;font-weight:700}
.desktop-section .extension-topbar b{display:grid;width:28px;height:28px;border-radius:50%;background:#ffffff0d;place-items:center;color:#aaa;font-size:16px}
.desktop-section .extension-site{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;margin-top:7px;padding:14px!important;border:1px solid #ffffff18!important;border-radius:18px;background:#ffffff09}
.desktop-section .extension-site>img{width:48px;height:48px;border-radius:13px}
.desktop-section .extension-site div{display:flex;flex-direction:column;gap:3px}
.desktop-section .extension-site small{color:#aaa;font-size:9px}
.desktop-section .extension-site strong{margin:0;font-size:18px}
.desktop-section .extension-back{margin:14px 4px 10px;color:#aaa;font-size:10px}
.desktop-section .extension-settings{display:block;padding:5px 14px!important;border:1px solid #ffffff16!important;border-radius:18px;background:#ffffff08}
.desktop-section .extension-settings>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #ffffff12}
.desktop-section .extension-settings>div:first-child{border-top:0}
.desktop-section .extension-settings>div>span:first-child{display:flex;min-width:0;flex-direction:column;gap:5px}
.desktop-section .extension-settings b{font-size:12px}
.desktop-section .extension-settings small{overflow:hidden;color:#999;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.desktop-section .extension-nav{display:grid!important;margin-top:10px;padding:10px 6px 4px!important;border:1px solid #ffffff12!important;border-radius:16px;background:#ffffff07;grid-template-columns:repeat(5,1fr);gap:4px;color:#aaa;font-size:8px;text-align:center}
.desktop-section .extension-card .switch{display:inline-block;flex:0 0 auto;width:40px;height:23px;border-radius:99px;background:#64656a}
.desktop-section .extension-card .switch.on{background:#8b5cf6}
.desktop-section .extension-card .switch:after{display:block;width:17px;height:17px;margin:3px;border-radius:50%;background:#fff;content:""}
.desktop-section .extension-card .switch.on:after{margin-left:20px}
@media(max-width:900px){.desktop-section .extension-card{right:3%;width:min(390px,68%)}}
@media(max-width:700px){
  .desktop-section .desktop-mockup{height:520px}
  .desktop-section .desktop-mockup .laptop-screen{inset:90px 34% 120px -30%}
  .desktop-section .extension-card{right:0;bottom:0;width:78%;padding:10px;border-radius:22px}
  .desktop-section .extension-topbar span{display:none}
  .desktop-section .extension-settings small{display:none}
  .desktop-section .extension-settings>div{padding:10px 0}
  .desktop-section .extension-nav{display:none!important}
}

/* Opal-inspired feature showcase. */
.feature-showcase{padding-block:90px 170px}
.feature-row{display:grid;min-height:690px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(64px,9vw,140px)}
.feature-row+.feature-row{margin-top:70px}
.feature-row-reverse .feature-copy{order:2}
.feature-row-reverse .feature-visual{order:1}
.feature-copy{max-width:500px}
.feature-pill{display:inline-flex;min-height:30px;align-items:center;padding:0 13px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff08;color:#aaa;font-size:11px;font-weight:700;letter-spacing:.02em}
.feature-copy h2{margin:20px 0 0;font-size:36px;font-weight:760;line-height:1.22;letter-spacing:-.045em}
.feature-copy p{max-width:460px;margin:20px 0 0;color:#929292;font-size:16px;line-height:1.8}
.feature-visual{position:relative;display:grid;height:650px;place-items:center}
.feature-visual:before{position:absolute;width:420px;height:420px;border-radius:50%;background:#fff;content:"";filter:blur(170px);opacity:.045}
.feature-phone{position:relative;width:286px;height:620px;transform:perspective(1200px) rotateY(-10deg) rotateZ(3deg);box-shadow:0 45px 110px #000}
.feature-row-reverse .feature-phone{transform:perspective(1200px) rotateY(10deg) rotateZ(-3deg)}
.feature-visual-grayscale .feature-phone{transform:perspective(1200px) rotateY(-8deg) rotateZ(2deg)}
@media(max-width:900px){
  .feature-showcase{padding-block:70px 130px}
  .feature-row{min-height:0;grid-template-columns:1fr;gap:42px;padding-block:70px;text-align:center}
  .feature-row+.feature-row{margin-top:0}
  .feature-row-reverse .feature-copy,.feature-row-reverse .feature-visual{order:initial}
  .feature-copy{margin-inline:auto}
  .feature-copy p{margin-inline:auto}
  .feature-visual{height:580px}
  .feature-phone,.feature-row-reverse .feature-phone,.feature-visual-grayscale .feature-phone{width:258px;height:558px;transform:none}
}
@media(max-width:700px){
  .feature-showcase{padding-block:50px 100px}
  .feature-row{gap:30px;padding-block:56px}
  .feature-copy h2{font-size:32px}
  .feature-copy p{font-size:15px;line-height:1.7}
  .feature-visual{height:500px}
.feature-phone,.feature-row-reverse .feature-phone,.feature-visual-grayscale .feature-phone{width:220px;height:477px;border-width:5px;border-radius:38px}
}

/* Platform-colored feature names without carousel indicators. */
.platform-story-copy [data-story-feature]{display:inline-block;color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.platform-story-copy [data-story-feature][data-theme="instagram"]{background-image:linear-gradient(100deg,#ffdc80 0%,#fcaf45 22%,#f77737 43%,#e1306c 65%,#c13584 82%,#833ab4 100%)}
.platform-story-copy [data-story-feature][data-theme="youtube"]{background-image:none;color:#ff0033;-webkit-text-fill-color:#ff0033}
.platform-story-copy [data-story-feature][data-theme="x"]{background-image:none;color:#1da1f2;-webkit-text-fill-color:#1da1f2}
.platform-story-copy [data-story-feature][data-theme="threads"]{background-image:none;color:#fff;-webkit-text-fill-color:#fff}
.story-progress{display:none!important}

/* Desktop product composition: laptop behind, settings panel in front. */
.desktop-mockup{height:650px}
.desktop-mockup .laptop-screen{inset:145px 46% 95px -7%;border-radius:14px;transform:perspective(1100px) rotateY(9deg) rotateZ(-5deg);box-shadow:0 35px 90px #000}
.desktop-mockup .laptop-screen:after{position:absolute;right:-8%;bottom:-52px;left:-8%;height:54px;border-radius:4px 4px 28px 28px;background:linear-gradient(180deg,#aaa,#555 70%,#222);box-shadow:0 22px 30px #000;content:"";transform:perspective(500px) rotateX(58deg);transform-origin:top}
.desktop-mockup .extension-card{right:1%;bottom:8px;width:min(420px,58%);padding:14px;border-color:#ffffff1c;border-radius:28px;background:#33343a;box-shadow:0 34px 110px #000;transform:rotate(.5deg)}
.extension-topbar{display:flex;align-items:center;gap:8px;height:42px}
.extension-topbar img{width:116px;height:34px;object-fit:contain;margin-right:auto}
.extension-topbar span{padding:8px 11px;border-radius:999px;background:#ffffff0d;color:#bbb;font-size:10px;font-weight:700}
.extension-topbar b{display:grid;width:28px;height:28px;border-radius:50%;background:#ffffff0d;place-items:center;color:#aaa;font-size:16px}
.extension-site{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;margin-top:7px;padding:14px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff09}
.extension-site>img{width:48px;height:48px;border-radius:13px}
.extension-site div{display:flex;flex-direction:column;gap:3px}
.extension-site small{color:#aaa;font-size:9px}
.extension-site strong{font-size:18px}
.extension-back{margin:14px 4px 10px;color:#aaa;font-size:10px}
.extension-settings{padding:5px 14px;border:1px solid #ffffff16;border-radius:18px;background:#ffffff08}
.extension-settings>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #ffffff12}
.extension-settings>div:first-child{border-top:0}
.extension-settings>div>span:first-child{display:flex;min-width:0;flex-direction:column;gap:5px}
.extension-settings b{font-size:12px}
.extension-settings small{overflow:hidden;color:#999;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.extension-nav{display:grid;margin-top:10px;padding:10px 6px 4px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff07;grid-template-columns:repeat(5,1fr);gap:4px;color:#aaa;font-size:8px;text-align:center}
.extension-card .switch{flex:0 0 auto;width:40px;height:23px;background:#64656a}
.extension-card .switch.on{background:#8b5cf6}
.extension-card .switch:after{width:17px;height:17px;background:#fff}
.extension-card .switch.on:after{margin-left:20px}
@media(max-width:900px){
  .desktop-mockup .extension-card{right:3%;width:min(390px,68%)}
}
@media(max-width:700px){
  .desktop-mockup{height:520px}
  .desktop-mockup .laptop-screen{inset:90px 34% 120px -30%}
  .desktop-mockup .extension-card{right:0;bottom:0;width:78%;padding:10px;border-radius:22px}
  .extension-topbar span{display:none}
  .extension-settings small{display:none}
  .extension-settings>div{padding:10px 0}
  .extension-nav{display:none}
}

/* Keep the desktop settings preview stable and vertically stacked. */
.feature-visual-desktop .extension-card{
  position:relative;
  inset:auto;
  display:block;
  width:min(440px,94%);
  padding:14px;
  overflow:hidden;
  border:1px solid #ffffff1c;
  border-radius:28px;
  background:#33343a;
  box-shadow:0 34px 110px #000;
  transform:rotate(-1deg);
}
.feature-visual-desktop .extension-card>.extension-topbar{
  display:flex;
  align-items:center;
  gap:8px;
  height:42px;
  padding:0;
  border:0;
}
.feature-visual-desktop .extension-card>.extension-site{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin-top:7px;
  padding:14px;
  border:1px solid #ffffff18;
  border-radius:18px;
  background:#ffffff09;
}
.feature-visual-desktop .extension-card>.extension-settings{
  display:block;
  width:100%;
  padding:5px 14px;
  border:1px solid #ffffff16;
  border-radius:18px;
  background:#ffffff08;
}
.feature-visual-desktop .extension-settings>div{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 0;
  border-top:1px solid #ffffff12;
}
.feature-visual-desktop .extension-settings>div:first-child{border-top:0}
.feature-visual-desktop .extension-settings>div>span:first-child{
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
  gap:5px;
}
.feature-visual-desktop .extension-settings small{
  display:block;
  overflow:hidden;
  color:#aaa;
  font-size:9px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.feature-visual-desktop .extension-card>.extension-nav{
  display:grid;
  margin-top:10px;
  padding:10px 6px 4px;
  border:1px solid #ffffff12;
  border-radius:16px;
  background:#ffffff07;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px;
}
@media(max-width:700px){
  .feature-visual-desktop .extension-card{width:min(390px,96%);padding:10px;border-radius:22px;transform:none}
  .feature-visual-desktop .extension-settings small{display:none}
  .feature-visual-desktop .extension-settings>div{padding:11px 0}
}

/* Header actions mirror the hero download controls. */
.site-header .header-actions{display:flex;align-items:center;gap:10px}
.site-header .header-store-badge{display:block}
.site-header .header-store-badge img{display:block;width:124px;height:38px}
.site-header .header-desktop-download{height:38px;gap:8px;padding:0 14px;border-radius:7px;font-size:12px}
.site-header .header-desktop-download .desktop-symbol{width:20px;height:14px;border-width:1.5px}
.site-header .header-desktop-download .desktop-symbol:after{right:-4px;bottom:-5px;left:-4px;height:1.5px}
.site-header .header-desktop-download .download-label small{font-size:7px}
.site-header .header-desktop-download .download-label b{font-size:13px}
.feed-heading-two-lines{max-width:none;white-space:nowrap}
@media(max-width:700px){
  .site-header .header-actions{gap:5px}
  .site-header .header-store-badge img{width:92px;height:29px}
  .site-header .header-desktop-download{height:30px;gap:6px;padding:0 9px}
  .site-header .header-desktop-download .desktop-symbol{width:16px;height:11px}
  .site-header .header-desktop-download .download-label small{display:none}
  .site-header .header-desktop-download .download-label b{font-size:10px}
  .section-heading .feed-heading-two-lines{font-size:clamp(19px,5.5vw,26px);letter-spacing:-.045em}
}

/* Header download actions. */
.header-actions{display:flex;align-items:center;gap:8px}
.site-header .header-actions .header-cta{min-width:82px;padding:0 17px}
.site-header .header-desktop{gap:8px;background:#1c1c1e;color:#f5f5f5;border:1px solid #ffffff20}
.header-desktop-icon{position:relative;width:17px;height:12px;border:1.5px solid currentColor;border-radius:2px}
.header-desktop-icon:after{position:absolute;right:-3px;bottom:-4px;left:-3px;height:1.5px;border-radius:2px;background:currentColor;content:""}
.carousel-dots[hidden]{display:none!important}
.platform-story-copy .story-single-line{white-space:nowrap}
.platform-story-copy .story-brand-logo{width:178px;height:54px;vertical-align:-17px}
@media(max-width:700px){
  .platform-story-copy .story-single-line{font-size:16px}
  .platform-story-copy .story-brand-logo{width:96px;height:38px;vertical-align:-13px}
}
@media(max-width:700px){
  .header-actions{gap:6px}
  .header-cta{min-width:62px;height:38px;padding:0 11px;font-size:12px}
  .header-desktop{min-width:auto}
}

/* Header download actions. */
.header-actions{display:flex;align-items:center;gap:8px}
.header-cta{min-width:82px;padding:0 17px}
.header-desktop{gap:8px;background:#1c1c1e;color:#f5f5f5;border:1px solid #ffffff20}
.header-desktop-icon{position:relative;width:17px;height:12px;border:1.5px solid currentColor;border-radius:2px}
.header-desktop-icon:after{position:absolute;right:-3px;bottom:-4px;left:-3px;height:1.5px;border-radius:2px;background:currentColor;content:""}
@media(max-width:700px){
  .header-actions{gap:6px}
  .header-cta{min-width:62px;height:38px;padding:0 11px;font-size:12px}
  .header-desktop{min-width:auto}
}

.hero .eyebrow,
.download-section .eyebrow{font-size:16px;letter-spacing:.08em;text-transform:none}

/* Sticky sections require the body itself to remain an unbounded scroll container. */
body{overflow-x:visible!important}

/* Scroll-driven platform showcase. */
html{overflow-x:clip}
body{overflow-x:visible}
.hero .eyebrow{color:#8b5cf6}
.desktop-copy .eyebrow{color:#8b5cf6}
.feature-visual-desktop .extension-card{position:relative;right:auto;bottom:auto;width:min(430px,100%);padding:14px;border:1px solid #ffffff1c;border-radius:28px;background:#33343a;box-shadow:0 34px 110px #000;transform:rotate(1deg)}
.feature-visual-desktop .extension-card>div{padding:0;border-top:0}
.feature-visual-desktop:before{background:#8b5cf6;opacity:.07}
@media(max-width:700px){.feature-visual-desktop .extension-card{width:min(390px,94%);padding:10px;border-radius:22px;transform:none}}
.social{overflow:visible;border-radius:18px;background:#111;object-fit:initial}
.social img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.social:after{position:absolute;z-index:2;top:50%;left:50%;width:88px;height:7px;border-radius:99px;background:#ff3b30;box-shadow:0 2px 8px #0008;content:"";transform:translate(-50%,-50%) rotate(-45deg)}
.platform-story{position:relative;height:400svh}
.platform-sticky{position:sticky;z-index:2;top:0;height:100svh;overflow:hidden;background:#050505}
.platform-sticky-inner{display:grid;width:min(1240px,calc(100% - 48px));height:100%;margin-inline:auto;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;padding-top:84px}
.platform-story-copy{position:relative;z-index:3}
.platform-story-copy h2{margin:20px 0 0;font-size:clamp(42px,4.6vw,64px);font-weight:760;line-height:1.08;letter-spacing:-.06em}
.platform-story-copy h2 strong{color:#fff;font-weight:inherit}
.platform-story-copy>p:last-of-type{max-width:470px;margin:26px 0 0;color:#969696;font-size:16px;line-height:1.8}
.story-progress{display:flex;gap:8px;margin-top:34px}
.story-progress i{display:block;width:7px;height:7px;border-radius:99px;background:#3b3b3b;transition:width .35s,background .35s}
.story-progress i.active{width:28px;background:#8b5cf6}
.platform-story-visual{position:relative;display:grid;height:min(720px,calc(100svh - 120px));place-items:center}
.platform-story-visual:before{position:absolute;width:480px;height:480px;border-radius:50%;background:#8b5cf6;content:"";filter:blur(170px);opacity:.09}
.story-phone-stage{position:relative;width:min(330px,31vw);height:min(714px,66vw);max-height:70svh;aspect-ratio:330/714}
.story-phone-stage .story-phone{position:absolute;inset:0;width:100%;height:100%;max-height:none;opacity:0;transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}
@media(max-width:900px){
  .story-phone-stage{width:auto;height:48svh;max-height:none;aspect-ratio:330/714}
}
@media(max-width:700px){
  .story-phone-stage{height:53svh}
  .story-phone-stage .story-phone{border-width:5px;border-radius:36px}
}
.story-app-badge{position:absolute;z-index:5;top:12%;right:3%;display:flex;align-items:center;gap:11px;padding:10px 15px 10px 10px;border:1px solid #ffffff1f;border-radius:999px;background:#151515d9;box-shadow:0 18px 50px #0009;backdrop-filter:blur(18px);font-size:13px;font-weight:750}
.story-app-badge img{width:32px;height:32px;border-radius:9px}
.platform-scroll-track{position:absolute;inset:0;display:grid;grid-template-rows:repeat(4,1fr);pointer-events:none}
.platform-scroll-track i{display:block}
@media(max-width:900px){.platform-sticky-inner{grid-template-columns:1fr;gap:10px;padding-top:110px;text-align:center}.platform-story-copy h2{font-size:clamp(34px,8vw,50px)}.platform-story-copy>p:last-of-type{margin:18px auto 0}.story-progress{justify-content:center;margin-top:20px}.platform-story-visual{height:52svh}.story-phone{width:auto;height:48svh}.story-app-badge{top:2%;right:12%}}
@media(max-width:700px){.platform-story{height:360svh}.platform-sticky-inner{width:calc(100% - 28px);padding-top:84px}.platform-story-copy h2{font-size:clamp(29px,8.6vw,39px)}.platform-story-copy>p:last-of-type{font-size:14px;line-height:1.65}.story-phone{height:44svh;border-width:5px;border-radius:36px}.story-app-badge{right:2%;padding:7px 11px 7px 7px}.story-app-badge img{width:27px;height:27px}.social:after{width:60px;height:5px}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-feature-settings:"palt"}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.section-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{position:fixed;z-index:100;top:18px;left:50%;display:flex;width:min(1240px,calc(100% - 48px));height:66px;align-items:center;justify-content:space-between;padding:0 12px 0 22px;border:1px solid #ffffff18;border-radius:20px;background:#0b0b0be8;backdrop-filter:blur(22px);transform:translateX(-50%)}.brand img{display:block;width:145px;height:48px;object-fit:contain}.header-cta{display:grid;height:44px;padding:0 20px;place-items:center;border-radius:999px;background:#f5f5f5;color:#080808;font-size:13px;font-weight:800}.eyebrow{margin:0;color:#858585;font-size:11px;font-weight:800;letter-spacing:.18em}.hero{display:grid;min-height:100svh;grid-template-columns:minmax(470px,.92fr) minmax(560px,1.08fr);align-items:center;gap:40px;padding-top:96px}.hero-copy{position:relative;z-index:5}.hero h1{margin:22px 0 0;font-size:clamp(50px,5vw,76px);line-height:1.04;letter-spacing:-.06em}.hero-lead{margin:28px 0 0;color:#bdbdbd;font-size:clamp(24px,2.2vw,34px);font-weight:700;line-height:1.45;letter-spacing:-.03em}.download-row{display:flex;align-items:center;gap:14px;margin-top:32px}.store-badge img{display:block;width:166px;height:50px}.desktop-download{display:inline-flex;height:50px;align-items:center;gap:11px;padding:0 20px;border-radius:9px;background:#f5f5f5;color:#080808;font-size:14px;font-weight:800}.desktop-symbol{position:relative;width:26px;height:18px;border:2px solid currentColor;border-radius:2px}.desktop-symbol:after{position:absolute;content:"";right:-5px;bottom:-6px;left:-5px;height:2px;border-radius:2px;background:currentColor}.hero-visual{position:relative;height:min(760px,calc(100svh - 112px));min-height:620px;overflow:hidden}.hero-visual:before{position:absolute;content:"";inset:22% 8% 10%;border-radius:50%;background:#fff;filter:blur(160px);opacity:.045}.phone-carousel,.carousel-stage{position:absolute;inset:0}.iphone-frame{position:absolute;overflow:hidden;border:7px solid #101010;border-radius:48px;background:#090909;box-shadow:0 0 0 1px #777,0 40px 90px #000}.iphone-frame img{display:block;width:100%;height:100%;border-radius:39px;object-fit:cover}.dynamic-island{position:absolute;z-index:3;top:12px;left:50%;width:78px;height:22px;border-radius:999px;background:#050505;transform:translateX(-50%)}.carousel-stage .iphone-frame{top:88px;left:50%;width:250px;height:542px;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s}.carousel-stage .iphone-frame[data-position="center"]{z-index:5;transform:translateX(-50%) scale(1);opacity:1}.carousel-stage .iphone-frame[data-position="left"]{z-index:3;transform:translateX(-118%) translateY(72px) rotate(-9deg) scale(.8);opacity:.56}.carousel-stage .iphone-frame[data-position="right"]{z-index:3;transform:translateX(18%) translateY(72px) rotate(9deg) scale(.8);opacity:.56}.carousel-arrow{position:absolute;z-index:20;top:50%;display:grid;width:42px;height:42px;padding:0;border:1px solid #ffffff20;border-radius:50%;background:#111c;place-items:center;font-size:32px;line-height:1;cursor:pointer;backdrop-filter:blur(12px)}.carousel-arrow.prev{left:4px}.carousel-arrow.next{right:4px}.carousel-dots{position:absolute;z-index:20;bottom:24px;left:50%;display:flex;gap:7px;transform:translateX(-50%)}.carousel-dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#555;transition:.3s}.carousel-dots button.active{width:24px;background:#fff}.social{position:absolute;z-index:12;width:66px;height:66px;border-radius:18px;object-fit:cover;filter:saturate(.9);box-shadow:0 18px 36px #000}.social:after{content:""}.social.instagram{top:36px;left:11%;transform:rotate(-7deg)}.social.youtube{top:55px;right:8%;transform:rotate(8deg)}.social.x{bottom:42px;left:8%;transform:rotate(6deg)}.social.threads{right:9%;bottom:42px;transform:rotate(-7deg)}
.section-heading{max-width:820px}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading h2{margin:18px 0 0;font-size:clamp(48px,6vw,82px);line-height:1.08;letter-spacing:-.06em}.section-heading h2 span{color:#fff}.section-heading>p:last-child{margin:24px auto 0;color:var(--muted);font-size:17px;line-height:1.8}.platform-section,.feed-section,.desktop-section{padding-block:170px}.platform-tabs{display:flex;gap:10px;margin-top:52px}.platform-tab{display:flex;height:48px;align-items:center;gap:9px;padding:0 17px;border:1px solid var(--line);border-radius:999px;background:#0d0d0d;color:#8d8d8d;cursor:pointer}.platform-tab img{width:25px;height:25px;border-radius:7px;filter:grayscale(1)}.platform-tab.active{border-color:#555;background:#f1f1f1;color:#080808}.platform-tab.active img{filter:none}.platform-demo{display:grid;min-height:720px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;margin-top:42px;border-radius:40px;background:#0a0a0a}.platform-phone{position:relative;width:300px;height:650px;margin:auto}.platform-copy{padding-right:70px}.platform-label{color:var(--red);font-size:12px;font-weight:800;letter-spacing:.08em}.platform-copy h3{margin:18px 0;font-size:clamp(40px,4vw,64px);line-height:1.12;letter-spacing:-.055em}.platform-copy>p:last-child{max-width:500px;color:var(--muted);font-size:17px;line-height:1.8}.feed-section{overflow:hidden}.feed-phones{position:relative;display:flex;height:700px;align-items:flex-end;justify-content:center;gap:8px;margin-top:70px}.feed-phones .iphone-frame{position:relative;width:260px;height:563px;opacity:.48;transform:rotate(-7deg) translateY(35px)}.feed-phones .iphone-frame:last-child{transform:rotate(7deg) translateY(35px)}.feed-phones .main-phone{z-index:4;width:300px;height:650px;opacity:1;transform:none}.desktop-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.desktop-copy h2{margin:18px 0;font-size:clamp(48px,5vw,76px);line-height:1.08;letter-spacing:-.06em}.desktop-copy>p{max-width:450px;color:var(--muted);font-size:17px;line-height:1.8}.desktop-download.large{margin-top:22px}.desktop-mockup{position:relative;height:600px}.browser-window{position:absolute;inset:60px 0 10px;border:1px solid #333;border-radius:24px;background:#101010;box-shadow:0 45px 100px #000;transform:perspective(1100px) rotateY(-8deg)}.browser-bar{display:flex;height:50px;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid #252525}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#555}.browser-bar span{margin-left:12px;color:#666;font-size:11px}.browser-content{display:grid;height:calc(100% - 50px);grid-template-columns:130px 1fr}.browser-content aside{display:flex;flex-direction:column;gap:20px;padding:25px 18px;border-right:1px solid #222;color:#666;font-size:10px}.browser-content aside b{color:#eee;font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:25px}.video-grid i{border-radius:12px;background:linear-gradient(145deg,#2d2d2d,#121212)}.extension-card{position:absolute;z-index:4;right:-20px;bottom:0;width:270px;padding:20px;border:1px solid #454545;border-radius:22px;background:#29292cee;box-shadow:0 25px 80px #000;backdrop-filter:blur(20px)}.extension-card>img{width:110px;height:36px;object-fit:contain}.extension-card>strong{display:block;margin:20px 0;font-size:20px}.extension-card>div{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #ffffff12;color:#ccc;font-size:13px}.switch{display:inline-block;width:38px;height:22px;border-radius:99px;background:#666}.switch.on{background:#f5f5f5}.switch:after{display:block;width:16px;height:16px;margin:3px;border-radius:50%;background:#111;content:""}.switch.on:after{margin-left:19px}.download-section{padding-block:190px;text-align:center}.download-icon{width:92px;height:92px;border-radius:22px}.download-section .eyebrow{margin-top:28px}.download-section h2{margin:20px 0 0;font-size:clamp(52px,6vw,88px);line-height:1.05;letter-spacing:-.06em}.centered-row{justify-content:center}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding-block:38px;border-top:1px solid #1b1b1b;color:#777;font-size:12px}footer>img{width:130px;height:42px;object-fit:contain}.footer-links{display:flex;gap:24px}footer a:hover{color:#fff}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:140px}.hero-copy{text-align:center}.download-row{justify-content:center}.hero-visual{height:650px;min-height:0}.platform-demo{grid-template-columns:1fr;gap:25px;padding:45px 20px}.platform-copy{padding:0 25px 45px;text-align:center}.desktop-section{grid-template-columns:1fr}.desktop-copy{text-align:center}.desktop-copy>p{margin-inline:auto}.desktop-mockup{height:560px}.platform-tabs{flex-wrap:wrap;justify-content:center}.section-heading{text-align:center;margin-inline:auto}}
@media(max-width:700px){.section-shell{width:min(100% - 28px,1240px)}.site-header{top:10px;width:calc(100% - 20px);height:58px;padding-left:14px}.brand img{width:120px}.header-cta{height:40px}.hero{padding-top:110px}.hero h1{font-size:clamp(42px,13vw,62px)}.hero-lead{font-size:23px}.hero-visual{height:510px}.carousel-stage .iphone-frame{top:55px;width:190px;height:412px;border-width:5px;border-radius:37px}.iphone-frame img{border-radius:30px}.dynamic-island{top:9px;width:58px;height:17px}.carousel-stage .iphone-frame[data-position="left"]{transform:translateX(-108%) translateY(55px) rotate(-8deg) scale(.74)}.carousel-stage .iphone-frame[data-position="right"]{transform:translateX(8%) translateY(55px) rotate(8deg) scale(.74)}.social{width:44px;height:44px;border-radius:12px}.carousel-arrow{display:none}.section-heading h2{font-size:clamp(42px,12vw,62px)}.platform-section,.feed-section,.desktop-section{padding-block:110px}.platform-tabs{gap:7px}.platform-tab{height:42px;padding:0 12px;font-size:12px}.platform-demo{min-height:0;border-radius:24px}.platform-phone{width:220px;height:477px}.platform-copy{padding-inline:0}.platform-copy h3{font-size:40px}.feed-phones{height:500px;margin-top:45px}.feed-phones .iphone-frame{width:160px;height:347px}.feed-phones .main-phone{width:205px;height:444px}.desktop-mockup{height:430px}.browser-window{inset:40px -40px 20px}.extension-card{right:0;width:230px}.download-section{padding-block:120px}.download-row{flex-direction:column}.footer-links{flex-wrap:wrap;justify-content:center}footer{grid-template-columns:1fr;text-align:center}footer>img{margin:auto}}

/* Keep section headlines clean and aligned to the shared content width. */
.section-heading{max-width:1080px}
.section-heading h2{font-size:clamp(46px,5vw,68px);line-height:1.12;letter-spacing:-.055em;word-break:keep-all}
@media(max-width:700px){.section-heading h2{font-size:clamp(38px,10.5vw,52px)}}

/* Final typography and download badge alignment. */
.site-header{border-radius:999px}
.eyebrow,.download-label{font-family:Arial,sans-serif}
.download-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.download-label small{font-size:9px;font-weight:400}
.download-label b{font-size:17px}
.hero h1{font-size:clamp(42px,3.8vw,54px);line-height:1.08;letter-spacing:-.05em}
.hero h1 span{white-space:nowrap}
.hero-lead{font-size:clamp(17px,1.45vw,22px);line-height:1.5}
.section-heading h2{font-size:clamp(40px,4.2vw,58px);line-height:1.14}
.platform-copy h3{font-size:clamp(36px,3.4vw,52px)}
.desktop-copy h2{font-size:clamp(40px,4.2vw,58px)}
.download-section h2{font-size:clamp(42px,4.8vw,66px)}
@media(max-width:700px){.hero h1{font-size:clamp(32px,9.2vw,40px)}.hero-lead{font-size:17px}.section-heading h2{font-size:clamp(34px,9vw,44px)}}

/* Unified section typography. */
.platform-story-copy h2,
.section-heading h2,
.desktop-copy h2,
.download-section h2{font-size:36px;line-height:1.22;letter-spacing:-.04em}
.platform-story-copy>p:last-of-type,
.section-heading>p:last-child,
.desktop-copy>p,
.download-section .eyebrow{font-size:16px}
@media(max-width:700px){
  .platform-story-copy h2,
  .section-heading h2,
  .desktop-copy h2,
  .download-section h2{font-size:36px}
}

/* Centered scroll showcase. */
.platform-sticky-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding-top:78px;text-align:center}
.platform-story-copy{order:1}
.platform-story-copy h2{display:block;margin:0;font-size:36px;line-height:1.28;letter-spacing:-.04em}
.platform-story-copy h2 span{font-weight:700}
.platform-story-copy h2 strong{font-weight:800}
.story-brand-logo{display:inline-block;width:154px;height:42px;margin-right:8px;vertical-align:-11px;object-fit:contain}
.story-progress{justify-content:center;margin-top:20px}
.platform-story-visual{order:2;display:grid;width:100%;height:min(610px,64svh);place-items:center}
.story-phone{width:auto;height:min(590px,61svh);max-height:none}
@media(max-width:700px){
  .platform-sticky-inner{gap:18px;padding-top:72px}
  .platform-story-copy h2{font-size:30px}
  .story-brand-logo{width:132px;height:36px;vertical-align:-9px}
  .platform-story-visual{height:57svh}
  .story-phone{height:53svh}
}