.examples{padding:75px 0 105px;border-top:1px solid var(--line)}
.hero h1{font-size:clamp(40px,4.5vw,62px)}
.examples-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.examples-head p{max-width:300px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.example-card{min-height:325px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.example-label{margin-bottom:23px;color:#858d8c;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.profile-main{display:flex;align-items:center;gap:16px}.example-avatar{width:83px;height:83px;flex:0 0 auto;border-radius:50%;background-position:30% 0}.example-card h3{margin:0;color:var(--ink);font-size:18px;line-height:1.15}.profile-main p{max-width:230px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.profile-tags span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#626a69;font-size:10px}.profile-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;border-top:1px solid #edf0ee;color:#7b8381;font-size:11px}.profile-meta span{display:flex;align-items:center;gap:5px}.profile-meta svg{width:14px}.profile-meta strong{color:var(--ink);font-size:11px;font-weight:650;text-align:right}.content-cover{position:relative;min-height:177px;padding:22px;border-radius:11px;background:#202124;color:#fff;overflow:hidden}.content-cover:after{position:absolute;right:-30px;bottom:-65px;width:180px;height:180px;border:1px solid #ffffff42;border-radius:50%;content:""}.content-kicker{display:block;margin-bottom:48px;color:#c3ca8a;font-size:9px;font-weight:800;letter-spacing:.13em}.content-cover strong{font-size:23px;line-height:1.02;letter-spacing:-.04em}.content-arrow{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff55;border-radius:50%}.content-arrow svg{width:14px}.content-bottom{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-top:15px}.content-bottom h3{font-size:14px}.content-bottom p{max-width:225px;margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.content-status{padding:6px 8px;border:1px solid #d7dfbd;border-radius:999px;color:#718149;font-size:9px;white-space:nowrap}.mini-landing{min-height:177px;padding:16px 18px;border:1px solid #e5e6e2;background:#f5f5ef}.mini-nav{display:flex;justify-content:space-between;color:#858a82;font-size:10px}.mini-nav b{color:var(--ink);font-size:14px}.mini-hero{padding:26px 0 10px}.mini-hero small{color:#8a907b;font-size:8px;font-weight:800;letter-spacing:.1em}.mini-hero h3{margin:8px 0 14px;font-size:25px;letter-spacing:-.05em}.mini-hero button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:0;border-radius:5px;background:var(--ink);color:#fff;font:inherit;font-size:9px}.mini-hero button svg{width:12px}.example-caption{padding-top:15px}.example-caption h3{font-size:14px}.example-caption p{margin:6px 0 0;color:var(--muted);font-size:11px}.product-shot{display:flex;align-items:center;gap:20px;min-height:177px;padding:17px;border:1px solid #e6e6e2;background:#f7f6f1}.product-cover{display:grid;place-items:center;align-content:center;gap:16px;width:105px;height:145px;flex:0 0 auto;background:#cfdf45;color:#202124;box-shadow:5px 5px 0 #202124}.product-cover span{font-size:18px;font-weight:850;line-height:.9;letter-spacing:-.08em}.product-cover svg{width:21px}.product-info{display:grid;gap:7px}.product-type{color:#8b9181;font-size:8px;font-weight:800;letter-spacing:.1em}.product-info h3{font-size:19px}.product-info p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}.product-info strong{margin-top:3px;font-size:14px}.autonomy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.autonomy-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:#fff}.autonomy-icon svg{width:24px}.autonomy h2{font-size:clamp(28px,3.5vw,46px)}.autonomy p{max-width:650px;margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.autonomy-note{padding-left:20px;border-left:1px solid var(--line);color:#747c79;font-size:11px;line-height:1.5;text-align:right}
@media(max-width:800px){.examples-head{display:block}.examples-head p{margin-top:18px}.example-grid{grid-template-columns:1fr}.autonomy{grid-template-columns:auto 1fr}.autonomy-note{grid-column:2;padding:0;border:0;text-align:left}}
@media(max-width:640px){.examples{padding:58px 0 75px}.example-card{min-height:0;padding:18px}.profile-meta{display:grid;justify-content:stretch}.profile-meta strong{text-align:left}.product-shot{gap:13px;padding:12px}.product-cover{width:92px;height:130px}.product-info h3{font-size:17px}.autonomy{align-items:start;gap:16px;padding:38px 0}.autonomy-icon{width:48px;height:48px}.autonomy h2{font-size:31px}.autonomy p{font-size:13px}.autonomy-note{font-size:10px}}
.example-avatar{background-image:url('/assets/100-dudes.png');background-repeat:no-repeat;background-size:1100% 1000%}
.content-kicker,.money-kicker{color:#18b7ec}.product-cover{background:#ff5661}.money-card h2 em{color:#ff5661}.money-step>svg{color:#18b7ec}.money-step:nth-of-type(2)>svg{color:#a9ed3d}.money-step-final{border-color:#ff5661;background:#352225}.money-step-final>span{color:#ff5661}
.header-actions .button-dark{color:#fff}
.locale-switcher{position:relative}.locale-trigger{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.locale-trigger:hover,.locale-trigger[aria-expanded="true"]{border-color:var(--line);background:#fff;color:var(--ink)}.locale-trigger svg{width:15px;height:15px}.locale-menu{position:absolute;top:39px;right:0;z-index:10;display:grid;min-width:145px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.locale-menu[hidden]{display:none}.locale-menu button{display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:7px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.locale-menu button:hover{background:var(--soft)}.locale-menu button span{width:22px;font-size:11px;font-weight:800}.locale-menu button small{font-size:12px}
.hero-visual .line-a{left:20%;top:52%;width:30%;transform:rotate(-8deg)}.hero-visual .line-b{left:49%;top:43%;width:31%;transform:rotate(-28deg)}.hero-visual .line-c{left:49%;top:48%;width:30%;transform:rotate(39deg)}
.content-video-trigger{position:relative;display:block;width:100%;height:177px;padding:0;border:0;border-radius:11px;background:#202124;overflow:hidden;color:#fff;text-align:left;cursor:pointer}.content-video{width:100%;height:100%;display:block;object-fit:cover;opacity:.54}.content-video-overlay{position:absolute;inset:0;display:block;padding:22px;background:linear-gradient(115deg,#202124e8 0%,#20212482 56%,#20212420 100%)}.content-video-overlay .content-kicker{display:block;margin-bottom:48px;font-size:9px;font-weight:800;letter-spacing:.13em}.content-video-overlay strong{font-size:23px;line-height:1.02;letter-spacing:-.04em}.play-button{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff80;border-radius:50%;background:#202124b8}.play-button svg{width:15px;fill:#fff}.content-video-trigger:hover .play-button{background:#ff5661;border-color:#ff5661}.content-stats{display:flex;gap:16px;margin-top:14px;color:#818a87;font-size:10px}.content-stats span{display:flex;align-items:center;gap:5px}.content-stats svg{width:13px}.video-open{overflow:hidden}.video-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:30px;background:#202124d9}.video-modal[hidden]{display:none}.video-modal video{width:min(900px,92vw);max-height:88vh;border-radius:14px;background:#000;box-shadow:0 20px 60px #0008}.video-modal-close{position:absolute;top:24px;right:24px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff18;color:#fff;cursor:pointer}.video-modal-close svg{width:19px}
.money-card{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;margin-bottom:20px;padding:42px 46px;border:1px solid var(--ink);border-radius:18px;background:var(--ink);box-shadow:var(--shadow);color:#fff}.money-card h2{font-size:clamp(31px,3.6vw,49px)}.money-card h2 em{color:#c7db55;font-style:normal}.money-card p{max-width:430px;margin:17px 0 0;color:#c6cbca;font-size:14px;line-height:1.5}.money-kicker{display:block;margin-bottom:18px;color:#c7db55;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.money-flow{display:flex;align-items:center;justify-content:center;gap:15px}.money-step{display:grid;justify-items:center;gap:9px;min-width:112px;text-align:center}.money-step>span{color:#929997;font-size:10px;font-weight:800}.money-step>svg{width:25px;height:25px;color:#d8e876}.money-step b{font-size:11px;line-height:1.2}.flow-arrow{width:18px;color:#69716f}.money-step-final{padding:17px 12px;border:1px solid #748028;border-radius:12px;background:#33381d}.money-step-final>span{color:#c7db55}
@media(max-width:800px){.money-card{grid-template-columns:1fr;gap:28px;padding:32px 24px}.money-flow{justify-content:space-between;gap:5px}.money-step{min-width:0}.flow-arrow{width:15px}}
@media(max-width:640px){.money-card{padding:28px 18px}.money-card h2{font-size:32px}.money-card p{font-size:13px}.money-flow{align-items:start}.money-step{gap:7px}.money-step b{font-size:10px}.flow-arrow{margin-top:32px}}
.content-kicker,.money-kicker{color:#18b7ec}.product-cover{background:#ff5661}.money-card h2 em{color:#ff5661}.money-step>svg{color:#18b7ec}.money-step:nth-of-type(2)>svg{color:#a9ed3d}.money-step-final{border-color:#ff5661;background:#352225}.money-step-final>span{color:#ff5661}
.examples{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:52px;align-items:start;padding-top:86px}
.examples-head{display:block;position:sticky;top:110px;margin:0}.examples-head h2{max-width:300px;font-size:clamp(34px,3.8vw,54px)}.examples-head p{max-width:250px;margin:24px 0 0}
.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.showcase-card{min-height:0;padding:16px;border-color:#dfe3e2;border-radius:18px;box-shadow:0 18px 38px #20212412,0 3px 8px #20212408;transition:transform .25s ease,box-shadow .25s ease}.showcase-card:hover{transform:translateY(-5px);box-shadow:0 25px 48px #2021241c,0 5px 12px #2021240d}.showcase-label{margin-bottom:12px;color:#858d8c;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.showcase-card h3{margin:16px 0 0;font-size:17px;line-height:1.12}.showcase-card>p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.author-collage{height:158px;border-radius:11px;overflow:hidden;background:#182536}.author-collage img{display:block;width:100%;height:100%;object-fit:cover}.pipeline-mock{height:158px;padding:14px;border:1px solid #dfe5e2;border-radius:11px;background:#f5f8f6}.pipeline-top{display:flex;align-items:center;gap:7px;color:#26332f;font-size:10px}.mock-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #a9ed3d33}.mock-pulse{width:34px;height:4px;margin-left:auto;border-radius:4px;background:#dce8e1}.pipeline-flow{display:flex;align-items:center;justify-content:space-between;margin:30px 0 24px}.pipeline-flow>i{width:18px;height:1px;background:#9caea7}.mock-node{display:grid;place-items:center;width:47px;height:37px;border:1px solid #bdcbc4;border-radius:7px;background:#fff;color:#5c6b65;font-size:7px;font-weight:800;text-align:center}.mock-factory{width:62px;border-color:#a9ed3d;background:#eefbdc;color:#536d2c}.mock-accounts{display:flex;align-items:center;gap:5px;color:#81918b;font-size:8px}.mock-accounts span{display:block;width:17px;height:17px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#18b7ec 40%,#ff5661 41%);box-shadow:0 0 0 1px #b8c8c1}.mock-accounts span:nth-child(2){background:linear-gradient(145deg,#aa8cff 40%,#a9ed3d 41%)}.mock-accounts span:nth-child(3){background:linear-gradient(145deg,#ff5661 40%,#18b7ec 41%)}.video-mock-grid,.product-mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:158px}.mock-video{position:relative;border:0;border-radius:9px;cursor:pointer;overflow:hidden;background:#24394b}.mock-video::before{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#18b7ec,#172536 55%,#ff5661)}.mock-video-two::before{background:linear-gradient(155deg,#aa8cff,#172536 55%,#a9ed3d)}.mock-video-three::before{background:linear-gradient(155deg,#ff5661,#172536 55%,#18b7ec)}.mock-video::after{content:'';position:absolute;left:50%;top:50%;width:24px;height:24px;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%)}.mock-video svg{position:absolute;z-index:1;left:50%;top:50%;width:11px;fill:#fff;color:#fff;transform:translate(-42%,-50%)}.mini-product{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px;border:0;border-radius:8px;background:#ff5661;color:#202124;box-shadow:3px 3px 0 #202124;cursor:pointer;text-align:left}.mini-product span{font-size:11px;font-weight:850;line-height:.9;letter-spacing:-.06em}.mini-product b{font-size:7px;letter-spacing:.12em}.mini-product-two{background:#a9ed3d}.mini-product-three{background:#18b7ec}.checks-mock{display:grid;gap:6px;height:158px;padding:9px;border-radius:11px;background:#e8edf0}.mock-check{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:8px 9px;border:1px solid #d5dce0;border-radius:5px;background:#fff;box-shadow:0 2px 4px #263b4a12;font-size:8px}.mock-check b{color:#304252;font-size:8px}.mock-check span{color:#71808a}.mock-check strong{grid-column:2;grid-row:1 / span 2;color:#18a76f;font-size:10px;align-self:center}.product-modal{position:fixed;inset:0;z-index:21;display:grid;place-items:center;padding:30px;background:#202124d9}.product-modal[hidden]{display:none}.product-modal iframe{width:min(860px,92vw);height:min(680px,84vh);border:0;border-radius:16px;background:#fff;box-shadow:0 20px 60px #0008}
@media(max-width:1100px){.examples{grid-template-columns:220px minmax(0,1fr);gap:28px}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.examples{display:block}.examples-head{position:static;margin-bottom:28px}.examples-head h2{max-width:520px}.examples-head p{margin-top:16px}.example-grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;padding:4px 2px 20px;scroll-snap-type:x mandatory;scrollbar-width:none}.example-grid::-webkit-scrollbar{display:none}.showcase-card{flex:0 0 min(84vw,360px);scroll-snap-align:start}.product-modal iframe{height:76vh}}
.examples{display:block}.examples-head{position:static;margin-bottom:72px}.example-groups{display:grid;gap:64px}.example-group{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start}.example-group-head h3{margin:4px 0 10px;font-size:24px;line-height:1.05;letter-spacing:-.04em}.example-group-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.example-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.example-card{min-height:0}.author-tile{position:relative;min-height:220px;padding:0;display:flex;align-items:end;overflow:hidden;background-image:url('/assets/author-socials.png');background-size:300% 100%;background-repeat:no-repeat}.author-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#111827bb)}.author-tile span{position:relative;z-index:1;padding:16px;color:#fff;font-size:13px;font-weight:750}.author-tile-one{background-position:0 0}.author-tile-two{background-position:50% 0}.author-tile-three{background-position:100% 0}.pipeline-tiles{grid-template-columns:1fr}.pipeline-example{padding:16px}.media-tile,.product-tile,.payout-tile{display:grid;min-height:190px;padding:10px}.media-tile .mock-video,.product-tile .mini-product{width:100%;height:100%;min-height:168px}.product-tile .mini-product{border-radius:12px;box-shadow:5px 5px 0 #202124}.payout-tile{place-items:center;background:#e8edf0}.payout-tile .mock-check{width:100%;min-height:86px}
@media(max-width:800px){.examples-head{margin-bottom:44px}.example-groups{gap:48px}.example-group{display:block}.example-group-head{margin-bottom:18px}.example-group-head h3{font-size:22px}.example-tiles{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.example-tiles::-webkit-scrollbar{display:none}.example-card{flex:0 0 min(78vw,320px);scroll-snap-align:start}.pipeline-tiles{display:block;overflow:visible}.pipeline-tiles .example-card{width:100%}.pipeline-example .pipeline-mock{height:180px}}
