/* SocialFolio landing page (home). Loaded after marketing.css. Photos come from assets/images/landing/. */
.landing{--lp-ink:#15131d;--lp-muted:#5f5b6b;--lp-line:#ece9f2;--lp-script:"Segoe Script","Bradley Hand","Comic Sans MS",cursive}
.landing .site-header .btn-primary{background:var(--lp-ink);box-shadow:none;border-radius:8px}
.landing .site-header .btn-primary:hover{background:#2b2738}
.lp-pill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#6f50df;background:#efeaff;border-radius:999px;padding:6px 11px}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:15px 20px;font-weight:700;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s;border:1px solid transparent;cursor:pointer}
.lp-btn svg{width:16px;height:16px}
.lp-btn:hover{transform:translateY(-2px)}
.lp-btn-dark{background:var(--lp-ink);color:#fff;box-shadow:0 10px 24px rgba(21,19,29,.18)}
.lp-btn-dark:hover{background:#2b2738}
.lp-btn-outline{background:#fff;color:var(--lp-ink);border-color:#d9d5e2}
.lp-btn-outline:hover{border-color:#b9b2cc}
.lp-btn-block{width:100%;padding:13px;font-size:12px}

/* Hero */
.lp-hero{position:relative;padding:70px 0 70px;background:linear-gradient(180deg,#f6f3ff 0%,#fff 100%);overflow:hidden;isolation:isolate}
.lp-hero:before{content:"";position:absolute;right:-180px;top:-120px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(236,214,255,.75),rgba(255,236,248,.35) 55%,transparent 70%);z-index:-1}
.lp-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
.lp-hero h1{font-family:var(--display);font-size:clamp(40px,4.6vw,60px);line-height:1.06;letter-spacing:-2.6px;margin:20px 0 20px;font-weight:800;color:var(--lp-ink)}
.lp-hero h1 .gradient-text{display:block}
.lp-lead{font-size:16px;line-height:1.75;color:var(--lp-muted);max-width:470px;margin:0 0 28px}
.lp-actions{display:flex;gap:12px;flex-wrap:wrap}
.lp-checks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:9px}
.lp-checks li{display:flex;align-items:center;gap:9px;font-size:13px;color:#4f4b5b}
.lp-checks svg{width:16px;height:16px;color:#6f50df;flex-shrink:0}
.lp-hero-visual{position:relative;padding:18px 70px 40px 0}
.lp-window{background:#fff;border:1px solid #ebe7f2;border-radius:16px;box-shadow:0 30px 80px rgba(57,35,104,.14);overflow:hidden}
.lp-window-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid #f1eef6}
.lp-window-bar i{width:8px;height:8px;border-radius:50%;background:#f1a0a0}
.lp-window-bar i:nth-child(2){background:#f3d08a}.lp-window-bar i:nth-child(3){background:#9fd8a8}
.lp-url{margin-left:10px;flex:1;background:#f4f2f8;border-radius:6px;font-size:10px;color:#77738a;padding:5px 10px}
.lp-profile{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 20px 14px}
.lp-profile-info{display:flex;gap:12px}
.lp-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 14px rgba(40,25,70,.15);flex-shrink:0}
.lp-profile-info strong{display:block;font-family:var(--display);font-size:14px;letter-spacing:-.3px;margin-top:4px}
.lp-profile-info small{display:block;font-size:9px;color:#6f6a7a;margin-top:2px}
.lp-profile-info p{font-size:9px;line-height:1.5;color:#8a8597;margin:7px 0 9px}
.lp-socials{display:flex;gap:7px;margin-bottom:10px}
.lp-socials img{width:13px;height:13px}
.lp-mini-btn{display:inline-block;background:var(--lp-ink);color:#fff;font-size:9px;font-weight:700;padding:7px 12px;border-radius:6px}
.lp-cover{border-radius:10px;min-height:150px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.lp-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(20,14,10,.45))}
.lp-cover span{position:absolute;right:14px;bottom:14px;z-index:1;color:#fff;font:800 14px/1.15 var(--display);text-align:right;letter-spacing:-.2px}
.lp-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 20px 12px}
.lp-chips span{font-size:9px;font-weight:600;color:#5f5b6b;background:#f4f2f8;border-radius:999px;padding:5px 10px}
.lp-chips span.on{background:var(--lp-ink);color:#fff}
.lp-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 20px 20px}
.lp-tile{aspect-ratio:4/5;border-radius:8px;background:#f1ece6 center/cover no-repeat}
.lp-tile-text{background:#1d1a22;color:#fff;font:800 15px/1.05 var(--display);letter-spacing:-.4px;padding:12px;display:flex;align-items:flex-start}
.lp-tile-stat{background:#163b33;color:#fff;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:2px;position:relative}
.lp-tile-stat strong{font:800 24px var(--display);letter-spacing:-1px}
.lp-tile-stat span{font-size:10px;opacity:.9}
.lp-tile-stat svg{position:absolute;right:10px;bottom:10px;width:30px;height:18px}
.lp-note{position:absolute;right:-6px;top:52%;font-family:var(--lp-script);font-size:14px;line-height:1.35;color:#2b2738;transform:rotate(-4deg);text-align:left}
.lp-note-arrow{position:absolute;right:42px;top:38%;width:44px;height:44px}
.lp-spark-a{position:absolute;left:-26px;top:-4px;width:34px;height:34px;background:conic-gradient(from 0deg,transparent 0 10%,#6f50df 10% 14%,transparent 14% 35%,#6f50df 35% 39%,transparent 39% 60%,#6f50df 60% 64%,transparent 64%);border-radius:50%;opacity:.8}
.lp-squiggle{position:absolute;right:14px;bottom:8px;width:30px;height:40px;border:2px solid #ef7aa8;border-color:#ef7aa8 transparent;border-radius:50%;transform:rotate(20deg)}

/* Logos */
.lp-logos{padding:30px 0 34px;border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);background:#fff}
.lp-logos p{text-align:center;font-size:9px;letter-spacing:1.6px;font-weight:800;color:#9a96a6;margin:0 0 16px}
.lp-logo-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;max-width:900px;margin:0 auto}
.lp-logo-row span{display:flex;align-items:center;gap:8px;font:700 16px var(--display);color:#6f6c79;letter-spacing:-.3px}
.lp-logo-row img{width:20px;height:20px;filter:grayscale(1);opacity:.7}

/* Features */
.lp-features{padding:64px 0 70px}
.lp-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.lp-ficon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px}
.lp-ficon img{width:22px;height:22px}
.lp-ficon.lav{background:#efeaff}.lp-ficon.pink{background:#ffeef6}.lp-ficon.blue{background:#eaf2ff}
.lp-features h3{font-family:var(--display);font-size:16px;letter-spacing:-.3px;margin:0 0 8px;color:var(--lp-ink)}
.lp-features p{font-size:13px;line-height:1.65;color:var(--lp-muted);margin:0}
.lp-features p strong{color:var(--lp-ink);font-weight:600}

/* Templates */
.lp-templates{padding:64px 0 70px;background:#f7f5fc;border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}
.lp-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}
.lp-templates h2,.lp-steps h2{font-family:var(--display);font-size:clamp(28px,3vw,36px);letter-spacing:-1.3px;margin:14px 0 8px;color:var(--lp-ink)}
.lp-head-row p{margin:0;color:var(--lp-muted);font-size:14px}
.lp-link{display:inline-flex;align-items:center;gap:6px;color:#6f50df;font-weight:700;font-size:13px;white-space:nowrap}
.lp-link svg{width:15px;height:15px}
.lp-tpl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lp-tpl{display:block}
.lp-tpl-prev{aspect-ratio:16/11;border-radius:10px;overflow:hidden;padding:12px;display:flex;flex-direction:column;gap:8px;border:1px solid #e9e5f0;transition:transform .25s,box-shadow .25s}
.lp-tpl:hover .lp-tpl-prev{transform:translateY(-4px);box-shadow:0 18px 40px rgba(40,25,70,.12)}
.lp-tpl-name{display:block;font:700 13px var(--display);margin-top:12px;color:var(--lp-ink)}
.tp-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:8px;flex:1.1}
.tp-top b{display:block;font:800 9px/1.2 var(--display);margin:6px 0 6px}
.tp-top i{display:block;height:4px;border-radius:3px;background:currentColor;opacity:.25;width:80%;margin-bottom:4px}
.tp-top i.s{width:50%}
.tp-pics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.tp-pics.one{grid-template-columns:1fr}
.tp-pics span,.tp-row span{border-radius:5px;background:#ddd center/cover no-repeat;min-height:30px}
.tp-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;flex:1}
.tpl-creative .tp-row,.tpl-pro .tp-row{grid-template-columns:repeat(3,1fr)}
.tpl-minimal{background:#fff;color:#1d1a22}
.tpl-bold{background:#141217;color:#fff;border-color:#141217}
.tpl-bold .tp-top b{font-size:11px}
.tpl-bold .tp-pics{grid-template-columns:1fr 1fr}
.tpl-creative{background:linear-gradient(135deg,#fff0f5,#f5ecff);color:#3b2033}
.tpl-pro{background:#f6f3ee;color:#2b2a26}
.tpl-pro .tp-top b{font-size:9px;letter-spacing:.5px}

/* Steps */
.lp-steps{padding:64px 0 70px}
.lp-step-row{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.lp-step-row li{display:flex;gap:16px;position:relative}
.lp-step-row li:not(:last-child):after{content:"›";position:absolute;right:6px;top:10px;font-size:26px;color:#2b2738}
.lp-num{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#8f6bf0,#b87ce6);color:#fff;display:grid;place-items:center;font:800 14px var(--display);flex-shrink:0}
.lp-step-row h3{font-family:var(--display);font-size:16px;margin:4px 0 6px;color:var(--lp-ink)}
.lp-step-row p{margin:0;color:var(--lp-muted);font-size:14px;line-height:1.6;max-width:240px}

/* CTA */
.lp-cta-wrap{padding:10px 0 80px}
.lp-cta{display:grid;grid-template-columns:.9fr 1.2fr .7fr;align-items:center;gap:30px;border-radius:22px;padding:34px 44px;background:linear-gradient(110deg,#c9b8ff 0%,#e7cff7 50%,#fbd9ec 100%);overflow:hidden;min-height:230px}
.lp-polaroids{position:relative;height:200px}
.pol{position:absolute;width:96px;height:118px;background:#eee center/cover no-repeat;border:6px solid #fff;border-bottom-width:16px;box-shadow:0 12px 26px rgba(40,25,70,.2)}
.pol.p1{left:0;top:10px;transform:rotate(-8deg)}
.pol.p2{left:70px;top:-6px;transform:rotate(6deg)}
.pol.p3{left:46px;top:96px;transform:rotate(-3deg)}
.lp-sticky{position:absolute;left:150px;top:62px;background:#fff;padding:14px 16px;font-family:var(--lp-script);font-size:14px;line-height:1.3;transform:rotate(-6deg);box-shadow:0 10px 24px rgba(40,25,70,.15);border-radius:4px;color:#2b2738}
.lp-cta h2{font-family:var(--display);font-size:clamp(24px,2.4vw,30px);letter-spacing:-1px;line-height:1.15;margin:0 0 10px;color:var(--lp-ink)}
.lp-cta p{margin:0 0 18px;color:#3b3748;font-size:14px}
.lp-cta-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lp-cta-list li{display:flex;align-items:center;gap:9px;font-family:var(--lp-script);font-size:15px;color:#2b2738}
.lp-cta-list svg{width:16px;height:16px;flex-shrink:0}

@media(max-width:1050px){.lp-hero-grid{gap:30px}.lp-hero-visual{padding-right:40px}.lp-cta{grid-template-columns:1fr 1.3fr;}.lp-cta-list{grid-column:1/-1;grid-template-columns:repeat(3,auto);justify-content:start}.lp-tpl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.lp-hero-grid{grid-template-columns:1fr}.lp-hero-visual{padding:10px 0 30px}.lp-note,.lp-note-arrow,.lp-squiggle{display:none}.lp-feature-grid{grid-template-columns:repeat(2,1fr)}.lp-step-row{grid-template-columns:1fr}.lp-step-row li:after{display:none}.lp-head-row{flex-direction:column;align-items:flex-start}.lp-cta{grid-template-columns:1fr;padding:30px 24px;text-align:left}.lp-polaroids{height:190px;max-width:300px}.lp-cta-list{grid-template-columns:1fr}}
@media(max-width:520px){.lp-hero{padding:46px 0 50px}.lp-hero h1{font-size:40px;letter-spacing:-1.8px}.lp-actions{flex-direction:column}.lp-actions .lp-btn{width:100%}.lp-profile{grid-template-columns:1fr}.lp-cover{min-height:120px}.lp-tiles{grid-template-columns:repeat(2,1fr)}.lp-feature-grid{grid-template-columns:1fr}.lp-tpl-grid{grid-template-columns:1fr}.lp-logo-row{justify-content:center;gap:14px 20px}.lp-logo-row span{font-size:13px}}