:root{--etcho-black:#0e0e0e;--etcho-panel:#171717;--etcho-gold:#c7a45b;--etcho-cream:#f7f2e8;--etcho-muted:#b7b0a4;--etcho-line:#34312b} .etcho-vg-shell{box-sizing:border-box;width:100%;padding:38px 16px;background:radial-gradient(circle at 50% 10%,#27231c 0,#111 38%,#090909 100%);color:var(--etcho-cream);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} .etcho-vg-shell *{box-sizing:border-box}.etcho-vg-card{width:min(100%,680px);margin:auto;padding:42px 24px;border:1px solid rgba(199,164,91,.42);border-radius:24px;background:rgba(10,10,10,.88);box-shadow:0 26px 80px rgba(0,0,0,.38);text-align:center}.etcho-vg-card-wide{width:min(100%,900px)} .etcho-vg-kicker{font-size:15px;letter-spacing:.34em;font-weight:800;color:var(--etcho-gold);text-transform:uppercase}.etcho-vg-kicker span{font-size:10px;letter-spacing:.12em;color:var(--etcho-muted);font-weight:600}.etcho-vg-wave{font-size:34px;line-height:1;color:var(--etcho-gold);letter-spacing:-5px;margin:22px 0 4px}.etcho-vg-card h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(36px,8vw,56px);line-height:1.03;margin:18px auto 8px;max-width:650px;color:#fff}.etcho-vg-couple{font-family:Georgia,"Times New Roman",serif;color:var(--etcho-gold);font-size:27px;margin:8px 0}.etcho-vg-date{color:var(--etcho-muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin:8px 0 24px}.etcho-vg-intro{max-width:520px;margin:0 auto 28px;line-height:1.7;color:#d4cec3;font-size:16px} .etcho-vg-panel{padding:24px;border-radius:18px;border:1px solid var(--etcho-line);background:var(--etcho-panel);text-align:left}.etcho-vg-label{display:block;color:#e7dfd1;font-size:13px;font-weight:700;margin-bottom:8px}.etcho-vg-label span{color:var(--etcho-muted);font-weight:400}.etcho-vg-input{appearance:none;width:100%;min-height:50px;border:1px solid #48443c!important;border-radius:11px!important;background:#0e0e0e!important;color:#fff!important;padding:12px 14px!important;font-size:16px!important;outline:none;box-shadow:none!important}.etcho-vg-input:focus{border-color:var(--etcho-gold)!important}.etcho-vg-status{text-align:center;color:var(--etcho-muted);font-size:13px;margin:22px 0 2px}.etcho-vg-timer{text-align:center;font-size:42px;font-variant-numeric:tabular-nums;font-weight:300;margin:2px 0 16px;color:#fff}.etcho-vg-mainbtn,.etcho-vg-secondary,.etcho-vg-delete{cursor:pointer;border:0;border-radius:999px;font-weight:800;transition:.18s ease}.etcho-vg-mainbtn{display:block;width:100%;min-height:54px;padding:12px 18px;background:var(--etcho-gold);color:#0b0b0b;font-size:16px}.etcho-vg-mainbtn:hover{transform:translateY(-1px);filter:brightness(1.07)}.etcho-vg-mainbtn:disabled{opacity:.55;cursor:wait}.etcho-vg-mainbtn.is-stop{background:#f0e8da}.etcho-vg-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#9e1724;margin-right:8px}.etcho-vg-reviewtitle{text-align:center;font-weight:800;margin:22px 0 10px}.etcho-vg-panel audio,.etcho-vg-message audio{width:100%;height:42px}.etcho-vg-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:16px}.etcho-vg-secondary{min-height:46px;padding:10px 16px;background:transparent;border:1px solid #5e584d;color:#eee}.etcho-vg-secondary:hover{border-color:var(--etcho-gold)}.etcho-vg-error{margin-top:14px;padding:11px 13px;border-radius:10px;background:#3b1717;color:#ffd4d4;font-size:13px;text-align:center}.etcho-vg-thanks{padding:32px 16px}.etcho-vg-heart{font-family:Georgia,serif;color:var(--etcho-gold);font-size:54px}.etcho-vg-thanks h2{font-family:Georgia,serif;font-size:36px;font-weight:400;margin:0 0 8px}.etcho-vg-thanks p{color:#d8d0c4;line-height:1.6}.etcho-vg-thanks .etcho-vg-secondary{margin-top:12px}.etcho-vg-consent{font-size:11px;color:#807b72;line-height:1.55;margin:20px auto 0;max-width:540px} .etcho-vg-login{max-width:520px;margin:30px auto 0;text-align:center}.etcho-vg-login h2{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:0 0 8px}.etcho-vg-login p{color:var(--etcho-muted);line-height:1.5}.etcho-vg-login .etcho-vg-input{margin:8px 0 12px;text-align:center;letter-spacing:.08em}.etcho-vg-dashboard-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px;text-align:left;border-bottom:1px solid var(--etcho-line);padding-bottom:14px}.etcho-vg-dashboard-head strong{font-family:Georgia,serif;color:var(--etcho-gold);font-size:32px;font-weight:400}.etcho-vg-dashboard-head .etcho-vg-secondary{min-height:38px}.etcho-vg-message-list{display:grid;gap:10px}.etcho-vg-message{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--etcho-line);border-radius:15px;background:#141414;text-align:left}.etcho-vg-message-no{width:44px;height:44px;border:1px solid #514a3e;border-radius:50%;display:grid;place-items:center;color:var(--etcho-gold);font-family:Georgia,serif}.etcho-vg-message h3{font-size:16px;margin:0 0 2px;color:#fff}.etcho-vg-message p{font-size:11px;color:#958f85;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}.etcho-vg-delete{background:transparent;color:#a79f93;border:1px solid #443e37;padding:8px 12px;font-size:11px}.etcho-vg-delete:hover{border-color:#8f4545;color:#ffc2c2}.etcho-vg-empty{padding:45px 20px;color:var(--etcho-muted);border:1px dashed #3c3932;border-radius:15px}.etcho-vg-dashboard-note{font-size:12px;color:#817a70;margin-top:20px} @media(max-width:620px){.etcho-vg-shell{padding:16px 10px}.etcho-vg-card{padding:30px 16px;border-radius:18px}.etcho-vg-panel{padding:18px}.etcho-vg-actions{grid-template-columns:1fr}.etcho-vg-message{grid-template-columns:40px 1fr}.etcho-vg-message-no{width:38px;height:38px}.etcho-vg-delete{grid-column:2;justify-self:start}.etcho-vg-card h1{font-size:42px}} /* v0.1.1 standalone guestbook experience */ html, body.etcho-vg-standalone { margin:0 !important; padding:0 !important; min-height:100%; background:#090909 !important; } body.etcho-vg-standalone { overflow-x:hidden; } body.etcho-vg-standalone > *:not(.etcho-vg-shell):not(script):not(style) { max-width:none; } .etcho-vg-brand { text-align:center; margin:0 auto 18px; } .etcho-vg-brand img { display:block; width:min(210px,52vw); height:auto; margin:0 auto; } .etcho-vg-audio-wrap{margin-top:10px}.etcho-vg-play{border:1px solid var(--etcho-gold);background:transparent;color:var(--etcho-gold);border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer}.etcho-vg-play:disabled{opacity:.6;cursor:wait}.etcho-vg-audio-wrap audio{margin-top:8px;width:100%} /* v0.2.0 branding, favourites and ETCHŌ request flow */ .etcho-vg-brand-placeholder{width:min(230px,62vw);min-height:105px;border:1px solid rgba(199,164,91,.65);border-radius:18px;padding:22px 16px!important;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#151515,#090909)} .etcho-vg-brand-word{font-family:Georgia,"Times New Roman",serif;font-size:34px;letter-spacing:.16em;color:var(--etcho-gold);line-height:1}.etcho-vg-brand-sub{font-size:9px;font-weight:700;letter-spacing:.24em;color:#d2c4a7;margin-top:9px} .etcho-vg-closed{text-align:center}.etcho-vg-closed h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:4px 0 8px}.etcho-vg-closed p{color:var(--etcho-muted);line-height:1.6} .etcho-vg-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.etcho-vg-gold-outline,.etcho-vg-mini,.etcho-vg-favourite{cursor:pointer;background:transparent;border:1px solid #514a3e;color:#e8e1d6;border-radius:999px;font-weight:750}.etcho-vg-gold-outline{border-color:var(--etcho-gold);color:var(--etcho-gold);padding:10px 15px}.etcho-vg-gold-outline:hover,.etcho-vg-mini.is-gold:hover{background:rgba(199,164,91,.1)} .etcho-vg-message-title{display:flex;align-items:center;gap:7px}.etcho-vg-message-title h3{flex:0 1 auto}.etcho-vg-favourite{border:0;font-size:23px;line-height:1;padding:0 3px;color:#837967}.etcho-vg-favourite.is-favourite{color:var(--etcho-gold)} .etcho-vg-message-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.etcho-vg-mini{padding:7px 11px;font-size:11px}.etcho-vg-mini.is-gold{border-color:var(--etcho-gold);color:var(--etcho-gold)} .etcho-vg-modal[hidden]{display:none!important}.etcho-vg-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:18px;overflow:auto}.etcho-vg-modal-card{position:relative;width:min(100%,590px);max-height:calc(100vh - 36px);overflow:auto;background:#111;border:1px solid rgba(199,164,91,.55);border-radius:22px;padding:30px;text-align:left;box-shadow:0 30px 100px #000}.etcho-vg-modal-card h2{font-family:Georgia,serif;font-weight:400;font-size:32px;color:#fff;margin:10px 0 8px}.etcho-vg-modal-card .etcho-vg-label{margin-top:14px}.etcho-vg-modal-close{position:absolute;right:16px;top:13px;background:transparent;border:0;color:#aaa;font-size:30px;cursor:pointer}.etcho-vg-request-context{color:#bbb4a8;line-height:1.55;margin-bottom:18px}.etcho-vg-textarea{min-height:110px!important;resize:vertical}.etcho-vg-modal-card .etcho-vg-mainbtn{margin-top:18px}.etcho-vg-status.is-success{color:#d8c48e}.etcho-vg-modal-open{overflow:hidden} @media(max-width:620px){.etcho-vg-dashboard-head{align-items:flex-start;gap:12px}.etcho-vg-head-actions{justify-content:flex-start}.etcho-vg-gold-outline{width:100%;text-align:center}.etcho-vg-modal-card{padding:25px 18px}.etcho-vg-message-actions{grid-column:auto}.etcho-vg-message-main{min-width:0}} /* v0.3.0 launch-ready guestbook controls */ .etcho-vg-gap{margin-top:15px}.etcho-vg-check{display:flex;gap:9px;align-items:flex-start;margin-top:14px;color:#cfc7ba;font-size:13px;line-height:1.4;cursor:pointer}.etcho-vg-check input{margin-top:2px;accent-color:var(--etcho-gold)} .etcho-vg-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 14px}.etcho-vg-filters button{border:1px solid #4c463d;background:transparent;color:#bdb5aa;padding:8px 14px;border-radius:999px;font-weight:750;cursor:pointer}.etcho-vg-filters button.is-active{border-color:var(--etcho-gold);background:rgba(199,164,91,.12);color:var(--etcho-gold)} .etcho-vg-message.is-unplayed{border-color:rgba(199,164,91,.6);box-shadow:inset 3px 0 0 rgba(199,164,91,.65)}.etcho-vg-message.is-played{opacity:.94}.etcho-vg-new{display:inline-flex;align-items:center;font-size:9px;font-weight:900;letter-spacing:.1em;color:#0b0b0b;background:var(--etcho-gold);border-radius:999px;padding:4px 7px}.etcho-vg-message-title{flex-wrap:wrap} .etcho-vg-listening .etcho-vg-message{grid-template-columns:48px 1fr}.etcho-vg-listening audio{width:100%;margin-top:8px}.etcho-vg-listening .etcho-vg-kicker{margin-top:4px}.etcho-vg-listening .etcho-vg-intro{margin-bottom:24px} @media(max-width:620px){.etcho-vg-filters{justify-content:center}.etcho-vg-filters button{flex:1;min-width:92px}.etcho-vg-listening .etcho-vg-message{grid-template-columns:40px 1fr}} .etcho-vg-package-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 20px;padding:16px 18px;border:1px solid rgba(199,164,91,.35);border-radius:14px;background:rgba(199,164,91,.06)} .etcho-vg-package-card>div{display:flex;flex-direction:column;gap:2px}.etcho-vg-package-label{font-size:10px;letter-spacing:.18em;color:#c7a45b}.etcho-vg-package-card strong{font-family:Georgia,serif;font-size:18px}.etcho-vg-package-card small{opacity:.7}.etcho-vg-complete-badge{color:#c7a45b;font-weight:700}@media(max-width:640px){.etcho-vg-package-card{align-items:flex-start;flex-direction:column}.etcho-vg-package-card button{width:100%}} /* v0.5.0 public sales page */ .etcho-vg-sales{--sales-gold:#c7a45b;--sales-cream:#f5efe5;--sales-ink:#0a0a0a;--sales-panel:#141414;--sales-muted:#bcb4a8;width:100vw;max-width:none;margin-left:calc(50% - 50vw);background:#0a0a0a;color:var(--sales-cream);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden} .etcho-vg-sales *{box-sizing:border-box}.etcho-vg-sales a{text-decoration:none}.etcho-vg-sales-inner{width:min(1180px,calc(100% - 36px));margin:0 auto}.etcho-vg-sales-section{padding:88px 0;background:#f4efe6;color:#17140f}.etcho-vg-sales-section.is-dark{background:#0d0d0d;color:#f7f2e8}.etcho-vg-sales-section.is-warm{background:#e8decf;color:#17140f} .etcho-vg-sales-hero{padding:84px 0 78px;background:radial-gradient(circle at 75% 18%,#2c261c 0,#111 32%,#080808 72%);position:relative}.etcho-vg-sales-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(199,164,91,.07),transparent 45%);pointer-events:none}.etcho-vg-sales-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);gap:70px;align-items:center}.etcho-vg-sales-copy .etcho-vg-brand{margin:0 0 28px;text-align:left}.etcho-vg-sales-copy .etcho-vg-brand img{margin:0;width:min(230px,54vw)}.etcho-vg-sales-copy .etcho-vg-brand-placeholder{margin-left:0!important}.etcho-vg-sales-eyebrow{display:block;color:var(--sales-gold);font-weight:900;font-size:11px;letter-spacing:.23em;text-transform:uppercase;margin-bottom:16px}.etcho-vg-sales h1,.etcho-vg-sales h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}.etcho-vg-sales h1{font-size:clamp(42px,5.7vw,76px);line-height:1.01;letter-spacing:-.035em;margin:0 0 24px;color:#fff}.etcho-vg-sales h1 em{font-weight:400;color:var(--sales-gold)}.etcho-vg-sales-lead{max-width:700px;font-size:19px;line-height:1.72;color:#d6cfc4;margin:0 0 28px}.etcho-vg-sales-ctas{display:flex;gap:12px;flex-wrap:wrap}.etcho-vg-sales-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 23px;border:1px solid rgba(199,164,91,.7);border-radius:999px;color:var(--sales-gold)!important;font-weight:850;transition:.2s ease}.etcho-vg-sales-btn:hover{transform:translateY(-2px);background:rgba(199,164,91,.08)}.etcho-vg-sales-btn.is-primary{background:var(--sales-gold);color:#0b0b0b!important}.etcho-vg-sales-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#aaa195;font-size:13px}.etcho-vg-sales-trust span{white-space:nowrap} .etcho-vg-sales-demo-card{position:relative;padding:52px 30px 32px;border-radius:36px;background:linear-gradient(155deg,#171717,#080808);border:1px solid rgba(199,164,91,.5);box-shadow:0 35px 100px rgba(0,0,0,.55);text-align:center;transform:rotate(1.2deg)}.etcho-vg-sales-demo-card:after{content:"";position:absolute;inset:9px;border:1px solid rgba(199,164,91,.14);border-radius:29px;pointer-events:none}.etcho-vg-sales-phone-top{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:84px;height:5px;background:#3b3935;border-radius:9px}.etcho-vg-sales-demo-card h2{font-size:39px;color:#fff;margin:2px 0 7px}.etcho-vg-sales-demo-card>p{font-size:10px;letter-spacing:.17em;color:#958d82}.etcho-vg-sales-heart{font-size:24px;color:var(--sales-gold);margin:6px}.etcho-vg-sales-waveform{font-size:28px;letter-spacing:-5px;color:var(--sales-gold);margin:30px 0 18px}.etcho-vg-sales-demo-card button{width:100%;min-height:52px;border:0;border-radius:999px;background:var(--sales-gold);color:#0b0b0b;font-weight:900;font-size:14px}.etcho-vg-sales-demo-card small{display:block;color:#877f74;margin-top:14px} .etcho-vg-sales-heading{text-align:center;max-width:820px;margin:0 auto 48px}.etcho-vg-sales-heading h2{font-size:clamp(35px,4vw,54px);line-height:1.07;margin:0 0 16px}.etcho-vg-sales-heading p{font-size:17px;line-height:1.65;color:#665f55}.is-dark .etcho-vg-sales-heading p{color:#aaa195}.etcho-vg-sales-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.etcho-vg-sales-steps article{position:relative;padding:35px 28px;border:1px solid #d5cab9;background:#fff;border-radius:20px;text-align:center;box-shadow:0 12px 35px rgba(55,42,22,.06)}.etcho-vg-sales-steps article>span{position:absolute;top:15px;right:18px;color:#cfc3b0;font:700 11px system-ui;letter-spacing:.12em}.etcho-vg-sales-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#151515;color:var(--sales-gold);font-size:28px;margin:0 auto 19px}.etcho-vg-sales-steps h3,.etcho-vg-sales-keepsakes h3{font-family:Georgia,serif;font-size:25px;margin:0 0 9px}.etcho-vg-sales-steps p,.etcho-vg-sales-keepsakes p{color:#6c655c;line-height:1.6;margin:0} .etcho-vg-sales-two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.etcho-vg-sales-two-col h2,.etcho-vg-sales-usb h2,.etcho-vg-sales-final h2{font-size:clamp(36px,4.4vw,58px);line-height:1.05;margin:0 0 20px}.etcho-vg-sales-two-col>div>p,.etcho-vg-sales-usb p{color:#bdb5aa;font-size:17px;line-height:1.7}.etcho-vg-sales-feature-list{display:grid;gap:10px;margin-top:25px;color:#e0d7ca}.etcho-vg-sales-feature-list span{padding:12px 0;border-bottom:1px solid #292722}.etcho-vg-sales-dashboard-mock{padding:22px;border-radius:22px;background:#161616;border:1px solid rgba(199,164,91,.38);box-shadow:0 26px 70px rgba(0,0,0,.35)}.etcho-vg-sales-dash-head{display:flex;justify-content:space-between;align-items:flex-end;padding:3px 2px 17px;border-bottom:1px solid #34312b}.etcho-vg-sales-dash-head div{display:flex;flex-direction:column}.etcho-vg-sales-dash-head small{color:var(--sales-gold);font-size:9px;letter-spacing:.18em}.etcho-vg-sales-dash-head strong{font:400 27px Georgia,serif;color:#fff}.etcho-vg-sales-dash-head>b{font-size:11px;color:#9b9388}.etcho-vg-sales-msg{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px 3px;border-bottom:1px solid #292722}.etcho-vg-sales-msg:last-child{border-bottom:0}.etcho-vg-sales-msg i{width:38px;height:38px;border:1px solid #524b40;border-radius:50%;display:grid;place-items:center;color:var(--sales-gold);font:normal 15px Georgia,serif}.etcho-vg-sales-msg div{display:flex;flex-direction:column}.etcho-vg-sales-msg strong{font-size:14px;color:#fff}.etcho-vg-sales-msg small{font-size:10px;color:#827a70;margin:2px 0 8px}.etcho-vg-sales-msg span{display:inline-flex;width:max-content;border:1px solid var(--sales-gold);color:var(--sales-gold);padding:6px 10px;border-radius:999px;font-size:10px}.etcho-vg-sales-msg>b{color:var(--sales-gold);font-size:20px} .etcho-vg-sales-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.etcho-vg-sales-pricing article{position:relative;display:flex;flex-direction:column;padding:30px 22px 24px;border:1px solid #d1c6b5;border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(40,31,18,.05);overflow:hidden}.etcho-vg-sales-pricing article.is-popular,.etcho-vg-sales-pricing article.is-complete{border-color:var(--sales-gold);box-shadow:0 18px 50px rgba(88,66,29,.12)}.etcho-vg-sales-ribbon{position:absolute;top:0;right:0;padding:7px 12px;background:var(--sales-gold);color:#0b0b0b;font-size:9px;font-weight:900;letter-spacing:.12em;border-bottom-left-radius:10px}.etcho-vg-sales-package-name{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:#6b6255}.etcho-vg-sales-price{font:400 39px Georgia,serif;color:#17140f;margin:8px 0}.etcho-vg-sales-pricing p{color:#70685d;line-height:1.5;min-height:68px}.etcho-vg-sales-pricing ul{list-style:none!important;padding:0!important;margin:10px 0 25px!important;display:grid;gap:10px;flex:1}.etcho-vg-sales-pricing li{position:relative;padding-left:19px;color:#4d473f;font-size:13px}.etcho-vg-sales-pricing li:before{content:"✓";position:absolute;left:0;color:#8a6c32;font-weight:900}.etcho-vg-sales-pricing article>a,.etcho-vg-sales-pricing article>.etcho-vg-sales-enquire{display:flex;justify-content:center;align-items:center;border:0;border-radius:999px;background:#151515;color:#fff!important;min-height:45px;font-size:13px;font-weight:850;cursor:pointer;width:100%}.etcho-vg-sales-pricing article.is-popular>a,.etcho-vg-sales-pricing article.is-complete>a,.etcho-vg-sales-pricing article.is-popular>.etcho-vg-sales-enquire,.etcho-vg-sales-pricing article.is-complete>.etcho-vg-sales-enquire{background:var(--sales-gold);color:#0b0b0b!important}.etcho-vg-sales-extras{text-align:center;color:#756d62;margin:27px auto 0;max-width:950px;line-height:1.65;font-size:13px} .etcho-vg-sales-keepsakes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.etcho-vg-sales-keepsakes article{padding:26px 22px;border:1px solid rgba(106,83,44,.22);background:rgba(255,255,255,.45);border-radius:18px}.etcho-vg-sales-keepsakes b{display:block;color:#7e6231;font-size:30px;margin-bottom:15px}.etcho-vg-sales-keepsakes h3{font-size:21px}.etcho-vg-sales-keepsakes p{font-size:14px} .etcho-vg-sales-usb{display:grid;grid-template-columns:170px 1fr;gap:42px;align-items:center;max-width:950px}.etcho-vg-sales-usb-icon{width:150px;height:150px;border:1px solid var(--sales-gold);border-radius:30px;display:grid;place-items:center;color:var(--sales-gold);font:400 30px Georgia,serif;letter-spacing:.15em;box-shadow:inset 0 0 40px rgba(199,164,91,.06)}.etcho-vg-sales-faq{max-width:880px;margin:0 auto;display:grid;gap:10px}.etcho-vg-sales-faq details{border:1px solid #d6ccbc;background:#fff;border-radius:14px;padding:0 18px}.etcho-vg-sales-faq summary{cursor:pointer;padding:18px 35px 18px 0;font-weight:800;position:relative}.etcho-vg-sales-faq summary:after{content:"+";position:absolute;right:2px;top:14px;font:400 24px Georgia,serif;color:#80622d}.etcho-vg-sales-faq details[open] summary:after{content:"–"}.etcho-vg-sales-faq details p{color:#686056;line-height:1.65;margin:0;padding:0 0 19px}.etcho-vg-sales-final{padding:95px 0;text-align:center;background:radial-gradient(circle at 50% 20%,#282219,#101010 48%,#080808);color:#fff}.etcho-vg-sales-final .etcho-vg-brand{margin-bottom:25px}.etcho-vg-sales-final h2{max-width:800px;margin-left:auto;margin-right:auto}.etcho-vg-sales-final p{max-width:700px;margin:0 auto 28px;color:#c9c1b6;font-size:18px;line-height:1.65} @media(max-width:980px){.etcho-vg-sales-hero-grid,.etcho-vg-sales-two-col{grid-template-columns:1fr}.etcho-vg-sales-demo-card{max-width:510px;margin:0 auto;transform:none}.etcho-vg-sales-pricing{grid-template-columns:repeat(2,1fr)}.etcho-vg-sales-keepsakes{grid-template-columns:repeat(2,1fr)}.etcho-vg-sales-copy{text-align:center}.etcho-vg-sales-copy .etcho-vg-brand{margin-left:auto;margin-right:auto;text-align:center}.etcho-vg-sales-copy .etcho-vg-brand img{margin:auto}.etcho-vg-sales-ctas,.etcho-vg-sales-trust{justify-content:center}} @media(max-width:680px){.etcho-vg-sales-hero{padding:54px 0 48px}.etcho-vg-sales-section{padding:62px 0}.etcho-vg-sales-inner{width:min(100% - 24px,1180px)}.etcho-vg-sales h1{font-size:43px}.etcho-vg-sales-lead{font-size:16px}.etcho-vg-sales-steps,.etcho-vg-sales-pricing,.etcho-vg-sales-keepsakes{grid-template-columns:1fr}.etcho-vg-sales-pricing p{min-height:0}.etcho-vg-sales-usb{grid-template-columns:1fr;text-align:center}.etcho-vg-sales-usb-icon{margin:auto}.etcho-vg-sales-demo-card{padding:48px 20px 28px}.etcho-vg-sales-trust{gap:8px 14px}.etcho-vg-sales-ctas .etcho-vg-sales-btn{width:100%}.etcho-vg-sales-dash-head{align-items:flex-start;gap:10px}.etcho-vg-sales-msg{grid-template-columns:38px 1fr}.etcho-vg-sales-msg>b{grid-column:2}.etcho-vg-sales-final{padding:72px 0}} /* Sales-page navigation — styled to match the Digital Wedding Portal header */ .etcho-vg-site-nav{ position:relative; z-index:80; width:100%; background:#11110f; border-bottom:1px solid rgba(198,165,111,.42); box-shadow:0 8px 28px rgba(0,0,0,.16); } .etcho-vg-site-nav-inner{ width:min(100% - 40px,1420px); min-height:82px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:28px; } .etcho-vg-site-brand{ flex:0 0 auto; display:flex; flex-direction:column; gap:3px; color:#fff!important; text-decoration:none!important; line-height:1; } .etcho-vg-site-brand-main{ font-family:Georgia,'Times New Roman',serif; font-size:20px; letter-spacing:.16em; white-space:nowrap; } .etcho-vg-site-brand-sub{ color:#c6a56f; font-size:8px; font-weight:800; letter-spacing:.16em; white-space:nowrap; } .etcho-vg-main-menu{ display:flex; align-items:center; justify-content:flex-end; gap:2px; flex-wrap:wrap; } .etcho-vg-main-menu a{ display:inline-flex; align-items:center; min-height:38px; padding:8px 9px; border-radius:999px; color:#eee9e1!important; text-decoration:none!important; font-size:10px; line-height:1.15; font-weight:800; letter-spacing:.035em; text-align:center; white-space:nowrap; transition:background .18s ease,color .18s ease,transform .18s ease; } .etcho-vg-main-menu a:hover{ color:#d8ba79!important; background:rgba(255,255,255,.055); } .etcho-vg-main-menu a.active{ color:#111!important; background:#c6a56f; padding-left:13px; padding-right:13px; } .etcho-vg-main-menu a.etcho-vg-nav-cta{ margin-left:5px; border:1px solid #c6a56f; color:#d8ba79!important; padding-left:13px; padding-right:13px; } .etcho-vg-main-menu a.etcho-vg-nav-cta:hover{ background:#c6a56f; color:#111!important; } .etcho-vg-nav-toggle{display:none} @media(max-width:1180px){ .etcho-vg-site-nav-inner{width:min(100% - 28px,1420px);gap:16px} .etcho-vg-site-brand-main{font-size:17px} .etcho-vg-site-brand-sub{font-size:7px} .etcho-vg-main-menu a{font-size:9px;padding:7px 7px} } @media(max-width:980px){ .etcho-vg-site-nav-inner{min-height:70px;position:relative} .etcho-vg-site-brand-main{font-size:18px} .etcho-vg-site-brand-sub{display:none} .etcho-vg-nav-toggle{ display:flex; align-items:center; gap:4px; border:1px solid rgba(198,165,111,.6); background:transparent; color:#d8ba79; border-radius:999px; padding:9px 13px; cursor:pointer; } .etcho-vg-nav-toggle span{ display:block; width:3px; height:3px; border-radius:50%; background:#d8ba79; } .etcho-vg-nav-toggle b{ margin-left:5px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; } .etcho-vg-main-menu{ display:none; position:absolute; top:70px; left:0; right:0; padding:14px; background:#151513; border:1px solid rgba(198,165,111,.28); border-top:0; box-shadow:0 18px 35px rgba(0,0,0,.25); border-radius:0 0 16px 16px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; } .etcho-vg-main-menu.is-open{display:grid} .etcho-vg-main-menu a{ justify-content:center; min-height:42px; white-space:normal; font-size:10px; border-radius:10px; background:rgba(255,255,255,.025); } .etcho-vg-main-menu a.etcho-vg-nav-cta{margin-left:0} } @media(max-width:520px){ .etcho-vg-site-nav-inner{width:min(100% - 22px,1420px)} .etcho-vg-site-brand-main{font-size:15px;letter-spacing:.12em} .etcho-vg-main-menu{grid-template-columns:1fr} } /* Public Voice Guestbook sales enquiry */ .etcho-vg-sales-enquiry-card{width:min(94vw,720px);max-height:90vh;overflow:auto;text-align:left} .etcho-vg-sales-enquiry-card h2{margin:5px 0 8px;font:400 31px/1.15 Georgia,'Times New Roman',serif;color:#f5efe5} .etcho-vg-sales-enquiry-card .etcho-vg-request-context{margin-bottom:20px} .etcho-vg-sales-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px} .etcho-vg-sales-form-grid .is-wide{grid-column:1/-1} .etcho-vg-sales-enquiry-card .etcho-vg-label{display:block;margin:0 0 6px;color:#d8cfbf;font-size:12px;font-weight:800;letter-spacing:.025em} .etcho-vg-sales-enquiry-card .etcho-vg-input{margin:0;width:100%} .etcho-vg-sales-enquiry-card .etcho-vg-textarea{resize:vertical;min-height:105px} .etcho-vg-sales-enquiry-card .etcho-vg-mainbtn{margin-top:20px;width:100%} .etcho-vg-sales-form-note{text-align:center;margin:12px 0 0;color:#918879;font-size:11px} .etcho-vg-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important} .etcho-vg-sales-btn.etcho-vg-sales-enquire{border:0;cursor:pointer;font-family:inherit} @media(max-width:640px){.etcho-vg-sales-form-grid{grid-template-columns:1fr}.etcho-vg-sales-form-grid .is-wide{grid-column:auto}.etcho-vg-sales-enquiry-card{padding:30px 18px 22px}.etcho-vg-sales-enquiry-card h2{font-size:27px}} /* Couple dashboard access */ .etcho-vg-dashboard-access-btn{border-color:rgba(199,164,91,.55)!important;color:#d8ba79!important} .etcho-vg-dashboard-access-btn:hover{background:rgba(199,164,91,.09)!important} .etcho-vg-sales-final-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap} .etcho-vg-access-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 16px} .etcho-vg-access-card{width:min(100%,540px);text-align:center} .etcho-vg-access-card h1{margin:8px 0 12px;font:400 34px/1.12 Georgia,'Times New Roman',serif} .etcho-vg-access-card>p{color:#a79d8e;line-height:1.65} .etcho-vg-access-form{text-align:left;margin-top:24px} .etcho-vg-access-form .etcho-vg-mainbtn{width:100%;margin-top:12px} .etcho-vg-access-form .etcho-vg-error{margin-top:12px} .etcho-vg-access-help{margin:20px 0 0!important;font-size:12px!important;color:#81786c!important} @media(max-width:640px){.etcho-vg-sales-final-actions{flex-direction:column}.etcho-vg-sales-final-actions>*{width:100%;justify-content:center}.etcho-vg-access-card h1{font-size:29px}} /* Sales-page couple dashboard access modal */ .etcho-vg-dashboard-access-card{width:min(92vw,520px);text-align:left} .etcho-vg-dashboard-access-card h2{margin:5px 0 8px;font:400 31px/1.15 Georgia,'Times New Roman',serif;color:#f5efe5} .etcho-vg-dashboard-access-card .etcho-vg-label{display:block;margin:18px 0 6px;color:#d8cfbf;font-size:12px;font-weight:800} .etcho-vg-dashboard-access-card .etcho-vg-mainbtn{width:100%;margin-top:12px} .etcho-vg-dashboard-access-card .etcho-vg-error{margin-top:12px} .etcho-vg-sales-btn.etcho-vg-dashboard-access-btn{cursor:pointer;font-family:inherit} /* v0.6 photo guestbook */ .etcho-vg-photo-upload{margin-top:22px} .etcho-vg-photo-upload h2{margin:6px 0 8px} .etcho-vg-small{font-size:12px;line-height:1.5;color:#918879} .etcho-vg-photo-section{margin-top:28px;padding-top:24px;border-top:1px solid rgba(199,164,91,.22)} .etcho-vg-photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px} .etcho-vg-photo-card{overflow:hidden;border:1px solid rgba(199,164,91,.22);border-radius:14px;background:rgba(255,255,255,.025)} .etcho-vg-photo-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#111} .etcho-vg-photo-meta{padding:12px} .etcho-vg-photo-meta strong{display:block;color:#f5efe5;margin-bottom:4px} .etcho-vg-photo-meta p{margin:0 0 10px;color:#a79d8e;font-size:12px;line-height:1.45} .etcho-vg-photo-meta a{display:inline-block;text-decoration:none} @media(max-width:760px){.etcho-vg-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:480px){.etcho-vg-photo-gallery{grid-template-columns:1fr}} .etcho-vg-my-photos{margin-top:22px;padding-top:18px;border-top:1px solid rgba(0,0,0,.09)} .etcho-vg-my-photos h3{margin:0 0 5px} .etcho-vg-my-photo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:12px} .etcho-vg-my-photo{border:1px solid rgba(0,0,0,.09);border-radius:10px;overflow:hidden;background:#fff;padding:7px} .etcho-vg-my-photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;margin-bottom:7px} .etcho-vg-photo-delete-own{width:100%;border:1px solid #b93a3a;background:#fff;color:#9e2929;border-radius:7px;padding:8px 6px;font:inherit;font-size:12px;cursor:pointer} .etcho-vg-photo-delete-own:hover{background:#fff5f5} .etcho-vg-photo-delete-own:disabled{opacity:.55;cursor:default} .etcho-vg-photo-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px} .etcho-vg-photo-delete-host{border-color:#b93a3a!important;color:#9e2929!important;background:#fff!important;cursor:pointer} .etcho-vg-photo-delete-host:hover{background:#fff5f5!important} .etcho-vg-photo-delete-host:disabled{opacity:.55;cursor:default} .etcho-vg-sales-occasion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px} .etcho-vg-sales-occasion-card{display:flex;align-items:center;gap:12px;min-height:76px;padding:18px 20px;border:1px solid #d8cdbd;border-radius:14px;background:#fffaf2;color:#17140f;box-shadow:0 6px 20px rgba(38,30,19,.04)} .etcho-vg-sales-occasion-card b{font-size:24px;line-height:1} .etcho-vg-sales-occasion-card span{font-weight:700;font-size:15px;line-height:1.3;color:#17140f} .etcho-vg-full-archive{margin-top:26px;padding:22px;border:1px solid rgba(199,164,91,.35);border-radius:16px;background:rgba(199,164,91,.06)} @media(max-width:900px){.etcho-vg-sales-occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.etcho-vg-sales-occasion-grid{grid-template-columns:1fr}}