@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--paper:#f8f6f0;--ink:#302939;--muted:#716b77;--purple:#735593;--lavender:#ded0f2;--line:#ded9e0;--green:#deebd1;--font:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}a.button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #30293915}a:not(.button):hover{color:var(--purple)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip-link:focus{top:12px}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.logo{width:135px;height:54px;display:block;overflow:hidden;flex-shrink:0}.logo img{width:160px;height:160px;max-width:none;object-fit:contain;transform:translate(-12px,-52px);mix-blend-mode:multiply}.desktop-nav,.header-actions{display:flex;gap:30px;align-items:center}.desktop-nav,.login{font-size:14px;font-weight:600}.header-actions{gap:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:7px;min-height:56px;padding:14px 23px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.button span{font-size:19px;font-weight:400}.button.small{min-height:43px;padding:8px 17px;gap:22px}.button.outline{background:transparent;color:var(--ink)}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:28px;padding-block:80px 85px;min-height:690px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;line-height:1.5;margin:0 0 25px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.spark{color:var(--purple);font-size:25px;line-height:1}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,5.35vw,78px);line-height:1.03;letter-spacing:-4px;font-weight:650;margin-bottom:28px}em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:var(--purple)}h1 em{letter-spacing:-3px}.hero-intro{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:30px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{font-size:11px;color:var(--muted);margin:16px 0 0}.hero-visual{height:490px;position:relative;min-width:0}.visual-orbit{position:absolute;inset:35px 10px 10px;border:1px solid #cfc4da;border-radius:50%;transform:rotate(-20deg);background:#ebe3f147}.creator-card{position:absolute;width:48%;height:342px;overflow:hidden;border-radius:14px;background:white;box-shadow:0 10px 26px #34203f12;border:6px solid white;margin:0}.creator-one{left:1%;top:45px;transform:rotate(-8deg)}.creator-two{right:0;top:100px;transform:rotate(8deg)}.creator-photo{height:100%;background-image:url('/creator-stories.png');background-size:200% 100%;background-repeat:no-repeat;background-color:#dcd3d2}.photo-one{background-position:left center}.photo-two{background-position:right center}.creator-card:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#211828cf)}.creator-card figcaption{position:absolute;bottom:17px;left:15px;right:10px;z-index:1;color:white;display:flex;flex-direction:column;gap:3px}.creator-card figcaption strong{font-size:18px;letter-spacing:-.5px}.creator-card figcaption>span:last-child{font-size:10px}.category{font-size:8px;letter-spacing:1px}.match-note{position:absolute;z-index:3;top:34px;right:6%;display:flex;align-items:center;gap:12px;background:white;border:1px solid #e9e3ec;border-radius:9px;padding:13px 18px;box-shadow:0 9px 24px #3029390a;transform:rotate(3deg)}.match-note div{display:flex;flex-direction:column}.match-note strong{font-size:12px}.match-note div span{font-size:9px;color:var(--muted)}.match-icon{height:33px;width:33px;display:grid;place-items:center;border-radius:50%;background:var(--green);font-size:25px;line-height:1}.circle-note{position:absolute;z-index:2;left:0;bottom:12px;border-radius:50%;width:124px;height:124px;background:var(--lavender);border:1px solid #c4addd;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;line-height:1.1;font-size:11px;transform:rotate(-14deg)}.circle-note b{font-size:21px;font-family:'DM Serif Display',Georgia,serif;font-weight:400;margin:3px}.circle-note>span{font-size:20px;margin-top:3px}.visual-caption{position:absolute;bottom:-10px;right:1%;font-size:8px;letter-spacing:1.6px;color:var(--muted)}.category-band{border-block:1px solid var(--line);padding-block:24px}.category-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.category-band span{font-size:12px;color:var(--muted)}.category-band .wrap>div{display:flex;gap:25px;font-size:13px;align-items:center}.category-band i{font-style:normal;color:#a18ab5;font-size:18px}.section{padding-block:98px}.section-heading{text-align:center;margin-bottom:55px}h2{font-size:46px;line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin-bottom:24px}h2 em{letter-spacing:-1.3px}.section-heading>p:last-child,.audience-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8}.section-heading .eyebrow{margin-bottom:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps article{border-top:1px solid var(--line);padding-top:24px}.step-number{font-size:10px;letter-spacing:1.2px;color:var(--purple);font-weight:700}.steps h3{font-size:20px;letter-spacing:-.5px;margin:19px 0 12px;font-weight:500}.steps p{font-size:14px;line-height:1.8;color:var(--muted);max-width:340px}.audience-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;border-top:1px solid var(--line)}.product-preview{background:#eee7f4;border-radius:16px;padding:30px;transform:rotate(-2deg);border:1px solid #ded3e7}.preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.preview-top>span:last-child{font-size:8px;letter-spacing:1.2px}.preview-wordmark{font-size:23px;font-weight:700;letter-spacing:-1.5px}.preview-wordmark>span{font-size:18px;margin-left:3px;color:var(--purple)}.product-preview h3{font-size:24px;letter-spacing:-.8px;margin-bottom:2px;font-weight:500}.product-preview>p{font-size:11px;color:var(--muted)}.preview-tabs{display:flex;gap:23px;border-bottom:1px solid #d5cbde;margin:20px 0 10px;font-size:10px}.preview-tabs span{padding-bottom:9px}.preview-tabs .selected{border-bottom:2px solid var(--purple)}.preview-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #dbd1e4}.mini-photo{display:block;width:43px;height:48px;flex-shrink:0;border-radius:7px;background-image:url('/creator-stories.png');background-size:200% 100%}.preview-row>div{display:flex;flex-direction:column}.preview-row strong{font-size:10px}.preview-row div span{font-size:8px;color:var(--muted)}.pill{display:inline-block;border-radius:5px;font-size:8px;line-height:1.5;padding:6px 9px;background:white;white-space:nowrap}.preview-row>.pill{margin-left:auto}.lavender{background:#e0d0ef}.green{background:var(--green)}.delivery{padding:20px;background:#f9f7fb;border-radius:10px;margin-top:20px}.delivery>div{display:flex;align-items:center;gap:10px}.delivery-icon{border:1px solid var(--line);border-radius:7px;padding:3px 9px}.delivery strong{font-size:12px}.delivery p{font-size:11px;color:var(--muted);margin:12px 0}.delivery>.pill{padding:0;font-size:8px;letter-spacing:1px;background:transparent;color:var(--purple)}.preview-label{display:block;text-align:center;font-size:7px;letter-spacing:1px;margin-top:19px;color:var(--muted)}.benefits{list-style:none;margin:25px 0 30px;padding:0}.benefits li{font-size:13px;margin-bottom:14px;padding-left:25px;position:relative}.benefits li:before{content:'↗';position:absolute;left:0;color:var(--purple)}.creator-section{background:#ede9dd;border-block:1px solid #e1dccf}.creator-inner{padding-block:85px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.creator-manifesto{position:relative;padding:55px;background:var(--green);border-radius:4px;transform:rotate(3deg);border:1px solid #cad8bd}.creator-manifesto>.eyebrow{font-size:8px;display:block}.creator-manifesto>p{font-size:67px;line-height:1.02;letter-spacing:-3px;margin:40px 0 28px}.creator-manifesto em{color:#5d7652}.creator-manifesto>span:not(.eyebrow):not(.manifesto-spark){font-size:14px;color:#5d6957;line-height:1.8}.manifesto-spark{position:absolute;right:25px;top:15px;font-size:65px;color:#6e845f}.creator-manifesto>a{display:block;border-top:1px solid #becbb4;margin-top:35px;padding-top:16px;font-size:12px}.creator-manifesto>a>span{float:right}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faqs{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px;font-weight:500;padding:23px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;color:var(--purple);line-height:1}details[open] summary>span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);padding-right:30px;line-height:1.85;margin-bottom:25px}.join-section{position:relative;border-radius:14px;background:var(--lavender);padding:65px 70px;margin-bottom:70px}.join-section h2{font-size:62px;position:relative;margin:24px 0 32px}.join-spark{position:absolute;right:6%;top:-20px;font-size:155px;color:#80629d;line-height:1}.join-section h2 em{color:#62447f}.site-footer{padding:0 0 35px;display:flex;justify-content:space-between;align-items:center;gap:40px}.site-footer .logo{width:100px;height:40px}.site-footer .logo img{width:120px;height:120px;transform:translate(-9px,-39px)}.site-footer p{font-size:10px;color:var(--muted);margin:10px 0 0}.site-footer nav{display:flex;gap:28px;font-size:12px}.site-footer>span{font-size:10px;color:var(--muted)}
@media(min-width:1450px){.hero{gap:65px}.hero-visual{height:520px}.creator-card{height:370px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:18px}.hero{gap:15px}.hero-visual{height:435px}.creator-card{height:300px}.match-note{right:0;padding:10px}.hero .eyebrow{font-size:8px}.hero h1{font-size:61px}.category-band .wrap{flex-direction:column;gap:10px}.audience-section,.creator-inner{gap:50px}.audience-copy h2{font-size:39px}.creator-manifesto{padding:35px}.creator-manifesto>p{font-size:60px}.product-preview{padding:22px}.preview-row{gap:7px}.preview-row .pill{padding:5px;font-size:7px}.faq-section{gap:45px}}
@media(max-width:800px){.site-header{height:88px}.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:40px;gap:25px}.hero h1{font-size:clamp(52px,9vw,74px)}.hero .eyebrow{font-size:9px}.hero-copy{max-width:600px}.hero-visual{width:min(510px,100%);justify-self:center;height:470px}.creator-card{height:330px}.hero-intro{font-size:16px}.category-band .wrap>div{flex-wrap:wrap;justify-content:center;gap:10px 20px}.section{padding-block:65px}.section-heading{text-align:left;margin-bottom:35px}h2{font-size:39px}.steps{gap:22px}.steps h3{font-size:18px}.steps p{font-size:12px}.step-number{font-size:8px}.audience-section{grid-template-columns:1fr;gap:45px}.audience-copy{max-width:580px}.audience-section .audience-copy{grid-row:1}.product-preview{max-width:510px;width:100%;justify-self:center;padding:30px}.preview-row strong{font-size:12px}.preview-row div span{font-size:10px}.preview-row .pill{font-size:9px;padding:6px 9px}.creator-inner{grid-template-columns:1fr;padding-block:65px;gap:45px}.creator-manifesto{width:min(480px,94%);justify-self:center;padding:40px}.faq-section{grid-template-columns:1fr;gap:10px}.join-section{padding:45px}.join-section h2{font-size:52px}.join-spark{font-size:105px;top:0;right:0}.site-footer{flex-wrap:wrap;gap:25px}.site-footer nav{gap:20px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.site-header{gap:10px}.logo{width:118px;height:47px}.logo img{width:140px;height:140px;transform:translate(-12px,-46px)}.header-actions{gap:14px}.login{font-size:12px}.button.small{padding:7px 10px;font-size:11px;gap:9px;min-height:37px}.button.small span{font-size:14px}.hero h1{font-size:51px;letter-spacing:-2.6px}.hero h1 em{letter-spacing:-1.9px}.hero .eyebrow{font-size:7.5px;letter-spacing:1.1px}.hero-intro{font-size:14px}.hero-note{font-size:9px}.actions .button{padding:12px 17px;gap:20px;font-size:12px;min-height:50px}.hero-visual{height:385px}.creator-card{height:268px;border-width:4px}.creator-one{top:40px;left:2%}.creator-two{top:80px;right:2%}.creator-card figcaption{left:10px;bottom:12px}.creator-card figcaption strong{font-size:14px}.creator-card figcaption>span:last-child{font-size:8px}.category{font-size:6px}.match-note{top:18px;right:2%;padding:9px 11px;gap:8px}.match-note strong{font-size:10px}.match-note div span{font-size:8px}.match-icon{width:28px;height:28px;font-size:22px}.circle-note{width:99px;height:99px;bottom:0;font-size:9px}.circle-note b{font-size:18px}.visual-caption{font-size:6px;letter-spacing:.8px;bottom:-15px}.category-band .wrap>div{font-size:11px;gap:6px 10px}.category-band i{font-size:14px}.steps{grid-template-columns:1fr;gap:22px}.steps p{font-size:14px;max-width:none;margin-bottom:0}.steps h3{font-size:21px}.step-number{font-size:9px}.section h2,.audience-copy h2{font-size:36px}.product-preview{padding:19px}.preview-row strong{font-size:10px}.preview-row div span{font-size:8px}.preview-row .pill{font-size:7px;padding:5px}.creator-manifesto>p{font-size:56px}.creator-manifesto{padding:30px}.manifesto-spark{font-size:50px}.join-section{padding:35px 24px}.join-section h2{font-size:41px;letter-spacing:-1.3px}.join-section .eyebrow{font-size:8px;max-width:220px}.join-spark{font-size:55px;top:-15px;right:0}.join-section .actions{gap:8px}.join-section .button{padding:10px 13px;gap:12px;font-size:11px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:20px}.site-footer nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;font-size:11px}.site-footer>span{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.desktop-nav a[aria-current=page]{color:var(--purple);text-decoration:underline;text-underline-offset:7px}.text-link{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:12px 4px}.audience-hero{gap:70px;min-height:660px}.audience-hero h1{font-size:clamp(48px,4.5vw,68px);letter-spacing:-3px}.audience-hero h1 em{letter-spacing:-2.6px}.brand-hero-visual{min-width:0;padding:14px}.feature-band{background:#eee7f4;border-block:1px solid #ded3e7;padding-block:23px}.feature-band .wrap{display:flex;justify-content:center;align-items:center;gap:40px;font-size:10px;font-weight:600;letter-spacing:1.1px}.feature-band i{font-size:22px;color:var(--purple);font-style:normal}.green-band{background:var(--green);border-color:#cad8bd}.editorial-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:42px}.editorial-card h3{font-size:44px;font-weight:500;line-height:1.15;letter-spacing:-1.5px}.workflow-list{list-style:none;padding:0;margin:30px 0 0}.workflow-list li{padding:15px 0;border-top:1px solid var(--line);font-size:14px}.workflow-list span{color:var(--purple);margin-right:20px;font-size:11px}.audience-copy .fine-print{font-size:12px}.creator-page-visual{height:480px;position:relative;padding:5px 40px 40px 20px;min-width:0}.creator-portrait{height:100%;border-radius:150px 150px 16px 16px;background-image:url('/creator-stories.png');background-size:200% 100%;border:7px solid white;transform:rotate(3deg)}.portrait-note{position:absolute;bottom:0;right:0;background:var(--green);padding:22px 28px;border:1px solid #cad8bd;box-shadow:0 8px 25px #30293910;transform:rotate(-5deg)}.portrait-note .eyebrow{display:block;font-size:7px;margin-bottom:15px}.portrait-note strong{display:block;font-size:36px;line-height:1.06;font-weight:500;letter-spacing:-1px;margin-bottom:14px}.portrait-note strong em{color:#5d7652}.portrait-note>span:last-child{font-size:10px}.portrait-spark{position:absolute;top:8px;right:0;font-size:90px;line-height:1;color:var(--purple)}
@media(max-width:1100px){.audience-hero{gap:30px}.audience-hero h1{font-size:54px}.feature-band .wrap{gap:24px}}
@media(max-width:800px){.site-header{height:auto;min-height:115px;flex-wrap:wrap;padding-block:14px;gap:12px}.desktop-nav{display:flex;order:3;width:100%;justify-content:center;gap:30px;font-size:12px;padding:5px 0}.header-actions{margin-left:auto}.audience-hero{gap:45px;padding-bottom:60px}.audience-hero h1{font-size:clamp(48px,8vw,65px)}.brand-hero-visual{width:min(530px,100%);justify-self:center}.creator-page-visual{width:min(460px,100%);justify-self:center}.feature-band .wrap{flex-wrap:wrap;gap:10px 20px;font-size:8px}.feature-band i{font-size:16px}.editorial-card{padding:32px}.audience-hero .hero-copy{max-width:640px}}
@media(max-width:480px){.desktop-nav{gap:26px;font-size:11px}.audience-hero h1{font-size:45px;letter-spacing:-2px}.audience-hero h1 em{letter-spacing:-1.8px}.audience-hero .hero-intro br{display:none}.creator-page-visual{height:410px;padding-inline:10px 25px}.portrait-note{padding:20px}.portrait-note strong{font-size:32px}.portrait-spark{font-size:65px}.brand-hero-visual{padding:8px}.feature-band .wrap{gap:10px;font-size:7px;letter-spacing:.5px}.feature-band i{font-size:12px}.text-link{font-size:12px}.audience-hero .actions{gap:10px}.editorial-card h3{font-size:38px}}

.site-footer nav{flex-wrap:wrap;max-width:590px;row-gap:12px}.site-footer{align-items:start}

/* Subtle motion: finite entrances and decorative movement, no hidden content. */
@media (prefers-reduced-motion: no-preference) {
  .reveal-once { animation: tokkii-reveal 650ms cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms) backwards; }
  .reveal-once:focus-within { animation: none; }
  .hero-visual, .brand-hero-visual, .creator-page-visual { animation: tokkii-settle 950ms cubic-bezier(.22,1,.36,1) both; }
  .match-note, .portrait-note { animation: tokkii-bob 2100ms ease-in-out 500ms 2; }
  .circle-note, .portrait-spark { animation: tokkii-spark 1900ms ease-in-out 500ms 2; }
  .button > span, .text-link, .desktop-nav a, .steps article, summary > span { transition: translate 220ms ease, color 220ms ease, border-color 220ms ease, rotate 250ms ease; }
  .button:is(:hover,:focus-visible) > span { translate: 3px -3px; }
  .desktop-nav a:is(:hover,:focus-visible), .text-link:is(:hover,:focus-visible) { translate: 0 -2px; }
  details[open] > p { animation: tokkii-reveal 300ms ease both; }
  @media (hover: hover) and (pointer: fine) {
    .steps article:hover { translate: 0 -4px; border-color: var(--purple); }
    .hero-visual:hover .circle-note, .creator-page-visual:hover .portrait-spark { rotate: 15deg; transition: rotate 400ms ease; }
  }
}
@keyframes tokkii-reveal { from { opacity: .2; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }
@keyframes tokkii-settle { from { opacity: .3; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@keyframes tokkii-bob { 0%,100% { translate: 0 0; } 50% { translate: 0 -6px; } }
@keyframes tokkii-spark { 0%,100% { rotate: 0deg; } 50% { rotate: 12deg; } }
@media (prefers-reduced-motion: reduce) {
  .reveal-once, .hero-visual, .brand-hero-visual, .creator-page-visual, .match-note, .portrait-note, .circle-note, .portrait-spark, details[open] > p { animation: none !important; }
}

/* Product hero: layered app panels over a softly moving color field. */
.showcase-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin:0;border-radius:0;background:#edbad5;text-align:center;padding:32px 24px 0;color:#302939}
.showcase-aurora{position:absolute;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(140deg,#f9d9cf 0%,#efbbd6 45%,#c2a6df 100%);pointer-events:none}
.showcase-aurora span{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;top:-52%;left:32%;background:radial-gradient(circle,#fff0e5 0%,#fff0e5a0 25%,transparent 68%)}
.showcase-aurora span:nth-child(2){top:28%;left:-34%;background:radial-gradient(circle,#ed76b9 0%,#ed76b995 35%,transparent 70%)}
.showcase-aurora span:nth-child(3){top:30%;left:64%;background:radial-gradient(circle,#9c6cd0 0%,#c380d990 35%,transparent 70%)}
.showcase-copy{position:relative;z-index:3}.showcase-wordmark{width:138px;height:56px;display:block;margin:0 auto 17px;mix-blend-mode:multiply}
.showcase-copy h1{font-size:clamp(50px,6.1vw,84px);line-height:1;letter-spacing:-4.5px;font-weight:600;margin:0}.showcase-copy h1>span{display:block}.showcase-copy h1 em{font-weight:400;color:#654273}
.showcase-copy>p{font-size:14px;margin:21px auto 0;line-height:1.6;max-width:390px}.showcase-copy .actions{justify-content:center;margin-top:23px;gap:12px}.showcase-copy .button{background:#302939;border-color:#302939;color:#fff;box-shadow:0 5px 15px #62466110}.showcase-copy .button.outline{background:#ffffffad;border-color:#ffffff80;color:#302939}.showcase-copy .button:hover{background:#614272;color:white}
.showcase-stage{position:relative;width:min(1020px,100%);height:310px;margin:40px auto 0;perspective:1400px}.showcase-orbit{position:absolute;width:88%;height:480px;border-radius:50%;background:#b45a9630;left:6%;top:25px;z-index:-1;border:1px solid #ffffff20}
.app-window{position:absolute;top:24px;left:15%;width:70%;margin:0;border:1px solid #ffffffb0;border-radius:15px 15px 0 0;background:#ffffff75;padding:7px;box-shadow:0 25px 70px #63366330;transform:rotateX(7deg);transform-origin:bottom center;overflow:hidden}
.window-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 11px;color:#574664;font-size:7px;letter-spacing:1.2px}.window-bar>span:first-child{font-size:8px;letter-spacing:3px;color:#a38eab}.window-bar>span:last-child{font-size:13px}.app-window>img{display:block;width:100%;height:auto;border-radius:7px}.app-window figcaption{position:absolute;bottom:9px;left:7px;right:7px;padding:10px;background:#faf7f3eb;font-size:7px;letter-spacing:1px}
.floating-card{position:absolute;z-index:2;text-align:left;background:#fff5f3e8;border:1px solid #ffffffbb;border-radius:16px;padding:19px;box-shadow:0 12px 35px #63366318;width:205px}.match-card{left:0;top:0;transform:rotate(-7deg)}.chat-card{right:0;top:78px;width:218px;transform:rotate(7deg)}.card-kicker{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.2px;font-weight:600;color:#66516d}.status-dot{width:5px;height:5px;background:#73956b;border-radius:50%;margin-right:6px}.match-card .card-kicker{justify-content:flex-start}.match-avatars{display:flex;align-items:center;justify-content:center;margin:17px 0}.match-avatars>span{width:44px;height:44px;display:grid;place-items:center;border:3px solid #fff5f3;border-radius:50%;background:#dce7d7;font-family:Georgia,serif;font-size:20px}.match-avatars>span+span{margin-left:-7px}.match-avatars>span:nth-child(2){background:#f3d7e1;z-index:1}.match-avatars>span:last-child{background:#d8c7e6}.floating-card strong{font-size:13px;font-weight:600;letter-spacing:-.2px}.floating-card p{font-size:9px;line-height:1.5;margin:6px 0 0;color:#736578}.card-tag{display:block;text-align:center;margin-top:15px;padding:7px;border:1px solid #d9cce1;border-radius:30px;color:#674d79;font-size:9px}.card-kicker>span:last-child:not(.status-dot){font-size:18px}.chat-bubble{font-size:11px;line-height:1.45;padding:12px;border-radius:10px 10px 10px 2px;background:#e8dced;margin-top:13px;max-width:160px}.chat-bubble.reply{background:#e2eadb;margin-left:13px;border-radius:10px 10px 2px 10px}.chat-card p{margin-top:14px}
.showcase-motion{position:absolute;bottom:12px;right:16px;z-index:5;display:flex;gap:8px;align-items:center;border:1px solid #ffffff80;background:#fff6f1e8;border-radius:20px;padding:8px 12px;color:#574664;font:9px var(--font);cursor:pointer}.showcase-motion[hidden]{display:none}.showcase-motion:focus-visible{outline:2px solid #302939;outline-offset:3px}
.connection-band{border-block:1px solid var(--line);background:#eee7f480}.connection-band .wrap{display:flex;align-items:center;justify-content:center;gap:35px;padding-block:27px;font-size:clamp(27px,3.4vw,44px);letter-spacing:-1.3px}.connection-band a:last-child{font-family:'DM Serif Display',Georgia,serif;color:var(--purple);font-style:italic}.connection-band span{font-size:.85em;letter-spacing:0}.connection-band a:hover{text-decoration:underline;text-underline-offset:7px}
@media(prefers-reduced-motion:no-preference){.showcase-copy h1>span{animation:showcase-title 900ms cubic-bezier(.2,.8,.2,1) both}.showcase-copy h1>span:nth-child(2){animation-delay:100ms}.showcase-copy>p,.showcase-copy .actions{animation:tokkii-reveal 900ms 200ms backwards}.app-window{animation:showcase-rise 1400ms cubic-bezier(.16,1,.3,1) 180ms backwards}.floating-card{animation:showcase-rise 1500ms cubic-bezier(.16,1,.3,1) 500ms backwards,showcase-float 6s ease-in-out 2s infinite}.chat-card{animation-delay:650ms,2500ms}.showcase-aurora span{animation:showcase-drift 16s ease-in-out infinite alternate}.showcase-aurora span:nth-child(2){animation-delay:-7s;animation-duration:20s}.showcase-aurora span:nth-child(3){animation-delay:-12s;animation-duration:23s}.showcase-paused *{animation-play-state:paused!important}}
@keyframes showcase-title{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes showcase-rise{from{opacity:0;translate:0 110px}to{opacity:1;translate:0 0}}@keyframes showcase-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes showcase-drift{from{transform:translate3d(-8%,-4%,0) scale(.9)}to{transform:translate3d(16%,18%,0) scale(1.12)}}
@media(max-width:900px){.showcase-stage{height:285px}.floating-card{width:170px;padding:15px}.chat-card{width:180px;top:90px}.app-window{width:78%;left:11%}.match-card{left:-4px}.chat-card{right:-4px}.showcase-copy h1{letter-spacing:-3px}}
@media(max-width:600px){.showcase-hero{padding:27px 18px 0}.showcase-wordmark{width:112px;height:45px;margin-bottom:18px}.showcase-copy h1{font-size:clamp(44px,10.8vw,62px);letter-spacing:-2.5px}.showcase-copy>p{font-size:12px;max-width:270px;margin-top:18px}.showcase-copy .actions{gap:8px;margin-top:20px}.showcase-copy .button{font-size:11px;padding:13px 17px}.showcase-stage{height:273px;margin-top:30px}.app-window{width:116%;left:-8%;top:114px;transform:none;padding:5px;border-radius:11px}.window-bar{font-size:5px;padding:4px 4px 7px}.match-card{width:151px;left:0;top:0;padding:12px;transform:rotate(-5deg)}.match-avatars{margin:10px 0}.match-avatars>span{width:33px;height:33px;font-size:16px}.match-avatars img{width:25px;height:25px}.floating-card strong{font-size:11px}.floating-card p{font-size:8px}.card-tag{display:none}.card-kicker{font-size:6px;letter-spacing:.6px}.chat-card{width:157px;top:16px;right:0;padding:12px;transform:rotate(5deg)}.chat-bubble{font-size:9px;margin-top:8px;padding:9px}.chat-card p{display:none}.showcase-orbit{top:40px;height:300px;width:120%;left:-10%}.showcase-motion{font-size:8px;bottom:9px;right:10px;padding:7px 10px}.showcase-aurora span{width:160%;left:0;top:-25%}.showcase-aurora span:nth-child(2){left:-100%;top:30%}.showcase-aurora span:nth-child(3){left:50%;top:45%}.connection-band .wrap{gap:22px;padding-block:24px}}

/* A short, screenshot-led introduction to the creator-to-brand workflow. */
.journey-section{padding-block:78px 38px}.journey-heading{text-align:center;max-width:680px;margin:0 auto 48px}.journey-heading h2{font-size:clamp(36px,4vw,54px);line-height:1.07;letter-spacing:-2px;margin:16px 0 18px;font-weight:500}.journey-heading h2 em{color:var(--purple)}.journey-heading>p:last-child{font-size:14px;color:var(--muted);max-width:450px;margin-inline:auto;line-height:1.7}.journey-step{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;padding-block:30px 44px;border-bottom:1px solid var(--line)}.journey-step+.journey-step{padding-top:44px}.journey-copy{max-width:400px}.journey-number{display:block;font-size:9px;letter-spacing:1.5px;color:var(--purple);font-weight:600;margin-bottom:20px}.journey-copy h3{font-size:clamp(32px,3vw,43px);line-height:1.1;letter-spacing:-1.6px;font-weight:500;margin:0 0 20px}.journey-copy h3 em{color:var(--purple)}.journey-copy>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.journey-detail{display:block;margin-top:22px;font-size:10px;color:var(--purple);font-weight:500}.journey-copy .journey-fine-print{font-size:10px;line-height:1.6;margin-top:18px}.journey-screen{margin:0;min-width:0;border:1px solid #e3d8e9;border-radius:20px;padding:30px;background:#eee5f3;overflow:hidden}.journey-screen>a{display:block;border-radius:12px;outline-offset:6px;transition:transform 220ms ease}.journey-screen>a:hover{transform:translateY(-3px)}.journey-screen img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 10px 32px #30293914}.journey-screen figcaption{text-align:center;font-size:7px;letter-spacing:1.1px;color:#736578;margin-top:20px}.application-screen{background:linear-gradient(135deg,#f0dce5,#e6def0);padding-block:24px 18px}.application-screen>a{max-width:300px;margin:auto}.application-screen figcaption{margin-top:15px}.partnership-screen{background:#e7ecdf;border-color:#d9e1cf;padding-block:36px 24px}.earnings-screen{background:#eee2dc;border-color:#e4d5ce;padding:38px 24px 26px}.journey-reverse{grid-template-columns:1.18fr .82fr}.journey-reverse .journey-copy{grid-column:2;grid-row:1;justify-self:end}.journey-reverse .journey-screen{grid-column:1;grid-row:1}.journey-sample-note{text-align:center;font-size:10px;line-height:1.6;color:var(--muted);margin:28px 0 0}.journey-join{background:#eee7f4;border-block:1px solid #ded3e7;padding:47px 0}.journey-join>.wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.journey-join h2{font-size:34px;letter-spacing:-1.3px;font-weight:500;margin:14px 0 0}.journey-join h2 em{color:var(--purple)}.journey-join .actions{flex-shrink:0;margin:0}.journey-join .eyebrow{font-size:8px}
@media(max-width:900px){.journey-step{gap:35px;grid-template-columns:1fr 1fr}.journey-screen{padding-inline:20px}.journey-copy h3{font-size:34px}.journey-join>.wrap{flex-direction:column;text-align:center}.journey-join h2{font-size:32px}}
@media(max-width:650px){.journey-section{padding-top:52px}.journey-heading{margin-bottom:18px}.journey-heading h2{font-size:36px;letter-spacing:-1.3px}.journey-heading .eyebrow{font-size:7px}.journey-step{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.journey-step+.journey-step{padding-top:32px}.journey-copy{max-width:100%}.journey-copy h3{font-size:34px;margin-bottom:16px}.journey-copy h3 br{display:none}.journey-copy>p{font-size:13px;line-height:1.7}.journey-number{margin-bottom:15px}.journey-detail{margin-top:15px}.journey-reverse .journey-copy,.journey-reverse .journey-screen{grid-column:auto;grid-row:auto;justify-self:stretch}.application-screen>a{max-width:260px}.journey-screen{padding:22px 16px 18px}.journey-screen figcaption{font-size:6px;letter-spacing:.8px}.earnings-screen{padding-inline:12px}.journey-join{padding-block:36px}.journey-join .actions{gap:10px}.journey-join .button{font-size:11px;padding:14px 18px}.journey-sample-note{font-size:9px}}