@font-face{font-family:Instrument Serif;src:url('assets/instrument-serif.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Roboto Mono;src:url('assets/roboto-mono.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Switzer;src:url('assets/switzer-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#000;color:#f5f5f5;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.mobile-only,.mobile-integration{display:none!important}
.section-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:60px;padding:14px 36px;border-radius:18px;font:400 18px/1.15 Inter,Arial,sans-serif;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button:focus-visible,.brand-link:focus-visible{outline:2px solid #b48cff;outline-offset:4px}
.button-outline{background:#030303;border:1px solid #5b5665}
.button-outline:hover{border-color:#b18bff;background:#140b24}
.button-purple{background:#5926e8;border:1px solid #6736ef;border-radius:17px}
.button-purple:hover{background:#7444f0}
.button-black{background:#050505;border:1px solid #777;border-radius:18px}
.site-header{height:120px;padding:32px 5%;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between}
.brand-link{width:52px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#09090d;box-shadow:0 0 8px #7e46bc,0 0 24px #6f3baf88}
.brand-link img{width:36px;height:37px;object-fit:contain}
.header-cta{min-height:55px;padding:14px 23px;border-radius:14px}
.hero{height:895px;position:relative;overflow:hidden;background:linear-gradient(180deg,#000 0%,#06030c 17%,#180a35 33%,#2b126a 51%,#4c26ae 71%,#8050e6 100%)}
.hero-content{position:relative;z-index:2;text-align:center;padding:286px 20px 0}
.hero h1{margin:0;font-weight:400}
.hero-display{display:block;font:400 92px/.97 'Instrument Serif',Georgia,serif;letter-spacing:-.035em;white-space:nowrap}
.hero-subtitle{display:block;margin-top:10px;font:400 30px/1.25 'Roboto Mono',monospace;letter-spacing:-.045em}
.hero-description{margin:34px 0 0;font-size:23px;line-height:1.45;color:#eee;font-weight:400}
.hero-description strong{font-weight:700}
.powered-by{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:64px;font-size:16px}
.powered-by img{width:220px;height:44px;object-fit:contain;margin-left:13px}
.hero-arc{position:absolute;z-index:1;left:-28%;bottom:-132px;width:156%;height:320px;border-radius:50% 50% 0 0 / 74% 74% 0 0;background:linear-gradient(180deg,#260d67 0%,#0d0525 23%,#000 67%);box-shadow:0 -13px 30px #a579f49c,0 -4px 7px #9870fb}
.integrations{padding:102px 0 94px;text-align:center}
.integrations h2{margin:0 0 48px;font:700 38px/1.15 'Roboto Mono',monospace;letter-spacing:-.06em}
.logo-cloud{width:min(1040px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 12px;align-items:center;justify-items:center}
.integration{height:62px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:18px;font-weight:600}
.integration img{width:50px;height:50px;object-fit:contain}
.integration.emoji-logo>span:first-child{font-size:40px;line-height:1}
.editorial{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-inline:auto}
.editorial-copy h2{font:400 50px/1.02 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:0 0 42px}
.editorial-copy p,.editorial-copy li{font-size:22px;line-height:1.4;color:#c6c6c6}
.editorial-copy p{margin:0 0 30px}
.editorial-copy strong{color:#e4e4e4;font-weight:700}
.editorial-copy ul{padding-left:30px;margin:26px 0 30px;color:#c6c6c6}
.editorial-intro{width:min(1075px,calc(100% - 64px));min-height:470px;margin-bottom:155px}
.editorial-intro .editorial-copy h2{font-size:54px;margin-bottom:36px}
.editorial-intro .editorial-copy p{max-width:490px;margin-bottom:30px}
.editorial-intro .button{width:326px}
.editorial-image{width:100%;object-fit:cover;border-radius:28px}
.image-eye{width:502px;height:303px;justify-self:end}
.editorial-wide{width:min(1630px,calc(100% - 80px));min-height:850px;margin-bottom:120px;gap:8%}
.editorial-wide .editorial-copy{max-width:670px}
.editorial-image-first .editorial-copy{justify-self:start}
.editorial-copy-first .editorial-copy{justify-self:center}
.image-open{width:597px;height:810px}
.image-meditate{width:626px;height:850px;justify-self:end}
.image-lab{width:621px;height:843px}
.editorial-pioneers{margin-bottom:0}
.interstitial-cta{text-align:center;margin:80px auto 188px}
.interstitial-cta .button{min-width:274px}
.section-heading{text-align:center}
.section-heading h2{font:400 54px/1.03 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:19px 0 15px}
.section-heading p{font-size:22px;line-height:1.4;margin:0;color:#d3d3d3}
.eyebrow{display:inline-block;font-size:13px;line-height:1.2;border:1px solid #272727;background:#111;color:#b7b7b7;padding:8px 13px;border-radius:12px}
.features{max-width:1200px;text-align:center}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 20px;margin-top:60px}
.feature-card{height:auto;min-height:690px;background:#101010;border:1px solid #282828;border-radius:22px;padding:64px 45px 35px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.feature-card>img{width:270px;height:338px;object-fit:contain;flex:none}
.feature-card h3{font-size:26px;line-height:1.2;font-weight:700;margin:60px 0 12px;letter-spacing:-.025em}
.feature-card p{font-size:16px;line-height:1.45;color:#efefef;max-width:410px;margin:0}
.features-cta{min-width:326px;margin:42px auto 0}
.audience{padding:118px 0 125px}
.audience .section-heading h2{margin-top:18px}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:150px}
.audience-grid article{text-align:left}
.audience-icon{display:block;font:400 36px/1 Arial,sans-serif;margin-bottom:15px;color:#fff}
.audience-grid h3{font:700 18px/1.25 Switzer,Inter,Arial,sans-serif;margin:0 0 14px}
.audience-grid p{font:400 16px/1.4 Switzer,Inter,Arial,sans-serif;color:#b9b9b9;margin:0}
.product-finale{min-height:1150px;padding:72px 20px 85px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,#040204 0%,#10091e 17%,#2b174a 50%,#512b91 82%,#5e2fb1 100%)}
.product-finale .section-heading h2{margin:0 0 18px}
.product-screenshot{width:min(1342px,92vw);height:auto;max-height:733px;object-fit:cover;object-position:top;border-radius:12px;margin:135px auto 0;box-shadow:0 16px 40px #0005}
.product-finale .button{min-width:326px;margin-top:-64px;position:relative;z-index:1}
.site-footer{background:#000;padding:90px 4.4% 45px;color:#909090}
.site-footer p{font-size:13px;padding-top:38px;margin:0;border-top:1px solid #272727}
@media(max-width:900px){
  .section-wrap{width:min(100% - 40px,600px)}
  .site-header{padding:28px 30px}
  .hero-display{font-size:clamp(46px,9vw,74px);white-space:normal}
  .hero-subtitle{font-size:clamp(18px,3.4vw,25px)}
  .integrations{padding-top:90px}
  .logo-cloud{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editorial,.editorial-wide{width:min(100% - 48px,650px);display:flex;flex-direction:column;min-height:0;gap:42px;margin-bottom:150px}
  .editorial-copy,.editorial-wide .editorial-copy{width:100%;max-width:none}
  .editorial-image{height:auto;justify-self:auto}
  .image-eye{width:100%}
  .image-open,.image-meditate,.image-lab{width:100%}
  .feature-grid{grid-template-columns:1fr;max-width:590px;margin-inline:auto}
  .feature-card{height:auto;min-height:690px}
  .audience-grid{gap:25px}
}
@media(max-width:600px){
  .desktop-only{display:none!important}
  .mobile-only,.mobile-integration{display:block!important}
  .section-wrap{width:calc(100% - 40px)}
  .button{min-height:52px;font-size:15px;border-radius:13px;padding:12px 24px}
  .site-header{height:95px;padding:28px 24px;align-items:flex-start}
  .brand-link{width:44px;height:44px;border-radius:12px}
  .brand-link img{width:28px;height:29px}
  .header-cta{min-height:42px;padding:10px 20px}
  .hero{height:707px;background:linear-gradient(180deg,#000 0%,#090416 24%,#25115b 50%,#5425c5 76%,#844ce8 100%)}
  .hero-content{padding:182px 27px 0}
  .hero-display{font-size:56px;line-height:.98;letter-spacing:-.04em}
  .hero-subtitle{font-size:22px;line-height:1.2;margin-top:12px;letter-spacing:-.045em}
  .powered-by.mobile-only{display:flex!important;align-items:center;justify-content:center;margin-top:48px;gap:4px;font-size:12px}
  .powered-by.mobile-only img{width:160px;height:auto;margin-left:5px}
  .hero-arc{left:-65%;bottom:-140px;width:230%;height:250px;box-shadow:0 -9px 30px #a579f499}
  .integrations{padding:110px 0 126px}
  .integrations h2{font-size:31px;line-height:1.3;width:310px;max-width:100%;margin:0 auto 65px}
  .logo-cloud{width:100%;display:flex;flex-direction:column;gap:67px}
  .integration{width:100%;height:50px;gap:13px;font-size:18px;justify-content:center}
  .integration img{width:50px;height:50px}
  .integration.emoji-logo{display:flex!important}
  .integration.emoji-logo>span:first-child{font-size:42px}
  .editorial,.editorial-wide{width:calc(100% - 48px);gap:50px;margin-bottom:150px}
  .editorial-copy h2,.editorial-intro .editorial-copy h2{font-size:43px;line-height:1.03;margin-bottom:28px}
  .editorial-copy p,.editorial-copy li{font-size:18px;line-height:1.45}
  .editorial-copy p{margin-bottom:24px}
  .editorial-copy ul{padding-left:24px}
  .editorial-intro{margin-bottom:150px}
  .editorial-intro .editorial-copy p{max-width:none;margin-bottom:24px}
  .editorial-intro .button{display:none}
  .editorial-intro .image-eye{width:100%;max-width:502px;height:auto;aspect-ratio:502/303;align-self:center;flex:none}
  .editorial-image{border-radius:22px}
  .image-open,.image-meditate,.image-lab{width:100%;height:auto;aspect-ratio:597/810;object-fit:cover}
  .editorial-copy-first .editorial-copy{order:0}
  .editorial-copy-first .editorial-image{order:1}
  .editorial-pioneers{margin-bottom:0}
  .interstitial-cta{margin:80px auto 190px}
  .interstitial-cta .button{min-width:220px}
  .section-heading h2{font-size:44px;line-height:1.03}
  .section-heading p{font-size:17px}
  .features{width:calc(100% - 80px)}
  .feature-grid{gap:20px;margin-top:74px}
  .feature-card{height:auto;min-height:690px;padding:64px 18px 40px;border-radius:20px}
  .feature-card>img{width:270px;height:338px;max-width:100%}
  .feature-card h3{font-size:23px;margin:60px 0 12px}
  .feature-card p{font-size:15px;line-height:1.45}
  .features-cta{min-width:250px;margin-top:35px}
  .audience{padding:110px 0 120px}
  .audience-grid{grid-template-columns:1fr;gap:46px;margin-top:95px;max-width:340px;margin-inline:auto}
  .audience-grid h3{font-size:18px}
  .audience-grid p{font-size:15px}
  .product-finale{min-height:892px;padding:67px 20px 75px}
  .product-finale .section-heading h2{font-size:43px}
  .product-screenshot{width:310px;max-width:100%;margin-top:155px;border-radius:8px}
  .product-finale .button{margin-top:65px;min-width:240px}
  .site-footer{padding:45px 20px 35px}
  .site-footer p{padding-top:28px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}