/* Invitesse: editorial storefront. Product openings live only in the full demos. */
:root{--h-plum:#241320;--h-ink:#352432;--h-paper:#F8F3EC;--h-silk:#EDE3DA;--h-muted:#655560;--h-gold:#775932;--h-on-dark:#DDCFD7;--h-rule:#35243226;--h-gutter:40px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body.iv-home{margin:0;background:var(--h-paper);color:var(--h-ink);font:400 16px/1.65 var(--iv-sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #77507A;outline-offset:5px}
.dark :focus-visible,.top :focus-visible{outline-color:#E9D7B8}
[hidden]{display:none!important}
.w{max-width:1320px;padding-inline:var(--h-gutter);margin-inline:auto;min-width:0}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--h-paper);color:var(--h-ink);padding:12px 20px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.k{margin:0 0 18px;color:var(--h-gold);font:600 11px/1.6 var(--iv-sans);letter-spacing:.19em;text-transform:uppercase}
.dark{background:var(--h-plum);color:var(--h-paper)}
.dark .k{color:#E2C9A0}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--iv-serif);font-weight:400}
h1{font-size:clamp(52px,6.2vw,84px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
h1 i,h2 i{font-weight:400;color:#B8A0AE}
h2{font-size:clamp(38px,4.2vw,58px);line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
h2 i{color:#77596D}
.dark h2 i{color:#D6BCCB}
h3{font-size:28px;line-height:1.2;letter-spacing:-.015em}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.logo{display:inline-flex;text-decoration:none;font-size:34px;min-height:44px;align-items:center;flex:none}
.top{position:sticky;top:0;z-index:30;background:#241320f5;color:var(--h-paper);backdrop-filter:blur(12px)}
.top .iv-wm{color:var(--h-paper)}
.top nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px}
.links{display:flex;align-items:center;gap:24px;font-size:14px}
.links>a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.links>a:not(.btn):hover{text-decoration:underline;text-underline-offset:6px}
.links .lang{font-size:12px;letter-spacing:.1em}
.nav-toggle{display:none;align-items:center;justify-content:center;background:none;color:inherit;border:1px solid #ffffff40;width:44px;height:44px;border-radius:50%;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:13px 26px;border:1px solid transparent;border-radius:999px;text-decoration:none;font:500 14px/1.4 var(--iv-sans);text-align:center;transition:background .2s}
.btn-champ,.top .btn{background:#E9D7B8;color:var(--h-plum)}
.btn-champ:hover,.top .btn:hover{background:#F5E7D1}
.btn-small{min-height:44px;padding:10px 22px}
.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;text-decoration:underline;text-underline-offset:6px;font-size:14px;font-weight:500}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:64px 72px}
.hero-t{max-width:560px}
.hero .lead{font-size:18px;line-height:1.7;color:var(--h-on-dark);margin-top:28px;max-width:500px}
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:30px}
.hero-demo{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:6px;font-size:14px}
.launch-note{font-size:12px;line-height:1.7;color:#C5B3BF;margin-top:26px;max-width:420px}
.round-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #35243255;border-radius:50%;flex:none}
.section{padding-block:92px;position:relative}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px 64px;margin-bottom:36px}
.section-head>div{max-width:680px}
.section-head>p{max-width:330px;color:var(--h-muted);font-size:16px}
.dark .section-head>p{color:var(--h-on-dark)}
.anchor{position:absolute;top:0;scroll-margin-top:100px}
.style-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 20px;border:1px solid #BFAFB8;border-radius:999px;font-size:13px;text-decoration:none}
.chip:hover{background:var(--h-ink);color:var(--h-paper);border-color:var(--h-ink)}
.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.section-action{text-align:center;margin-top:38px}
.proof-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:48px}
.proof-grid figure{min-width:0}
.proof-grid figcaption{display:flex;gap:18px;margin-bottom:24px;align-items:flex-start}
.step-num{font:400 13px/1.6 var(--iv-sans);letter-spacing:.06em;color:var(--h-muted);padding-top:6px;flex:none}
.dark .step-num{color:#D6BCCB}
.proof-grid h3{font-size:26px}
.proof-grid figcaption p{font-size:14px;color:var(--h-on-dark);margin-top:10px;max-width:350px}
.response-shot,.panel-shot{background:#EDE7DF;border-radius:12px;padding:24px;overflow:hidden}
.response-shot{display:flex;align-items:center;min-height:400px}
.response-shot img{width:100%;height:auto}
.panel-shot{max-height:400px;padding:0;max-width:390px;margin-inline:auto}
.panel-shot img{width:100%;height:auto}
.proof-action{display:flex;gap:28px;align-items:center;margin-top:36px}
.proof-action p{font-size:13px;color:var(--h-on-dark);max-width:390px}
.process-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:70px;align-items:center}
.steps{list-style:none;padding:0;margin:32px 0 0}
.steps li{display:flex;gap:20px;padding-block:20px;border-top:1px solid var(--h-rule)}
.steps h3{font:500 17px/1.5 var(--iv-sans);letter-spacing:0}
.steps p{margin-top:5px;font-size:14px;color:var(--h-muted)}
.editor-figure{min-width:0}
.editor-figure a{display:block;border:1px solid #D7C9CF;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px -25px #35243266}
.editor-figure figcaption{font-size:13px;color:var(--h-muted);margin-top:18px}
.options{background:var(--h-silk)}
.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.option-card{background:var(--h-paper);padding:36px;border:1px solid var(--h-rule);border-radius:12px}
.option-card>p:not(.k){margin-top:20px;color:var(--h-muted);max-width:460px}
.option-card .text-link{margin-top:22px}
.option-card.custom{background:var(--h-ink);color:var(--h-paper)}
.option-card.custom .k{color:#E2C9A0}
.option-card.custom>p:not(.k){color:var(--h-on-dark)}
.option-card .availability{font-size:13px;padding-top:20px;border-top:1px solid #ffffff35}
.included{margin-top:52px}
.included>h3{font-size:32px}
.features{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.features li{border-top:1px solid #35243240;padding-top:18px}
.features h3{font:500 15px/1.5 var(--iv-sans);letter-spacing:0}
.features p{font-size:14px;color:var(--h-muted);margin-top:10px}
.small-note{font-size:12px;color:var(--h-muted);margin-top:26px}
.addons{padding-block:72px;border-bottom:1px solid var(--h-rule)}
.extras{border-top:1px solid var(--h-rule);border-bottom:1px solid var(--h-rule)}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.extras>summary,.questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:18px 4px;font-weight:500;font-size:16px}
summary>span{font-size:24px;font-weight:400;line-height:1;flex:none;transition:transform .2s}
details[open]>summary>span{transform:rotate(45deg)}
.extras ul{list-style:none;padding:12px 0 28px;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.extras h3{font:500 15px/1.5 var(--iv-sans);letter-spacing:0}
.extras p{font-size:14px;color:var(--h-muted);margin-top:6px}
.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:80px}
.questions details{border-bottom:1px solid var(--h-rule)}
.questions details:first-child{border-top:1px solid var(--h-rule)}
.questions p{font-size:15px;color:var(--h-muted);padding:0 4px 24px;max-width:640px}
.closing{text-align:center;padding-block:76px}
.closing h2{font-size:clamp(42px,5.5vw,72px);margin-bottom:28px}
.foot{padding-block:48px 24px}
.foot>.w:first-child{display:flex;justify-content:space-between;gap:32px}
.foot p{font-size:13px;color:var(--h-muted);margin-top:14px;max-width:290px}
.foot nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 24px;max-width:500px;align-content:flex-start}
.foot nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none}
.foot nav a:hover{text-decoration:underline;text-underline-offset:5px}
.foot-base{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--h-muted);margin-top:34px;padding-top:22px;border-top:1px solid var(--h-rule)}
@media(max-width:1100px){.links{gap:18px;font-size:13px}.links .btn{display:none}.hero-grid{gap:36px}.hero-object{padding:50px 28px 20px}.hero-caption{padding:20px}.process-grid{gap:40px}.section-head{gap:32px}.faq-grid{gap:40px}}
@media(max-width:800px){:root{--h-gutter:24px}.top nav{min-height:68px}.top .logo{font-size:28px}.nav-toggle{display:flex}.links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--h-plum);padding:12px 24px 20px;max-height:calc(100dvh - 68px);overflow:auto;box-shadow:0 16px 24px #24132033}.links>a{display:flex;min-height:48px;border-bottom:1px solid #ffffff25;font-size:16px}.links .btn{display:flex;margin-top:16px;border:0}.links .lang{font-size:13px}.top nav.open .links{display:block}.hero-grid{padding-block:40px 48px;gap:36px;grid-template-columns:1fr}.hero-t{max-width:640px}h1{font-size:clamp(46px,9.8vw,72px);max-width:640px}.hero .lead{font-size:16px;margin-top:22px;max-width:560px}.hero-design{max-width:480px;width:100%;margin-inline:auto;border-radius:130px 130px 12px 12px}.hero-object{padding:38px 36px 24px;aspect-ratio:1.15}.hero-object img{max-height:340px}.hero-caption p{font-size:12px}.hero-caption{padding:18px 24px}.section{padding-block:64px}.section-head{display:block;margin-bottom:28px}.section-head>p{max-width:560px;margin-top:22px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.proof-grid{gap:24px}.proof-grid h3{font-size:24px}.proof-grid figcaption{gap:12px}.response-shot{padding:16px;min-height:300px}.panel-shot{max-height:300px}.proof-action{flex-direction:column;align-items:flex-start;gap:18px}.process-grid{grid-template-columns:1fr;gap:32px}.editor-figure{max-width:700px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card{padding:26px}.faq-grid{grid-template-columns:1fr;gap:30px}.extras ul{grid-template-columns:repeat(2,minmax(0,1fr))}.foot>.w:first-child{flex-direction:column}.foot nav{justify-content:flex-start;max-width:none}}
@media(max-width:500px){:root{--h-gutter:20px}.hero-grid{padding-top:30px}.hero .k{font-size:10px;letter-spacing:.16em;margin-bottom:18px}h1{font-size:48px;line-height:1.05}.hero .lead{font-size:16px;line-height:1.65}.ctas{display:grid;gap:12px;margin-top:24px}.hero-demo{justify-content:center}.launch-note{margin-top:18px}.hero-design{border-radius:100px 100px 10px 10px}.hero-object{aspect-ratio:1.05;padding:32px 30px 20px}.hero-caption{padding:18px}.hero-caption p{max-width:220px}.design-grid{grid-template-columns:1fr;gap:30px}.style-links{gap:8px}.chip{padding:8px 16px;font-size:12px}.proof-grid{grid-template-columns:1fr;gap:32px}.proof-grid figcaption{margin-bottom:16px}.response-shot{min-height:0;padding:20px}.panel-shot{max-height:380px;max-width:none}.proof-action .btn{width:100%;padding-inline:16px}.proof-action p{font-size:12px}.option-grid{grid-template-columns:1fr}.features{gap:24px 18px}.features p{font-size:13px}.included>h3{font-size:28px}.extras ul{grid-template-columns:1fr;gap:22px}.questions summary{font-size:15px}.foot-base{flex-wrap:wrap}.section-head>p{font-size:15px}.closing{padding-block:60px}}
@media(max-width:360px){h1{font-size:42px}.hero-caption p{font-size:11px}.hero-caption{gap:10px}.features{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-design:hover .hero-object img{transform:none}}
/* Keep the real response legible without turning the evidence into a full-page screenshot. */
.response-shot{min-height:0;height:494px}
.response-shot img{width:100%;max-width:346px;max-height:100%;object-fit:contain;margin-inline:auto}
.panel-shot{max-height:494px}
@media(max-width:800px) and (min-width:501px){.response-shot{height:370px}.panel-shot{max-height:370px}}
@media(max-width:500px){.response-shot{height:auto}.panel-shot{max-height:440px}}

/* Romantic: a static capture of the real closed envelope, linked to its full demo. */
/* Reply summary illustrated in the storefront's own visual language. */
.response-shot.response-preview{height:auto;min-height:494px;padding:28px;display:flex;align-items:center;background:#DED1CB}
.confirmation-card{width:100%;padding:26px 28px 22px;background:#F8F3EC;color:#352432;border:1px solid #BBA59B;box-shadow:0 12px 32px #3524320d}
.confirmation-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#725D68}
.confirmation-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #B6A28D;border-radius:50%;color:#775932}
.confirmation-mark svg{width:16px;height:16px}
.confirmation-family{margin-top:22px;font-size:12px;color:#725D68}
.confirmation-card h4{margin:9px 0 18px;font:400 clamp(32px,3.4vw,46px)/1.04 var(--iv-serif);letter-spacing:-.025em}
.confirmation-summary{display:flex;align-items:baseline;gap:8px;padding-bottom:18px;font-size:13px;color:#725D68}
.confirmation-summary b{font:400 28px/1 var(--iv-serif);color:#352432}
.confirmation-guests{list-style:none;margin:0;padding:0;border-top:1px solid #35243226}
.confirmation-guests li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #35243226;font-size:13px}
.confirmation-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#655560;font-size:11px}
.confirmation-status svg{width:12px;height:12px}
.confirmation-note{margin-top:20px;font:400 17px/1.4 var(--iv-serif)}
.confirmation-example{display:block;margin-top:14px;color:#725D68;font-size:11px;letter-spacing:.04em}
@media(max-width:800px){.response-shot.response-preview{padding:18px;min-height:0}.confirmation-card{padding:20px 18px}.confirmation-card h4{font-size:34px}.confirmation-top{font-size:9px;letter-spacing:.06em}.confirmation-guests li{font-size:12px;gap:8px}.confirmation-status{font-size:10px}.confirmation-family{margin-top:18px}}
@media(max-width:360px){.response-shot.response-preview{padding:12px}.confirmation-card{padding:18px 14px}.confirmation-guests li{font-size:11px}.confirmation-note{font-size:16px}}

/* Hero: Romántico cerrada y abierta, una captura sobre la otra (mismas proporciones en escritorio y móvil). */
.hero-pair{position:relative;display:block;width:100%;max-width:480px;justify-self:center;aspect-ratio:537/720;text-decoration:none;isolation:isolate}
.hero-pair::before{content:'';position:absolute;inset:-6% -14%;border-radius:50%;background:radial-gradient(closest-side,rgba(107,63,94,.5),rgba(36,19,32,0));z-index:-1;pointer-events:none}
.hero-pair .shot{position:absolute;width:54%;aspect-ratio:554/1200;border-radius:16px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,.2),0 34px 60px -24px rgba(0,0,0,.65);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.hero-pair .shot img{width:100%;height:100%;object-fit:cover;display:block}
.hero-pair .open{left:46%;top:0}
.hero-pair .closed{left:0;top:12.78%}
@media(hover:hover){.hero-pair:hover .open{transform:translateY(-6px)}.hero-pair:hover .closed{transform:translateY(-3px)}}
.hero-pair:focus-visible{outline:2px solid #C49A5A;outline-offset:8px;border-radius:18px}
@media(max-width:800px){.hero-pair{max-width:350px;margin-top:8px}.hero-pair::before{inset:-6% -4%}.hero-pair .shot{border-radius:12px}}
/* El resplandor del hero nunca debe ensanchar la página. */
.hero{overflow-x:clip}
@media(prefers-reduced-motion:reduce){.hero-pair .shot{transition:none}.hero-pair:hover .shot{transform:none}}