/* Lumio / Figma 71:2 / version 20261009.1. Bootstrap provides grid and components. */
@font-face{font-family:"Liberation Sans";src:url('../fonts/LiberationSans-Regular.v1.ttf?v=20261009.1') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Liberation Sans";src:url('../fonts/LiberationSans-Bold.v1.ttf?v=20261009.1') format('truetype');font-weight:500 900;font-style:normal;font-display:swap}
:root{--page:#faf9f5;--text:#1b1b1b;--muted:#8c8880;--line:#d9d7d0;--black:#181818;--gradient:linear-gradient(90deg,#ff416c,#ff4b2b);--shadow:0 25px 50px -12px rgb(0 0 0 / 25%)}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--page);color:var(--text);font-family:"Liberation Sans",Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:var(--black);color:white}
h1,h2,h3,h4,p,blockquote{margin:0}
h2,h3{font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-.8px}
h4{font-size:20px;line-height:28px;font-weight:700}
a{color:inherit;text-decoration:none}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:3px solid #ff416c;outline-offset:5px}
.page-container{width:100%;max-width:1728px;padding-left:40px;padding-right:40px;margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:16px;z-index:2000;background:var(--black);color:white;padding:10px 20px;border-radius:12px}
.skip-link:focus{top:8px}
.floating-header{position:fixed;top:24px;left:0;right:0;z-index:1030;padding:0 16px;pointer-events:none}
.floating-nav{width:100%;max-width:700px;min-height:56px;margin:auto;padding:8px;background:#000;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;pointer-events:auto;backdrop-filter:blur(12px)}
.brand-mark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #faf9f5cc;border-radius:12px;font-size:14px;line-height:1;font-weight:700;flex-shrink:0}
.floating-nav>.brand-mark{margin-left:8px;margin-right:32px;color:var(--page)}
.floating-nav .navbar-nav{gap:24px}
.floating-nav .nav-link{padding:0!important;color:#faf9f5cc;font-size:12px;line-height:12px;letter-spacing:.6px;font-weight:700}
.floating-nav .nav-link:hover{color:#fff}
.demo-button{height:32px;padding:0 16px;border:1px solid #faf9f54d;border-radius:12px;color:var(--page);font-size:10px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;white-space:nowrap}
.demo-button:hover{background:var(--page);color:var(--black)}
.navbar-toggler{border-color:#ffffff4d;padding:4px 8px}
.navbar-toggler-icon{filter:invert(1);width:24px;height:24px}
.hero{padding-top:240px;padding-bottom:200px}
.hero h1{font-size:82px;line-height:86.095px;letter-spacing:-4.1px;font-weight:700;max-width:896px;margin:0 auto 64px}
.hero-image{max-width:1492px;height:800px;margin-inline:auto;position:relative;border-radius:40px;overflow:hidden;background:#f0efeb;box-shadow:var(--shadow)}
.hero-image>img{width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(to top,#18181833,transparent)}
.trust-strip{padding-top:40px;padding-bottom:128px;border-top:1px solid #d9d7d04d}
.brand-marquee{overflow:hidden}
.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}
.brand-list{display:flex;gap:100px;padding-right:100px;align-items:center}
.brand-list span{font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.6px;color:var(--muted);white-space:nowrap}
@keyframes marquee{to{transform:translateX(-50%)}}
.brand-marquee:hover .marquee-track{animation-play-state:paused}
.collage{height:1400px;max-width:1728px;margin:auto;position:relative;overflow:hidden}
.collage-title{position:absolute;inset:80px 0 0;display:flex;align-items:center;justify-content:center}
.collage-title h2{font-size:120px;line-height:108px;letter-spacing:-6px;text-align:center}
.collage-card{position:absolute;overflow:hidden;border-radius:32px;border:1px solid #ffffff66;background:#ffffff1a;box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(1.5);z-index:5}
.cover-image{width:100%;height:100%;object-fit:cover;display:block}
.processing-card{left:10%;top:12%;width:340px;height:260px}
.studio-card{right:12%;top:15%;width:280px;height:320px}
.audio-card{right:8%;top:52%;width:320px;height:220px}
.voice-card{left:15%;top:72%;width:380px;height:260px}
.workspace-card{right:15%;top:78%;width:360px;height:240px}
.workspace-card>.cover-image{opacity:.9}
.glass{background:#ffffff4d;border:1px solid #ffffff66;backdrop-filter:blur(12px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}
.processing-ui{position:absolute;bottom:16px;left:16px;right:16px;padding:16px;border-radius:16px;font-size:10px;line-height:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.processing-ui .progress{height:6px;margin-top:8px;background:#1818181a;border-radius:12px}
.processing-ui .progress-bar{width:78%;background:var(--black);border-radius:12px}
.sparkle-badge{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:#ffffff66}
.collage-label{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-size:10px;line-height:15px;letter-spacing:.5px;font-weight:700;text-transform:uppercase;background:#ffffff66;border-color:#ffffff80;white-space:nowrap}
.audio-label{top:16px;left:16px}
.audio-label i{width:8px;height:8px;background:#22c55e;border-radius:12px;box-shadow:0 0 8px #22c55ecc}
.voice-label{left:20px;bottom:20px}
.sync-card{position:absolute;left:6%;top:45%;width:260px;z-index:15;border-radius:28px;padding:20px;background:#ffffff33;border-color:#ffffff80;box-shadow:0 12px 40px #00000014;backdrop-filter:blur(64px) saturate(1.8)}
.sync-heading{font-size:12px;line-height:16px;font-weight:600;margin-bottom:16px}
.sync-switch{width:40px;height:24px;background:var(--black);border:0;border-radius:12px;position:relative;padding:0;box-shadow:inset 0 2px 4px #0000000d}
.sync-switch span{position:absolute;right:4px;top:4px;width:16px;height:16px;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0000000d;transition:transform .2s}
.sync-switch[aria-checked=false]{background:#8c8880}
.sync-switch[aria-checked=false] span{transform:translateX(-16px)}
.sync-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(to top right,#ff416c,#ff4b2b);display:grid;place-items:center;box-shadow:0 4px 6px -1px #0000001a}
.sync-card strong,.comment-card strong{font-size:11px;line-height:16.5px;display:block}
.sync-card small{font-size:12px;line-height:15px;display:block;color:var(--muted)}
.comment-card{position:absolute;left:45%;top:88%;padding:12px;gap:16px;border-radius:24px;z-index:20;background:#ffffff4d;border-color:#ffffff80;box-shadow:0 12px 40px #0000001a;backdrop-filter:blur(64px) saturate(2)}
.comment-avatar{width:40px;height:40px;object-fit:cover;border:1px solid #ffffff99;border-radius:12px}
.comment-card>div{padding-right:16px}
.comment-card p{font-size:13px;line-height:16.25px;color:#1b1b1bcc}
.manifesto{padding-top:200px;padding-bottom:200px;position:relative}
.manifesto-globe{position:absolute;right:10%;top:0;opacity:.1;pointer-events:none}
.manifesto h2{position:relative;z-index:1;font-size:49px;line-height:53.9px;letter-spacing:-1.225px;font-weight:400}
.feature-section{padding-top:120px;padding-bottom:120px}
.feature-row{--bs-gutter-x:0;--bs-gutter-y:0;margin:0;gap:40px 100px}
.feature-row>.col-lg-6{padding:0}
.feature-visual{height:700px;border-radius:40px;padding:32px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #d9d7d04d}
.files-visual{background:linear-gradient(to bottom right,#f4f3ef,#e9e8e4);box-shadow:0 1px 2px #0000000d}
.files-panel{width:100%;max-width:448px;background:#fffdf8;border:1px solid #d9d7d033;border-radius:16px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}
.files-heading{margin-bottom:32px;font-size:14px;line-height:20px}
.file-list{display:flex;flex-direction:column;gap:16px}
.file-list>div{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;font-size:16px;line-height:24px;font-weight:500}
.file-list>div:hover{background:#e9e8e4}
.feature-copy{max-width:512px;min-height:700px;display:flex;flex-direction:column;justify-content:center}
.feature-copy h3{margin-bottom:48px}
.feature-list{position:relative;border-left:3px solid var(--line);padding-left:32px}
.feature-list:before{content:"";position:absolute;left:-3px;top:0;width:3px;height:33.333%;background:linear-gradient(#ff416c,#ff4b2b)}
.feature-list article{opacity:.5;transition:opacity .2s}
.feature-list article:hover,.feature-list article.active{opacity:1}
.brand-features{padding-top:48px;display:flex;flex-direction:column;gap:48px}
.feature-list h4{margin-bottom:12px}
.feature-list p{font-size:16px;line-height:26px;color:var(--muted)}
.studio-features{padding-top:40px;display:flex;flex-direction:column;gap:40px}
.studio-features:before{height:25%}
.studio-features article{opacity:.6}
.studio-features h4{margin-bottom:8px}
.studio-visual{background:linear-gradient(to top right,#e0eafc,#cfdef3);box-shadow:inset 0 2px 4px 1px #0000000d}
.studio-panel{width:100%;max-width:512px;background:#ffffffcc;backdrop-filter:blur(12px);border:1px solid #ffffff80;border-radius:24px;padding:32px;box-shadow:var(--shadow)}
.studio-heading{gap:12px;margin-bottom:24px}
.studio-heading .brand-mark{width:24px;height:24px;font-size:10px;border-color:#000}
.studio-heading strong{font-size:12px;line-height:16px;color:var(--muted);text-transform:uppercase}
.prompt-panel{background:#ffffff99;border:1px solid #ffffff80;backdrop-filter:blur(8px);border-radius:8px;padding:16px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px}
.prompt-panel p{font-size:16px;line-height:24px}
.generate-icon{width:32px;height:32px;border-radius:12px;background:var(--gradient);display:grid;place-items:center;box-shadow:0 4px 6px -1px #0000001a}
.teams{padding-top:160px;padding-bottom:160px}
.teams>h2{margin-bottom:48px}
.team-tabs{gap:12px;margin-bottom:64px}
.team-tabs .nav-link{padding:8px 24px;border-radius:12px;background:#fff;color:var(--text);font-size:14px;line-height:20px;box-shadow:0 1px 2px #0000000d}
.team-tabs .nav-link.active{background:var(--black);color:var(--page);box-shadow:0 4px 6px -1px #0000001a}
.team-tabs .nav-link:not(.active):hover{background:#f3f4f6}
.team-grid,.updates-grid{--bs-gutter-x:32px;--bs-gutter-y:32px}
.team-card{height:400px;position:relative;overflow:hidden;border-radius:32px;border:1px solid #d9d7d033;box-shadow:0 1px 2px #0000000d;background:#181818}
.team-card>.cover-image{position:absolute;inset:0;transition:transform .5s}
.team-card:hover>.cover-image{transform:scale(1.06)}
.team-card-shade{position:absolute;inset:0;background:#18181866}
.team-card-copy{position:absolute;left:32px;right:32px;bottom:32px;color:white}
.team-card h4{margin-bottom:8px}
.team-card p{font-size:16px;line-height:24px;color:#ffffffcc}
.testimonial{max-width:1200px;margin:auto;padding:160px 40px}
.testimonial blockquote{font-size:56px;line-height:61.6px;letter-spacing:-1.4px;font-weight:400;max-width:1000px;margin:0 auto 64px}
.author{gap:16px}
.author>img{width:56px;height:56px;object-fit:cover;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;background:var(--line)}
.author strong{font-size:14px;line-height:20px;display:block}
.author p{font-size:12px;line-height:16px;color:var(--muted)}
.updates{padding-top:120px;padding-bottom:120px}
.updates-heading{margin-bottom:48px}
.view-all{border:0;border-bottom:1px solid var(--black);padding:0 0 4px;background:transparent;font-size:14px;line-height:20px;font-weight:700}
.view-all:hover{color:#ff416c;border-color:#ff416c}
.update-card{display:block;text-align:left;width:100%;padding:0;border:0;background:transparent;color:var(--text)}
.update-card>img{display:block;width:100%;height:450px;object-fit:cover;border-radius:40px;border:1px solid #ffffff33;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin-bottom:24px;transition:transform .3s}
.update-card:hover>img{transform:translateY(-5px)}
.update-date{display:block;font-size:12px;line-height:16px;color:var(--muted);margin-bottom:12px}
.cta{padding-top:160px;padding-bottom:160px}
.cta>.brand-mark{width:48px;height:48px;border-color:var(--text);font-size:20px;margin-bottom:48px}
.cta h2{font-size:80px;line-height:84px;letter-spacing:-4px;margin-bottom:48px}
.cta-buttons{gap:24px}
.cta-buttons .btn{height:40px;border-radius:12px;padding:0 24px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.btn-dark{--bs-btn-bg:#181818;--bs-btn-border-color:#181818;--bs-btn-hover-bg:#333;--bs-btn-hover-border-color:#333}
.btn-outline-dark{--bs-btn-color:#1b1b1b;--bs-btn-border-color:#1b1b1b4d}
footer{background:var(--black);color:white;padding-top:128px;padding-bottom:64px;border-radius:64px 64px 0 0}
.footer-grid{--bs-gutter-x:0;--bs-gutter-y:0;margin:0 0 128px;gap:48px 128px}
.footer-grid>[class*=col-]{padding:0}
.footer-brand .brand-mark{width:40px;height:40px;border-color:#ffffff33;font-size:18px;margin-bottom:32px}
.footer-brand>p{font-size:16px;line-height:24px;color:#ffffff80;margin-bottom:32px;max-width:320px}
.social-links{gap:16px}
.social-links>a,.social-links>button{width:40px;height:40px;border:1px solid #ffffff1a;border-radius:12px;display:grid;place-items:center;background:transparent}
.social-links>a:hover,.social-links>button:hover{background:#ffffff1a}
footer h4{font-size:10px;line-height:15px;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}
footer ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:16px}
footer ul a,footer ul button{font-size:16px;line-height:24px;color:#ffffff99}
footer button{background:transparent;border:0;padding:0;text-align:left;color:inherit}
footer a:hover,footer button:hover{color:white}
.footer-bottom{border-top:1px solid #ffffff1a;padding-top:32px;gap:16px;font-size:11px;line-height:16.5px;color:#ffffff66}
.footer-bottom>div{gap:32px}
.modal-content{border-radius:24px;background:var(--page)}
.modal-body{font-size:16px}
.form-note{font-size:12px;color:var(--muted)}
.toast-container{z-index:1100}
@media(min-width:992px){.feature-row>.col-lg-6{width:calc((100% - 100px)/2)}.feature-row:not(.studio-row) .feature-copy{margin-right:38px}.footer-grid>.col-lg-3{width:calc((100% - 384px)/4)}}
@media(max-width:1199.98px){.desktop-break{display:none}.manifesto h2{max-width:1000px;margin:auto}.testimonial blockquote{max-width:1000px}.feature-row{--bs-gutter-x:60px}.footer-grid{--bs-gutter-x:60px}}
@media(max-width:991.98px){.hero{padding-top:180px;padding-bottom:120px}.hero h1{font-size:72px;line-height:1.05}.hero-image{height:600px}.trust-strip{padding-bottom:80px}.collage{height:1120px}.collage-title h2{font-size:92px;line-height:.9;letter-spacing:-4.6px}.processing-card{left:5%;width:280px;height:220px}.studio-card{right:5%;width:230px;height:270px}.audio-card{right:3%;width:250px;height:180px;top:54%}.voice-card{left:8%;width:280px;height:210px}.workspace-card{right:7%;width:280px;height:190px}.sync-card{left:3%;width:220px;top:42%}.comment-card{left:43%;top:91%}.manifesto{padding-block:140px}.manifesto h2{font-size:40px;line-height:1.15}.feature-section{padding-block:80px}.feature-visual{height:560px}.feature-copy{min-height:0;max-width:none;padding-top:16px}.feature-list{padding-top:24px}.feature-row{--bs-gutter-x:32px}.feature-copy h3{margin-bottom:32px}.teams,.testimonial{padding-block:100px}.testimonial blockquote{font-size:44px;line-height:1.12}.updates{padding-block:80px}.update-card>img{height:350px}.cta{padding-block:100px}.cta h2{font-size:64px;line-height:1.05;letter-spacing:-3.2px}.footer-grid{--bs-gutter-x:48px;margin-bottom:80px}}
@media(max-width:767.98px){.page-container{padding-inline:20px}.floating-header{top:16px}.floating-nav{padding:8px;max-width:520px}.floating-nav>.brand-mark{margin-right:auto}.floating-nav .navbar-toggler{order:2;margin-left:10px}.floating-nav .demo-button{order:1}.floating-nav .navbar-collapse{order:3;width:100%;flex-basis:100%}.floating-nav .navbar-nav{padding:20px 10px 12px;gap:20px}.hero{padding-top:148px;padding-bottom:80px}.hero h1{font-size:56px;letter-spacing:-2.8px;line-height:1.05;margin-bottom:40px}.hero-image{height:440px;border-radius:28px}.trust-strip{padding-top:32px;padding-bottom:64px}.brand-list{gap:52px;padding-right:52px}.brand-list span{font-size:20px}.collage{height:1010px}.collage-title{inset:30px 0 0}.collage-title h2{font-size:74px;letter-spacing:-3.7px;line-height:.95}.processing-card{left:5%;top:6%;width:46%;height:190px}.studio-card{right:5%;top:12%;width:35%;height:230px}.sync-card{left:5%;top:34%;width:205px;padding:16px}.audio-card{right:4%;top:60%;width:44%;height:165px}.voice-card{left:5%;top:74%;width:46%;height:190px}.workspace-card{right:5%;top:81%;width:43%;height:160px}.comment-card{left:30%;top:92%;gap:10px}.collage-card{border-radius:24px}.collage-label{padding:8px 10px;font-size:9px}.audio-label{left:10px;top:10px}.voice-label{left:12px;bottom:12px}.processing-ui{left:10px;right:10px;bottom:10px;padding:12px}.manifesto{padding-block:100px}.manifesto h2{font-size:32px;line-height:1.16;letter-spacing:-.8px}.manifesto-globe{right:0;max-width:100%;opacity:.07}.feature-section{padding-block:60px}.feature-visual{height:440px;padding:24px;border-radius:28px}.files-panel{padding:20px}.studio-panel{padding:24px}.feature-copy h3{font-size:30px}.feature-list{padding-left:24px}.brand-features{gap:32px}.studio-features{gap:28px}.teams{padding-block:80px}.team-tabs{gap:8px;margin-bottom:40px}.team-tabs .nav-link{padding:8px 16px;font-size:13px}.teams>h2{margin-bottom:32px}.team-card{height:340px}.team-card-copy{left:24px;right:24px;bottom:24px}.testimonial{padding:80px 24px}.testimonial blockquote{font-size:34px;line-height:1.15;letter-spacing:-.85px;margin-bottom:40px}.updates{padding-block:60px}.updates-heading{margin-bottom:32px}.updates-heading h2{font-size:28px}.updates-grid{--bs-gutter-y:40px}.update-card>img{height:420px;border-radius:28px}.cta{padding-block:100px}.cta h2{font-size:48px;letter-spacing:-2.4px;line-height:1.05}.cta>.brand-mark{margin-bottom:32px}.cta-buttons{gap:16px}footer{padding:80px 0 40px;border-radius:40px 40px 0 0}.footer-grid{--bs-gutter-y:40px;margin-bottom:64px}.footer-brand>p{max-width:320px}.footer-bottom>div{gap:24px}}
@media(max-width:399.98px){.hero h1{font-size:48px}.hero-image{height:360px}.collage-title h2{font-size:62px;letter-spacing:-3.1px}.sync-card{width:190px}.team-tabs .nav-link{padding-inline:12px}.cta h2{font-size:42px}.update-card>img{height:360px}}
@media(min-width:992px) and (max-width:1199.98px){.feature-row{column-gap:60px}.feature-row>.col-lg-6{width:calc((100% - 60px)/2)}.footer-grid{column-gap:60px}.footer-grid>.col-lg-3{width:calc((100% - 180px)/4)}}
@media(min-width:768px) and (max-width:991.98px){.footer-grid{column-gap:48px}.footer-grid>.col-md-6{width:calc((100% - 48px)/2)}}
@media(max-width:991.98px){.feature-row{column-gap:0}.feature-row>.col-lg-6{width:100%}}
@media(max-width:767.98px){.footer-grid{column-gap:0}.footer-grid>[class*=col-]{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}*,*:before,*:after{transition:none!important}}