:root{color-scheme:light;--ink:#273b31;--muted:#77796e;--gold:#aa7a28;--gold-light:#d7b46b;--cream:#fbf8ef;--line:#e8dfca;--green:#244a3c;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.topbar{height:76px;padding:0 clamp(20px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fffdf8;border-bottom:1px solid #e9e0ce;position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:42px;height:42px;border:1px solid #deca98;border-radius:50%;display:grid;place-items:center;background:#fbf5e7}.brand-mark img{width:25px;height:25px}.brand>span:last-child{display:grid;gap:2px}.brand strong{font:700 17px var(--sans);letter-spacing:.12em;color:#244638}.brand small{font:9px var(--sans);letter-spacing:.24em;color:#8d7750}.desktop-nav{display:flex;gap:36px;margin-left:auto;margin-right:12px}.desktop-nav a,.footer>a:last-child{font-size:13px;font-weight:600;color:#666c5f;transition:color .2s}.desktop-nav a:hover,.footer>a:last-child:hover{color:var(--gold)}.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.015em;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #56390d20}.button-whatsapp{background:#236d4a;color:white}.button-whatsapp:hover{background:#185a3c}.button-whatsapp svg{width:18px;height:18px;fill:currentColor}.button-primary{background:var(--green);color:#fffdf7}.button-primary:hover{background:#315e4b}.hero{min-height:585px;position:relative;overflow:hidden;display:grid;place-items:center;padding:100px 24px 88px;background:radial-gradient(ellipse at 50% 43%,#fffdf7 0%,#fbf7ed 63%,#f5eedf 100%);text-align:center;border-bottom:1px solid #e8deca}.hero:before,.hero:after{content:"";position:absolute;top:0;bottom:0;width:18%;pointer-events:none;opacity:.13;background-image:url('./ivory-bloom-paper.png');background-size:auto 620px;background-repeat:no-repeat}.hero:before{left:0;background-position:left top}.hero:after{right:0;background-position:right top;transform:scaleX(-1)}.hero-content{max-width:760px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#96763b;font-size:10px;font-weight:700;letter-spacing:.2em}.eyebrow>span{width:30px;height:1px;background:#c8a257}.hero h1{margin:27px 0 16px;font:400 clamp(43px,7vw,76px)/1.08 var(--serif);letter-spacing:-.035em;color:#3c4437}.hero h1 em{font-weight:400;color:#a8792c}.hero-copy{max-width:560px;margin:0 auto;color:#72756b;font:16px/1.8 var(--serif)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:32px}.text-link{font-size:13px;font-weight:700;color:#6e5829}.text-link span{margin-left:5px}.hero-note{margin:42px auto 0;display:flex;justify-content:center;align-items:center;gap:10px;color:#8a8069;font:italic 13px var(--serif)}.note-flower{color:#b28636;font-size:20px}.hero-flower{position:absolute;z-index:0;width:min(20vw,255px);height:330px;object-fit:cover;object-position:top;opacity:.27;filter:sepia(.18)}.flower-left{left:-60px;top:0}.flower-right{right:-60px;top:0}.hero-ornament{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:48px;height:28px;opacity:.75}.hero-ornament img{width:100%;height:100%}.template-section{padding:90px clamp(20px,7vw,110px) 82px;background:#fffdf8}.section-heading{text-align:center;margin:0 auto 38px}.section-heading .eyebrow{margin-bottom:17px}.section-heading h2{margin:0;color:#344137;font:400 clamp(30px,4vw,45px)/1.2 var(--serif)}.section-heading>p:last-child{margin:12px 0 0;color:#77796e;font:15px/1.7 var(--serif)}.template-card{max-width:1050px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.84fr) minmax(330px,1fr);align-items:center;gap:clamp(32px,6vw,82px);padding:clamp(24px,5vw,56px);border:1px solid #e9dfcc;border-radius:22px;background:linear-gradient(135deg,#fffefa,#f8f3e7);box-shadow:0 20px 60px #5f4d2410}.template-info{padding:10px 0}.template-label{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #dbe8dc;border-radius:999px;background:#f3f8f2;color:#50734f;font-size:9px;font-weight:700;letter-spacing:.16em}.status-dot{width:7px;height:7px;border-radius:50%;background:#72a16e;box-shadow:0 0 0 3px #72a16e22}.template-info h3{margin:21px 0 8px;font:400 43px/1.1 var(--serif);color:#a7792b}.template-subtitle{max-width:365px;color:#74766b;font:15px/1.8 var(--serif)}.feature-list{list-style:none;margin:25px 0 28px;padding:0;display:grid;gap:14px}.feature-list li{display:flex;align-items:center;gap:10px;color:#4f5a4e;font-size:13px}.feature-list li span{color:#b28a3d}.template-info .button{margin-bottom:15px}.whatsapp-inline{display:block;color:#55704f;font-size:12px;font-weight:700}.whatsapp-inline span{padding-left:6px}.device-wrap{position:relative;justify-self:center;width:min(100%,330px);height:590px;padding:20px 10px 35px;overflow:hidden;border:6px solid #2f3b34;border-radius:36px;background:#2f3b34;box-shadow:0 20px 45px #2827192e}.device-top{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:94px;height:17px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:0 0 12px 12px;background:#2f3b34}.device-top span:first-child{width:6px;height:6px;border-radius:50%;background:#131a16}.device-top i{width:34px;height:4px;border-radius:9px;background:#18221b}.device-top span:last-child{position:absolute;right:14px;width:5px;height:5px;border-radius:50%;background:#647167}.device-wrap iframe{width:100%;height:100%;border:0;border-radius:21px;background:#f8f2e5}.device-hint{position:absolute;bottom:9px;left:0;right:0;text-align:center;color:#f7f1e3;font-size:9px;letter-spacing:.08em}.gallery-footnote{max-width:640px;margin:28px auto 0;text-align:center;color:#77796e;font:italic 14px/1.7 var(--serif)}.steps-section{padding:82px clamp(20px,7vw,110px) 96px;background:#f5f1e6}.steps-section .section-heading{margin-bottom:34px}.steps-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step-card{padding:26px 25px 28px;border:1px solid #e6dcc6;border-radius:14px;background:#fffdf8}.step-number{display:inline-grid;width:33px;height:33px;place-items:center;border-radius:50%;background:#f3ead5;color:#99763a;font-size:11px;font-weight:700}.step-card h3{margin:18px 0 8px;font:400 23px var(--serif);color:#39483a}.step-card p{color:#77796e;font:14px/1.7 var(--serif)}.closing-cta{padding:78px 20px 84px;text-align:center;background:radial-gradient(ellipse at center,#fffdf8,#f4eddb)}.closing-cta>img{width:49px;height:38px;margin:0 auto 18px}.closing-cta .eyebrow{margin-bottom:14px}.closing-cta h2{margin:0 auto 24px;font:400 clamp(29px,4vw,43px)/1.2 var(--serif);color:#364237}.footer{min-height:92px;padding:22px clamp(20px,6vw,100px);display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #e8dfcd;background:#fffdf8}.footer-brand .brand-mark{width:34px;height:34px}.footer-brand .brand-mark img{width:20px;height:20px}.footer-brand strong{font-size:14px}.footer-brand small{font-size:8px}.footer>span{color:#858477;font:italic 12px var(--serif)}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:8;display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:#236d4a;color:white;box-shadow:0 5px 20px #18362235;transition:transform .2s}.floating-whatsapp:hover{transform:scale(1.07)}.floating-whatsapp span{font:30px/1 var(--sans)}@media(max-width:760px){.topbar{height:68px;padding:0 16px}.desktop-nav{display:none}.top-contact{min-height:41px;padding:0 13px;font-size:11px}.top-contact svg{width:16px}.hero{min-height:540px;padding:78px 22px 72px}.hero-flower{width:32vw;height:240px;opacity:.16}.flower-left{left:-76px}.flower-right{right:-76px}.hero h1{font-size:clamp(40px,10vw,60px)}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;gap:18px}.hero-note{margin-top:31px;font-size:12px}.template-section{padding:67px 17px 62px}.section-heading{margin-bottom:27px}.section-heading h2{font-size:33px}.template-card{grid-template-columns:1fr;gap:26px;padding:25px 20px 28px;border-radius:18px}.template-info{padding:0}.template-info h3{font-size:37px}.template-subtitle{font-size:14px}.device-wrap{width:min(100%,310px);height:570px;grid-row:1}.steps-section{padding:65px 18px 70px}.steps-grid{grid-template-columns:1fr;max-width:470px}.step-card{padding:22px}.closing-cta{padding:62px 20px}.footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:22px 18px}.footer>span{order:2;width:100%}.floating-whatsapp{right:15px;bottom:15px;width:50px;height:50px}}@media(max-width:380px){.brand{gap:8px}.brand-mark{width:36px;height:36px}.brand strong{font-size:15px}.top-contact{gap:7px;padding:0 10px}.top-contact span{font-size:10px}.device-wrap{height:535px}.hero h1{font-size:39px}}

/* Realistic handset proportions and accessible full-screen preview controls. */
.device-wrap{width:min(100%,340px);height:min(720px,calc(100svh - 40px));min-height:560px;padding:20px 10px 35px;}
.preview-fullscreen{position:absolute;z-index:4;top:27px;right:17px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #dfcfad;border-radius:50%;background:#fffaf0eF;color:#765c2d;box-shadow:0 3px 12px #30281720;cursor:pointer;transition:transform .18s,background .18s;}
.preview-fullscreen:hover{transform:scale(1.06);background:#fff;}
.preview-fullscreen:focus-visible{outline:3px solid #c89a43;outline-offset:3px;}
.preview-fullscreen svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.collapse-icon{display:none;}
.device-wrap:fullscreen{width:100vw;height:100dvh;min-height:0;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;}
.device-wrap:fullscreen iframe{display:block;width:100%;height:100%;border:0;border-radius:0;}
.device-wrap:fullscreen :is(.device-top,.device-hint){display:none;}
.device-wrap:fullscreen .collapse-icon{display:block;}
.device-wrap:fullscreen .expand-icon{display:none;}
.device-wrap:fullscreen .preview-fullscreen{top:12px;right:12px;}
.device-wrap::backdrop{background:#f4efe3f5;}
@media(max-width:760px){.device-wrap{width:min(100%,340px);height:min(720px,calc(100svh - 36px));min-height:min(560px,calc(100svh - 24px));}}
@media(max-width:380px){.device-wrap{height:min(680px,calc(100svh - 32px));min-height:min(520px,calc(100svh - 24px));}}

#templates .template-card+.template-card{margin-top:28px}
#templates .template-card+.template-card+.template-card{margin-top:28px}
/* Compact overview; invitation content remains scrollable inside the handset. */
.device-wrap{width:min(100%,310px);height:520px;min-height:0;max-height:72svh;padding:20px 10px 32px;border-radius:34px}
.device-wrap iframe{display:block;min-height:0}
@media(max-width:760px){.device-wrap{width:min(100%,300px);height:480px;min-height:0;max-height:68svh}.template-card{padding:22px 18px;gap:22px}.template-section{padding-top:48px;padding-bottom:48px}}
@media(max-width:380px){.device-wrap{height:450px;min-height:0;max-height:68svh}}
.device-wrap:fullscreen{width:100vw;height:100dvh;min-height:0;max-height:none;border-radius:0;padding:0}