/* SocialFolio landing page — responsive static prototype */
:root{--ink:#17151e;--muted:#6f6c79;--purple:#7654e8;--purple-dark:#6040d2;--pink:#e7a4e9;--line:#eceaf2;--surface:#faf9fc;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.section-pad{padding:100px 0}.site-header{height:82px;display:flex;align-items:center;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(236,234,242,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:23px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}.brand img{width:34px;height:34px}.brand-dark{color:#6f50df}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a,.login-link{font-size:13px;color:#4f4b5b;font-weight:600;transition:color .2s}.main-nav a:hover,.login-link:hover{color:var(--purple)}.nav-actions{display:flex;align-items:center;gap:22px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:10px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#7654e8,#9464ed);color:#fff;box-shadow:0 9px 22px rgba(118,84,232,.18)}.btn-primary:hover{box-shadow:0 12px 28px rgba(118,84,232,.29)}.btn-small{font-size:12px;padding:12px 16px;border-radius:8px}.btn-large{font-size:14px;padding:16px 21px}.btn-quiet{color:#393544;padding:14px 12px}.btn-quiet:hover{color:var(--purple)}.play-icon{font-size:11px;color:var(--purple);width:30px;height:30px;border:1px solid #e6defc;border-radius:50%;display:grid;place-items:center;padding-left:2px}.menu-toggle{display:none}
.hero{position:relative;padding:82px 0 78px;isolation:isolate}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:54px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#7a5bde}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#a58cf5;box-shadow:0 0 0 4px #f1edff}.hero h1,.section-heading h2,.steps h2,.pricing h2,.cta-panel h2{font-family:var(--display);font-size:clamp(42px,4.6vw,59px);line-height:1.12;letter-spacing:-2.7px;margin:22px 0 20px;font-weight:800}.gradient-text{background:linear-gradient(105deg,#7855e8 5%,#a15fe2 52%,#db87c8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:16px;line-height:1.85;color:var(--muted);max-width:485px;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-checks{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px}.hero-checks span{display:flex;align-items:center;gap:6px;color:#777381;font-size:10px;font-weight:600}.hero-checks img{width:14px;height:14px}.supported-note{margin-top:37px;color:#9b97a5;font-size:10px;font-weight:600}.platform-row{display:flex;align-items:center;gap:18px;margin-top:13px}.platform{width:29px;height:29px;display:grid;place-items:center}.platform img{width:22px;height:22px}.platform.canva img{width:26px}.platform.meta img{width:29px}.hero-visual{position:relative;min-width:0;padding:17px 0 15px 15px}.hero-visual:before{content:"";position:absolute;inset:0 -25px 0 25px;background:radial-gradient(ellipse at 58% 43%,rgba(222,207,255,.58),rgba(246,239,255,.35) 48%,transparent 72%);z-index:-1}.portfolio-window{background:#fff;border:1px solid #e9e5f0;border-radius:14px;overflow:hidden;box-shadow:0 25px 75px rgba(57,35,104,.14);transform:rotate(1deg);position:relative;z-index:1}.window-top{height:37px;display:flex;align-items:center;padding:0 13px;gap:12px;background:#fcfbfe;border-bottom:1px solid #f0edf5}.window-dots{display:flex;gap:4px}.window-dots i,.mini-window-top i{display:block;width:6px;height:6px;border-radius:50%;background:#e9c7d6}.window-dots i:nth-child(2),.mini-window-top i:nth-child(2){background:#f1d7a8}.window-dots i:nth-child(3),.mini-window-top i:nth-child(3){background:#c9e8cf}.window-url{margin:auto;font-size:8px;color:#a5a0b0;background:#f2eff7;border-radius:4px;padding:3px 48px}.window-share{color:#8a7bb7;font-size:14px}.profile-cover{height:112px;background:#e9dfff;position:relative;overflow:visible}.cover-art{width:100%;height:100%;object-fit:cover}.profile-avatar{position:absolute;left:24px;bottom:-27px;width:58px;height:58px;border:4px solid white;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;background:linear-gradient(135deg,#8b6be8,#e2a3d7);box-shadow:0 3px 10px #44336620}.profile-content{padding:36px 24px 23px}.profile-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-topline h3{font-family:var(--display);font-size:15px;margin:0 0 2px;letter-spacing:-.4px}.verified{display:inline-grid;place-items:center;width:13px;height:13px;background:#8c6ae7;color:white;font-size:8px;border-radius:50%;vertical-align:2px}.profile-topline p{font-size:9px;color:#8a8695;margin:0}.follow-btn{background:#fff;border:1px solid #e7e1f3;border-radius:6px;color:#6e4bd7;font-size:9px;font-weight:700;padding:9px 11px;white-space:nowrap}.follow-btn span{padding-left:7px}.profile-stats{display:flex;gap:25px;margin:20px 0 23px;padding:12px 0;border-top:1px solid #f0edf5;border-bottom:1px solid #f0edf5;color:#9893a2;font-size:8px}.profile-stats b{font-size:11px;color:#373242;margin-right:3px}.portfolio-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800}.view-all{font-size:9px;color:#8a6ae5;font-weight:600}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.campaign-card{border:1px solid #efedf3;border-radius:7px;overflow:hidden;background:#fff}.campaign-card>img{width:100%;height:94px;object-fit:cover}.campaign-info{padding:8px 8px 9px;display:flex;flex-direction:column;gap:2px}.campaign-info small{font-size:6px;letter-spacing:.7px;color:#9b91b5;font-weight:800}.campaign-info b{font-family:var(--display);font-size:9px;line-height:1.3}.campaign-info span{font-size:7px;color:#9a96a3}.floating-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee9f6;border-radius:10px;box-shadow:0 12px 35px #30205217;padding:12px 15px}.floating-tag small,.floating-tag strong{display:block}.floating-tag small{font-size:8px;color:#9993a6}.floating-tag strong{font-size:10px;color:#302b3b}.tag-url{top:0;left:-6px}.tag-icon{width:28px;height:28px;border-radius:8px;background:#f0eaff;color:#7c5be5;display:grid;place-items:center;font-size:17px}.tag-result{bottom:1px;right:-16px}.result-spark{width:30px;height:30px;display:grid;place-items:center;background:#fdf0fa;color:#d46eb9;border-radius:9px;font-size:18px}.decor-star{position:absolute;right:-18px;top:20%;font-size:27px;color:#c7b4ff}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-2}.orb-one{width:280px;height:280px;background:#f9efff;top:10%;left:-190px}.orb-two{width:230px;height:230px;background:#f4f0ff;right:-130px;bottom:0}
.trust-strip{border-top:1px solid #f1eff5;border-bottom:1px solid #f1eff5;background:#fdfcff;padding:24px 0}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.trust-inner>span{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#a29dab;white-space:nowrap}.trust-logos{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:1;max-width:760px}.trust-logos b{display:flex;align-items:center;gap:7px;font-size:12px;color:#777282;font-weight:700;white-space:nowrap}.trust-logos img{width:17px;height:17px;opacity:.72}
.features{padding-top:105px;padding-bottom:104px}.section-heading.centered{text-align:center;max-width:650px;margin:0 auto 55px}.section-heading h2,.steps h2,.pricing h2{font-size:clamp(34px,3.5vw,44px);letter-spacing:-1.8px;margin:14px 0 13px}.section-heading p,.section-intro{color:var(--muted);font-size:14px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-item{padding:0 4px}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:21px}.feature-icon img{width:23px;height:23px}.lavender{background:#f0eaff}.pink{background:#fff0f8}.blue{background:#eaf4ff}.peach{background:#fff0e7}.feature-item h3{font-family:var(--display);font-size:16px;letter-spacing:-.4px;margin:0 0 9px}.feature-item p{font-size:12px;line-height:1.8;color:#7e7988;margin:0 0 17px}.feature-item>a{font-size:11px;font-weight:800;color:#7957df}.feature-item>a span{margin-left:5px}
.templates{background:#faf9fc;border-top:1px solid #f2eff7;border-bottom:1px solid #f2eff7}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.split-heading h2{margin-bottom:0}.text-link{font-size:12px;font-weight:800;color:#7654df;padding-bottom:8px;white-space:nowrap}.section-intro{margin-top:12px;margin-bottom:35px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.template-card{display:block;min-width:0}.template-preview{height:255px;border:1px solid #e9e5ef;border-radius:8px;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s}.template-card:hover .template-preview{transform:translateY(-5px);box-shadow:0 16px 35px #34224e12}.template-caption{display:flex;justify-content:space-between;align-items:center;padding:14px 2px}.template-caption b,.template-caption small{display:block}.template-caption b{font-family:var(--display);font-size:13px}.template-caption small{font-size:10px;color:#918b9d;margin-top:2px}.template-arrow{width:28px;height:28px;border:1px solid #e8e2f2;border-radius:50%;display:grid;place-items:center;color:#7a5bdb}.preview-minimal{background:#fff;padding:16px 15px}.preview-head{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.3px;font-weight:800}.preview-head span:last-child{font-size:5px;color:#777}.preview-title{font-family:Georgia,serif;font-size:30px;line-height:1.08;margin:49px 0 24px;letter-spacing:-1.6px}.preview-title em{color:#8e6fe9}.preview-thumbs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.preview-thumbs i{height:69px;background:#e4d9ff}.preview-thumbs i:nth-child(2){background:#e8c9c5}.preview-thumbs i:nth-child(3){background:#d9e8d9}.preview-bold{background:#d7f25e;padding:17px 15px;color:#1d2510}.bold-kicker{font-size:6px;letter-spacing:1px;font-weight:800}.bold-title{font-family:var(--display);font-size:40px;font-weight:800;line-height:.9;letter-spacing:-2px;margin-top:43px;position:relative;z-index:2}.bold-title span{color:#e65a3e}.bold-shape{position:absolute;width:110px;height:110px;border-radius:50%;background:#ff784f;right:-16px;bottom:15px;opacity:.9}.bold-foot{position:absolute;bottom:15px;font-size:6px;letter-spacing:1px;font-weight:800}.preview-creative{background:#f7d3e6;padding:15px}.creative-top{font-size:7px;font-weight:800;letter-spacing:1px}.creative-art{position:relative;height:180px;margin-top:14px;overflow:hidden}.creative-circle{width:155px;height:155px;background:#f3a84b;border-radius:50%;position:absolute;top:4px;left:27px}.creative-card{position:absolute;left:40px;top:36px;background:#f7f3e7;padding:17px 15px;font-family:var(--display);font-weight:800;font-size:22px;line-height:1;letter-spacing:-1px;transform:rotate(-7deg);box-shadow:6px 7px 0 #252222}.creative-foot{font-size:6px;letter-spacing:.5px;font-weight:800}.preview-pro{background:#f5f3f0;padding:16px}.pro-top{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.8px;font-weight:800}.pro-title{font-family:var(--display);font-size:25px;letter-spacing:-1px;line-height:1.1;margin-top:48px;font-weight:800}.pro-title span{display:block;font-family:var(--font);font-size:8px;letter-spacing:0;font-weight:500;margin-top:8px;color:#777}.pro-blocks{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px;margin-top:22px}.pro-blocks i{height:69px;background:#c3b4a6}.pro-blocks i:nth-child(2){background:#d8d1c6}.pro-blocks i:nth-child(3){background:#8e8b7d}.pro-foot{font-size:5px;letter-spacing:.7px;margin-top:12px;font-weight:800}
.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.steps-copy>p,.pricing-inner>div:first-child>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:440px}.step-list{margin:31px 0 28px}.step{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid #efedf4}.step-number{font-family:var(--display);font-size:12px;font-weight:800;color:#8c6be9;padding-top:3px}.step h3{font-size:14px;font-family:var(--display);margin:0 0 4px}.step p{font-size:11px;color:#85808f;line-height:1.7;margin:0}.steps-art{min-height:420px;position:relative;display:grid;place-items:center}.steps-blob{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f2e9ff,#f7eaf8 65%,#fdf5f7);z-index:-1}.step-card{position:absolute;background:#fff;border:1px solid #eae6f1;border-radius:12px;box-shadow:0 20px 60px #32234b13}.card-one{width:330px;padding:18px;left:2%;top:40px;transform:rotate(-3deg)}.step-card-top{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:18px}.mini-dot{width:9px;height:9px;background:#8c6be9;border-radius:3px}.tiny-menu{margin-left:auto;color:#b6b0c2;letter-spacing:2px}.fake-field{border:1px solid #eeeaf4;border-radius:7px;padding:9px 11px;margin:9px 0}.fake-field small{display:block;font-size:7px;color:#a29bad;letter-spacing:1px;margin-bottom:3px}.fake-field b{font-size:10px}.fake-tags{display:flex;gap:6px;margin:13px 0}.fake-tags span{font-size:8px;padding:5px 7px;border-radius:5px;background:#f0eaff;color:#7555d5}.fake-tags span:nth-child(2){background:#fcecf5;color:#bc6398}.fake-tags span:nth-child(3){background:#f6f4f9;color:#817a8f}.fake-progress{height:5px;background:#f0edf5;border-radius:9px;overflow:hidden}.fake-progress span{display:block;width:80%;height:100%;background:linear-gradient(90deg,#7654e8,#d789cf);border-radius:9px}.progress-note{display:block;text-align:right;color:#9992a4;font-size:8px;margin-top:6px}.card-two{width:285px;right:0;bottom:43px;padding:19px;display:flex;gap:12px;align-items:center;transform:rotate(4deg)}.published-icon{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e9f9ef;color:#269f5a;font-size:17px;font-weight:800}.card-two b{font-size:12px}.card-two p{font-size:9px;color:#898392;margin:2px 0 7px}.live-url{font-size:8px;color:#7654e8;font-weight:700}.steps-spark{position:absolute;right:0;top:28px;font-size:28px;color:#e8a4d7}
.pricing{background:#faf9fc;border-top:1px solid #f0edf5}.pricing-inner{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:90px;max-width:990px}.pricing h2{max-width:500px}.pricing-card{background:#fff;border:1px solid #e9e4f2;border-radius:14px;padding:28px;box-shadow:0 16px 45px #3b2a5710}.price-label{font-size:9px;letter-spacing:1.3px;color:#8564e2;font-weight:800}.price{display:flex;align-items:baseline;gap:9px;margin:8px 0 20px}.price strong{font-family:var(--display);font-size:42px;letter-spacing:-2px}.price span{font-size:11px;color:#918b9b}.pricing-card ul{list-style:none;padding:0;margin:0 0 23px}.pricing-card li{display:flex;gap:8px;align-items:center;font-size:11px;color:#6f6a7a;margin:11px 0}.pricing-card li img{width:14px;height:14px}.btn-block{width:100%;padding:13px;font-size:11px}.pricing-card>small{display:block;text-align:center;font-size:9px;color:#aaa4b1;margin-top:12px}
.final-cta{padding-top:15px;padding-bottom:90px}.cta-panel{min-height:365px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(115deg,#6f4cda 0%,#9160e7 48%,#b66ed9 100%);color:#fff;padding:54px 64px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center}.cta-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#dcb5ff25;right:8%;top:-50%;filter:blur(1px)}.cta-content{position:relative;z-index:2}.light-eyebrow{color:#e7dbff}.cta-panel h2{font-size:38px;letter-spacing:-1.7px;margin:15px 0}.cta-panel p{font-size:12px;color:#f0e9ff;max-width:400px;margin:0 0 22px}.btn-white{background:#fff;color:#6847ce;padding:15px 19px;font-size:12px;box-shadow:0 7px 20px #321a6418}.cta-assurance{display:flex;gap:15px;flex-wrap:wrap;margin-top:19px;color:#eee5ff;font-size:9px}.cta-decoration{height:260px;position:relative;display:grid;place-items:center}.cta-mini-window{width:250px;background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 25px 55px #381d6c35;transform:rotate(6deg);color:var(--ink)}.mini-window-top{height:22px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#faf9fc}.mini-window-top i{width:5px;height:5px}.mini-window-content{padding:18px 20px 20px;text-align:center}.mini-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#9875e8,#e4a2d8);color:#fff;font-size:11px;font-weight:800;margin:0 auto 8px}.mini-window-content>b{display:block;font-size:12px}.mini-window-content>span{font-size:8px;color:#888}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:17px 0}.mini-gallery i{height:55px;background:#e3d7ff;border-radius:3px}.mini-gallery i:nth-child(2){background:#e8c7bf}.mini-gallery i:nth-child(3){background:#cfe5d1}.mini-link{background:#f5f1ff;border-radius:5px;color:#7d5bdc;font-size:8px;padding:8px}.cta-star{position:absolute;color:#f8d4fb;font-size:28px}.star-a{top:10px;right:20px}.star-b{bottom:20px;left:20px;font-size:21px}
.site-footer{background:#17141f;color:#fff;padding:62px 0 20px}.footer-main{display:grid;grid-template-columns:1.4fr .7fr .8fr .8fr 1.25fr;gap:35px;padding-bottom:47px}.footer-brand{font-size:21px;color:#fff}.footer-brand span span{color:#c9b7ff}.footer-brand-col p,.footer-newsletter p{font-size:10px;color:#a8a3b2;line-height:1.9;margin:17px 0}.social-links{display:flex;gap:9px;margin-top:19px}.social-links a{width:29px;height:29px;display:grid;place-items:center;border:1px solid #3a3546;border-radius:7px}.social-links img{width:14px;height:14px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col b,.footer-newsletter>b{font-size:11px;margin-bottom:7px}.footer-col a{font-size:10px;color:#a8a3b2;transition:color .2s}.footer-col a:hover{color:#fff}.footer-newsletter p{margin:8px 0 14px}.newsletter-form{display:flex;border:1px solid #403a4d;border-radius:7px;overflow:hidden}.newsletter-form input{min-width:0;width:100%;padding:11px 10px;background:transparent;border:0;outline:0;color:#fff;font-size:10px}.newsletter-form input::placeholder{color:#827b91}.newsletter-form button{border:0;background:#8664e8;color:#fff;width:39px;font-size:19px;cursor:pointer}.form-feedback{display:block;min-height:16px;color:#d8c9ff;font-size:9px;margin-top:5px}.footer-bottom{border-top:1px solid #322d3b;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#8e889b;font-size:9px}.footer-heart{color:#cc8adf;margin-left:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.nav-wrap{gap:22px}.main-nav{gap:17px}.nav-actions{gap:14px}.hero-grid{gap:30px}.hero h1{font-size:49px}.floating-tag.tag-result{right:-5px}.feature-grid{gap:22px}.steps-grid{gap:45px}.pricing-inner{gap:50px}.footer-main{grid-template-columns:1.2fr .7fr .8fr .8fr;}.footer-newsletter{grid-column:1/-1;max-width:360px}.template-preview{height:225px}}
@media(max-width:800px){.container{width:min(100% - 36px,600px)}.site-header{height:72px}.nav-wrap{justify-content:space-between}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:9px;margin-left:auto}.menu-toggle span{display:block;width:22px;height:2px;background:#332d40;border-radius:2px}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:20px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #25163d0b;flex-direction:column;align-items:flex-start;gap:17px}.main-nav.is-open{display:flex}.nav-actions{gap:12px}.nav-actions .login-link{display:none}.btn-small{padding:10px 12px;font-size:10px}.hero{padding:58px 0 55px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(43px,9vw,59px)}.hero-lead{font-size:15px}.hero-visual{max-width:590px;width:100%;margin:0 auto;padding:15px}.portfolio-window{transform:none}.tag-url{left:0;top:0}.tag-result{right:0!important;bottom:0}.decor-star{right:0}.trust-inner{flex-direction:column;gap:17px}.trust-logos{width:100%;gap:13px;justify-content:center;flex-wrap:wrap}.trust-logos b{font-size:10px}.section-pad{padding:72px 0}.feature-grid{grid-template-columns:repeat(2,1fr);gap:35px 28px}.template-grid{grid-template-columns:repeat(2,1fr);gap:12px 17px}.template-preview{height:250px}.steps-grid{grid-template-columns:1fr;gap:25px}.steps-art{min-height:400px;max-width:500px;width:100%;margin:0 auto}.pricing-inner{grid-template-columns:1fr;gap:30px;max-width:600px}.pricing-card{max-width:420px;width:100%}.cta-panel{padding:43px 35px;grid-template-columns:1fr}.cta-decoration{position:absolute;right:-10px;bottom:-25px;opacity:.23;width:300px;pointer-events:none}.cta-content{max-width:500px}.footer-main{grid-template-columns:repeat(2,1fr);gap:30px}.footer-brand-col{grid-column:1/-1}.footer-newsletter{grid-column:1/-1;max-width:420px}.footer-bottom{flex-direction:column;gap:6px}}
@media(max-width:480px){.container{width:calc(100% - 32px)}.brand{font-size:20px;gap:7px}.brand img{width:30px;height:30px}.nav-actions .btn-small{font-size:0;gap:0;padding:10px 12px}.nav-actions .btn-small span{font-size:16px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-checks{gap:10px}.hero-checks span{font-size:9px}.platform-row{gap:13px}.hero-visual{padding:20px 0}.profile-content{padding:32px 13px 15px}.profile-cover{height:80px}.profile-avatar{left:15px;width:48px;height:48px;bottom:-23px}.profile-topline{align-items:flex-start}.profile-topline h3{font-size:13px}.profile-topline p{font-size:8px;max-width:155px}.follow-btn{font-size:7px;padding:7px}.profile-stats{gap:12px;font-size:7px}.profile-stats b{font-size:9px}.campaign-card>img{height:68px}.campaign-info{padding:6px}.campaign-info b{font-size:8px}.campaign-info span{font-size:6px}.floating-tag{padding:9px 10px}.floating-tag strong{font-size:8px}.floating-tag small{font-size:7px}.tag-icon,.result-spark{width:24px;height:24px}.window-url{padding:3px 20px}.trust-logos{gap:13px}.trust-logos b{font-size:9px}.trust-logos img{width:14px;height:14px}.section-heading h2,.steps h2,.pricing h2{font-size:34px}.feature-grid{gap:29px 17px}.feature-item h3{font-size:14px}.feature-item p{font-size:11px}.feature-item>a{font-size:10px}.split-heading{align-items:flex-start;flex-direction:column;gap:8px}.template-preview{height:200px}.preview-title{font-size:25px;margin-top:40px}.preview-thumbs i{height:49px}.bold-title{font-size:34px}.creative-circle{width:120px;height:120px;left:12px}.creative-card{left:23px;font-size:18px;padding:14px 12px}.creative-art{height:145px}.pro-title{font-size:21px;margin-top:35px}.pro-blocks i{height:49px}.card-one{width:290px;left:0;top:25px}.card-two{width:255px;right:0;bottom:30px}.steps-blob{width:290px;height:290px}.steps-art{min-height:370px}.cta-panel{padding:38px 23px;min-height:390px}.cta-panel h2{font-size:33px}.cta-panel p{font-size:11px}.btn-white{font-size:10px;padding:13px}.cta-assurance{gap:8px;font-size:8px}.cta-decoration{right:-65px;opacity:.16}.footer-main{gap:25px 17px}.footer-col a{font-size:9px}.footer-bottom{font-size:8px}}

/* ==== Application pages added to the marketing site (pricing, auth, legal, contact) ==== */
.site-header .nav-actions form{margin:0}
.link-button{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0}
.main-nav a.is-active{color:var(--purple)}
.page-hero{padding:72px 0 30px;text-align:center;position:relative;isolation:isolate}
.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(222,207,255,.45),transparent 62%);z-index:-1}
.page-hero h1{font-family:var(--display);font-size:clamp(36px,4.4vw,54px);line-height:1.12;letter-spacing:-2.2px;margin:16px auto 14px;max-width:760px;font-weight:800}
.page-hero p{color:var(--muted);font-size:15px;max-width:560px;margin:0 auto}
/* Pricing */
.billing-toggle{display:inline-flex;gap:4px;background:#f3f0fb;border:1px solid #ebe6f7;border-radius:999px;padding:4px;margin-top:26px}
.billing-toggle button{border:0;background:transparent;border-radius:999px;padding:9px 16px;font:700 12px var(--font);color:#6f6a7a;cursor:pointer}
.billing-toggle button[aria-pressed="true"]{background:#fff;color:var(--purple-dark);box-shadow:0 3px 10px rgba(59,42,87,.08)}
.billing-toggle .save{color:#22a98e;font-weight:800;margin-left:4px}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:38px auto 0;max-width:1040px}
.plan-card{background:#fff;border:1px solid #e9e4f2;border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 35px rgba(59,42,87,.05)}
.plan-card.featured{border-color:#cfc2fb;box-shadow:0 22px 55px rgba(118,84,232,.14)}
.plan-badge{position:absolute;top:-11px;left:26px;background:var(--purple);color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:5px 9px;border-radius:999px}
.plan-card h2{font-family:var(--display);font-size:20px;letter-spacing:-.5px;margin:0}
.plan-card .plan-tagline{color:var(--muted);font-size:13px;margin:6px 0 18px;min-height:40px}
.plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}
.plan-price strong{font-family:var(--display);font-size:42px;letter-spacing:-2px}
.plan-price span{color:#918b9b;font-size:12px}
.plan-note{color:#aaa4b1;font-size:11px;min-height:16px;margin-bottom:18px}
.plan-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px;flex:1}
.plan-card li{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#5f5a6b}
.plan-card li img{width:15px;height:15px;margin-top:3px;flex-shrink:0}
.plan-card .btn{width:100%;padding:14px;font-size:13px}
.btn-outline-m{background:#fff;color:#5b4bc4;border:1px solid #ddd5f6}
.btn-outline-m:hover{border-color:#c4b6f6;background:#faf8ff}
.compare-wrap{max-width:1040px;margin:70px auto 0;overflow-x:auto;border:1px solid #ece8f4;border-radius:14px;background:#fff}
.compare-table{width:100%;border-collapse:collapse;min-width:620px;font-size:13px}
.compare-table caption{text-align:left;padding:18px 20px 6px;font:800 18px var(--display);letter-spacing:-.4px}
.compare-table th,.compare-table td{padding:14px 20px;border-top:1px solid #f1eef7;text-align:center}
.compare-table th:first-child,.compare-table td:first-child{text-align:left;color:#4f4b5b}
.compare-table thead th{font-family:var(--display);font-size:14px;border-top:0;color:var(--ink)}
.compare-table .yes{color:#22a98e;font-weight:800}
.compare-table .no{color:#c3bfcc}
.faq{max-width:780px;margin:80px auto 0}
.faq h2{font-family:var(--display);font-size:clamp(30px,3vw,38px);letter-spacing:-1.4px;text-align:center;margin:12px 0 28px}
.faq details{border-bottom:1px solid #efedf4;padding:4px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 2px;font:700 15px var(--display);letter-spacing:-.2px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-size:20px;color:var(--purple);font-weight:600}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:0 2px 16px;color:var(--muted);font-size:14px;line-height:1.75}
.faq-home{margin-top:0}
/* Auth */
.auth-section{padding:70px 0 90px;position:relative;isolation:isolate}
.auth-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,rgba(222,207,255,.5),transparent 60%);z-index:-1}
.auth-card{max-width:440px;margin:0 auto;background:#fff;border:1px solid #e9e4f2;border-radius:18px;padding:34px 32px;box-shadow:0 25px 70px rgba(57,35,104,.10)}
.auth-card .brand{margin-bottom:22px}
.auth-card h1{font-family:var(--display);font-size:28px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 8px}
.auth-card>p{color:var(--muted);font-size:14px;margin:0 0 24px}
.auth-card label{display:block;font-size:12px;font-weight:700;color:#4f4b5b;margin:0 0 7px}
.text-input{width:100%;border:1px solid #e3deee;border-radius:10px;padding:13px 14px;font:500 14px var(--font);color:var(--ink);background:#fff;outline:none;transition:border .15s,box-shadow .15s}
.text-input:focus{border-color:#b5a7f4;box-shadow:0 0 0 3px #eee9ff}
textarea.text-input{resize:vertical;min-height:120px;line-height:1.6}
.auth-card .btn{width:100%;margin-top:14px;padding:14px;font-size:14px;cursor:pointer}
.btn-google{background:#fff;color:#2f2b3a;border:1px solid #e3deee;box-shadow:none}
.btn-google:hover{border-color:#cfc6f5;background:#faf8ff}
.btn-google svg{width:18px;height:18px}
.auth-divider{display:flex;align-items:center;gap:12px;color:#aaa4b1;font-size:12px;margin:20px 0 6px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#eeeaf5;flex:1}
.checkbox-row{display:flex!important;gap:9px;align-items:flex-start;font-weight:500!important;color:#6f6a7a!important;font-size:12px!important;line-height:1.5;margin-top:14px!important;cursor:pointer}
.checkbox-row input{width:16px;height:16px;margin-top:1px;accent-color:var(--purple);flex-shrink:0}
.auth-legal{font-size:12px;color:#8a8595;margin:18px 0 0;line-height:1.6;text-align:center}
.auth-legal a,.auth-card a.inline{color:var(--purple-dark);font-weight:700}
.auth-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#f0eaff;margin-bottom:18px}
.auth-icon img{width:24px;height:24px}
.notice-box{border-radius:11px;padding:12px 14px;font-size:13px;line-height:1.55;margin-bottom:18px}
.notice-error{background:#fff0f4;color:#9d2f55;border:1px solid #f7d4df}
.notice-info{background:#f5f2ff;color:#55449f;border:1px solid #e6defc}
.notice-success{background:#ebfaf4;color:#1d7f6a;border:1px solid #cdeee2}
.username-field{display:flex;align-items:center;border:1px solid #e3deee;border-radius:10px;overflow:hidden;background:#fff}
.username-field span{padding:0 4px 0 14px;color:#9a95a6;font-size:13px;white-space:nowrap}
.username-field input{border:0;padding:13px 14px 13px 2px;min-width:0;flex:1;font:600 14px var(--font);outline:none}
.username-field:focus-within{border-color:#b5a7f4;box-shadow:0 0 0 3px #eee9ff}
.field-hint{display:block;color:#9a95a6;font-size:12px;margin-top:6px}
.field-group{margin-bottom:16px}
/* Legal & help prose */
.prose-wrap{max-width:780px;margin:0 auto;padding:10px 0 90px}
.prose{font-size:15px;line-height:1.8;color:#3b3748}
.prose h2{font-family:var(--display);font-size:22px;letter-spacing:-.6px;margin:38px 0 10px;color:var(--ink)}
.prose h3{font-family:var(--display);font-size:16px;margin:24px 0 6px;color:var(--ink)}
.prose a{color:var(--purple-dark);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.prose ul{padding-left:20px}
.prose table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0}
.prose th,.prose td{border:1px solid #ece8f4;padding:9px 11px;text-align:left;vertical-align:top}
.prose th{background:#faf9fc}
.placeholder{background:#fff5d6;color:#7a5a00;border-radius:4px;padding:0 4px;font-weight:600;font-size:.92em}
.legal-meta{font-size:13px;color:var(--muted);margin-bottom:6px}
.legal-warning{background:#fff8e6;border:1px solid #f3e0b0;color:#6e5413;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.6;margin:0 0 26px}
/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1000px;margin:0 auto;padding:20px 0 90px;align-items:start}
.contact-card{background:#fff;border:1px solid #e9e4f2;border-radius:16px;padding:28px;box-shadow:0 14px 45px rgba(59,42,87,.06)}
.contact-card .field-group label{display:block;font-size:12px;font-weight:700;color:#4f4b5b;margin-bottom:7px}
.contact-card .btn{width:100%;padding:14px;cursor:pointer;font-size:14px}
.contact-side h2{font-family:var(--display);font-size:30px;letter-spacing:-1.2px;margin:12px 0 12px}
.contact-side p{color:var(--muted);font-size:14px;line-height:1.8}
.contact-points{display:grid;gap:14px;margin-top:24px}
.contact-points div{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:#5f5a6b}
.contact-points img{width:18px;height:18px;margin-top:2px}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* Error */
.error-wrap{text-align:center;padding:110px 0 120px}
.error-code{font-family:var(--display);font-size:90px;font-weight:800;letter-spacing:-5px;line-height:1;background:var(--sf-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.error-wrap h1{font-family:var(--display);font-size:28px;letter-spacing:-1px;margin:16px 0 10px}
.error-wrap p{color:var(--muted);margin:0 auto 26px;max-width:460px}
/* Footer extras */
.footer-col button.link-button{font-size:10px;color:#a8a3b2;text-align:left}
.footer-col button.link-button:hover{color:#fff}
@media(max-width:900px){.plan-grid{grid-template-columns:1fr;max-width:460px}.contact-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:480px){.auth-card{padding:28px 20px}.page-hero{padding:52px 0 20px}}