:root{--ink:#171716;--muted:#66645f;--paper:#f8f7f2;--white:#fff;--line:#deddd6;--lime:#d9ff55;--purple:#8d7cff;--peach:#ffd5b8;--lilac:#ddd8ff;--mint:#cfeedd;--dark:#171918;--radius:24px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:110px 0}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);background:#fff;padding:10px 16px;z-index:999}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:82px;position:sticky;top:0;z-index:100;background:rgba(248,247,242,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,23,22,.08)}.nav-wrap{height:100%;display:flex;align-items:center;gap:35px}.logo{display:inline-flex;align-items:center;gap:10px;font:700 22px 'Manrope',sans-serif;}.logo-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--ink);color:#fff;border-radius:50%;font-size:16px}.main-nav{display:flex;gap:26px;margin-left:auto;font-size:14px}.main-nav a,.text-link{transition:opacity .2s}.main-nav a:hover,.text-link:hover{opacity:.55}.nav-actions{display:flex;gap:20px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:999px;padding:15px 25px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#343431}.button-small{padding:10px 18px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:23px;height:1px;background:var(--ink);margin:5px}.hero{padding-top:90px;overflow:hidden}.hero-copy{text-align:center;max-width:980px}.eyebrow{display:inline-block;text-transform:uppercase;font-size:12px;font-weight:600;margin-bottom:22px}.hero h1,.section h2{font-family:'Manrope',sans-serif;line-height:.98;margin:0}.hero h1{font-size:clamp(54px,7.3vw,104px);font-weight:500}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-copy>p{font-size:19px;max-width:650px;margin:28px auto 34px;color:var(--muted)}.hero-stage{margin-top:75px;position:relative}.template-glow{position:absolute;width:600px;right:-100px;top:-230px;opacity:.6;z-index:-1}.app-window{height:660px;background:#e9e9e5;border:1px solid #cccac2;border-radius:22px;box-shadow:0 30px 80px rgba(36,31,20,.13);display:grid;grid-template:48px 1fr/170px 1fr 200px;overflow:hidden}.window-bar{grid-column:1/-1;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 15px;font-size:11px}.window-bar i{width:9px;height:9px;border-radius:50%;background:#ddd}.window-bar span{margin:auto}.window-bar b{background:var(--ink);color:#fff;padding:5px 12px;border-radius:20px}.editor-tools,.editor-settings{background:#f8f8f5;padding:24px 18px;display:flex;flex-direction:column;gap:12px;font-size:12px}.editor-tools span{padding:10px;background:#fff;border:1px solid var(--line);border-radius:7px}.editor-settings label{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding:12px 0;color:var(--muted)}.editor-settings label span{color:var(--ink)}.swatches{font-size:20px;word-spacing:6px}.email-canvas{width:430px;max-width:85%;margin:25px auto;background:#fff;padding:50px;text-align:center;box-shadow:0 5px 15px #ccc}.email-canvas h2{font:400 42px/1 Georgia,serif;margin:16px 0 28px}.email-canvas small{}.mock-photo{height:220px;background:linear-gradient(135deg,#bd9b7a,#e8d0ac 46%,#6f5342);display:flex;align-items:flex-end;padding:20px;color:#fff;text-align:left}.email-canvas p{font-size:12px}.email-canvas button{background:#171716;color:#fff;border:0;padding:10px 18px}.benefits{background:#fff}.benefits h2{font-size:clamp(46px,6vw,78px);max-width:720px;margin-bottom:55px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:560px;border-radius:var(--radius);padding:30px;display:flex;flex-direction:column}.card.peach{background:var(--peach)}.card.lilac{background:var(--lilac)}.card.mint{background:var(--mint)}.card-number{font-size:12px}.card h3{font:600 26px 'Manrope';margin:25px 0 8px}.card p{margin:0;max-width:330px;color:#4f4d48}.mini-email,.mini-form,.mini-flow{height:280px;margin:35px 0 5px;align-content:center}.mini-email{background:#fff;padding:35px;box-shadow:8px 8px 0 rgba(0,0,0,.08);transform:rotate(-3deg)}.mini-email i{display:block;width:35px;height:4px;background:#111}.mini-email b{display:block;font:400 27px Georgia;margin:38px 0}.mini-email span{display:block;height:75px;background:linear-gradient(90deg,#be805e,#f4c092)}.mini-form{background:#282832;color:#fff;padding:48px 30px;border-radius:3px;display:flex;flex-direction:column;gap:12px}.mini-form b{font:30px Georgia}.mini-form input,.mini-form button{height:42px;border:0;padding:0 12px}.mini-form button{background:var(--lime)}.mini-flow{display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-flow span{background:#fff;border-radius:99px;padding:11px 18px;font-size:12px;box-shadow:0 3px 8px rgba(0,0,0,.06)}.mini-flow i{height:25px;width:1px;background:#777}.editorial{background:#efeee8}.editorial-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.editorial-copy h2{font-size:clamp(45px,5vw,72px)}.editorial-copy p{font-size:18px;color:var(--muted);max-width:500px;margin:28px 0}.arrow-link{font-weight:600;border-bottom:1px solid;padding-bottom:6px}.arrow-link span{margin-left:20px}.editorial-art{min-height:670px;background:#191919;position:relative;overflow:hidden;border-radius:var(--radius);padding:50px}.poster{position:absolute}.poster-one{width:52%;height:73%;left:9%;top:13%;background:#e9dfca;padding:35px;display:flex;flex-direction:column}.poster-one strong{font:42px/1 Georgia;margin:auto 0}.poster-one span{font-size:11px}.poster-two{right:7%;top:8%;width:34%;height:55%;background:linear-gradient(145deg,#fa996e,#a72212);color:#fff;display:grid;place-items:center;text-align:center;font:26px/1.1 'Manrope'}.floating-note{position:absolute;right:11%;bottom:8%;background:var(--lime);padding:30px 50px;font:500 27px/1.25 'Manrope';transform:rotate(4deg)}.features{background:#fff}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:55px}.section-heading h2{font-size:clamp(48px,6vw,78px)}.section-heading p{font-size:18px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{padding:40px;min-height:285px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid h3{font:600 22px 'Manrope';margin:55px 0 10px}.feature-grid p{color:var(--muted);margin:0}.feature-icon{font-size:25px}.trust{background:var(--dark);}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.light{color:var(--lime)}.trust h2{font-size:clamp(47px,5vw,72px)}.trust p{color:#b8bab6;font-size:18px;margin:30px 0}.button-light{background:var(--lime);border-color:var(--lime);color:#151515}.trust ul{list-style:none;margin:0;padding:0;border-top:1px solid #414341}.trust li{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:20px 0;border-bottom:1px solid #414341}.trust li span{color:var(--lime);font-size:11px}.faq-grid{display:grid;grid-template-columns:.65fr 1fr;gap:100px}.faq h2{font-size:clamp(47px,5vw,70px)}.faq-grid>div:first-child p{color:var(--muted)}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item h3{margin:0}.faq-item button{width:100%;border:0;background:none;padding:22px 0;display:flex;justify-content:space-between;text-align:left;font-weight:500;cursor:pointer}.faq-item button i{font-style:normal;font-size:24px;font-weight:300;transition:transform .2s}.faq-item button[aria-expanded=true] i{transform:rotate(45deg)}.faq-answer p{color:var(--muted);margin:0;padding:0 45px 22px 0}.final-cta{text-align:center;background:var(--purple)}.final-cta .container{max-width:1000px}.final-cta h2{font-size:clamp(42px,5.3vw,72px);margin-bottom:40px}.button-dark{background:#171716}.site-footer{background:#111211;color:#fff;padding:80px 0 30px}.logo-light .logo-mark{background:#fff;color:#111}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:70px;border-bottom:1px solid #343534}.footer-top .logo{font-size:40px}.footer-top .logo-mark{width:48px;height:48px;font-size:22px}.footer-top p{margin:0;color:#aaa;font-size:20px;text-align:right}.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:50px;padding:60px 0}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links strong{color:#777;text-transform:uppercase;font-size:11px;margin-bottom:9px}.footer-links a{color:#ddd;font-size:14px}.footer-links a:hover{color:var(--lime)}.footer-email{font-size:19px!important;text-decoration:underline}.footer-bottom{border-top:1px solid #343534;padding-top:25px;color:#777;font-size:12px;display:flex;justify-content:space-between}
@media(max-width:900px){.section{padding:80px 0}.main-nav{position:fixed;inset:82px 0 auto;background:var(--paper);padding:35px 20px;display:none;flex-direction:column;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav-actions .text-link{display:none}.app-window{grid-template:45px 1fr/1fr;height:570px}.editor-tools,.editor-settings{display:none}.email-canvas{width:440px}.benefit-grid{grid-template-columns:1fr}.card{min-height:500px}.editorial-grid,.trust-grid,.faq-grid{grid-template-columns:1fr;gap:55px}.section-heading{grid-template-columns:1fr;gap:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.site-header{height:70px}.main-nav{top:70px}.nav-actions .button{display:none}.hero{padding-top:65px}.hero h1{font-size:48px}.hero-copy>p{font-size:17px}.hero-stage{margin-top:50px}.app-window{height:510px;border-radius:12px}.email-canvas{max-width:90%;padding:30px 22px;margin:18px auto}.email-canvas h2{font-size:34px}.mock-photo{height:180px}.benefits h2{font-size:46px}.card{padding:23px;min-height:480px}.editorial-art{min-height:500px;padding:20px}.poster-one{width:65%;height:70%;left:6%;padding:22px}.poster-one strong{font-size:30px}.poster-two{width:39%}.floating-note{padding:20px 28px;font-size:20px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto;padding:30px}.feature-grid h3{margin-top:30px}.trust-grid{gap:40px}.trust h2,.faq h2{font-size:43px}.footer-top{flex-direction:column;gap:25px}.footer-top p{text-align:left}.footer-links{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-bottom{flex-direction:column;gap:8px}}
/* Selfsend design tokens: the shared palette is maintained from this block. */
:root{
  --color-ink:#434343;
  --color-black:#000000;
  --color-white:#FFFFFF;
  --color-hero-bg:#F4F4F4;
  --color-hero-muted:#898985;
  --color-soft-section:#DFE4E7;
  --color-dark-section:#434343;
  --color-secondary-bg:#F1F0ED;
  --color-faq-border:#DFE4EB;
  --color-muted:#777777
}
body{overflow-x:hidden}
/* Hero gallery */
@font-face{font-family:'Inter';src:url('../fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.hero h1,.section>div>h2,.section-heading h2,.editorial-copy h2,.trust h2,.faq h2,.final-cta h2{font-family:'Inter',Arial,sans-serif;font-weight:500;}
.hero{padding-top:82px;padding-bottom:96px}
.hero-copy{max-width:920px}
.hero h1{font-size:clamp(48px,6.15vw,86px);line-height:1.01}
.hero h1 em{font-family:'Inter',Arial,sans-serif;font-style:normal;font-weight:500}
.hero-copy>p{margin-top:26px;margin-bottom:31px}
.hero-gallery{position:relative;width:100%;margin-top:68px;overflow:hidden;padding:18px 0 38px;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.hero-gallery .template-glow{right:8%;top:-220px}
.template-track{display:flex;width:max-content;animation:template-marquee 55s linear infinite;will-change:transform}
.hero-gallery:hover .template-track{animation-play-state:paused}
.template-set{display:flex;align-items:flex-start;gap:24px;padding-right:24px}
.template-card{width:clamp(260px,24vw,350px);height:510px;flex:0 0 auto;padding:12px;background:#eeede8;border:1px solid rgba(23,23,22,.12);border-radius:22px;box-shadow:0 18px 45px rgba(36,31,20,.09);overflow:hidden}
.template-paper{height:100%;padding:28px;background:#fff;display:flex;flex-direction:column;text-align:left;overflow:hidden}
.template-kicker,.template-logo{font-size:9px;text-transform:uppercase}
.template-logo{font-size:15px;font-weight:700;text-align:center}
.template-card h2{font:400 34px/.98 Georgia,serif;margin:24px 0 22px}
.template-card p{font-size:10px;line-height:1.55;color:#6b6963;margin:17px 0}
.template-card b{font-size:9px;text-transform:uppercase;margin-top:auto}
.template-photo{position:relative;min-height:210px;background:#ddd;display:flex;align-items:flex-end;padding:16px;color:#fff;font:500 10px 'Inter',Arial,sans-serif;text-transform:uppercase;overflow:hidden}
.photo-clay{background:linear-gradient(145deg,#d7ba98 0 28%,#795947 29% 52%,#e5d4bb 53% 70%,#9c765f 71%)}
.photo-flower{margin:22px 0 2px;background:radial-gradient(circle at 48% 43%,#ffd95c 0 7%,transparent 8%),radial-gradient(ellipse at 32% 36%,#ec7769 0 20%,transparent 21%),radial-gradient(ellipse at 66% 32%,#f6a1ba 0 19%,transparent 20%),radial-gradient(ellipse at 40% 70%,#a95e96 0 21%,transparent 22%),radial-gradient(ellipse at 70% 68%,#e95945 0 20%,transparent 21%),#f4cfd5}
.template-bloom .template-paper{background:#fff6ef}.template-bloom h2{color:#a53827;text-align:center;margin:18px 0 8px}.template-bloom p{text-align:center}.template-bloom b{text-align:center;border:1px solid #a53827;padding:9px}
.template-studio .template-paper{background:#1b1d1d;color:#f1f0e9}.template-studio h2{font-family:'Inter',Arial,sans-serif;font-size:31px}.template-studio p{color:#aeb0ac}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;height:220px}.studio-grid i:first-child{background:linear-gradient(145deg,#747d67,#d5d8c5)}.studio-grid i:last-child{background:linear-gradient(25deg,#cf7348,#f0c5a2)}
.template-taste .template-paper{background:#f3ead8}.template-taste h2{text-align:center;color:#5a261e}.photo-food{margin-top:20px;min-height:235px;background:radial-gradient(circle at 46% 47%,#dfc58e 0 10%,#7a3b28 11% 19%,#dfc58e 20% 30%,transparent 31%),linear-gradient(145deg,#4f6b3c,#a6ae73)}
.template-type .template-paper{background:#d9ff55}.template-type h2{font-family:'Inter',Arial,sans-serif;font-size:30px}.type-block{height:190px;background:#181818;color:#d9ff55;display:grid;place-items:center;font:500 100px/1 'Inter',Arial,sans-serif}.template-type p{color:#35382d}
.template-travel .template-paper{background:#e7eff1}.photo-travel{margin-top:22px;min-height:250px;background:linear-gradient(165deg,#90abb8 0 43%,#e7d9bd 44% 61%,#526b61 62%)}.template-travel h2{text-align:center;margin-bottom:10px}.template-travel p{text-align:center}
@keyframes template-marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.hero{padding-top:70px}.hero h1{font-size:clamp(47px,8vw,68px)}.hero-gallery{margin-top:58px}.template-set{gap:18px;padding-right:18px}.template-card{width:290px;height:465px}.template-paper{padding:24px}.template-photo{min-height:180px}.photo-food,.photo-travel{min-height:210px}.template-track{animation-duration:48s}}
@media(max-width:600px){.hero{padding-top:58px;padding-bottom:72px}.hero h1{font-size:clamp(40px,12vw,50px);line-height:1.04}.hero-copy>p{margin:22px auto 27px}.hero-gallery{margin-top:44px;padding-bottom:24px;mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}.template-card{width:255px;height:410px;border-radius:18px;padding:9px}.template-paper{padding:20px}.template-card h2{font-size:28px;margin:18px 0}.template-photo{min-height:150px}.photo-food,.photo-travel{min-height:175px}.type-block{height:150px;font-size:78px}.studio-grid{height:175px}.template-track{animation-duration:43s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(prefers-reduced-motion:reduce){.template-track{animation:none}}
/* Hero refinement: brighter, wider, two-line desktop composition */
:root{--paper:#fff;--line:#e6e5e0}
.site-header{background:rgba(255,255,255,.92)}
.hero{background:#fff;padding-top:88px}
.hero-copy{max-width:1220px}
.hero h1{font-size:clamp(66px,5.6vw,80px);line-height:1.02;}
.hero h1>span{display:block;white-space:nowrap}
.hero-copy>p{max-width:930px;font-size:18px;white-space:nowrap;margin-top:25px}
.hero-gallery{margin-top:56px;padding:8px 0 26px;mask-image:linear-gradient(90deg,transparent 0,#000 1.25%,#000 98.75%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.25%,#000 98.75%,transparent 100%)}
.template-set{gap:18px;padding-right:18px}
.template-card{padding:8px;border-radius:22px}
@media(max-width:900px){.hero{padding-top:70px}.hero-copy{max-width:760px}.hero h1{font-size:clamp(48px,8vw,66px)}.hero h1>span{display:inline;white-space:normal}.hero h1>span+span::before{content:' '}.hero-copy>p{max-width:680px;white-space:normal}.hero-gallery{margin-top:50px}}
@media(max-width:600px){.hero{padding-top:56px}.hero h1{font-size:clamp(40px,12vw,50px)}.hero-copy>p{font-size:17px}.hero-gallery{margin-top:42px;padding-inline:0;mask-image:linear-gradient(90deg,transparent 0,#000 1%,#000 99%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1%,#000 99%,transparent 100%)}.template-set{gap:14px;padding-right:14px}.template-card{padding:7px}}
/* Edge-to-edge email previews */
.template-card{padding:0}

/* Keep the spacing of the landing sections on a quieter scale. */
.section{padding-block:96px}
.editorial-grid{gap:60px}
.editorial-copy p{font-size:16px;margin:22px 0}
.editorial-art{min-height:500px}
@media(max-width:900px){.section{padding-block:76px}.editorial-grid{gap:42px}}
@media(max-width:600px){.section{padding-block:60px}.editorial-art{min-height:360px}}

/* Services pattern adapted from creative-portfolio */
.benefits{background:#fff;padding-top:96px;padding-bottom:96px}
.benefits-heading{text-align:center;margin:0 auto 52px;max-width:720px}
.services-pill{display:inline-flex;align-items:center;justify-content:center;background:#fff5bd;color:#62561d;border:1px solid #f3e7a0;border-radius:999px;padding:7px 14px;font-size:10px;font-weight:600;line-height:1;text-transform:uppercase;margin-bottom:22px}
.benefits .benefits-heading h2{max-width:none;margin:0;font-family:'Inter',Arial,sans-serif;font-size:clamp(48px,5vw,68px);font-weight:500;line-height:1.02;}
.benefits-heading p{margin:18px auto 0;color:var(--muted);font-size:16px;line-height:1.5;}
.benefit-grid{gap:18px;align-items:stretch}
.card.service-card{min-height:0;padding:24px;background:#f3f3f0;border:1px solid #e8e7e2;border-radius:20px;overflow:hidden}
.service-card-copy{position:relative;padding-right:30px}
.service-card-copy .card-number{position:absolute;right:0;top:2px;color:#92918b;font-size:10px;}
.service-card-copy h3{font-family:'Inter',Arial,sans-serif;font-size:22px;font-weight:500;line-height:1.15;margin:0 0 10px}
.service-card-copy p{max-width:335px;color:#66645f;font-size:14px;line-height:1.5;margin:0}
.service-card .mini-email,.service-card .mini-form,.service-card .mini-flow{height:245px;margin:18px 0 0}
.service-card .mini-email{box-shadow:0 12px 30px rgba(44,39,29,.1);transform:rotate(-2deg);border-radius:3px}
.service-card .mini-form{background:#242524;border-radius:14px;padding:52px 34px}
.service-card .mini-form b{font-family:'Inter',Arial,sans-serif;font-size:27px;font-weight:500}
.service-card .mini-form input,.service-card .mini-form button{border-radius:5px}
.service-card .mini-flow{border-radius:14px;background:linear-gradient(145deg,#e5eadf,#dce4da);border:1px solid #d4ddd1}
@media(max-width:900px){.benefits{padding-top:76px;padding-bottom:76px}.benefits-heading{margin-bottom:42px}.benefits .benefits-heading h2{font-size:clamp(40px,7vw,54px);white-space:normal}.benefits-heading p{max-width:650px;white-space:normal}.benefit-grid{grid-template-columns:1fr}.card.service-card{width:min(100%,540px);margin-inline:auto}.service-card .mini-email,.service-card .mini-form,.service-card .mini-flow{height:235px}}
@media(max-width:600px){.benefits{padding-top:60px;padding-bottom:60px}.benefits-heading{margin-bottom:32px}.services-pill{margin-bottom:16px}.benefits .benefits-heading h2{font-size:36px;line-height:1.05}.benefits-heading p{margin-top:16px;font-size:15px}.card.service-card{padding:20px}.service-card-copy h3{font-size:21px}.service-card-copy p{font-size:13px}.service-card .mini-email,.service-card .mini-form,.service-card .mini-flow{height:210px;margin-top:18px}}

/* Neutral canvas: colour lives inside product previews */
:root{--paper:#fff;--secondary:#F1F0ED;--muted:#65655f;--line:#e2e1dd;--peach:#F1F0ED;--lilac:#F1F0ED;--mint:#F1F0ED}
body,.hero,.benefits,.features,.faq{background:#fff}
.editorial{background:var(--secondary)}
.card.service-card{background:var(--secondary);border-color:var(--line)}
.final-cta{background:var(--secondary)}

/* Clean hero gallery: no masks, glow, overlays or decorative colour */
.hero-gallery{background:#fff;mask-image:none;-webkit-mask-image:none}
.hero-gallery::before,.hero-gallery::after{content:none;display:none}
.template-glow{display:none!important}
.template-track{filter:none}

/* Visual feature showcase */
.visual-features{background:var(--secondary);padding-top:96px;padding-bottom:96px}
.visual-features-heading{text-align:center;max-width:720px;margin:0 auto 52px}
.section-label{display:inline-flex;align-items:center;border:1px solid #dfdfda;background:#fff;border-radius:999px;padding:7px 14px;margin-bottom:22px;color:#5f5f59;font-size:10px;font-weight:600;line-height:1;text-transform:uppercase;}
.visual-features-heading h2{font-family:'Inter',Arial,sans-serif;font-size:clamp(48px,5.4vw,72px);font-weight:500;line-height:1.02;}
.visual-features-heading p{max-width:780px;margin:20px auto 0;color:var(--muted);font-size:16px;line-height:1.55}
.visual-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
.visual-feature-card{min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e5e1;border-radius:24px;padding:28px;overflow:hidden}
.visual-feature-copy{position:relative;padding-right:42px}
.visual-feature-copy>span{position:absolute;right:0;top:2px;color:#999991;font-size:10px;}
.visual-feature-copy h3{max-width:470px;margin:0 0 11px;font:500 26px/1.12 'Inter',Arial,sans-serif;}
.visual-feature-copy p{max-width:500px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.template-stack{height:330px;position:relative;margin-top:18px;background:#f1f1ed;border-radius:16px;overflow:hidden}
.stack-sheet{position:absolute;width:250px;height:340px;padding:28px;background:#fff;box-shadow:0 18px 40px rgba(25,25,22,.12);display:flex;flex-direction:column}
.stack-sheet small{font-size:8px;}.stack-sheet b{font:400 27px/1.02 Georgia,serif;margin:24px 0}.stack-sheet i{height:135px;background:linear-gradient(140deg,#b97052 0 34%,#ebc59f 35% 66%,#6b7f72 67%)}.stack-sheet em{font-style:normal;font-size:8px;text-transform:uppercase;margin-top:auto}.sheet-back{left:10%;top:60px;transform:rotate(-7deg);background:#e9dfce}.sheet-front{right:10%;top:42px;transform:rotate(5deg)}
.style-panel{height:330px;margin-top:18px;display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.font-preview,.color-preview{border-radius:16px;padding:22px;display:flex;flex-direction:column}.font-preview{background:#1d1e1d;color:#fff}.font-preview small,.color-preview small{font-size:10px;color:#999}.font-preview strong{font-size:12px;font-weight:500;margin-top:8px}.font-preview b{font:400 clamp(90px,11vw,145px)/1 Georgia,serif;margin:auto}.color-preview{background:#f1f1ed}.color-preview>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:auto 0}.color-preview i{aspect-ratio:1;border-radius:50%;background:#d97857}.color-preview i:nth-child(2){background:#f0caa7}.color-preview i:nth-child(3){background:#6f8175}.color-preview i:nth-child(4){background:#272726}.color-preview span{font-size:11px;margin-top:auto}
.block-builder{height:330px;margin-top:18px;background:#ecece8;border:1px solid #deded9;border-radius:16px;display:grid;grid-template-columns:105px 1fr;overflow:hidden}.block-toolbar{padding:19px 12px;background:#f8f8f6;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:9px}.block-toolbar b{font-size:10px;margin-bottom:8px}.block-toolbar span{background:#fff;border:1px solid #deded9;border-radius:6px;padding:8px;font-size:9px}.block-canvas{width:225px;max-width:82%;height:285px;align-self:center;justify-self:center;background:#fff;padding:30px;text-align:center;box-shadow:0 8px 24px rgba(33,33,29,.09);display:flex;flex-direction:column;align-items:center}.block-canvas small{font-size:8px;}.block-canvas strong{font:400 25px/1 Georgia,serif;margin:18px 0}.block-canvas i{width:100%;height:115px;background:linear-gradient(145deg,#d8a27d,#f2cfb2 48%,#8b6353)}.block-canvas button{margin-top:auto;border:0;background:#181818;color:#fff;padding:9px 18px;font-size:9px;text-transform:uppercase;}
.form-showcase{height:330px;margin-top:18px;border-radius:16px;background:#ecece8;display:grid;grid-template-columns:1fr 70px;overflow:hidden}.form-preview{width:330px;max-width:88%;align-self:center;justify-self:center;background:#fff;padding:28px;box-shadow:0 10px 28px rgba(33,33,29,.1)}.form-preview small{font-size:8px;}.form-preview strong{display:block;font:400 25px/1.05 Georgia,serif;margin:17px 0}.form-preview p{font-size:10px;color:#777}.form-preview label{display:block;font-size:8px;margin:15px 0 4px}.fake-input{border-bottom:1px solid #888;padding:7px 0;color:#aaa;font-size:10px}.form-preview button{width:100%;margin-top:14px;border:0;background:#d97857;color:#fff;padding:10px;font-size:9px;text-transform:uppercase;}.form-controls{background:#f8f8f6;border-left:1px solid #ddd;padding:22px 17px;display:flex;flex-direction:column;align-items:center;gap:12px}.form-controls small{font-size:8px}.form-controls i{width:26px;height:26px;border-radius:50%;background:#d97857}.form-controls i:nth-child(3){background:#f0caa7}.form-controls i:nth-child(4){background:#6f8175}
@media(max-width:900px){.visual-features{padding-top:76px;padding-bottom:76px}.visual-features-heading{margin-bottom:42px}.visual-features-grid{gap:14px}.visual-feature-card{padding:24px}.visual-feature-copy h3{font-size:23px}.template-stack,.style-panel,.block-builder,.form-showcase{height:290px}.stack-sheet{width:190px;height:270px;padding:20px}.sheet-back{left:4%}.sheet-front{right:4%}.block-builder{grid-template-columns:90px 1fr}.block-canvas{height:250px;padding:24px 20px}.form-showcase{grid-template-columns:1fr 55px}.form-preview{padding:22px}.form-controls{padding:18px 10px}}
@media(max-width:700px){.visual-features-grid{grid-template-columns:1fr}.visual-feature-card{width:min(100%,580px);margin-inline:auto}}
@media(max-width:600px){.visual-features{padding-top:60px;padding-bottom:60px}.visual-features-heading{margin-bottom:32px}.visual-features-heading h2{font-size:36px}.visual-features-heading p{font-size:15px}.visual-feature-card{padding:20px;border-radius:20px}.visual-feature-copy{padding-right:25px}.visual-feature-copy h3{font-size:22px}.visual-feature-copy p{font-size:13px}.template-stack,.style-panel,.block-builder,.form-showcase{height:260px}.stack-sheet{width:175px;height:245px;padding:17px}.stack-sheet b{font-size:21px}.stack-sheet i{height:95px}.style-panel{grid-template-columns:1fr 110px}.font-preview,.color-preview{padding:16px}.font-preview b{font-size:82px}.block-builder{grid-template-columns:72px 1fr}.block-toolbar{padding:15px 8px}.block-canvas{height:225px;max-width:88%;padding:20px 14px}.block-canvas strong{font-size:21px}.block-canvas i{height:95px}.form-showcase{grid-template-columns:1fr 44px}.form-preview{padding:19px}.form-preview strong{font-size:21px}.form-controls{padding:14px 7px}.form-controls i{width:20px;height:20px}}

/* Shared image treatment for the real SelfSend examples. */
.service-card .service-image{display:block;width:100%;height:245px;flex:0 0 auto;margin:18px 0 0;border-radius:12px;object-fit:cover;object-position:center 44%}
.service-card .service-image-email{width:min(100%,190px);align-self:center;object-fit:contain}
.service-card .service-image.service-image-form{height:auto;object-fit:initial}
.template-stack .stack-image{position:absolute;top:4%;width:auto;height:92%;border:1px solid rgba(67,67,67,.08);border-radius:9px;box-shadow:0 16px 32px rgba(28,27,25,.12)}
.template-stack .stack-image-back{left:12%;transform:rotate(-7deg)}
.template-stack .stack-image-front{right:12%;transform:rotate(5deg)}
.block-canvas{padding:0;overflow:hidden}
.block-canvas img,.form-showcase img,.editorial-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.form-showcase{display:block;background:#f1f7fa}
.editorial-art{padding:0;background:#e3e0d7}
.editorial-art img{position:absolute;inset:0;object-fit:cover;object-position:center 55%}
.color-preview{background:#f6f5f0}
.color-preview i{background:#efb6be}
.color-preview i:nth-child(2){background:#a89830}
.color-preview i:nth-child(3){background:#726862}
.color-preview i:nth-child(4){background:#a9c8e6}
@media(max-width:900px){.service-card .service-image{height:235px}}
@media(max-width:600px){.service-card .service-image{height:210px;margin-top:18px}.template-stack .stack-image{width:auto;height:90%}.template-stack .stack-image-back{left:5%}.template-stack .stack-image-front{right:5%}}

/* Shared section pills and centered headings */
.section-pill{display:inline-flex;align-items:center;justify-content:center;background:#fff5bd;color:#62561d;border:1px solid #f3e7a0;border-radius:999px;padding:7px 14px;margin-bottom:22px;font-size:10px;font-weight:600;line-height:1;text-transform:uppercase;}
.features-heading{display:block;max-width:580px;margin:0 auto 50px;text-align:center}
.features-heading h2{font-family:'Inter',Arial,sans-serif;font-size:clamp(50px,5.5vw,72px);font-weight:500;line-height:1.02;margin:0}
.features-heading p{max-width:760px;margin:18px auto 0;color:var(--muted);font-size:16px;line-height:1.5;text-align:center;white-space:nowrap}
.faq-grid{display:block}
.faq-heading{max-width:880px;margin:0 auto 50px;text-align:center}
.faq-heading h2{font-family:'Inter',Arial,sans-serif;font-size:clamp(50px,5vw,70px);font-weight:500;line-height:1.02;margin:0}
.faq-heading p{margin:18px auto 0;color:var(--muted);font-size:16px}
.faq .accordion{max-width:900px;margin:0 auto}
@media(max-width:900px){.features-heading{margin-bottom:40px}.features-heading p{white-space:normal}.faq-heading{margin-bottom:40px}}
@media(max-width:600px){.section-pill{margin-bottom:16px}.features-heading h2,.faq-heading h2{font-size:36px}.features-heading p,.faq-heading p{font-size:15px}.features-heading,.faq-heading{margin-bottom:32px}}

/* FAQ accordion adapted from app-development */
.faq .accordion{max-width:850px;display:flex;flex-direction:column;gap:14px}
.faq-item,.faq-item:last-child{background:#f5f5f3;border:1px solid transparent;border-radius:20px;overflow:hidden;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
.faq-item:hover{background:#f1f1ee;border-color:#e4e4df}
.faq-item.is-open{background:#f5f5f3;border-color:#e1e1dc;box-shadow:0 12px 34px rgba(28,28,25,.055)}
.faq-item h3{margin:0}
.faq-item button{width:100%;min-height:88px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;background:transparent;color:var(--ink);font-family:'Inter',Arial,sans-serif;font-size:19px;font-weight:500;line-height:1.3;text-align:left;cursor:pointer}
.faq-item button:focus-visible{outline:2px solid #8f822f;outline-offset:-4px;border-radius:18px}
.faq-chevron{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid #dbdbd5;border-radius:50%;background:#fff;color:#343430;transition:transform .32s cubic-bezier(.22,.61,.36,1),background-color .25s ease}
.faq-item button[aria-expanded=true] .faq-chevron{transform:rotate(180deg);background:#fff5bd;border-color:#eee19a}
.faq-answer{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .38s cubic-bezier(.22,.61,.36,1),visibility 0s linear .38s}
.faq-item.is-open .faq-answer{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .38s cubic-bezier(.22,.61,.36,1),visibility 0s}
.faq-answer-inner{min-height:0;overflow:hidden;margin:0 30px;border-top:1px solid #dcdcd7}
.faq-answer p{margin:0;padding:22px 0 28px;color:var(--muted);font-size:15px;line-height:1.65}
@media(max-width:600px){.faq .accordion{gap:11px}.faq-item{border-radius:17px}.faq-item button{min-height:76px;padding:22px 20px;gap:15px;font-size:17px}.faq-chevron{width:29px;height:29px;flex-basis:29px}.faq-chevron svg{width:16px;height:16px}.faq-answer-inner{margin:0 20px}.faq-answer p{padding:18px 0 23px;font-size:14px}}

/* Real Selfsend wordmarks */
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{display:block;width:135px;height:auto}
.footer-top .logo img{width:180px;height:auto}
.faq-item button[aria-expanded=true] .faq-chevron{background:#fff;border-color:#d8d8d2}
@media(max-width:600px){.logo img{width:120px}.footer-top .logo img{width:155px}}

/* Pre-launch interest modal */
.interest-trigger,.interest-submit,.interest-modal-close{cursor:pointer}
body.modal-open{overflow:hidden}
.interest-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}
.interest-modal[hidden]{display:none}
.interest-modal-backdrop{position:absolute;inset:0;background:rgba(17,18,17,.64);backdrop-filter:blur(8px)}
.interest-dialog{position:relative;width:min(100%,620px);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border:1px solid #e5e5e1;border-radius:28px;padding:48px;box-shadow:0 30px 90px rgba(0,0,0,.2);outline:none}
.interest-modal-close{position:absolute;top:18px;right:18px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #dfdfda;border-radius:50%;background:#f7f7f5;color:var(--ink);font-size:25px;font-weight:300;line-height:1;transition:background-color .2s,border-color .2s}
.interest-modal-close:hover{background:#eeeeba;border-color:#d8d8d0}
.interest-form-content>h2,.interest-success h2{font:500 clamp(38px,5vw,54px)/1.02 'Inter',Arial,sans-serif;margin:0 0 20px;max-width:520px}
.interest-form-content>p{color:var(--muted);font-size:16px;line-height:1.55;margin:0 0 30px}
.interest-form{display:flex;flex-direction:column;gap:19px}
.form-field{display:flex;flex-direction:column;gap:7px}
.form-field label{display:flex;justify-content:space-between;color:var(--ink);font-size:13px;font-weight:600}
.form-field label span{color:#92928b;font-size:11px;font-weight:400}
.form-field input{width:100%;height:54px;border:1px solid #d9d9d3;border-radius:10px;background:#fafaf8;color:var(--ink);padding:0 16px;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}
.form-field input:focus{border-color:#77776f;box-shadow:0 0 0 3px rgba(23,23,22,.07)}
.form-field input[aria-invalid=true]{border-color:#b54d42}
.field-error{min-height:18px;color:#a23e34;font-size:12px}
.interest-submit{width:100%;min-height:54px;margin-top:2px}
.interest-privacy{margin:17px 0 0!important;text-align:center;font-size:12px!important;color:#85857e!important}
.interest-success{text-align:center;padding:38px 10px 20px}
.interest-success[hidden]{display:none}
.interest-success>span{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 24px;border-radius:50%;background:#edf2e9;color:#41503d;font-size:22px}
.interest-success h2{margin-inline:auto}.interest-success p{color:var(--muted);margin:0 auto 28px;max-width:420px}
@media(max-width:600px){.nav-wrap{gap:12px}.menu-toggle{margin-left:auto}.nav-actions{gap:0}.nav-actions .button{display:inline-flex;padding:9px 13px;font-size:12px;white-space:nowrap}.interest-modal{padding:12px}.interest-dialog{max-height:calc(100vh - 24px);padding:40px 22px 26px;border-radius:21px}.interest-modal-close{top:12px;right:12px;width:35px;height:35px}.interest-form-content>h2,.interest-success h2{font-size:38px}.interest-form-content>p{font-size:15px}.form-field input{height:56px}}
@media(max-width:360px){.nav-wrap{gap:8px}.logo img{width:110px}.nav-actions .button{padding-inline:10px}}

/* Keep the desktop navigation centered independently of the side content. */
@media(min-width:1101px){
  .nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px}
  .nav-wrap>.logo{justify-self:start}
  .main-nav{justify-self:center;margin-left:0}
  .nav-actions{justify-self:end}
}

/* Switch to the mobile navigation before the centered row can overlap. */
@media(min-width:901px) and (max-width:1100px){
  .nav-wrap{display:flex}
  .main-nav{position:fixed;inset:82px 0 auto;background:var(--paper);padding:35px 20px;display:none;flex-direction:column;border-bottom:1px solid var(--line);margin-left:0}
  .main-nav.open{display:flex}
  .menu-toggle{display:block;margin-left:auto}
  .nav-actions .text-link{display:none}
}

/* Balanced section scale: the hero remains the only hero-sized heading. */
.benefits .benefits-heading h2{font-size:clamp(42px,4.35vw,60px)}
.visual-features-heading h2{font-size:clamp(42px,4.5vw,62px)}
.editorial-copy h2{font-size:clamp(40px,4.25vw,58px)}
.features-heading h2{font-size:clamp(42px,4.5vw,62px)}
.trust h2{font-size:clamp(42px,4.35vw,60px)}
.faq-heading h2{font-size:clamp(42px,4.2vw,58px)}
.final-cta h2{font-size:clamp(40px,4.2vw,58px)}

/* Editorial functionality grid: independent, spacious blocks instead of a table. */
.feature-grid{counter-reset:selfsend-feature;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0}
.feature-grid article{counter-increment:selfsend-feature;position:relative;min-height:330px;padding:42px 42px 38px;background:#fff;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.feature-grid article::before{content:'0' counter(selfsend-feature);position:absolute;top:34px;left:42px;color:#8b8a84;font-size:11px;font-weight:600;}
.feature-grid article::after{content:'';position:absolute;top:70px;left:42px;width:54px;height:1px;background:var(--line)}
.feature-grid h3{max-width:440px;margin:0 0 15px;font:500 clamp(25px,2.35vw,34px)/1.08 'Inter',Arial,sans-serif;}
.feature-grid p{max-width:500px;margin:0;color:var(--muted);font-size:16px;line-height:1.58}

/* The shared neutral background is intentionally limited to secondary surfaces. */
.faq-item,.faq-item:last-child,.faq-item.is-open{background:var(--secondary)}
.faq-item:hover{background:var(--secondary)}

@media(max-width:900px){
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .feature-grid article{min-height:300px;padding:34px 30px 30px}
  .feature-grid article::before{top:28px;left:30px}
  .feature-grid article::after{top:62px;left:30px}
}
@media(max-width:600px){
  .benefits .benefits-heading h2,.visual-features-heading h2,.editorial-copy h2,.features-heading h2,.trust h2,.faq-heading h2,.final-cta h2{font-size:38px;line-height:1.04}
  .feature-grid{grid-template-columns:1fr;gap:12px}
  .feature-grid article{min-height:260px;padding:30px 24px 26px;border-radius:20px}
  .feature-grid article::before{top:24px;left:24px}
  .feature-grid article::after{top:56px;left:24px}
  .feature-grid h3{font-size:27px}
  .feature-grid p{font-size:15px}
}

/* Shared visual direction: Inter, editorial weights and softer Selfsend ink. */
@font-face{font-family:'Selfsend Inter';src:url('../fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:var(--color-ink);--dark:var(--color-ink);--paper:var(--color-white);--muted:var(--color-muted);--secondary:var(--color-secondary-bg)}
body,button,input,.site-header,.site-footer,.interest-dialog{font-family:'Selfsend Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{color:var(--color-ink)}
.site-header{border-bottom-color:rgba(67,67,67,.08)}
.main-nav,.nav-actions{color:var(--color-ink)}
.menu-toggle span:not(.sr-only){background:var(--color-ink)}
.hero{background:var(--color-hero-bg)}
.hero h1,.hero h1 em,
.benefits .benefits-heading h2,.visual-features-heading h2,.editorial-copy h2,
.features-heading h2,.trust h2,.faq-heading h2,.final-cta h2,
.interest-form-content>h2,.interest-success h2{
  font-family:'Selfsend Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-weight:400
}
.hero h1{font-size:clamp(52px,5vw,68px);line-height:1.01}
.card h3,.service-card-copy h3,.visual-feature-copy h3,.feature-grid h3,.faq-item button{
  font-family:'Selfsend Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-weight:400
}
.button,.button-dark{background:var(--color-ink);border-color:var(--color-ink);font-weight:600}
.button:hover,.button-dark:hover{background:#525252}
.button-light{color:var(--color-ink)}
.trust,.site-footer{background:var(--color-ink)}
.trust:not(.trust-soft){color:var(--color-white)}
.email-canvas button{background:var(--color-ink)}
.faq-chevron{color:var(--color-ink)}
@media(max-width:600px){.hero h1{font-size:clamp(43px,12vw,50px)}}

/* Production home: transparent header and centered editorial hero. */
body.hero-test-3{--ink:var(--color-ink);--dark:var(--color-ink);color:var(--color-ink);font-family:'Selfsend Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.hero-test-3 button,body.hero-test-3 input,body.hero-test-3 .site-header,body.hero-test-3 .site-footer,body.hero-test-3 .interest-dialog{font-family:'Selfsend Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.hero-test-3 .benefits-heading h2,body.hero-test-3 .visual-features-heading h2,body.hero-test-3 .editorial-copy h2,body.hero-test-3 .features-heading h2,body.hero-test-3 .trust h2,body.hero-test-3 .faq-heading h2,body.hero-test-3 .final-cta h2{font-family:'Selfsend Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400}
body.hero-test-3:not(.hero-header-scrolled) .site-header{background:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:transparent;box-shadow:none}
body.hero-test-3:not(.hero-header-scrolled) .site-header .nav-wrap{background:transparent}
body.hero-test-3.hero-header-scrolled .site-header{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:rgba(67,67,67,.12);box-shadow:none}
body.hero-test-3 .site-header{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease,-webkit-backdrop-filter .25s ease}
.hero-v4{margin-top:-82px;padding-top:152px;padding-bottom:90px;background:var(--color-hero-bg);overflow:hidden}
.hero-v4-copy{max-width:920px;text-align:center}
.hero-v4 .hero-v4-copy h1{font-family:'Selfsend Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(46px,4.5vw,62px);font-weight:400;line-height:1.01;}
.hero-v4 .hero-v4-copy h1>span{display:block;white-space:normal}
.hero-v4 .hero-v4-copy h1>span:first-child{color:var(--color-ink)}
.hero-v4 .hero-v4-copy h1>span:last-child{color:var(--color-hero-muted)}
.hero-v4 .hero-v4-copy h1>span+span::before{content:none}
.hero-v4 .hero-v4-copy>p{max-width:720px;margin:20px auto 26px;color:var(--color-muted);font-size:16px;line-height:1.55;white-space:normal}
.single-template-showcase{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:28px;align-items:center;margin-top:44px}
.showcase-side{align-self:center;margin:0;font-family:'Selfsend Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400}
.showcase-side-left{justify-self:end;max-width:250px;text-align:right;font-size:clamp(29px,2.6vw,40px);line-height:.96;color:var(--color-ink)}
.showcase-side-right{justify-self:start;max-width:220px;text-align:left;font-size:clamp(17px,1.2vw,19px);line-height:1.05;color:var(--color-ink)}
.single-template-slot{position:relative;width:300px;height:396px;border-radius:20px}
.single-template-slot .template-card{position:absolute;top:0;left:0;width:100%;height:auto;opacity:0;transform:translateY(8px) scale(.994);border-radius:24px;box-shadow:0 20px 48px rgba(32,31,28,.09);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.single-template-slot .template-card.is-current{opacity:1;transform:none;z-index:2}
.single-template-slot .template-card.is-leaving{opacity:0;transform:translateY(-8px) scale(.994);z-index:1}
@media(max-width:1050px){
  .single-template-showcase{grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);gap:26px}
  .single-template-slot{width:270px;height:356px}
}
@media(max-width:800px){
  .hero-v4{padding-top:140px;padding-bottom:76px}
  .single-template-showcase{grid-template-columns:270px;justify-content:center;margin-top:38px}
  .showcase-side{display:none}
}
@media(max-width:600px){
  .hero-v4{margin-top:-70px;padding-top:118px;padding-bottom:60px}
  .hero-v4 .hero-v4-copy h1{font-size:clamp(38px,11vw,44px);line-height:1.03}
  .hero-v4 .hero-v4-copy>p{margin:18px auto 24px;font-size:16px}
  .single-template-showcase{grid-template-columns:240px;margin-top:30px}
  .single-template-slot{width:240px;height:316px}
  .single-template-slot .template-card{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.single-template-slot .template-card{transition:none}}

/* Real email screenshots. The neutral label remains visible until each asset exists. */
.template-card{position:relative;display:grid;place-items:center;background:#eeede8;overflow:hidden}
.template-card__fallback{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#85847e;background:linear-gradient(145deg,#f7f7f4,#e8e7e2);font-size:12px;font-weight:500;text-align:center;text-transform:uppercase}
.template-card__image{position:relative;z-index:1;width:100%;height:auto;display:block;border-radius:inherit}
/* SelfSend8.jpg has an empty white frame baked into the source image. */
.template-card--trim-white{aspect-ratio:727/956}
.template-card--trim-white .template-card__image{position:absolute;top:-4.2%;left:-4.4%;width:110.1%;max-width:none;border-radius:0}
.template-card__image[hidden]{display:none}

/* FAQ layout faithfully adapted from the original app-development component. */
.faq .accordion{max-width:850px;gap:16px}
.faq-item,.faq-item:last-child,.faq-item.is-open,.faq-item:hover{
  background:#FCFCFD;
  border:0;
  border-radius:20px;
  box-shadow:none
}
.faq-item button{
  min-height:0;
  padding:26px 28px;
  font-family:'Selfsend Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.4
}
.faq-chevron,.faq-item button[aria-expanded=true] .faq-chevron{
  width:16px;
  height:16px;
  flex:0 0 16px;
  margin-left:10px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#434343
}
.faq-item button[aria-expanded=true] .faq-chevron{transform:rotate(180deg)}
.faq-answer-inner{margin:0 28px;border-top:1px solid #E3E7ED}
.faq-answer p{padding:20px 0 26px;font-size:14px}
@media(max-width:600px){
  .faq .accordion{gap:12px}
  .faq-item{border-radius:18px}
  .faq-item button{padding:20px;font-size:16px}
  .faq-chevron,.faq-item button[aria-expanded=true] .faq-chevron{width:16px;height:16px;flex-basis:16px}
  .faq-answer-inner{margin:0 20px}
  .faq-answer p{padding:18px 0 22px}
}

/* Section background order: neutral FAQ, white closing CTA, dark footer. */
.faq{background:var(--color-hero-bg)}
.final-cta{background:var(--color-white)}
.site-footer{background:var(--color-black)}

/* Soft editorial trust section used by the production home. */
.trust-soft{background:var(--color-soft-section);color:var(--color-ink)}
.trust-soft .trust-grid{align-items:start}
.trust-soft .eyebrow{color:var(--color-ink)}
.trust-soft h2{max-width:610px;color:var(--color-ink)}
.trust-soft>div>div>p{max-width:570px;color:var(--color-muted)}
.button-outline{background:transparent;border-color:var(--color-ink);color:var(--color-ink)}
.button-outline:hover{background:var(--color-ink);color:var(--color-white)}
.trust-feature-list{display:flex;flex-direction:column;border-top:1px solid rgba(67,67,67,.22)}
.trust-feature-list article{padding:26px 0 28px;border-bottom:1px solid rgba(67,67,67,.22)}
.trust-feature-list h3{margin:0 0 9px;color:var(--color-ink);font-size:20px;font-weight:500;line-height:1.3;}
.trust-feature-list p{margin:0;color:var(--color-muted);font-size:15px;line-height:1.55}

/* Current FAQ palette, while retaining the app-development spacing and structure. */
.faq-item,.faq-item:last-child,.faq-item.is-open,.faq-item:hover{background:var(--color-white);border:1px solid var(--color-faq-border)}
.faq-chevron,.faq-item button[aria-expanded=true] .faq-chevron{width:32px;height:32px;flex:0 0 32px;background:var(--color-secondary-bg);border:1px solid var(--color-faq-border);border-radius:50%}
@media(max-width:900px){.trust-soft .trust-grid{gap:54px}}
@media(max-width:600px){
  .trust-soft h2 br{display:none}
  .trust-feature-list article{padding:22px 0 24px}
  .trust-feature-list h3{font-size:18px}
  .faq-chevron,.faq-item button[aria-expanded=true] .faq-chevron{width:29px;height:29px;flex-basis:29px}
}

/* Footer links: retain their color and reveal a subtle underline on interaction. */
.footer-links a{position:relative;width:max-content;max-width:100%;color:#ddd;text-decoration:none}
.footer-links a::after{content:"";position:absolute;right:0;bottom:-3px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.footer-links a:hover,.footer-links a:focus-visible{color:#ddd}
.footer-links a:hover::after,.footer-links a:focus-visible::after{transform:scaleX(1)}

/* Perfiles sociales del pie */
.footer-social-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.footer-links a.footer-social-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid #454644;border-radius:50%;color:#eee;transition:border-color .2s,background .2s,transform .2s}
.footer-links a.footer-social-link::after{display:none}
.footer-links a.footer-social-link:hover,.footer-links a.footer-social-link:focus-visible{border-color:#eee;background:#2a2b29;color:#fff;transform:translateY(-2px)}
.footer-social-link svg{width:21px;height:21px;display:block}
@media(max-width:600px){.footer-social-links{display:grid;grid-template-columns:repeat(2,42px)}}

/* Section heading scale: quieter than the main hero while remaining responsive. */
body.hero-test-3 .benefits-heading h2,
body.hero-test-3 .visual-features-heading h2,
body.hero-test-3 .editorial-copy h2,
body.hero-test-3 .features-heading h2,
body.hero-test-3 .trust h2,
body.hero-test-3 .faq-heading h2,
body.hero-test-3 .final-cta h2{font-size:clamp(34px,4vw,50px)}

/* Centered template carousel replacing the former feature grid. */
.template-carousel-section{padding-right:0;padding-left:0;background:var(--color-white);overflow:hidden}
.template-carousel-section .features-heading{max-width:900px;margin-bottom:44px}
.template-carousel-section .features-heading p{max-width:820px;white-space:normal}
.template-carousel-gallery{width:100%;overflow:hidden;padding:10px 0 20px}
.template-carousel-gallery .template-track{animation-duration:60s}
.template-carousel-gallery:hover .template-track{animation-play-state:paused}
.template-carousel-gallery .template-card{width:clamp(220px,19vw,270px);height:auto;border:1px solid rgba(67,67,67,.1);border-radius:20px;box-shadow:0 18px 45px rgba(36,31,20,.08)}

/* Dark positioning section. */
.trust-dark{padding-top:112px;padding-bottom:112px;background:var(--color-dark-section);color:var(--color-white)}
.trust-centered{max-width:900px;text-align:center}
.trust-dark .eyebrow,.trust-dark h2{color:var(--color-white)}
.trust-dark h2{max-width:820px;margin-right:auto;margin-left:auto}
.trust-dark .trust-centered>p{max-width:760px;margin:24px auto 0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.6}

@media(max-width:900px){
  .template-carousel-section .features-heading{margin-bottom:38px}
  .template-carousel-gallery .template-card{width:230px}
  .template-carousel-gallery .template-track{animation-duration:52s}
  .trust-dark{padding-top:90px;padding-bottom:90px}
}
@media(max-width:600px){
  .template-carousel-section .features-heading{margin-bottom:30px}
  .template-carousel-section .features-heading h2 br,.trust-dark h2 br{display:none}
  .template-carousel-gallery{padding-bottom:10px}
  .template-carousel-gallery .template-card{width:200px}
  .template-carousel-gallery .template-track{animation-duration:46s}
  .trust-dark{padding-top:72px;padding-bottom:72px}
  .trust-dark .trust-centered>p{margin-top:20px;font-size:15px;line-height:1.6}
}

/* Pricing uses the landing's container, typeface and shared button shape. */
.pricing{padding-block:70px;background:var(--color-white)}
.pricing-heading{margin:0 auto 34px;text-align:center}
.pricing-heading h2{font-family:inherit;font-size:clamp(34px,3.7vw,44px);font-weight:400;line-height:1.05}
.pricing-heading p{margin:10px 0 0;color:var(--color-muted);font-size:15px}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:920px;margin:auto;align-items:stretch}
.pricing-card{min-width:0;display:flex;flex-direction:column;padding:26px;border:1px solid var(--color-faq-border);border-radius:20px;background:var(--color-white)}
.pricing-card-unlimited{position:relative;border-color:var(--color-dark-section);background:var(--color-dark-section);color:var(--color-white)}
.pricing-card-intro h3{margin:0;font-size:25px;font-weight:400;line-height:1.12;}
.pricing-card-unlimited .pricing-card-intro h3{padding-right:135px}
.pricing-card-intro p{max-width:390px;min-height:44px;margin:10px 0 0;color:var(--color-muted);font-size:14px;line-height:1.5}
.pricing-card-unlimited .pricing-card-intro p{color:rgba(255,255,255,.7)}
.pricing-offer{position:absolute;top:26px;right:26px;z-index:1;min-height:26px;margin:0;padding:5px 10px;white-space:nowrap}
.pricing-features{list-style:none;margin:18px 0 20px;padding:0}
.pricing-features li{padding:8px 0;border-bottom:1px solid var(--color-faq-border);font-size:13px;line-height:1.4}
.pricing-features li:first-child{border-top:1px solid var(--color-faq-border)}
.pricing-card-unlimited .pricing-features li{border-color:rgba(255,255,255,.2)}
.pricing-card-bottom{margin-top:auto}
.pricing-price{min-height:48px;display:flex;align-items:baseline;gap:10px;margin:0 0 14px;white-space:nowrap;line-height:1}
.pricing-price del{color:rgba(255,255,255,.58);font-size:18px;font-weight:400}
.pricing-price strong{font-size:42px;font-weight:400;}
.pricing-price span{font-size:15px;color:rgba(255,255,255,.7)}
.pricing-price-free{align-items:center;font-size:36px;font-weight:400;}
.pricing-card .button{font-size:14px;text-align:center}
.pricing-card-unlimited .button{background:var(--color-white);border-color:var(--color-white);color:var(--color-dark-section)}
.pricing-card-unlimited .button:hover{background:var(--color-secondary-bg);border-color:var(--color-secondary-bg)}
.pricing-card .button:focus-visible{outline:3px solid var(--color-ink);outline-offset:4px}
.pricing-card-unlimited .button:focus-visible{outline-color:var(--color-white)}
@media(max-width:900px){.pricing-grid{gap:16px}}
@media(max-width:760px){.pricing-grid{grid-template-columns:1fr;max-width:500px}.pricing-card-intro p{min-height:0}}
@media(max-width:600px){.pricing{padding-block:56px}.pricing-heading{margin-bottom:26px}.pricing-card{padding:22px 20px;border-radius:18px}.pricing-offer{top:22px;right:20px}}