@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--paper:#f6f7f1;--surface:#fff;--ink:#17231e;--muted:#5b675f;--line:#dce2d9;--brand:#173f35;--accent:#d4f86a;--accent-ink:#14291e;--warm:#f4a261;--radius:22px;--shadow:0 24px 70px #17231e1a;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--warm);outline-offset:4px}::selection{color:var(--accent-ink);background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Manrope,sans-serif}p{line-height:1.75}.site-shell{min-height:100vh}.example-layout>*,.feature-grid>*,.guide-grid>*,.hero-grid>*,.page-hero-grid>*,.split-grid>*,.template-grid>*,.template-item>*{min-width:0}.container{width:min(1160px,100% - 40px);margin-inline:auto}.section{padding:96px 0}.section-compact{padding:64px 0}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f7f1e6;border-bottom:1px solid #dce2d9cc;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent);background:var(--brand);border-radius:11px;place-items:center;font-size:17px;display:grid}.brand-mark svg{width:100%;height:100%;display:block}.primary-nav{color:var(--muted);align-items:center;gap:28px;font-size:15px;font-weight:600;display:flex}.primary-nav>a:not(.button):hover{color:var(--ink)}.nav-toggle{background:0 0;border:0;padding:10px;display:none}.nav-toggle span{background:var(--ink);width:22px;height:2px;margin:5px;display:block}.button{border:1px solid var(--brand);color:#fff;background:var(--brand);border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #173f352e}.button-small{border-color:var(--accent);background:var(--accent);min-height:42px;padding-inline:18px;font-size:14px;color:var(--accent-ink)!important}.button-secondary{color:var(--brand);background:0 0}.button-secondary:hover{box-shadow:none;background:#e9ede5}.site-footer{color:#d7e2dc;background:#102d26;padding:64px 0 28px}.footer-grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}.brand-footer{color:#fff}.brand-footer .brand-mark{color:var(--brand);background:var(--accent)}.footer-grid p{color:#a9bcb3;max-width:340px;margin-top:20px}.footer-grid nav{grid-template-columns:1fr 1fr;align-content:start;gap:16px 28px;display:grid}.footer-grid nav a:hover{color:var(--accent)}.footer-bottom{color:#8fa79b;border-top:1px solid #2b4940;justify-content:space-between;margin-top:56px;padding-top:24px;font-size:13px;display:flex}@media (width<=760px){.container{width:min(100% - 28px,1160px)}.section{padding:64px 0}.nav-toggle{display:block}.primary-nav{border-bottom:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);align-items:stretch;padding:24px 20px 30px;display:none;position:absolute;top:76px;left:0;right:0}.primary-nav.is-open{flex-direction:column;display:flex}.primary-nav>a{padding:8px 4px}.primary-nav .button{margin-top:8px}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-bottom{flex-direction:column;gap:12px}}.eyebrow{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:20px;height:2px}.section-heading{max-width:720px;margin-bottom:44px}.section-heading.align-center{text-align:center;margin-inline:auto}.section-heading.align-center .eyebrow{justify-content:center}.section-heading h2{margin-bottom:16px;font-size:calc(clamp(32px,4vw,48px));line-height:1.12}.section-heading p{color:var(--muted);margin-bottom:0;font-size:18px}.hero{padding:76px 0 92px;overflow:hidden}.hero-grid{grid-template-columns:1.03fr .97fr;align-items:center;gap:64px;display:grid}.hero-copy h1{max-width:700px;margin-bottom:24px;font-size:calc(clamp(46px,5.5vw,74px));line-height:1.03}.hero-copy h1 em{color:var(--brand);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:-.05em;font-style:normal;text-decoration-thickness:.18em}.hero-copy>p{max-width:590px;color:var(--muted);margin-bottom:30px;font-size:19px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-note{color:var(--muted);align-items:center;gap:8px;margin-top:18px;font-size:13px;display:flex}.hero-note:before{content:"";background:#55a773;border-radius:50%;width:7px;height:7px}.hero-visual{position:relative}.hero-visual:before{z-index:-1;content:"";background:#e7eddb;border-radius:50%;width:460px;height:460px;position:absolute;top:-80px;right:-140px}.page-hero{padding:68px 0 54px;overflow:hidden}.page-hero .hero-copy{max-width:850px}.page-hero .hero-copy h1{font-size:calc(clamp(42px,5vw,66px))}.page-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.template-preview{width:100%;box-shadow:var(--shadow);background:#d4f86a;border:1px solid #17231e12;border-radius:26px;padding:14px;position:relative}.variant-portfolio{background:#efb69c}.variant-links{background:#c9b4ed}.variant-launch{background:#b8c6d9}.variant-event{background:#8c86c9}.variant-signup{background:#d7c39f}.variant-agency{background:#ef8a61}.variant-saas{background:#9d8cf2}.variant-personal-editorial,.variant-personal-minimal{background:#d5cbbb}.variant-portfolio-editorial,.variant-portfolio-grid{background:#b8c2bb}.variant-links-bold,.variant-links-minimal{background:#dfd1bd}.variant-freelancer-consultant,.variant-freelancer-services{background:#dcb49e}.variant-business-local,.variant-business-shop,.variant-business-studio{background:#c4d0bc}.variant-wedding-editorial,.variant-wedding-modern,.variant-wedding-romantic{background:#ddc9bb}.variant-event-conference,.variant-event-workshop{background:#b5c5b0}.template-price-badge{z-index:8;color:#173f35;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #173f351a;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;position:absolute;top:25px;right:25px;box-shadow:0 4px 14px #17231e1a}.template-preview.is-compact .template-price-badge{padding:3px 7px;font-size:7px;top:17px;right:17px}.mock-browser{background:#fff;border:1px solid #17231e1f;border-radius:15px;overflow:hidden}.mock-browser-bar{color:#929a94;letter-spacing:.03em;background:#f7f8f5;border-bottom:1px solid #e6e8e4;justify-content:space-between;align-items:center;height:32px;padding:0 12px;font-size:8px;display:flex}.mock-dots{gap:4px;display:flex}.mock-dots i{background:#c8cec8;border-radius:50%;width:5px;height:5px}.mock-address{background:#ecefea;border-radius:8px;padding:3px 28px}.mock-browser-mark{font-size:10px}.mock-site{min-height:430px;font-family:DM Sans,sans-serif;position:relative;overflow:hidden}.mock-header{z-index:3;justify-content:space-between;align-items:center;height:64px;padding:0 26px;display:flex;position:relative}.mock-header-note{font-size:9px;font-weight:600}.mock-kicker{letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px;font-size:8px;font-weight:700;display:block}.mock-action{border-radius:3px;align-items:center;gap:18px;padding:11px 15px;font-size:9px;font-weight:700;display:inline-flex}.mock-action b{font-size:12px}.mock-profile{color:#23352c;background:#f3efe7}.mock-profile-logo{letter-spacing:-.06em;font-family:Manrope,sans-serif;font-size:21px;font-weight:800}.mock-profile-logo span{color:#d17755}.mock-profile-hero{grid-template-columns:55% 45%;height:auto;min-height:316px;display:grid}.mock-profile-copy{padding:35px 14px 24px 30px}.mock-profile-name{letter-spacing:-.065em;font-family:Manrope,sans-serif;font-size:46px;font-weight:700;line-height:.98;display:block}.mock-profile-copy p{max-width:220px;margin:19px 0 22px;font-size:10px;line-height:1.65}.mock-profile-photo{border-radius:110px 110px 5px 5px;margin:0 22px 0 0;position:relative;overflow:hidden}.mock-profile-photo img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 35%;object-position:50% 35%;width:100%;height:100%}.mock-profile-photo>span{color:#263e33;background:#ffffffe0;border-radius:20px;padding:5px 8px;font-size:7px;position:absolute;bottom:12px;right:12px}.mock-profile-bottom{border-top:1px solid #d8d3ca;align-items:center;gap:18px;height:50px;padding:0 26px;font-size:8px;display:flex}.mock-profile-bottom b{margin-left:auto;font-weight:500}.mock-portfolio{color:#f6f4ef;background:#1e2523}.mock-portfolio .mock-header{border-bottom:1px solid #4b5450}.mock-portfolio-logo{letter-spacing:-.05em;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.mock-portfolio-visual{height:auto;min-height:316px;position:relative;overflow:hidden}.mock-portfolio-visual:after{content:"";background:linear-gradient(#0000 38%,#0a110fc2);position:absolute;inset:0}.mock-portfolio-visual img{-o-object-fit:cover;object-fit:cover;filter:saturate(.65)contrast(1.06);width:100%;height:100%}.mock-project-tag{z-index:2;text-transform:uppercase;border:1px solid #fff9;border-radius:20px;padding:6px 9px;font-size:7px;position:absolute;top:20px;left:24px}.mock-portfolio-title{z-index:2;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:25px;left:26px;right:26px}.mock-portfolio-title span{letter-spacing:-.05em;max-width:320px;font-family:Manrope,sans-serif;font-size:29px;font-weight:600;line-height:1.08}.mock-portfolio-title b{white-space:nowrap;padding-bottom:4px;font-size:8px}.mock-portfolio-bottom{align-items:center;gap:22px;height:50px;padding:0 26px;font-size:8px;display:flex}.mock-portfolio-bottom b{margin-left:auto;font-weight:500}.mock-links{color:#2c2440;background:#dfd1f5;place-items:center;display:grid}.mock-links-orb{filter:blur(1px);border-radius:50%;position:absolute}.orb-one{background:#f7b3c8;width:210px;height:210px;top:-70px;left:-40px}.orb-two{background:#b3e4d1;width:220px;height:220px;bottom:-60px;right:-70px}.mock-links-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdfce6;border:1px solid #ffffffb3;border-radius:24px;width:73%;padding:22px 26px 16px;position:relative;box-shadow:0 20px 45px #472f6424}.mock-links-photo{border:2px solid #bd95db;border-radius:50%;width:72px;height:72px;margin:0 auto 10px;padding:3px}.mock-links-photo img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 28%;object-position:50% 28%;border-radius:50%;width:100%;height:100%}.mock-links-card>strong{letter-spacing:-.04em;font-family:Manrope,sans-serif;font-size:19px;display:block}.mock-links-handle{color:#766b84;margin:3px 0 15px;font-size:8px;display:block}.mock-link-buttons{gap:8px;display:grid}.mock-link-buttons>span{text-align:left;background:#fff;border:1px solid #e5ddeb;border-radius:10px;align-items:center;min-height:37px;padding:0 12px;font-size:8px;font-weight:600;display:flex}.mock-link-buttons i{color:#9865b9;width:24px;font-style:normal}.mock-link-buttons b{margin-left:auto}.mock-socials{justify-content:center;gap:9px;margin-top:14px;display:flex}.mock-socials .mock-social-icon{color:#fff;background:#392c4a;border-radius:50%;place-items:center;width:23px;height:23px;font-size:7px;font-weight:700;display:grid}.mock-social-icon svg{width:13px;height:13px}.mock-launch{color:#252824;background:#edece7}.mock-launch-logo{letter-spacing:.08em;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.mock-launch-logo span{vertical-align:top;margin-left:2px;font-size:8px}.mock-launch-hero{grid-template-columns:46% 54%;height:auto;min-height:316px;display:grid}.mock-launch-copy{padding:39px 10px 20px 30px}.mock-launch-copy>strong{letter-spacing:-.06em;font-family:Manrope,sans-serif;font-size:39px;font-weight:600;line-height:1.04;display:block}.mock-launch-copy p{color:#5f635d;max-width:200px;margin:18px 0 21px;font-size:9px;line-height:1.65}.mock-launch-photo,.mock-signup-photo{overflow:hidden}.mock-launch-photo img{-o-object-fit:cover;object-fit:cover;-o-object-position:48% 50%;object-position:48% 50%;filter:contrast(1.04);width:100%;height:100%}.mock-launch-bottom{border-top:1px solid #d1d1c9;align-items:center;gap:24px;height:50px;padding:0 26px;font-size:8px;display:flex}.mock-launch-bottom b{margin-left:auto;font-weight:500}.mock-event{color:#fff;background:#13151c}.mock-event:after{z-index:1;content:"";background:linear-gradient(#080a1259,#080a12e0);position:absolute;inset:0}.mock-event-background{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mock-event .mock-header{border-bottom:1px solid #ffffff4d}.mock-event-logo{letter-spacing:.08em;font-family:Manrope,sans-serif;font-size:15px;font-weight:800}.mock-event-content{z-index:2;position:absolute;bottom:70px;left:28px;right:28px}.mock-event-content>strong{letter-spacing:-.055em;font-family:Manrope,sans-serif;font-size:41px;line-height:1.04;display:block}.mock-event-content p{color:#e3e2e7;max-width:310px;margin:15px 0 20px;font-size:10px;line-height:1.6}.mock-event-bottom{z-index:2;border-top:1px solid #ffffff47;align-items:center;gap:24px;height:48px;padding:0 26px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.mock-signup{color:#3a3127;background:#eee6d8;grid-template-columns:47% 53%;display:grid}.mock-signup-photo img{-o-object-fit:cover;object-fit:cover;filter:sepia(.15)contrast(1.03);width:100%;height:100%}.mock-signup-content{flex-direction:column;justify-content:space-between;padding:25px 28px 20px;display:flex}.mock-signup-logo{letter-spacing:.08em;font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.mock-signup-content strong{letter-spacing:-.06em;font-family:Manrope,sans-serif;font-size:36px;line-height:1.06;display:block}.mock-signup-content p{color:#6d6253;margin:15px 0 17px;font-size:9px;line-height:1.65}.mock-signup-form{background:#ffffff8c;border:1px solid #c8bba6;border-radius:4px;align-items:center;min-height:39px;display:flex}.mock-signup-form i{color:#938573;flex:1;padding-left:12px;font-size:8px;font-style:normal}.mock-signup-form b{color:#fff;background:#493c2e;align-self:stretch;align-items:center;padding:0 12px;font-size:8px;display:flex}.mock-signup-content small{color:#81735f;margin-top:8px;font-size:7px;display:block}.mock-signup-foot{color:#766855;border-top:1px solid #cfc1ac;padding-top:14px;font-size:7px}.mock-event-content>strong,.mock-launch-copy>strong,.mock-portfolio-title span,.mock-profile-name,.mock-signup-content strong{white-space:pre-line}.mock-profile-copy .mock-action{color:var(--mock-accent-text,#f8f4ed);background:var(--mock-accent,#263e33)}.mock-launch-copy .mock-action{color:var(--mock-accent-text,#f4f4ef);background:var(--mock-accent,#2d332d)}.mock-event-content .mock-action{color:var(--mock-accent-text,#171520);background:var(--mock-accent,#d4f86a)}.mock-signup-form b{color:var(--mock-accent-text,#fff);background:var(--mock-accent,#493c2e)}.mock-link-buttons>span:first-child{color:var(--mock-accent-text,#2c2440);background:var(--mock-accent,#fff)}.mock-agency{color:#f4f0e8;background:#171a18}.mock-agency .mock-header{border-bottom:1px solid #3a3e39}.mock-agency-logo{letter-spacing:.09em;font-family:Manrope,sans-serif;font-size:14px;font-weight:800}.mock-agency-hero{grid-template-columns:52% 48%;height:auto;min-height:316px;display:grid}.mock-agency-copy{padding:34px 26px 20px 30px}.mock-agency-copy>strong{letter-spacing:-.07em;white-space:pre-line;max-width:310px;font-family:Manrope,sans-serif;font-size:48px;font-weight:600;line-height:1.02;display:block}.mock-agency-copy p{color:#b9beb6;max-width:240px;margin:18px 0 22px;font-size:9px;line-height:1.7}.mock-agency-copy .mock-action{color:#171a18;background:#ef8a61}.mock-agency-photo{border-radius:4px;margin:20px 20px 20px 0;position:relative;overflow:hidden}.mock-agency-photo img{-o-object-fit:cover;object-fit:cover;filter:saturate(.8)contrast(1.08);width:100%;height:100%}.mock-agency-photo>span{color:#171a18;background:#f4f0e8;padding:5px 8px;font-size:7px;position:absolute;bottom:12px;right:12px}.mock-agency-bottom{color:#b9beb6;border-top:1px solid #3a3e39;justify-content:space-between;align-items:center;height:50px;padding:0 26px;font-size:8px;display:flex}.mock-agency-bottom b{color:#ef8a61;font-weight:500}.mock-saas{color:#f4f2ff;background:radial-gradient(circle at 88% 0,#342568,#171526 46%,#0d0d16)}.mock-saas .mock-header{border-bottom:1px solid #373148}.mock-saas-logo{letter-spacing:.08em;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.mock-saas-hero{grid-template-columns:49% 51%;height:auto;min-height:316px;display:grid}.mock-saas-copy{padding:35px 18px 20px 30px}.mock-saas-copy>strong{letter-spacing:-.065em;white-space:pre-line;font-family:Manrope,sans-serif;font-size:35px;font-weight:700;line-height:1.04;display:block}.mock-saas-copy p{color:#b7b2ce;max-width:215px;margin:18px 0 22px;font-size:9px;line-height:1.7}.mock-saas-copy .mock-action{color:#fff;background:#7556e8;box-shadow:0 10px 30px #7556e847}.mock-saas-photo{border:1px solid #51417c;border-radius:12px;margin:18px 18px 18px 0;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000042}.mock-saas-photo img{-o-object-fit:cover;object-fit:cover;filter:saturate(1.1)contrast(1.04);width:100%;height:100%}.mock-saas-photo>span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d16b8;border:1px solid #fff3;border-radius:20px;padding:6px 9px;font-size:7px;position:absolute;bottom:12px;right:12px}.mock-saas-bottom{color:#b7b2ce;border-top:1px solid #373148;justify-content:space-between;align-items:center;height:50px;padding:0 26px;font-size:8px;display:flex}.mock-saas-bottom b{color:#a894f5;font-weight:500}.template-preview.is-compact .mock-agency-hero,.template-preview.is-compact .mock-saas-hero{height:191px}.template-preview.is-compact .mock-agency-logo,.template-preview.is-compact .mock-saas-logo{font-size:10px}.template-preview.is-compact .mock-agency-copy{padding:24px 12px 12px 16px}.template-preview.is-compact .mock-agency-copy>strong{font-size:29px}.template-preview.is-compact .mock-agency-copy p,.template-preview.is-compact .mock-saas-copy p{margin:10px 0 12px;font-size:6px}.template-preview.is-compact .mock-agency-photo,.template-preview.is-compact .mock-saas-photo{margin:10px 10px 10px 0}.template-preview.is-compact .mock-agency-bottom,.template-preview.is-compact .mock-saas-bottom{height:30px;padding-inline:14px;font-size:5px}.template-preview.is-compact .mock-saas-copy{padding:25px 10px 12px 16px}.template-preview.is-compact .mock-saas-copy>strong{font-size:22px}.template-preview.is-compact .mock-event-content{bottom:45px;left:16px;right:16px}.template-preview.is-compact .mock-event-logo{font-size:9px}.template-preview.is-compact .mock-event-content>strong{font-size:25px}.template-preview.is-compact .mock-event-content p{margin:8px 0 10px;font-size:6px}.template-preview.is-compact .mock-event-bottom{gap:10px;height:30px;padding-inline:14px;font-size:5px}.template-preview.is-compact .mock-signup-content{padding:14px 15px 11px}.template-preview.is-compact .mock-signup-logo{font-size:8px}.template-preview.is-compact .mock-signup-content strong{font-size:22px}.template-preview.is-compact .mock-signup-content p{margin:8px 0 9px;font-size:6px}.template-preview.is-compact .mock-signup-form{min-height:25px}.template-preview.is-compact .mock-signup-form b,.template-preview.is-compact .mock-signup-form i{font-size:5px}.template-preview.is-compact .mock-signup-form i{padding-left:6px}.template-preview.is-compact .mock-signup-form b{padding-inline:6px}.template-preview.is-compact .mock-signup-content small{margin-top:5px;font-size:4px}.template-preview.is-compact .mock-signup-foot{padding-top:7px;font-size:4px}.template-preview.is-compact{box-shadow:none;border-radius:18px;padding:8px}.template-preview.is-compact .mock-browser{border-radius:11px}.template-preview.is-compact .mock-browser-bar{height:23px;padding-inline:8px;font-size:6px}.template-preview.is-compact .mock-address{padding:2px 14px}.template-preview.is-compact .mock-dots{gap:3px}.template-preview.is-compact .mock-dots i{width:3px;height:3px}.template-preview.is-compact .mock-site{height:260px}.template-preview.is-compact .mock-header{height:39px;padding-inline:14px}.template-preview.is-compact .mock-header-note{font-size:6px}.template-preview.is-compact .mock-kicker{margin-bottom:9px;font-size:5px}.template-preview.is-compact .mock-action{gap:8px;padding:7px 9px;font-size:6px}.template-preview.is-compact .mock-action b{font-size:7px}.template-preview.is-compact .mock-launch-logo,.template-preview.is-compact .mock-portfolio-logo,.template-preview.is-compact .mock-profile-logo{font-size:13px}.template-preview.is-compact .mock-launch-hero,.template-preview.is-compact .mock-profile-hero{height:191px}.template-preview.is-compact .mock-profile-copy{padding:23px 8px 12px 16px}.template-preview.is-compact .mock-profile-name{font-size:28px}.template-preview.is-compact .mock-profile-copy p{margin:10px 0 12px;font-size:6px}.template-preview.is-compact .mock-profile-photo{border-radius:65px 65px 3px 3px;margin-right:12px}.template-preview.is-compact .mock-profile-photo>span{padding:3px 5px;font-size:4px;bottom:6px;right:6px}.template-preview.is-compact .mock-launch-bottom,.template-preview.is-compact .mock-portfolio-bottom,.template-preview.is-compact .mock-profile-bottom{gap:10px;height:30px;padding-inline:14px;font-size:5px}.template-preview.is-compact .mock-portfolio-visual{height:191px}.template-preview.is-compact .mock-project-tag{padding:4px 6px;font-size:4px;top:12px;left:14px}.template-preview.is-compact .mock-portfolio-title{bottom:14px;left:14px;right:14px}.template-preview.is-compact .mock-portfolio-title span{max-width:180px;font-size:17px}.template-preview.is-compact .mock-portfolio-title b{font-size:5px}.template-preview.is-compact .mock-links-card{border-radius:16px;padding:12px 16px 9px}.template-preview.is-compact .mock-links-photo{width:43px;height:43px;margin-bottom:6px}.template-preview.is-compact .mock-links-card>strong{font-size:12px}.template-preview.is-compact .mock-links-handle{margin:2px 0 8px;font-size:5px}.template-preview.is-compact .mock-link-buttons{gap:5px}.template-preview.is-compact .mock-link-buttons>span{border-radius:7px;min-height:24px;padding-inline:8px;font-size:5px}.template-preview.is-compact .mock-link-buttons i{width:15px}.template-preview.is-compact .mock-socials{gap:6px;margin-top:8px}.template-preview.is-compact .mock-socials .mock-social-icon{width:15px;height:15px;font-size:5px}.template-preview.is-compact .mock-launch-copy{padding:26px 8px 12px 16px}.template-preview.is-compact .mock-launch-copy>strong{font-size:24px}.template-preview.is-compact .mock-launch-copy p{margin:10px 0 12px;font-size:6px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:30px}.feature-number{width:38px;height:38px;color:var(--brand);background:var(--accent);border-radius:12px;place-items:center;margin-bottom:28px;font-family:Manrope,sans-serif;font-weight:800;display:grid}.feature-card h3{margin-bottom:12px;font-size:21px}.feature-card p{color:var(--muted);margin-bottom:0}.split-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.split-grid h2{margin-bottom:20px;font-size:calc(clamp(32px,4vw,48px));line-height:1.15}.split-grid>div>p{color:var(--muted);font-size:17px}.content-panel{color:#fff;background:var(--brand);border-radius:28px;padding:36px}.content-panel h3{color:var(--accent);font-size:26px}.content-panel p{color:#c6d7ce}.check-list{gap:14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.check-list li{padding-left:28px;line-height:1.6;position:relative}.check-list li:before{width:18px;height:18px;color:var(--brand);background:var(--accent);content:"✓";border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:3px;left:0}.step-list{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.step{counter-increment:steps;padding:12px 38px 12px 0;position:relative}.step:before{color:var(--brand);letter-spacing:-.05em;content:"0" counter(steps);margin-bottom:24px;font-family:Manrope,sans-serif;font-size:54px;font-weight:800;display:block}.step:not(:last-child):after{content:"";border-top:1px dashed #9aa99e;width:34px;position:absolute;top:32px;right:26px}.step h3{font-size:22px}.step p{color:var(--muted)}.template-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.template-card{display:block}.template-card .template-preview{transition:transform .18s,box-shadow .18s}.template-card:hover .template-preview{box-shadow:var(--shadow);transform:translateY(-5px)}.template-card-meta{justify-content:space-between;align-items:center;padding:18px 4px 0;display:flex}.template-card-meta h3{margin:0;font-size:20px}.template-card-meta span{color:var(--muted);font-size:13px}.text-link{color:var(--brand);text-underline-offset:4px;align-items:center;gap:7px;font-weight:700;-webkit-text-decoration:underline #a9b9ab;text-decoration:underline #a9b9ab;display:inline-flex}.text-link:hover{-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.faq-list{border-top:1px solid var(--line);max-width:860px;margin-inline:auto}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{flex:none;font-size:26px;font-weight:400;transition:transform .16s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:760px;color:var(--muted);margin:-4px 0 26px}.cta-band{color:#fff;background:var(--brand);border-radius:30px;justify-content:space-between;align-items:center;gap:36px;padding:48px 52px;display:flex}.cta-band>div{max-width:700px}.cta-band .eyebrow{color:var(--accent)}.cta-band h2{margin-bottom:12px;font-size:calc(clamp(30px,4vw,44px))}.cta-band p{color:#bfd1c7;margin-bottom:0}.button-accent{color:var(--accent-ink);border-color:var(--accent);background:var(--accent);flex:none;gap:12px}.prose{max-width:780px;margin-inline:auto}.prose h2{margin-top:52px;margin-bottom:18px;font-size:32px}.prose h3{margin-top:34px;font-size:23px}.prose li,.prose p{color:#46534b;font-size:17px;line-height:1.85}.prose ol,.prose ul{padding-left:24px}.prose a{color:var(--brand);text-underline-offset:3px;font-weight:600;text-decoration:underline}.notice{border-left:4px solid var(--warm);background:#fff7ed;border-radius:0 14px 14px 0;padding:22px 24px}.notice p{margin:0}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;padding:8px 13px;font-size:13px;display:inline-flex}@media (width<=900px){.hero-grid,.page-hero-grid{grid-template-columns:1fr;gap:48px}.hero-copy{max-width:720px}.hero-visual{max-width:650px}.feature-grid{grid-template-columns:1fr 1fr}.split-grid{gap:40px}.cta-band{flex-direction:column;align-items:flex-start;padding:38px}}@media (width<=760px){.hero{padding:50px 0 64px}.hero-copy h1{font-size:calc(clamp(40px,12vw,58px))}.hero-copy>p{font-size:17px}.cta-band .button,.hero-actions .button{width:100%}.mock-agency,.mock-launch,.mock-profile,.mock-saas{height:470px}.mock-agency-hero,.mock-launch-hero,.mock-profile-hero,.mock-saas-hero{height:356px}.mock-saas-copy>strong{font-size:28px}.mock-action{white-space:nowrap}.feature-grid,.split-grid,.step-list,.template-grid{grid-template-columns:1fr}.step-list{gap:24px}.step{padding:12px 0}.step:not(:last-child):after{display:none}.step:before{margin-bottom:10px;font-size:40px}.content-panel{padding:28px}.cta-band{padding:30px 24px}.template-grid{gap:36px}}.comparison-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.comparison-card>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;display:flex}.comparison-card>div:last-child{border-bottom:0}.comparison-card span,.guide-card p,.template-description>p{color:var(--muted)}.comparison-card strong{text-align:right;font-size:14px}.template-gallery{gap:96px;display:grid}.template-item{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;scroll-margin-top:110px;display:grid}.template-item:nth-child(2n) .template-preview-link{order:2}.template-description h2{margin-bottom:18px;font-size:calc(clamp(30px,4vw,44px));line-height:1.15}.template-description .check-list{margin-bottom:28px}.template-preview-link{display:block}.template-preview-link:hover .template-preview{transition:transform .18s;transform:translateY(-4px)}.template-edit-cta{min-height:46px;padding-inline:20px;font-size:14px}.guide-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.guide-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto 1fr;gap:26px;padding:36px;transition:transform .18s,box-shadow .18s;display:grid}.guide-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.guide-card h2{font-size:28px;line-height:1.2}.guide-number{width:44px;height:44px;color:var(--brand);background:var(--accent);border-radius:14px;place-items:center;font-family:Manrope,sans-serif;font-weight:800;display:grid}.example-layout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.example-copy h2{margin-bottom:20px;font-size:calc(clamp(30px,4vw,44px));line-height:1.16}.example-copy h3{margin:28px 0 8px;font-size:19px}.example-copy p{color:var(--muted)}.example-index{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:700;display:block}.checklist-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px 28px}.checklist-panel .check-list{margin:0}@media (width<=900px){.example-layout,.template-item{grid-template-columns:1fr;gap:40px}.template-item:nth-child(2n) .template-preview-link{order:0}.example-layout .template-preview{order:-1}}@media (width<=760px){.template-gallery{gap:72px}.guide-card,.guide-grid{grid-template-columns:1fr}.guide-card{padding:26px}.comparison-card>div{flex-direction:column;align-items:flex-start;gap:5px}.comparison-card strong{text-align:left}}@container (width<=600px){.mock-site{height:auto;min-height:430px}.mock-header{height:58px;padding-inline:18px}.mock-header-note{text-align:right;max-width:48%;font-size:7px}.mock-agency-hero,.mock-launch-hero,.mock-profile-hero,.mock-saas-hero{grid-template-columns:1fr;height:auto;display:grid}.mock-agency-copy,.mock-launch-copy,.mock-profile-copy,.mock-saas-copy{padding:34px 22px 26px}.mock-agency-copy>strong,.mock-launch-copy>strong,.mock-profile-name,.mock-saas-copy>strong{font-size:34px;line-height:1.08}.mock-agency-copy p,.mock-launch-copy p,.mock-profile-copy p,.mock-saas-copy p{max-width:100%;font-size:10px}.mock-agency-photo,.mock-launch-photo,.mock-profile-photo,.mock-saas-photo{border-radius:14px;height:220px;margin:0 20px 22px}.mock-profile-photo{border-radius:100px 100px 14px 14px}.mock-agency-bottom,.mock-event-bottom,.mock-launch-bottom,.mock-portfolio-bottom,.mock-profile-bottom,.mock-saas-bottom{flex-wrap:wrap;gap:8px 16px;height:auto;min-height:50px;padding:14px 18px;display:flex}.mock-agency-bottom b,.mock-launch-bottom b,.mock-portfolio-bottom b,.mock-profile-bottom b,.mock-saas-bottom b{margin-left:0}.mock-portfolio-title{flex-direction:column;align-items:flex-start;gap:10px;bottom:20px;left:20px;right:20px}.mock-portfolio-title span{font-size:24px}.mock-signup{grid-template-columns:1fr}.mock-signup-photo{height:220px}.mock-signup-content{min-height:360px;padding:26px 22px 20px}.mock-signup-content strong{font-size:32px}.mock-signup-content p{max-width:100%}.mock-links-card{width:84%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition:none!important}}.editor-shell{color:#eceef2;background:#24262b;min-height:100vh}.editor-topbar{z-index:30;background:#262831;border-bottom:1px solid #3a3c45;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:relative}.editor-actions,.editor-topbar-left{align-items:center;gap:18px;display:flex}.editor-topbar .brand-mark{color:#24262b}.studio-label{color:#959aa8;font-size:12px;font-weight:500}.editor-template-name{color:#a5abb6;border-left:1px solid #41444e;padding-left:18px;font-size:13px}.editor-change,.editor-reset{color:#d9dce4;background:#31343e;border:1px solid #484b57;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600}.editor-reset{color:#d6a7a0;cursor:pointer}.editor-change:hover,.editor-reset:hover{border-color:#747a89}.editor-workspace{grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.editor-sidebar{background:#292b35;border-right:1px solid #3b3e48;flex-direction:column;max-height:calc(100vh - 64px);display:flex;position:relative}.editor-sidebar-inner{flex:1;padding:22px 22px 18px;overflow-y:auto}.editor-panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.editor-panel-heading>div{flex-direction:column;gap:5px;display:flex}.editor-panel-heading span{font-family:Manrope,sans-serif;font-size:22px;font-weight:700}.editor-panel-heading small{color:#959ba9;font-size:11px}.editor-panel-heading button{color:#959ba9;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:22px}.editor-panel-tabs{background:#22242c;border:1px solid #414550;border-radius:8px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding:3px;display:grid}.editor-panel-tabs button{color:#9299a8;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:7px 4px;font-size:11px}.editor-panel-tabs button.active{color:#fff;background:#414552}.editor-panel-content{min-height:240px;animation:.18s both editor-panel-in}.editor-section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.editor-section-heading>div{flex-direction:column;gap:4px;display:flex}.editor-section-heading span{font-family:Manrope,sans-serif;font-size:14px;font-weight:700}.editor-section-heading small{color:#959ba9;font-size:11px}.editor-field{gap:7px;margin-bottom:17px;display:grid}.editor-field>span{color:#c5cad4;font-size:12px;font-weight:600}.editor-field>span small{color:#858d9c;font-weight:400}.editor-field input,.editor-field textarea{color:#f2f3f6;background:#20222a;border:1px solid #464a57;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:13px;line-height:1.55;transition:border-color .15s,box-shadow .15s}.editor-field textarea{resize:vertical;min-height:78px}.editor-field input:focus,.editor-field textarea:focus{border-color:#38bdb2;box-shadow:0 0 0 3px #38bdb21f}.editor-help{color:#8f97a6;margin:-5px 0 16px;font-size:11px;line-height:1.65}.editor-error{color:#f0a79c;margin:8px 0 16px;font-size:12px;line-height:1.5}.editor-page-guide{color:#a5adba;text-align:center;padding:28px 10px}.editor-page-guide>span{color:#38bdb2;margin-bottom:18px;font-size:32px;display:block}.editor-page-guide h3{color:#eef0f4;margin-bottom:10px;font-size:18px}.editor-page-guide p{margin:0;font-size:12px;line-height:1.7}.editor-themes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.editor-themes button{color:#d5d9e1;cursor:pointer;background:#22242c;border:1px solid #464a57;border-radius:7px;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.editor-themes button>span{border:1px solid #ffffff1a;border-radius:50%;width:16px;height:16px}.editor-themes button.selected{border-color:#38bdb2;box-shadow:0 0 0 2px #38bdb21f}.editor-secondary-button{color:#d7dce5;cursor:pointer;background:#242630;border:1px solid #4a4e5b;border-radius:7px;padding:9px 12px;font-size:12px}.editor-slug-field{background:#20222a;border:1px solid #464a57;border-radius:7px;align-items:center;display:flex}.editor-slug-field>span{color:#848e9c;padding-left:11px;font-size:12px}.editor-slug-field input{background:0 0;border:0;box-shadow:none!important}.editor-upload{color:#dce0e8;cursor:pointer;text-align:center;background:#22242c;border:1px dashed #596071;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:145px;margin-bottom:12px;display:flex}.editor-upload:focus,.editor-upload:hover{background:#263034;border-color:#38bdb2}.editor-upload>span{color:#38bdb2;font-size:28px}.editor-upload strong{font-size:13px}.editor-upload small{color:#8e97a6;font-size:11px}.editor-file-input{display:none}.editor-panel-footer{background:#252730;border-top:1px solid #3d414c;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.editor-panel-footer>span{color:#87909e;font-size:10px}.editor-panel-footer button{color:#102a27;cursor:pointer;background:#38bdb2;border:0;border-radius:7px;min-width:92px;padding:10px 18px;font-size:12px;font-weight:700}.editor-stage{background:#292a2e;min-width:0;position:relative}.editor-stage-toolbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:18px;right:18px}.editor-history-actions,.editor-stage-actions{pointer-events:auto;background:#24262e;border:1px solid #42454e;border-radius:10px;align-items:center;gap:4px;padding:5px;display:flex;box-shadow:0 8px 24px #0000002e}.editor-device-toggle button,.editor-history-actions button{color:#d3d7df;cursor:pointer;background:0 0;border:0;border-radius:6px;width:34px;height:32px;font-size:17px}.editor-history-actions button:disabled{color:#555b66;cursor:default}.editor-device-toggle button.active,.editor-history-actions button:not(:disabled):hover{background:#3b3f49}.editor-device-toggle{gap:2px;display:flex}.editor-preview-button,.editor-publish-button,.editor-save-button{color:#d6dbe3;cursor:pointer;background:0 0;border:0;border-radius:6px;height:32px;padding:0 11px;font-size:11px}.editor-preview-button:hover,.editor-save-button:hover{background:#3b3f49}.editor-save-button{border:1px solid #4a4e59}.editor-publish-button{color:#102a27;background:#38bdb2;font-weight:700}.editor-canvas{background-color:#2b2c30;background-image:linear-gradient(#323438 1px,#0000 0),linear-gradient(90deg,#323438 1px,#0000 0);background-size:36px 36px;place-items:start center;min-height:calc(100vh - 64px);padding:76px 42px 44px;display:grid;overflow:auto}.editor-document{container-type:inline-size}.editor-preview-frame{width:min(100%,980px);transition:max-width .18s}.editor-preview-frame.is-mobile{max-width:390px}.editor-exit-preview{z-index:50;color:#e4e7ec;cursor:pointer;background:#262831;border:1px solid #484c56;border-radius:8px;padding:10px 15px;font-size:12px;position:fixed;top:18px;left:18px}.is-preview-mode .editor-workspace{grid-template-columns:1fr}.is-preview-mode .editor-canvas{min-height:100vh;padding:70px 36px}.template-preview.is-editing .is-editable-block{cursor:pointer;position:relative}.template-preview.is-editing .is-editable-block:hover{outline-offset:4px;outline:1px dashed #38bdb2}.template-preview.is-editing .is-selected-block{z-index:5;outline-offset:4px;outline:2px solid #38bdb2}.template-preview.is-editing .is-selected-block:after{z-index:20;color:#102a27;white-space:nowrap;content:attr(data-block-label);background:#38bdb2;border-radius:3px 3px 3px 0;padding:3px 6px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:700;line-height:1.2;position:absolute;top:-22px;left:-2px}.template-preview.is-editing .is-editable-block[draggable=true]{cursor:grab}.template-preview.is-editing .is-editable-block[draggable=true]:active{cursor:grabbing}.template-preview.is-editing .is-drop-target:before{z-index:30;content:"";background:#38bdb2;border-radius:4px;height:3px;position:absolute;top:-7px;left:-4px;right:-4px;box-shadow:0 0 0 2px #38bdb22e}.template-preview.is-editing [contenteditable=true]{cursor:text}.template-preview.is-editing [contenteditable=true]:focus{outline-offset:4px;outline:2px solid #38bdb2}.mock-event-image{position:absolute;inset:0}.editor-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c10c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.editor-publish-modal{color:#edf0f4;background:#292b35;border:1px solid #474b57;border-radius:18px;width:min(480px,100%);padding:34px;position:relative;box-shadow:0 30px 90px #00000059}.editor-publish-modal h2{margin-bottom:14px;font-size:28px}.editor-publish-modal p{color:#aab2bf;font-size:14px}.editor-publish-modal .eyebrow{color:#38bdb2}.editor-modal-close{color:#a9b0bc;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:14px;right:16px}.editor-publish-confirm{color:#102a27;cursor:pointer;background:#38bdb2;border:0;border-radius:8px;width:100%;margin-top:10px;padding:13px 20px;font-weight:700}.editor-publish-confirm:disabled{opacity:.65}.editor-published-link{color:#7de0d7;background:#22252c;border:1px solid #4a4e5b;border-radius:8px;justify-content:space-between;align-items:center;margin:20px 0;padding:14px;display:flex}.editor-modal-success-actions{gap:10px;display:flex}.editor-modal-success-actions>*{color:#e1e5eb;text-align:center;cursor:pointer;background:#30343e;border:1px solid #4a4e5b;border-radius:8px;flex:1;padding:11px}.editor-modal-success-actions>a{color:#102a27;background:#38bdb2;border-color:#38bdb2;font-weight:700}.editor-social-list{gap:14px;display:grid}.editor-social-item{background:#23252d;border:1px solid #464a57;border-radius:8px;padding:11px}.editor-social-item-heading{grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;margin-bottom:9px;display:grid}.editor-social-icon{color:#fff;background:#414652;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.editor-social-icon svg{width:15px;height:15px}.editor-social-item input{color:#eef0f4;background:#20222a;border:1px solid #464a57;border-radius:6px;outline:none;width:100%;padding:8px 9px;font-size:12px}.editor-social-item-heading button{color:#9da5b2;cursor:pointer;background:0 0;border:0;padding:0;font-size:20px}.editor-social-item-heading button:hover{color:#f0a79c}.editor-add-social{color:#dce0e8;cursor:pointer;background:#22242c;border:1px dashed #596071;border-radius:8px;width:100%;margin:14px 0;padding:11px;font-size:12px}.editor-add-social:hover{color:#7de0d7;border-color:#38bdb2}.editor-element-actions{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.editor-element-actions button{color:#e2e6ec;cursor:pointer;background:#22242c;border:1px solid #464a57;border-radius:6px;padding:7px 10px;font-size:11px}.editor-element-actions button:first-child{color:#102a27;background:#38bdb2;border-color:#38bdb2}.editor-element-actions button:disabled{opacity:.4;cursor:default}.editor-add-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:20px;animation:.16s both editor-panel-in;display:grid}.editor-add-grid button{color:#d8dde6;cursor:pointer;background:#22242c;border:1px solid #464a57;border-radius:6px;min-height:34px;font-size:10px}.editor-add-grid button:hover{color:#7de0d7;border-color:#38bdb2}.editor-panel-content select{color:#eef0f4;background:#20222a;border:1px solid #464a57;border-radius:7px;width:100%;padding:10px;font-size:12px}.editor-preview-frame.is-manual-mobile.is-mobile .editor-document{padding:var(--mobile-padding,0)}.generic-element{margin:12px 0;display:block;position:relative}.generic-embed iframe,.generic-media iframe,.generic-media video,.generic-widget iframe{background:#111;border:0;border-radius:10px;width:100%;min-height:220px;display:block}.generic-gallery{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.generic-gallery img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:130px}.generic-gallery:has(.mock-event-background){display:block}.generic-timer{gap:8px;display:flex}.generic-timer span{color:#fff;background:#263e33;border-radius:7px;padding:10px 12px;font-weight:700}.generic-container{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;display:grid}.generic-container>div{color:#68756d;text-align:center;border:1px dashed #9aa99e;border-radius:8px;padding:20px 12px;font-size:11px}.generic-table-wrap{overflow-x:auto}.generic-table-wrap table{border-collapse:collapse;width:100%;font-size:11px}.generic-table-wrap td,.generic-table-wrap th{text-align:left;border:1px solid #d5ddd4;padding:8px}.generic-form{gap:10px;display:grid}.generic-form label{gap:5px;font-size:11px;display:grid}.generic-form input,.generic-form textarea{background:#fff;border:1px solid #ccd5cc;border-radius:7px;padding:9px}.generic-form button{color:#fff;background:var(--mock-accent,#263e33);border:0;border-radius:7px;padding:10px 14px;font-weight:700}.generic-form p{margin:0;font-size:10px}.generic-control .control-label{color:#68756d;text-align:center;border:1px dashed #9aa99e;padding:8px;font-size:10px;display:block}.scroll-anchor{height:0;display:block}.md-spoiler{color:#0000;background:currentColor;border-radius:3px;padding:1px 4px}.md-spoiler:hover{color:#fff}.published-site{background:#edf0eb;place-items:center;min-height:100vh;padding:42px;display:grid}.published-site>.template-preview{width:min(1100px,100%)}.published-badge{color:#536158;background:#ffffffe0;border:1px solid #d4dbd3;border-radius:7px;padding:7px 10px;font-size:10px;position:fixed;bottom:14px;right:14px}.editor-add-grid button,.editor-add-social,.editor-change,.editor-element-actions button,.editor-panel-footer button,.editor-preview-button,.editor-publish-button,.editor-reset,.editor-save-button,.editor-secondary-button,.editor-themes button{transition:transform .16s,border-color .16s,background-color .16s,color .16s,box-shadow .16s}.editor-add-grid button:hover,.editor-add-social:hover,.editor-change:hover,.editor-element-actions button:not(:disabled):hover,.editor-reset:hover,.editor-secondary-button:hover,.editor-themes button:hover{transform:translateY(-1px)}.editor-add-grid button:active,.editor-change:active,.editor-element-actions button:not(:disabled):active,.editor-panel-footer button:active,.editor-preview-button:active,.editor-publish-button:active,.editor-reset:active,.editor-save-button:active,.editor-themes button:active{transform:translateY(0)scale(.96)}.editor-panel-footer button,.editor-preview-button,.editor-publish-button,.editor-save-button{transition:transform .16s,background-color .16s,box-shadow .16s}.editor-panel-footer button:hover,.editor-preview-button:hover,.editor-publish-button:hover,.editor-save-button:hover{transform:translateY(-1px);box-shadow:0 5px 16px #0000002e}.editor-panel-footer button:hover,.editor-publish-button:hover{background:#48c9be}.editor-panel-tabs button{transition:color .15s,background-color .15s,box-shadow .15s}.editor-panel-tabs button.active{box-shadow:0 1px 4px #0000002e}.editor-field input,.editor-field textarea,.editor-panel-content select{transition:border-color .16s,box-shadow .16s,background-color .16s}.editor-field input:hover,.editor-field textarea:hover,.editor-panel-content select:hover{border-color:#626a79}.editor-upload{transition:border-color .18s,background-color .18s,transform .18s}.editor-upload:hover{transform:translateY(-2px)}.editor-canvas{background-image:linear-gradient(#323438a6 1px,#0000 0),linear-gradient(90deg,#323438a6 1px,#0000 0),radial-gradient(circle at 50% 12%,#434d4f38,#0000 46%)}.editor-preview-frame .editor-document{transition:max-width .22s,box-shadow .22s,border-radius .22s}.template-preview.is-editing .is-editable-block{transition:outline-color .14s,outline-offset .14s,filter .14s}.template-preview.is-editing .is-editable-block:hover{outline-color:#38bdb2}.editor-modal-backdrop{animation:.16s both editor-fade-in}.editor-publish-modal{animation:.2s cubic-bezier(.2,.8,.2,1) both editor-modal-in}.editor-published-link{transition:border-color .16s,background-color .16s}.editor-published-link:hover{background:#263034;border-color:#38bdb2}@keyframes editor-panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes editor-fade-in{0%{opacity:0}to{opacity:1}}@keyframes editor-modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.editor-icon{flex:none;width:16px;height:16px;display:block}.editor-device-toggle button,.editor-element-actions button,.editor-history-actions button,.editor-preview-button,.editor-publish-button,.editor-save-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.editor-shell [role=button]:focus-visible,.editor-shell a:focus-visible,.editor-shell button:focus-visible,.editor-panel-footer button:focus-visible{outline-offset:3px;outline:2px solid #7de0d7!important}.editor-workflow{background:linear-gradient(145deg,#2d303a,#24262e);border:1px solid #414652;border-radius:12px;padding:20px 16px;box-shadow:0 12px 30px #0000001f}.editor-workflow-eyebrow{color:#7de0d7;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700;display:block}.editor-workflow h3{color:#f2f4f7;margin-bottom:10px;font-family:Manrope,sans-serif;font-size:21px}.editor-workflow>p{color:#a5adba;margin-bottom:20px;font-size:12px;line-height:1.7}.editor-workflow-steps{gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.editor-workflow-steps li{color:#8e97a6;align-items:center;gap:10px;font-size:12px;display:flex}.editor-workflow-steps li>span{border:1px solid #4a4e5b;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.editor-workflow-steps li>span i{font-size:10px;font-style:normal}.editor-workflow-steps li.complete{color:#dce5e1}.editor-workflow-steps li.complete>span{color:#102a27;background:#38bdb2;border-color:#38bdb2}.editor-workflow-steps li .editor-icon{width:13px;height:13px}.editor-workflow-actions{gap:8px;display:grid}.editor-workflow-primary,.editor-workflow-secondary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 13px;font-size:12px;font-weight:700;display:flex}.editor-workflow-primary{color:#102a27;background:#38bdb2;border:0}.editor-workflow-primary:hover{background:#48c9be}.editor-workflow-secondary{color:#d9dee6;background:#262932;border:1px solid #4a4e5b}.editor-workflow-secondary:hover{border-color:#7de0d7}.editor-workflow-link{color:#7de0d7;text-overflow:ellipsis;white-space:nowrap;margin-top:14px;font-size:11px;display:block;overflow:hidden}@media (prefers-reduced-motion:reduce){.editor-shell *,.editor-shell :after,.editor-shell :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=1050px){.editor-workspace{grid-template-columns:310px minmax(0,1fr)}.editor-canvas{padding-inline:24px}.editor-preview-button span{display:none}}@media (width<=760px){.editor-topbar{height:58px;padding:10px 12px}.editor-template-name,.studio-label{display:none}.editor-actions{gap:7px}.editor-change,.editor-reset{padding:7px 9px;font-size:11px}.editor-workspace{flex-direction:column;display:flex}.editor-stage{order:-1}.editor-canvas{min-height:auto;padding:72px 12px 30px}.editor-stage-toolbar{left:10px;right:10px}.editor-history-actions{display:none}.editor-stage-actions{margin-left:auto}.editor-sidebar{border-top:1px solid #3b3e48;border-right:0;max-height:none}.editor-sidebar-inner{padding:20px 16px}.is-preview-mode .editor-canvas{padding:70px 12px 30px}.published-site{padding:16px}}