:root{--ink:#111114;--muted:#6d6d75;--line:#e9e8ec;--soft:#f6f6f8;--violet:#6657e8;--violet-dark:#5444d9;--radius:20px;--shadow:0 22px 65px rgba(20,18,38,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.section-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:76px;width:min(1180px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.5px}.brand-mark{width:27px;height:27px;background:var(--ink);border-radius:8px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:6px}.brand-mark i{display:block;width:3px;background:white;border-radius:2px}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:10px}.nav-links{display:flex;gap:34px;font-size:13px;font-weight:500;color:#5e5e66}.nav-links a:hover{color:var(--ink)}.button{min-height:51px;padding:0 22px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px)}.button span:last-child{font-size:17px}.button-dark{background:var(--ink);color:white;box-shadow:0 9px 25px rgba(17,17,20,.18)}.button-dark:hover{background:#29292e;box-shadow:0 12px 30px rgba(17,17,20,.25)}.button-small{min-height:40px;padding:0 16px;border-radius:10px;font-size:12px}.button-light{border:1px solid var(--line);background:white}.button-light:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}.play{font-size:10px!important}.hero{min-height:760px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:80px 0 75px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700;color:#56565f}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px #eeecff}.hero h1{font-size:clamp(50px,5.3vw,76px);line-height:.99;letter-spacing:-5px;margin:27px 0 25px;max-width:600px}.hero-text{font-size:17px;line-height:1.7;color:var(--muted);max-width:570px;margin:0}.button-row{display:flex;gap:11px;margin-top:32px}.trust-row{display:flex;align-items:center;gap:13px;margin-top:38px}.trust-row p{font-size:11px;line-height:1.5;color:#8a8991;margin:0}.trust-row strong{color:#3b3b42}.avatars{display:flex}.avatars span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:white;font-size:9px;font-weight:700;border:2px solid white;margin-left:-6px;background:#b1775a}.avatars span:nth-child(2){background:#70685e}.avatars span:nth-child(3){background:#896dca}.hero-visual{min-height:620px;background:#f3f2f7;border-radius:28px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual:after{content:"";position:absolute;width:270px;height:450px;background:#e3dfff;filter:blur(60px);opacity:.7}.orbit{position:absolute;border:1px solid #dedce6;border-radius:50%;z-index:1}.orbit-one{width:540px;height:540px}.orbit-two{width:410px;height:410px}.phone{background:#121216;padding:9px;border-radius:41px;box-shadow:0 36px 70px rgba(28,24,55,.25),inset 0 0 0 1px #333;position:relative;z-index:3}.phone-hero{width:282px;transform:rotate(2deg)}.phone-screen{background:#fff;border-radius:32px;overflow:hidden}.phone-bar{position:absolute;z-index:5;color:#15151a;width:100%;display:flex;justify-content:space-between;padding:14px 26px 0 25px;font-size:8px;font-weight:700}.phone-bar i{width:68px;height:19px;border-radius:20px;background:#111;position:absolute;left:50%;top:7px;transform:translateX(-50%)}.profile-nav{height:53px;padding:23px 12px 6px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.profile-nav span{font-size:14px}.profile-head{text-align:center;padding:6px 13px 12px}.profile-avatar{width:52px;height:52px;margin:auto;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#302526,#d19167);border:2px solid #fff;outline:2px solid #d7d5db;font-size:17px}.profile-head>strong{display:block;font-size:10px;margin-top:8px}.profile-head>p{font-size:7px;color:#777;margin:4px 0 9px}.stats{display:flex;justify-content:center;gap:17px}.stats span{display:flex;flex-direction:column;font-size:6px;color:#85858a}.stats b{font-size:9px;color:#1b1b20;margin-bottom:2px}.profile-head button{margin-top:9px;border:0;background:#ef4561;color:white;border-radius:4px;width:96px;height:24px;font-size:8px;font-weight:600}.tabs{height:28px;border-bottom:1px solid #e7e7ea;display:flex;justify-content:space-around;font-size:13px;color:#aaa}.tabs span:first-child{color:#222;border-bottom:2px solid #222;width:50%;text-align:center}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fff}.tile{aspect-ratio:.78;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900"%3E%3Cdefs%3E%3ClinearGradient id="s" x2="0" y2="1"%3E%3Cstop stop-color="%23abb9c4"/%3E%3Cstop offset=".52" stop-color="%23e5c2a0"/%3E%3Cstop offset=".53" stop-color="%236c7d73"/%3E%3Cstop offset="1" stop-color="%231d3832"/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width="900" height="900" fill="url(%23s)"/%3E%3Cpath d="M0 530 Q160 380 330 535 T650 490 T900 500 V900 H0Z" fill="%232a4b42"/%3E%3Cpath d="M0 660 Q250 520 450 650 T900 580 V900 H0Z" fill="%23192f2d"/%3E%3Ccircle cx="710" cy="220" r="75" fill="%23ffe9bf" opacity=".8"/%3E%3C/svg%3E');background-size:300% 300%}.t1{background-position:0 0}.t2{background-position:50% 0}.t3{background-position:100% 0}.t4{background-position:0 50%}.t5{background-position:50% 50%}.t6{background-position:100% 50%}.t7{background-position:0 100%}.t8{background-position:50% 100%}.t9{background-position:100% 100%}.home-indicator{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:90px;height:3px;border-radius:4px;background:#111}.grid-options{position:absolute;z-index:5;bottom:23px;display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.grid-options span{background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);padding:7px 9px;border-radius:30px;font-size:8px;font-weight:600;box-shadow:0 6px 20px rgba(20,20,30,.07)}.logo-strip{min-height:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#a8a7ad;font-size:12px;letter-spacing:1px}.logo-strip span{text-transform:uppercase;font-size:9px;letter-spacing:1.5px}.section-block{padding:125px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.section-heading h2,.center-heading h2,.faq-intro h2{font-size:clamp(37px,4vw,55px);letter-spacing:-3px;line-height:1.05;margin:20px 0 0}.section-heading>p{max-width:410px;color:var(--muted);font-size:14px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:440px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;background:#fafafa}.feature-card.dark-card{background:#17171b;color:#fff;border-color:#17171b}.feature-icon{width:42px;height:42px;background:white;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:19px;box-shadow:0 7px 18px rgba(0,0,0,.05)}.dark-card .feature-icon{background:#27272d;border-color:#35353d}.feature-card .number{position:absolute;right:28px;top:32px;font-size:10px;color:#9b9aa1}.feature-card h3{font-size:19px;letter-spacing:-.5px;margin:26px 0 10px}.feature-card p{font-size:13px;color:#78777f;line-height:1.65;margin:0;max-width:270px}.dark-card p{color:#9d9ca5}.mini-split{position:absolute;left:28px;right:28px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mini-split i{height:70px;background:#ddd9d1}.mini-split i:nth-child(2),.mini-split i:nth-child(5){background:#baaa96}.mini-phone{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);width:190px;height:210px;border:6px solid #313137;border-radius:26px;background:#fff;padding:55px 7px 7px}.mini-phone:before{content:"";position:absolute;top:17px;left:50%;transform:translateX(-50%);width:35px;height:35px;background:#8d765e;border-radius:50%}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.mini-grid i{height:48px;background:#80705d}.mini-grid i:nth-child(even){background:#ad9a80}.quality-pill{position:absolute;bottom:48px;left:28px;right:28px;background:white;border-radius:14px;padding:13px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 35px rgba(20,20,35,.1)}.quality-pill>b{background:#eeecff;color:var(--violet);padding:11px 9px;border-radius:9px;font-size:12px}.quality-pill span{font-size:11px;font-weight:600;line-height:1.4}.quality-pill small{color:#999;font-weight:400}.quality-pill i{margin-left:auto;background:#daf6e3;color:#309157;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:11px}.workflow-section{background:#f6f6f8;padding:125px 0}.center-heading{text-align:center;max-width:660px;margin:0 auto 60px}.center-heading .eyebrow{justify-content:center}.center-heading p{color:var(--muted);font-size:14px}.workflow-grid{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center}.step-card{background:white;border:1px solid #ebeaee;border-radius:18px;min-height:250px;padding:22px;text-align:center;position:relative}.step-card>span{position:absolute;left:20px;top:18px;font-size:9px;color:#9c9ba2}.step-icon{width:55px;height:55px;margin:35px auto 25px;background:#f2f0ff;color:var(--violet);display:grid;place-items:center;border-radius:14px;font-size:22px}.step-card h3{font-size:15px;margin:0 0 9px}.step-card p{font-size:11px;color:#88878e;line-height:1.5}.step-arrow{text-align:center;color:#b3b2b9}.preview-section{padding:130px 0}.preview-stage{height:750px;background:#f4f3f8;border-radius:28px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-stage:before{content:"";position:absolute;width:550px;height:550px;background:#e5e1ff;border-radius:50%;filter:blur(70px);opacity:.65}.phone-large{width:310px}.phone-large .tile{aspect-ratio:.82}.profile-avatar.alt{background:#a45d40}.sunset-grid .tile{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900"%3E%3Cdefs%3E%3ClinearGradient id="g" x2="0" y2="1"%3E%3Cstop stop-color="%23778098"/%3E%3Cstop offset=".45" stop-color="%23e6a77d"/%3E%3Cstop offset=".6" stop-color="%23c68065"/%3E%3Cstop offset="1" stop-color="%234b3842"/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width="900" height="900" fill="url(%23g)"/%3E%3Ccircle cx="690" cy="315" r="80" fill="%23ffe2a2"/%3E%3Cpath d="M0 590L170 400l130 120 150-180 170 210 130-120 150 160v310H0Z" fill="%2345384a"/%3E%3Cpath d="M0 720 Q220 620 430 740 T900 670 V900H0Z" fill="%232e2e3d"/%3E%3C/svg%3E')}.float-card{position:absolute;z-index:4;background:rgba(255,255,255,.86);backdrop-filter:blur(15px);width:205px;padding:14px;border:1px solid white;border-radius:14px;box-shadow:0 18px 45px rgba(35,30,65,.1);display:flex;align-items:center;gap:11px}.float-card b{font-size:9px;color:var(--violet);background:#eeecff;border-radius:8px;padding:8px}.float-card span{font-size:11px;font-weight:600}.float-card small{display:block;font-size:8px;color:#999;margin-top:4px;font-weight:400}.float-card i{margin-left:auto;color:#54a871;font-size:12px}.fc-one{left:10%;top:18%}.fc-two{right:9%;top:31%}.fc-three{left:8%;bottom:28%}.fc-four{right:11%;bottom:15%}.why-section{padding:130px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.7fr;gap:60px}.why-label>span{font-size:10px;letter-spacing:1.4px;font-weight:700}.why-label p{font-size:12px;color:#999;max-width:180px;line-height:1.6;margin-top:18px}.why-copy h2{font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-5px;margin:0}.why-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--violet)}.why-copy p{font-size:16px;line-height:1.8;color:var(--muted);max-width:650px;margin:32px 0}.why-copy a{display:inline-flex;gap:25px;font-size:13px;font-weight:600;border-bottom:1px solid #aaa;padding-bottom:8px}.faq-section{padding:130px 0;display:grid;grid-template-columns:.85fr 1.5fr;gap:100px;border-top:1px solid var(--line)}.faq-intro p{font-size:12px;color:#999;margin-top:26px}.faq-intro>a{font-size:12px;font-weight:600;border-bottom:1px solid #ccc;padding-bottom:4px}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:none;display:flex;justify-content:space-between;align-items:center;padding:25px 0;text-align:left;font-size:14px;font-weight:600;cursor:pointer}.faq-item button i{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-style:normal}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.faq-answer p{overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.7;max-width:600px}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:24px}.cta-section{background:var(--violet);color:white;min-height:500px;border-radius:28px;padding:72px 30px;text-align:center;position:relative;overflow:hidden}.cta-section:before,.cta-section:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-80px;top:-100px}.cta-section:after{left:auto;top:auto;right:-70px;bottom:-140px;width:420px;height:420px}.cta-section>span{font-size:9px;font-weight:700;letter-spacing:1.7px;opacity:.75}.cta-spark{font-size:28px;margin-bottom:20px}.cta-section h2{font-size:clamp(39px,5vw,62px);letter-spacing:-3.5px;line-height:1.04;margin:22px 0}.cta-section p{font-size:13px;opacity:.75}.button-row.center{justify-content:center}.button-white{background:white;color:var(--ink)}.button-outline{border:1px solid rgba(255,255,255,.35);color:white}.site-footer{padding:75px 0 30px}.footer-top{display:flex;justify-content:space-between;padding-bottom:70px}.footer-top p{font-size:11px;color:#999;margin-top:15px}.footer-top nav{display:flex;gap:30px;font-size:11px;color:#696870}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;font-size:9px;color:#999}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero-copy .eyebrow,.trust-row{justify-content:center}.hero h1,.hero-text{margin-left:auto;margin-right:auto}.hero-copy .button-row{justify-content:center}.hero-visual{margin-top:20px}.features-grid{grid-template-columns:1fr}.feature-card{min-height:380px}.workflow-grid{grid-template-columns:1fr 1fr;gap:14px}.step-arrow{display:none}.section-heading{align-items:start;gap:30px}.float-card{width:180px}.fc-one,.fc-three{left:3%}.fc-two,.fc-four{right:3%}.why-section{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:50px}}
@media(max-width:650px){.section-shell,.site-header{width:min(100% - 30px,1180px)}.site-header{height:66px}.nav-links{display:none}.button-small{display:none}.hero{padding:55px 0;min-height:auto}.hero h1{font-size:48px;letter-spacing:-3.4px}.hero-text{font-size:15px}.hero-visual{min-height:560px}.phone-hero{width:260px}.grid-options{max-width:290px}.logo-strip{overflow:hidden;gap:35px;justify-content:flex-start;white-space:nowrap}.section-block,.preview-section,.why-section,.faq-section{padding:90px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.workflow-section{padding:90px 0}.workflow-grid{grid-template-columns:1fr}.step-card{min-height:220px}.preview-stage{height:700px}.phone-large{width:285px}.float-card{width:150px;padding:10px}.fc-one{top:8%;left:3%}.fc-two{top:25%;right:2%}.fc-three{bottom:20%;left:2%}.fc-four{bottom:5%;right:3%}.why-copy h2{font-size:50px;letter-spacing:-3px}.faq-intro h2{font-size:43px}.cta-section{width:calc(100% - 20px);min-height:480px;padding:65px 18px}.cta-section h2{font-size:40px}.footer-top{display:block;padding-bottom:45px}.footer-top nav{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.footer-bottom{gap:20px;flex-direction:column}.center-heading{margin-bottom:45px}}
.phone-hero .photo-grid{background:#09090b}.phone-hero .photo-grid .tile{background-image:url('foto.png');background-size:300% 300%;background-repeat:no-repeat}.phone-hero .photo-grid .t1{background-position:0 0}.phone-hero .photo-grid .t2{background-position:50% 0}.phone-hero .photo-grid .t3{background-position:100% 0}.phone-hero .photo-grid .t4{background-position:0 50%}.phone-hero .photo-grid .t5{background-position:50% 50%}.phone-hero .photo-grid .t6{background-position:100% 50%}.phone-hero .photo-grid .t7{background-position:0 100%}.phone-hero .photo-grid .t8{background-position:50% 100%}.phone-hero .photo-grid .t9{background-position:100% 100%}
.phone-large .sunset-grid{background:#09090b}.phone-large .sunset-grid .tile{background-image:url('foto2.png');background-size:300% 300%;background-repeat:no-repeat}.phone-large .sunset-grid .t1{background-position:0 0}.phone-large .sunset-grid .t2{background-position:50% 0}.phone-large .sunset-grid .t3{background-position:100% 0}.phone-large .sunset-grid .t4{background-position:0 50%}.phone-large .sunset-grid .t5{background-position:50% 50%}.phone-large .sunset-grid .t6{background-position:100% 50%}.phone-large .sunset-grid .t7{background-position:0 100%}.phone-large .sunset-grid .t8{background-position:50% 100%}.phone-large .sunset-grid .t9{background-position:100% 100%}
/* Infinite creator marquee */
.logo-strip{display:block!important;overflow:hidden;position:relative}.logo-strip:before,.logo-strip:after{content:'';position:absolute;z-index:2;top:0;bottom:0;width:70px;pointer-events:none}.logo-strip:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.logo-strip:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}.logo-track{height:100%;width:max-content;display:flex;align-items:center;will-change:transform;animation:creatorMarquee 22s linear infinite}.logo-group{width:min(1180px,calc(100vw - 48px));flex:none;display:flex;align-items:center;justify-content:space-around;gap:42px;padding:0 24px;white-space:nowrap}@keyframes creatorMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.logo-strip:hover .logo-track{animation-play-state:paused}@media(max-width:650px){.logo-group{width:760px;gap:34px;padding:0 20px}.logo-track{animation-duration:18s}.logo-strip:before,.logo-strip:after{width:35px}}
.logo-strip{height:112px!important;min-height:112px!important}.logo-track{height:112px!important}.logo-group{height:112px}.logo-group b{font-size:15px;letter-spacing:1.2px;color:#777480}.logo-group span{font-size:11px!important;letter-spacing:1.8px;color:#9995a3}.logo-group>*{display:flex;align-items:center;height:100%;margin:0}
/* Professional animated workflow */
.workflow-section{position:relative;overflow:hidden;padding:112px 0 125px;background:linear-gradient(180deg,#f8f8fb 0%,#f2f1f7 100%)}.workflow-section:before{content:'';position:absolute;width:560px;height:560px;left:50%;top:55%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(102,87,232,.13),rgba(102,87,232,0) 68%);pointer-events:none}.workflow-section:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(102,87,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(102,87,232,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent);pointer-events:none}.workflow-section .section-shell{position:relative;z-index:1}.workflow-section .center-heading{margin-bottom:64px}.workflow-grid{position:relative;gap:14px}.step-card{min-height:275px;padding:26px 23px 24px;border:1px solid rgba(220,217,230,.9);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 14px 38px rgba(25,21,48,.055);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden}.step-card:before{content:'';position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,transparent,#7769ed,transparent);transform:scaleX(0);transition:transform .35s ease}.step-card:hover{transform:translateY(-9px)!important;border-color:#cbc6ef;box-shadow:0 26px 55px rgba(45,34,120,.12)}.step-card:hover:before{transform:scaleX(1)}.step-card>span{top:21px;left:22px;color:#8c86bd;font-weight:700;letter-spacing:1px}.step-icon{width:62px;height:62px;margin:42px auto 27px;border:1px solid #e2deff;border-radius:18px;background:linear-gradient(145deg,#f4f2ff,#e9e5ff);box-shadow:0 10px 24px rgba(102,87,232,.11);font-size:24px;transition:transform .3s ease}.step-card:hover .step-icon{transform:scale(1.08) rotate(-3deg)}.step-card h3{font-size:16px;letter-spacing:-.3px}.step-card p{max-width:190px;margin:0 auto;color:#898691;font-size:11px;line-height:1.65}.step-arrow{position:relative;z-index:2;width:30px;height:30px;display:grid;place-items:center;border:1px solid #dedbe8;border-radius:50%;background:#fff;color:#786bec;font-size:13px;box-shadow:0 7px 18px rgba(25,21,48,.07);animation:arrowNudge 2.4s ease-in-out infinite}.step-arrow:nth-of-type(4){animation-delay:.35s}.step-arrow:nth-of-type(6){animation-delay:.7s}@keyframes workflowFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes arrowNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}.step-card:nth-of-type(1){animation:workflowFloat 5.2s ease-in-out infinite}.step-card:nth-of-type(3){animation:workflowFloat 5.8s ease-in-out infinite .5s}.step-card:nth-of-type(5){animation:workflowFloat 5.5s ease-in-out infinite 1s}.step-card:nth-of-type(7){animation:workflowFloat 6.1s ease-in-out infinite 1.4s}@media(max-width:900px){.workflow-grid{gap:16px}.step-card{min-height:245px}.step-card:nth-of-type(n){animation:none}.step-arrow{display:none}}@media(max-width:650px){.workflow-section{padding:86px 0}.step-card{min-height:225px}}
.step-card:nth-of-type(2){animation:workflowFloat 5.8s ease-in-out infinite .5s}.step-card:nth-of-type(4){animation:workflowFloat 6.1s ease-in-out infinite 1.4s}.step-arrow:nth-of-type(2){animation-delay:.35s}.step-arrow:nth-of-type(3){animation-delay:.7s}
/* Polished feature cards */
.crop-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature-card:last-child{isolation:isolate}.export-pattern{position:absolute;z-index:0;left:28px;right:28px;bottom:27px;height:116px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;transform:perspective(420px) rotateX(57deg);transform-origin:bottom}.export-pattern span{border:1px solid #dedbe9;border-radius:10px;background:linear-gradient(145deg,#f8f7ff,#ece9ff);box-shadow:0 10px 22px rgba(73,59,180,.08)}.export-pattern span:nth-child(2),.export-pattern span:nth-child(5){background:linear-gradient(145deg,#eeeaff,#dcd6ff)}.feature-card:last-child:after{content:'PNG  •  JPG  •  4K';position:absolute;right:29px;bottom:25px;z-index:2;padding:6px 9px;border:1px solid #e4e1ee;border-radius:20px;background:rgba(255,255,255,.88);color:#777480;font-size:8px;font-weight:700;letter-spacing:.7px;backdrop-filter:blur(8px)}
#features.section-block{padding-top:96px;padding-bottom:108px}.features-grid{align-items:stretch;gap:18px}.feature-card{min-height:380px;padding:28px 28px 26px;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(24,21,42,.045);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.feature-card:hover{transform:translateY(-5px);border-color:#d8d4e5;box-shadow:0 22px 48px rgba(24,21,42,.09)}.feature-card.dark-card{background:linear-gradient(155deg,#1b1a20,#121216)}.feature-card h3{margin-top:24px;font-size:18px}.feature-card p{max-width:290px;line-height:1.7}.mini-split{bottom:26px;gap:5px}.mini-split i{height:58px;border-radius:3px}.mini-phone{bottom:-18px;width:176px;height:185px;padding-top:48px}.mini-phone:before{top:14px;width:31px;height:31px}.mini-grid i{height:41px}.quality-pill{bottom:34px;left:28px;right:28px}.feature-icon{flex:none}@media(max-width:900px){#features.section-block{padding-top:78px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card:last-child{grid-column:1/-1}.feature-card{min-height:360px}}@media(max-width:650px){.features-grid{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.feature-card{min-height:350px}}
@keyframes floatOne{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(10px,-9px) rotate(.5deg)}50%{transform:translate(3px,7px) rotate(-.3deg)}75%{transform:translate(-8px,-2px) rotate(.25deg)}}@keyframes floatTwo{0%,100%{transform:translate(0,0)}25%{transform:translate(-11px,6px)}50%{transform:translate(4px,-8px)}75%{transform:translate(9px,3px)}}@keyframes floatThree{0%,100%{transform:translate(0,0)}30%{transform:translate(8px,9px)}60%{transform:translate(-9px,-6px)}80%{transform:translate(3px,-10px)}}@keyframes floatFour{0%,100%{transform:translate(0,0)}25%{transform:translate(-7px,-9px)}55%{transform:translate(10px,4px)}80%{transform:translate(-4px,8px)}}.fc-one{animation:floatOne 6.2s ease-in-out infinite}.fc-two{animation:floatTwo 6.8s ease-in-out infinite}.fc-three{animation:floatThree 7.1s ease-in-out infinite}.fc-four{animation:floatFour 6.5s ease-in-out infinite}
@keyframes viralyticPulse{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 4px rgba(102,87,232,.13)}50%{opacity:.45;transform:scale(.72);box-shadow:0 0 0 8px rgba(102,87,232,0)}}.eyebrow>span,.showcase-label>span{animation:viralyticPulse 1.8s ease-in-out infinite;transform-origin:center}.faq-section .eyebrow>span{animation-delay:.25s}.center-heading .eyebrow>span{animation-delay:.45s}
.welcome-fixed-header.site-header{position:fixed;z-index:100;top:0;left:50%;transform:translateX(-50%);margin:0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:rgba(233,232,236,.85)}.welcome-fixed-header+main .hero{padding-top:156px}.header-login{white-space:nowrap}@media(max-width:900px){.welcome-fixed-header+main .hero{padding-top:136px}}@media(max-width:650px){.welcome-fixed-header+main .hero{padding-top:121px}.site-header .header-login{display:inline-flex;min-height:38px;padding:0 13px;border-radius:9px;font-size:11px}.site-header .header-login span{font-size:13px}}

.header-actions{display:flex;align-items:center;gap:10px}.language-picker{position:relative}.language-toggle{height:40px;min-width:78px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dedde4;border-radius:10px;background:#fff;color:#2d2c34;font:600 12px Inter,sans-serif;cursor:pointer;transition:border-color .2s,box-shadow .2s}.language-toggle:hover,.language-toggle[aria-expanded="true"]{border-color:#b9b4d9;box-shadow:0 5px 18px rgba(30,25,60,.08)}.language-toggle-flag,.language-flag{font-size:18px;line-height:1}.language-chevron{font-size:13px;color:#85838d;transition:transform .2s}.language-toggle[aria-expanded="true"] .language-chevron{transform:rotate(180deg)}.language-menu{position:absolute;z-index:120;top:50px;right:0;width:270px;padding:8px;border:1px solid #e3e1e8;border-radius:13px;background:#fff;box-shadow:0 22px 55px rgba(25,22,45,.16)}.language-menu[hidden]{display:none}.language-menu button{width:100%;min-height:48px;padding:7px 9px;display:grid;grid-template-columns:26px 1fr 18px;align-items:center;gap:7px;border:0;border-radius:9px;background:transparent;color:#292832;text-align:left;cursor:pointer}.language-menu button:hover{background:#f6f5fa}.language-menu button.active{background:#f0eeff}.language-menu b,.language-menu small{display:block}.language-menu b{font-size:12px}.language-menu small{margin-top:3px;color:#9a98a2;font-size:9px;font-weight:400}.language-menu i{display:none;color:#6657e8;font-style:normal}.language-menu button.active i{display:block}@media(max-width:650px){.header-actions{gap:6px}.language-toggle{height:38px;min-width:65px;padding:0 8px;gap:5px}.language-toggle-flag{font-size:16px}.language-menu{position:fixed;top:72px;left:15px;right:15px;width:auto;max-height:calc(100vh - 88px);overflow:auto}.nav-links{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.phone-hero{transform:none}.eyebrow>span,.showcase-label>span,.fc-one,.fc-two,.fc-three,.fc-four{animation:none}.logo-track{animation:none}}

/* Functional grid maker */
.app-page{min-height:100vh;background:#f8f8fa}.app-header{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);padding:0 18px;border:1px solid var(--line);border-radius:15px;position:sticky;top:12px;margin-top:12px}.app-badge{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--violet);background:#f0eeff;padding:7px 10px;border-radius:20px}.back-link{font-size:11px;font-weight:600;color:#66656d}.app-page .maker-section{padding-top:75px}.app-page .maker-heading h1{font-size:clamp(38px,4vw,56px);letter-spacing:-3px;line-height:1.04;margin:20px 0 0}.privacy-note{text-align:center;color:#8b8992;font-size:9px;margin-top:18px}
.maker-section{padding:120px 0}.maker-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.maker-heading h2{font-size:clamp(38px,4vw,56px);letter-spacing:-3px;line-height:1.04;margin:20px 0 0}.maker-heading>p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.7}.maker-app{display:grid;grid-template-columns:380px 1fr;min-height:610px;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(21,20,36,.08)}.maker-controls{padding:30px;border-right:1px solid var(--line);background:#fff}.upload-zone{height:220px;border:1.5px dashed #d5d2de;border-radius:16px;background:#faf9fc;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.25s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--violet);background:#f6f4ff}.upload-icon{width:43px;height:43px;border-radius:12px;background:#ece9ff;color:var(--violet);display:grid;place-items:center;font-size:20px;margin-bottom:15px}.upload-zone strong{font-size:13px}.upload-zone small{font-size:9px;color:#98969f;margin:7px 0 15px}.choose-file{font-size:10px;font-weight:600;border:1px solid var(--line);background:white;border-radius:8px;padding:8px 12px}.selected-file{height:82px;border:1px solid var(--line);border-radius:14px;padding:9px;display:flex;align-items:center;gap:11px}.selected-file img{width:62px;height:62px;object-fit:cover;border-radius:9px}.selected-file>span{min-width:0;flex:1}.selected-file strong,.selected-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file strong{font-size:11px}.selected-file small{font-size:9px;color:#999;margin-top:5px}.selected-file button{border:0;background:#f1f0f4;width:27px;height:27px;border-radius:50%;cursor:pointer}.size-picker{border:0;padding:0;margin:28px 0}.size-picker legend{font-size:11px;font-weight:700;margin-bottom:12px}.size-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.size-options input{position:absolute;opacity:0}.size-options span{height:59px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.size-options b{font-size:13px}.size-options small{font-size:7px;color:#999;margin-top:4px}.size-options input:checked+span{color:var(--violet);border-color:var(--violet);background:#f2f0ff;box-shadow:0 0 0 1px var(--violet)}.split-button{width:100%;border:0;cursor:pointer}.split-button:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}.maker-error{color:#c74040;font-size:10px;line-height:1.5;min-height:15px}.maker-result{background:#f7f7f9;padding:34px;display:flex;align-items:center;justify-content:center}.empty-result{text-align:center;color:#88868f}.empty-result strong{display:block;color:#33323a;font-size:13px;margin-top:21px}.empty-result p{font-size:10px}.empty-grid{width:155px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:auto;transform:rotate(-3deg);box-shadow:0 18px 35px rgba(20,20,30,.1)}.empty-grid i{height:64px;background:#dddce2}.empty-grid i:nth-child(2n){background:#cccad3}.result-content{width:100%;align-self:stretch}.result-head{display:flex;justify-content:space-between;align-items:center}.result-head span{font-size:8px;color:var(--violet);font-weight:700;letter-spacing:1.2px}.result-head h3{font-size:23px;letter-spacing:-1px;margin:7px 0}.download-all{border:1px solid var(--line);cursor:pointer;min-height:40px;font-size:10px}.order-note{font-size:9px;color:#929099;margin:0 0 18px}.generated-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:470px;overflow:auto;padding-right:4px}.generated-tile{position:relative;background:#ddd;border-radius:10px;overflow:hidden;box-shadow:0 5px 13px rgba(0,0,0,.08)}.generated-tile img{width:100%;display:block;aspect-ratio:1/1.22;object-fit:cover}.tile-actions{position:absolute;inset:auto 6px 6px 6px;display:flex;justify-content:space-between;align-items:center}.tile-number{width:25px;height:25px;background:rgba(17,17,20,.82);color:white;display:grid;place-items:center;border-radius:7px;font-size:9px;font-weight:700}.tile-download{border:0;width:29px;height:29px;background:rgba(255,255,255,.92);border-radius:8px;cursor:pointer;box-shadow:0 3px 9px rgba(0,0,0,.15)}
@media(max-width:900px){.maker-app{grid-template-columns:1fr}.maker-controls{border-right:0;border-bottom:1px solid var(--line)}.maker-result{min-height:600px}}
@media(max-width:650px){.maker-section{padding:90px 0}.maker-heading{display:block}.maker-heading>p{margin-top:20px}.maker-controls,.maker-result{padding:20px}.maker-result{min-height:500px}.maker-app{border-radius:17px}.upload-zone{height:190px}.result-head{align-items:flex-start}.result-head h3{font-size:19px}.download-all{padding:0 11px}.generated-grid{gap:5px}.generated-tile{border-radius:7px}}
@media(max-width:650px){.app-header{top:7px;margin-top:7px}.app-badge{display:none}.back-link{font-size:10px}.app-page .maker-section{padding-top:55px}}
.result-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:26px;align-items:start}.live-preview-pane{border-left:1px solid var(--line);padding-left:25px;text-align:center}.live-label{font-size:7px;letter-spacing:1.15px;font-weight:700;color:#68666f;margin:1px 0 12px;display:flex;align-items:center;justify-content:center;gap:6px}.live-label i{width:6px;height:6px;border-radius:50%;background:#55ba77;box-shadow:0 0 0 3px #def4e5}.preview-phone{width:200px;background:#111116;border-radius:28px;padding:7px;margin:auto;position:relative;box-shadow:0 20px 38px rgba(20,18,35,.2)}.preview-phone-screen{border-radius:22px;background:white;overflow:hidden;max-height:405px}.preview-phone-top{height:25px;position:absolute;z-index:2;left:0;right:0;padding:8px 17px 0;display:flex;justify-content:space-between;color:#17171b;font-size:5px;font-weight:700}.preview-phone-top i{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:43px;height:12px;border-radius:10px;background:#111}.preview-profile-nav{height:41px;padding:22px 8px 4px;display:flex;align-items:center;justify-content:space-between;font-size:7px}.preview-profile-nav span{font-size:9px}.preview-profile-head{text-align:center;padding:3px 8px 8px}.preview-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,#27222f,#7866e8);color:#fff;font-size:11px;border:2px solid white;outline:1px solid #ddd}.preview-profile-head>b{font-size:7px;display:block;margin:6px 0 2px}.preview-profile-head>p{font-size:5px;color:#888;margin:0 0 6px}.preview-profile-head>div:not(.preview-avatar){display:flex;justify-content:center;gap:12px}.preview-profile-head span{display:flex;flex-direction:column;color:#888;font-size:4px}.preview-profile-head strong{font-size:6px;color:#222;margin-bottom:1px}.preview-profile-head button{border:0;background:#ef4561;color:white;width:72px;height:18px;border-radius:3px;font-size:5px;font-weight:700;margin-top:7px}.preview-tabs{height:22px;border-bottom:1px solid #eee;display:flex;justify-content:space-around;color:#aaa;font-size:9px}.preview-tabs span:first-child{color:#222;border-bottom:1px solid #222;width:50%}.live-phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:#fff;overflow:auto;max-height:205px}.live-phone-grid img{display:block;width:100%;aspect-ratio:1/1.2;object-fit:cover}.preview-phone-home{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:65px;height:2px;border-radius:3px;background:#111}.live-preview-pane>p{font-size:7px;color:#999;line-height:1.5;margin:12px auto 0;max-width:170px}
@media(max-width:1150px){.result-body{grid-template-columns:1fr}.live-preview-pane{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.preview-phone{width:225px}.preview-phone-screen{max-height:445px}}
@media(max-width:900px){.result-body{grid-template-columns:minmax(0,1fr) 230px}.live-preview-pane{border-top:0;border-left:1px solid var(--line);padding:0 0 0 25px}.preview-phone{width:200px}}
@media(max-width:650px){.result-body{grid-template-columns:1fr}.live-preview-pane{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.preview-phone{width:220px}}

/* Login */
.login-page{min-height:100vh;background:#fff}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(480px,46%) 1fr}.login-panel{position:relative;padding:42px 8%;display:flex;flex-direction:column}.login-brand{align-self:flex-start}.login-card{width:min(400px,100%);margin:auto}.login-heading>span{font-size:9px;letter-spacing:1.6px;font-weight:700;color:var(--violet)}.login-heading h1{font-size:39px;line-height:1.05;letter-spacing:-2.6px;margin:16px 0 12px}.login-heading p{font-size:13px;color:var(--muted);margin:0 0 30px}.social-login{height:50px;width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:600;font-size:12px;cursor:pointer;transition:.2s}.social-login:hover{background:#fafafa;box-shadow:0 8px 20px rgba(0,0,0,.06)}.google-mark{font-weight:700;color:#4285f4;margin-right:10px}.login-divider{display:flex;align-items:center;gap:15px;color:#aaa;font-size:9px;margin:24px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.login-card form>label{display:flex;justify-content:space-between;font-size:10px;font-weight:600;margin:15px 0 8px}.login-card form>label a{color:var(--violet);font-weight:500}.input-wrap{height:50px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:0 13px;transition:.2s}.input-wrap:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #efedff}.input-wrap>span{color:#aaa;font-size:13px}.input-wrap input{border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 11px;font:inherit;font-size:12px;background:transparent}.password-toggle{border:0;background:none;color:#777;font-size:9px;font-weight:600;cursor:pointer}.login-error{min-height:16px;color:#c74040;font-size:9px;margin:9px 0}.login-submit{width:100%;border:0;cursor:pointer}.login-submit:disabled{opacity:.7}.signup-copy{text-align:center;color:#888;font-size:10px;margin-top:22px}.signup-copy a{color:var(--violet);font-weight:600}.login-legal{font-size:8px;color:#aaa;margin:30px 0 0}.login-legal a{text-decoration:underline}.login-visual{margin:14px 14px 14px 0;border-radius:24px;position:relative;overflow:hidden;padding:38px 50px;background:#18171d;color:white;display:flex;flex-direction:column}.login-visual:before{content:"";position:absolute;width:550px;height:550px;background:#4f43a9;border-radius:50%;filter:blur(100px);opacity:.55;right:-180px;top:-100px}.back-home{position:relative;z-index:2;align-self:flex-end;font-size:10px;color:#cbc9d2}.login-showcase{width:min(570px,90%);margin:auto;position:relative;z-index:2}.showcase-label{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#b9b4e9;display:flex;align-items:center;gap:8px}.showcase-label span{width:6px;height:6px;border-radius:50%;background:#8a7df2;box-shadow:0 0 0 4px rgba(138,125,242,.15)}.login-showcase h2{font-size:clamp(42px,4vw,64px);line-height:1;letter-spacing:-3.5px;margin:20px 0}.login-showcase h2 em{font-family:Georgia,serif;font-weight:400;color:#a89df8}.login-showcase>p{font-size:12px;color:#a8a6b0}.showcase-grid{width:min(420px,90%);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:35px;transform:rotate(-2deg);box-shadow:0 30px 65px rgba(0,0,0,.35)}.showcase-grid i{aspect-ratio:1;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900"%3E%3Cdefs%3E%3ClinearGradient id="x" y2="1"%3E%3Cstop stop-color="%238e9eb2"/%3E%3Cstop offset=".5" stop-color="%23e2a882"/%3E%3Cstop offset=".51" stop-color="%234b4c5a"/%3E%3Cstop offset="1" stop-color="%231e202c"/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width="900" height="900" fill="url(%23x)"/%3E%3Ccircle cx="690" cy="270" r="78" fill="%23ffe0a1"/%3E%3Cpath d="M0 650L160 420l170 160 170-250 180 230 110-120 110 150v310H0Z" fill="%232b2d3a"/%3E%3C/svg%3E');background-size:300% 300%}.showcase-grid i:nth-child(1){background-position:0 0}.showcase-grid i:nth-child(2){background-position:50% 0}.showcase-grid i:nth-child(3){background-position:100% 0}.showcase-grid i:nth-child(4){background-position:0 50%}.showcase-grid i:nth-child(5){background-position:50% 50%}.showcase-grid i:nth-child(6){background-position:100% 50%}.showcase-grid i:nth-child(7){background-position:0 100%}.showcase-grid i:nth-child(8){background-position:50% 100%}.showcase-grid i:nth-child(9){background-position:100% 100%}.showcase-status{position:absolute;right:0;bottom:35px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(15px);border-radius:13px;padding:12px 16px;display:flex;gap:10px;align-items:center}.showcase-status>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#6cd994;color:#183823;font-size:10px}.showcase-status b,.showcase-status small{display:block}.showcase-status b{font-size:10px}.showcase-status small{font-size:7px;color:#aaa8b2;margin-top:4px}.visual-footer{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:8px;color:#777681}
@media(max-width:850px){.login-layout{grid-template-columns:1fr}.login-panel{min-height:100vh;padding:28px max(24px,8%)}.login-card{padding:55px 0}.login-visual{display:none}.login-legal{text-align:center}}
.demo-credentials{font-size:9px;color:#777580;background:#f6f5f9;border-radius:8px;padding:9px 10px;margin:10px 0 0}.demo-credentials b{color:#35343b}

/* Larger login support links */
.login-page-real .real-email-form label a{font-size:13px;font-weight:700;padding:3px 0}.login-page-real .signup-copy{margin-top:20px;font-size:13px}.login-page-real .signup-copy a{font-size:13px;font-weight:700}.login-page-real .login-help{margin-top:25px}
/* Real email authentication */
.real-email-form{margin-top:20px}.real-email-form label{display:flex;justify-content:space-between;margin:14px 0 8px;font-size:11px;font-weight:700}.real-email-form label a{color:#6657e8;font-weight:600}.real-email-form .login-submit{margin-top:12px}.auth-simple-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 70% 10%,#eeebff,transparent 35%),#f8f8fa}.auth-simple-card{width:min(470px,100%);padding:34px 38px;border:1px solid #e7e5ec;border-radius:24px;background:#fff;box-shadow:0 28px 75px rgba(22,18,48,.11)}.auth-simple-card>.brand{margin-bottom:55px}.auth-simple-card .login-heading h1{font-size:38px}.auth-simple-card .login-submit{width:100%;border:0}.auth-notice{padding:12px;border-radius:10px;background:#eef8f2;color:#26744c;font-size:11px;line-height:1.6}.login-page-real .login-benefits{margin-top:20px}@media(max-width:520px){.auth-simple-card{padding:27px 22px}.login-page-real .login-heading h1{font-size:35px}}
/* Production login experience */
.login-page-real .login-panel{padding-top:40px;padding-bottom:38px}.login-page-real .login-card{width:min(430px,100%)}.login-page-real .login-heading>span{font-size:11px}.login-page-real .login-heading h1{font-size:43px;margin-top:18px}.login-page-real .login-heading p{max-width:410px;font-size:14px;line-height:1.75;margin-bottom:34px}.google-login-real{height:58px;display:flex;align-items:center;justify-content:flex-start;padding:0 18px;border-radius:14px;font-size:14px;box-shadow:0 10px 28px rgba(20,18,38,.06)}.google-login-real:hover{border-color:#cfd8ea;transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,18,38,.11)}.google-logo{width:24px;height:24px;margin-right:14px;filter:drop-shadow(0 3px 6px rgba(66,133,244,.2));animation:googleGlow 3s ease-in-out infinite}.google-login-real span{font-weight:700}.google-login-real b{margin-left:auto;color:#777;font-size:18px}@keyframes googleGlow{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.12) rotate(4deg);filter:drop-shadow(0 5px 10px rgba(66,133,244,.35))}}.login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.login-benefits span{padding:11px 8px;border:1px solid #eceaf1;border-radius:10px;background:#faf9fc;color:#6f6d76;font-size:10px;text-align:center}.login-benefits i{color:#45a76e;font-style:normal;font-weight:800}.login-help{margin:24px 0 0;color:#99969f;font-size:10px;line-height:1.7;text-align:center}.login-help a{color:#6657e8;text-decoration:underline}.login-page-real .login-legal{font-size:10px}.login-page-real .login-visual{background:radial-gradient(circle at 82% 18%,#3c3276 0,#201d3b 25%,#15151b 62%)}.login-page-real .back-home{font-size:11px}.login-page-real .showcase-label{font-size:10px}.login-page-real .login-showcase>p{font-size:13px;line-height:1.7}.login-photo-grid i{background-image:url('foto3.jpg')!important;background-size:300% 300%!important;background-repeat:no-repeat}.login-photo-grid i:nth-child(1){background-position:0 0}.login-photo-grid i:nth-child(2){background-position:50% 0}.login-photo-grid i:nth-child(3){background-position:100% 0}.login-photo-grid i:nth-child(4){background-position:0 50%}.login-photo-grid i:nth-child(5){background-position:50% 50%}.login-photo-grid i:nth-child(6){background-position:100% 50%}.login-photo-grid i:nth-child(7){background-position:0 100%}.login-photo-grid i:nth-child(8){background-position:50% 100%}.login-photo-grid i:nth-child(9){background-position:100% 100%}.login-page-real .showcase-status{animation:loginStatusFloat 5.5s ease-in-out infinite}.login-page-real .showcase-status b{font-size:12px}.login-page-real .showcase-status small{font-size:9px}.login-page-real .visual-footer{font-size:10px}@keyframes loginStatusFloat{0%,100%{transform:translate(0,0)}25%{transform:translate(12px,-10px)}50%{transform:translate(-5px,7px)}75%{transform:translate(-12px,-3px)}}@media(max-width:850px){.login-page-real .login-card{padding:68px 0}.login-benefits{grid-template-columns:1fr}.login-page-real .login-heading h1{font-size:38px}}@media(prefers-reduced-motion:reduce){.google-logo,.login-page-real .showcase-status{animation:none}}
/* Expanded results and full live profile */
[hidden]{display:none!important}.app-page .maker-app{align-items:stretch}.app-page .maker-controls{align-self:stretch}.app-page .maker-result{align-items:flex-start;min-height:610px}.app-page .result-content{align-self:auto}.app-page .generated-grid{max-height:none;overflow:visible}.app-page .live-phone-grid{max-height:none;overflow:visible}.app-page .preview-phone-screen{max-height:none}.app-page .generated-tile img{aspect-ratio:auto;min-height:120px;object-fit:cover}.app-page .preview-phone{border:1px solid #3a3a3f;box-shadow:0 30px 60px rgba(13,12,22,.25),inset 0 0 0 1px #07070a;padding:8px;border-radius:34px}.app-page .preview-phone-screen{border-radius:27px}.app-page .preview-phone-top i{width:48px;height:14px;box-shadow:inset 0 0 0 1px #29292e}.phone-side{position:absolute;display:block;background:#29292d;width:3px;border-radius:3px}.phone-side-left{left:-4px;top:72px;height:44px;box-shadow:0 55px 0 #29292d}.phone-side-right{right:-4px;top:105px;height:62px}.app-page .preview-profile-nav{padding-left:11px;padding-right:11px}.app-page .live-phone-grid img{aspect-ratio:auto;min-height:52px;object-fit:cover}.app-page .preview-phone-home{height:3px;width:72px;background:#111;bottom:4px}.app-page .selected-file[hidden],.app-page .upload-zone[hidden]{display:none!important}
@media(min-width:1151px){.app-page .maker-app{grid-template-columns:380px minmax(0,1fr)}.app-page .result-body{grid-template-columns:minmax(0,1fr) 250px}.app-page .preview-phone{width:225px}.app-page .live-preview-pane{padding-left:24px}}

/* Square profile tiles keep every grid size visible at once */
.app-page .generated-tile img{aspect-ratio:1!important;min-height:0!important;object-fit:cover}.app-page .live-phone-grid img{aspect-ratio:1!important;min-height:0!important;object-fit:cover}.app-page .preview-phone{width:225px}.app-page .preview-phone-screen{max-height:none}.app-page .live-phone-grid{max-height:none}.app-page .maker-result{min-height:610px}.app-page .result-body{align-items:start}

/* Compact dark profile preview, matching a real short-video profile */
.app-page .preview-phone{width:210px;background:linear-gradient(145deg,#454249,#151419);border:1px solid #5a565e;padding:7px;border-radius:31px;box-shadow:0 25px 55px rgba(12,10,18,.3),inset 0 0 0 1px #050507}.app-page .preview-phone-screen{background:#09090b;color:#fff;border-radius:25px}.app-page .preview-phone-top{color:#fff}.app-page .preview-phone-top i{background:#020203;border:1px solid #242329}.app-page .preview-profile-nav{background:#09090b;color:#fff}.app-page .preview-profile-head{background:#09090b}.app-page .preview-avatar{background:linear-gradient(145deg,#5b4ce6,#29d6c7);outline-color:#36343a}.app-page .preview-profile-head>p,.app-page .preview-profile-head span{color:#a5a3aa}.app-page .preview-profile-head strong{color:#fff}.app-page .preview-tabs{background:#09090b;border-bottom-color:#303035}.app-page .preview-tabs span:first-child{color:#fff;border-bottom-color:#fff}.app-page .live-phone-grid{gap:1px;background:#151519}.app-page .preview-phone-home{background:#fff}.app-page .live-preview-pane>p{max-width:190px}.app-page .live-label{margin-bottom:14px}

/* Fixed-size phone: grid rows resize inside instead of growing the device */
.app-page .preview-phone{width:210px;height:470px;background:linear-gradient(145deg,#3b3a3f,#111115);border-color:#4e4c53}.app-page .preview-phone-screen{height:100%;display:flex;flex-direction:column;background:#fff;color:#17171b}.app-page .preview-phone-top{color:#17171b}.app-page .preview-phone-top i{background:#09090b}.app-page .preview-profile-nav,.app-page .preview-profile-head,.app-page .preview-tabs{background:#fff;color:#17171b;flex:none}.app-page .preview-profile-head>p,.app-page .preview-profile-head span{color:#85838b}.app-page .preview-profile-head strong{color:#17171b}.app-page .preview-tabs{border-bottom-color:#e8e8eb}.app-page .preview-tabs span:first-child{color:#17171b;border-bottom-color:#17171b}.app-page .live-phone-grid{flex:1;min-height:0;height:auto;overflow:hidden!important;gap:1px;background:#fff}.app-page .live-phone-grid img{width:100%;height:100%;min-height:0!important;aspect-ratio:auto!important;object-fit:fill}.app-page .preview-phone-home{background:#111}.app-page .phone-side-left{top:72px}.app-page .phone-side-right{top:105px}
.header-actions{flex:0 0 auto}.header-actions>.language-picker{flex:0 0 78px}.language-toggle{width:78px}.language-picker img{width:22px;height:15px;object-fit:cover;border-radius:2px}@media(max-width:650px){.header-actions>.language-picker{flex-basis:65px}.language-toggle{width:65px}}