/* A website is one continuous canvas. Only complete sections are replaced by HTML. */
.landing-flow{display:block;container-type:inline-size;margin:0;padding:0;line-height:0;background:#fff}
.landing-flow>img{display:block;width:100%;height:auto;margin:0;max-width:100%;object-fit:contain}
.landing-flow>.native-section{container-type:normal;line-height:normal;margin:0}

/* Match the same Soloop Figma version as the surrounding ATM / founder-story artwork. */
.native-soloop-workflow{height:88.194444cqw;padding-top:13.888889cqw;background:linear-gradient(#fffaf3,#fff 29.338%);color:#0a0807}
.soloop-workflow-heading{margin:0 8.333333cqw}
.soloop-badge{display:inline-flex;align-items:center;gap:.277778cqw;height:2.222222cqw;padding:.277778cqw .694444cqw .277778cqw .486111cqw;border-radius:.416667cqw;box-shadow:0 0 0 1px #ebebeb;background:#ffffff66;text-transform:uppercase;color:#5c5c5c;font:500 1.041667cqw/1.666667cqw General,sans-serif}
.soloop-badge img{width:1.111111cqw;height:1.111111cqw}
.soloop-workflow-heading>div{display:grid;grid-template-columns:681fr 495fr;gap:1.666667cqw;align-items:center;margin-top:1.666667cqw}
.soloop-workflow-heading h3{font:500 3.472222cqw/3.888889cqw General,sans-serif;letter-spacing:-.013889cqw}
.soloop-workflow-heading>div>p{border-left:1px solid #e7e7e7;padding-left:1.666667cqw;color:#5d5d5d;font:400 1.111111cqw/1.666667cqw General,sans-serif}
.soloop-roles{display:grid;grid-template-columns:261.75fr 312.75fr 312.75fr 312.75fr;height:13.055556cqw;padding:4.166667cqw 8.333333cqw 0;margin-top:2.777778cqw}
.soloop-role{position:relative;display:flex;gap:1.111111cqw;align-items:center;min-width:0;padding:0 1.736111cqw;color:#a09e9e}
.soloop-role:first-child{padding-left:0;color:#0a0807}
.soloop-role:not(:first-child):before{content:'';position:absolute;left:0;height:2.361111cqw;border-left:1px solid #d9d9d9}
.soloop-role:first-child:after{content:'';position:absolute;left:0;bottom:0;width:6.458333cqw;border-bottom:2px solid #0a0807}
.soloop-role-icon{flex:none;width:3.333333cqw;height:3.333333cqw;border-radius:50%;display:grid;place-items:center;background:#f3f3f3}
.soloop-role-icon img{width:2.013889cqw;height:2.013889cqw;object-fit:contain}
.soloop-role:first-child .soloop-role-icon{background:linear-gradient(90deg,#ff8ac4,#ff8b16 52%,#f4ee5c)}
.soloop-role h4{font:500 1.527778cqw/1.944444cqw General,sans-serif;letter-spacing:-.013889cqw}
.soloop-role p{font:400 1.041667cqw/1.666667cqw General,sans-serif;white-space:nowrap}
.soloop-role:first-child p{color:#5d5d5d}
.soloop-product-preview{position:relative;height:58.819444cqw;padding:6.805556cqw 9.027778cqw 0;background-color:#f7f7f7;background-image:radial-gradient(#ddd .5px,transparent .5px);background-size:.972222cqw .972222cqw;border-block:1px solid #e7e7e7}
.soloop-product-preview:before{content:'';position:absolute;inset:6.111111cqw 8.402778cqw auto;height:52.847222cqw;background:#fcfcfc;border:1px solid #e7e7e7;border-radius:1.666667cqw;box-shadow:0 2cqw 5cqw #0001}
.soloop-product-preview>img{position:relative;width:100%;height:auto;border-radius:1.111111cqw;box-shadow:0 0 0 1px #0001}

/* Keep the scale of native sections aligned with the source page on either side. */
.landing-flow .native-epic{padding:9.722222cqw 8.333333cqw;min-height:52.083333cqw;background-size:4.166667cqw 4.166667cqw}
.landing-flow .epic-kicker{font-size:.833333cqw;line-height:1.388889cqw;margin-bottom:0!important}
.landing-flow .native-epic h3{font-size:4.444444cqw;line-height:1.14;letter-spacing:-.055556cqw}
.landing-flow .native-epic>img{margin-top:6.944444cqw}
.landing-flow .native-freebeat{padding:6.25cqw 8.333333cqw;min-height:106.458333cqw;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.landing-flow .freebeat-steps h3{font-size:4.305556cqw;line-height:4.722222cqw}
.landing-flow .freebeat-ghost{font-size:15.866875cqw;left:-12.777778cqw;top:-8.194444cqw}
.landing-flow .freebeat-steps ol{margin-top:5.277778cqw;max-width:29.930556cqw}
.landing-flow .freebeat-steps li{padding:2.083333cqw 0}
.landing-flow .freebeat-steps li:first-child{padding-top:0}
.landing-flow .freebeat-steps h4{font-size:1.527778cqw;line-height:1.944444cqw;gap:.694444cqw}
.landing-flow .freebeat-steps h4 img{width:1.527778cqw;height:1.527778cqw;margin-top:.208333cqw}
.landing-flow .freebeat-steps li p{font-size:.902778cqw;line-height:1.25cqw;margin-top:.833333cqw}
.landing-flow .freebeat-interface{width:132%;margin:11.111111cqw 0 0 -5%;max-width:none}

.landing-flow .native-faq{padding:9.097222cqw 0 6.25cqw;min-height:49.444444cqw}
.landing-flow .faq-inner{width:53.541667cqw;max-width:none}
.landing-flow .faq-inner h3{font-size:3.333333cqw;line-height:1.1;letter-spacing:-.033333cqw;margin-bottom:2.777778cqw}
.landing-flow .faq-list{gap:.833333cqw}
.landing-flow .faq-list details,.landing-flow .faq-static{padding:1.25cqw 1.666667cqw;border-radius:.833333cqw}
.landing-flow .faq-list summary,.landing-flow .faq-static{font-size:1.388889cqw;line-height:1.35;gap:1.111111cqw}
.landing-flow .faq-list details>p{font-size:1.25cqw;line-height:1.4;margin-top:1.25cqw}
.landing-flow .faq-list summary img,.landing-flow .faq-static img{width:1.111111cqw;height:1.111111cqw}
.landing-flow .native-emdash{padding:0 9.78cqw;min-height:38.055556cqw;background:#f6fafb}
.landing-flow .native-emdash .faq-inner{display:grid;grid-template-columns:1fr 1fr;width:100%}
.landing-flow .native-emdash header{padding:8.4cqw 2.01cqw 2.777778cqw}
.landing-flow .native-emdash h3{font:500 2.222222cqw/1.3 var(--work-font);margin:0;letter-spacing:-.066667cqw}
.landing-flow .faq-eyebrow{padding:1.388889cqw 2.01cqw;font-size:.972222cqw;line-height:1.3}
.landing-flow .emdash-motif{margin-top:13.194444cqw;width:15.625cqw;height:1.388889cqw}
.landing-flow .native-emdash .faq-list{gap:0;border-top-width:4.027778cqw}
.landing-flow .native-emdash details,.landing-flow .native-emdash .faq-static{padding:1.388889cqw 2.01cqw;border-radius:0}
.landing-flow .native-emdash summary,.landing-flow .native-emdash .faq-static,.landing-flow .native-emdash .faq-list details>p{font:400 .972222cqw/1.527778cqw var(--work-font)}
.landing-flow .native-emdash .faq-list details>p{margin-top:1.666667cqw}
.landing-flow .native-drama{padding:16.319444cqw 0 13.888889cqw;min-height:88.055556cqw}
.landing-flow .native-drama .faq-inner{width:55.555556cqw}
.landing-flow .native-drama h3{font-size:5.555556cqw;line-height:6.111111cqw;white-space:nowrap;width:max-content;max-width:none;margin:0}
.landing-flow .native-drama header>p{font-size:1.041667cqw;line-height:1.388889cqw;margin:1.041667cqw 0 3.472222cqw}
.landing-flow .native-drama .faq-list{gap:0}
.landing-flow .native-drama details,.landing-flow .native-drama .faq-static{padding:1.944444cqw 0;border-radius:0}
.landing-flow .native-drama .faq-list details>p{font-size:1.041667cqw;line-height:1.388889cqw;margin-top:.833333cqw;max-width:48.611111cqw}
.landing-flow .native-drama .faq-list summary img,.landing-flow .native-drama .faq-static img{width:1.666667cqw;height:1.666667cqw}