@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#fbfaf7;--surface:#fff;--ink:#202323;--muted:#67706d;--line:#e6e0d7;--teal:#126a66;--teal-dark:#0d4b48;--coral:#d96853;--gold:#c7a461;--soft:#f1ece3;--shadow:0 24px 70px #2223231f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf7e0;border-bottom:1px solid #e6e0d7bf;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand,.nav{align-items:center;gap:16px;display:flex}.brand{gap:10px;font-weight:800}.brand-mark{color:#fff;background:var(--teal);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.nav{color:var(--muted);font-size:14px;font-weight:600}.nav a:hover,.nav-action:hover{color:var(--teal)}.nav-action{color:var(--ink);font-size:14px;font-weight:700}.hero{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:calc(100vh - 72px);padding:clamp(40px,7vw,88px) clamp(20px,5vw,72px) 36px;display:grid}.hero-copy{max-width:620px}.eyebrow{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(58px,10vw,128px);line-height:.9}h2{margin-bottom:16px;font-size:clamp(32px,5vw,64px);line-height:1}h3{margin-bottom:10px;font-size:18px}.page-title{max-width:900px;font-size:clamp(42px,7vw,86px)}.light-title{color:#fff}.page-lead{max-width:720px;color:var(--muted);font-size:18px}.muted-on-dark{color:#ffffffb8}.hero-text{max-width:560px;color:var(--muted);font-size:clamp(18px,2vw,22px)}.hero-actions,.trust-row,.opening-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-actions{margin-top:32px}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.58;transform:none}.button.primary{color:#fff;background:var(--teal)}.button.primary:hover{background:var(--teal-dark)}.button.ghost{color:var(--ink);border-color:var(--line);background:0 0}.button.light{color:#fff;border-color:#ffffff5c}.button.full{width:100%}.trust-row{color:var(--muted);margin-top:26px;font-size:13px;font-weight:700}.trust-row span{align-items:center;gap:8px;display:inline-flex}.trust-row span:before{content:"";background:var(--coral);border-radius:50%;width:7px;height:7px}.hero-media{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.hero-media img{object-fit:cover;width:100%;height:min(64vh,620px)}.metrics,.section{padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}.metrics{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.metrics article{background:var(--bg);gap:4px;padding:28px;display:grid}.metric-value{font-size:32px;font-weight:800}.metric-label{color:var(--muted);font-size:14px}.section{padding-top:clamp(64px,9vw,116px);padding-bottom:clamp(64px,9vw,116px)}.page-section{min-height:calc(100vh - 72px)}.section-heading{grid-template-columns:minmax(0,.75fr) minmax(240px,.25fr);align-items:end;gap:24px;margin-bottom:34px;display:grid}.section-heading.compact{max-width:920px;display:block}.legal-heading{margin-bottom:30px}.legal-update{color:var(--muted);margin:18px 0 0;font-size:14px;font-weight:700}.legal-content{gap:18px;max-width:920px;display:grid}.legal-content article{border-top:1px solid var(--line);padding-top:18px}.legal-content h2{margin-bottom:10px;font-size:24px;line-height:1.15}.legal-content p{max-width:820px;color:var(--muted);margin-bottom:12px}.legal-content p:last-child{margin-bottom:0}.steps{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.steps article{background:var(--surface);min-height:220px;padding:28px}.step-number{color:var(--gold);margin-bottom:42px;font-weight:800;display:inline-block}.steps p,.public-envelope p,.status-panel p{color:var(--muted)}.professional-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.feature-grid{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-grid article{background:var(--surface);min-height:210px;padding:26px}.feature-grid h3{font-size:20px}.feature-grid p{color:var(--muted)}.cta-band{color:#fff;background:var(--teal-dark);justify-content:space-between;align-items:center;gap:28px;display:flex}.cta-band h2{max-width:860px;margin-bottom:0}.cta-band .eyebrow{color:#9bd6d0}.cta-band .button.primary{color:var(--teal-dark);background:#fff;flex:none}.creator{background:var(--soft)}.creator-grid,.public-envelope,.dashboard-grid,.activation-grid{gap:24px;display:grid}.creator-grid{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);align-items:stretch}.creator-form,.envelope-preview,.contribution-box,.status-panel,.opening-card,.activation-card,.activation-form{border:1px solid var(--line);background:var(--surface);border-radius:8px}.creator-form{gap:16px;padding:24px;display:grid}label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:12px 13px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #126a661f}.form-note,.privacy-note{color:var(--muted);margin-bottom:0;font-size:13px}.form-assurance,.inline-note,.payment-summary{border:1px solid var(--line);background:var(--bg);border-radius:8px}.form-assurance,.inline-note{gap:4px;padding:14px;display:grid}.form-assurance strong,.inline-note strong{color:var(--teal-dark)}.form-assurance span,.inline-note span{color:var(--muted);font-size:13px}.inline-note{max-width:560px;margin:22px 0}.payment-summary{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:16px;display:flex}.payment-summary span{color:var(--muted);font-weight:800}.payment-summary strong{color:var(--teal-dark);font-size:24px}.delivery-plan{color:var(--ink);background:#ffffffeb;border:1px solid #ffffff5c;border-radius:8px;gap:4px;margin:16px 0;padding:14px;display:grid}.delivery-plan span{color:var(--muted);font-size:13px}.setup-note{max-width:760px;color:var(--teal-dark);background:#e7f2ef;border:1px solid #126a6633;border-radius:8px;margin:18px 0 0;padding:14px 16px;font-size:14px;font-weight:700}.envelope-preview{color:#fff;background:linear-gradient(135deg,#143f3d,#1f2a2a 62%,#8a4a3c);flex-direction:column;justify-content:space-between;min-height:460px;padding:clamp(26px,4vw,48px);display:flex;position:relative;overflow:hidden}.preview-topline{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.envelope-preview h3{max-width:620px;margin:52px 0 14px;font-size:clamp(34px,5vw,70px);line-height:1}.envelope-preview p{color:#ffffffc7;max-width:560px;font-size:18px}.privacy-wrap{margin-top:38px}.privacy-label{color:#ffffffd1;justify-content:space-between;gap:18px;margin-bottom:10px;font-size:14px;display:flex}.privacy-wrap p{color:#ffffffc7;background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;margin:0;padding:14px;font-size:14px}.signature-list{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.signature-list span{background:#ffffff21;border:1px solid #ffffff2e;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:800}.public-envelope{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) 360px;align-items:center;padding:clamp(28px,5vw,54px)}.contribution-box{gap:16px;padding:22px;display:grid}.amounts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.amounts button,.amount-option{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;font-weight:800}.amount-option{color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;display:flex}.amount-option input{width:auto}.amounts button:hover,.amount-option:hover{border-color:var(--teal)}.dashboard{color:#fff;background:#202323}.dashboard .eyebrow{color:#9bd6d0}.dashboard-grid{grid-template-columns:1fr 1fr 1.1fr}.status-panel{min-height:260px;color:var(--ink);padding:24px}.status-panel.highlight{color:#fff;background:var(--teal);border-color:#ffffff1f}.status-panel.highlight p{color:#ffffffc7}.privacy-dashboard{background:var(--soft);border:1px solid var(--line);border-radius:8px;gap:12px;margin-top:34px;padding:18px;display:grid}.privacy-dashboard strong{color:var(--teal);font-size:20px}.privacy-dashboard span{color:var(--muted);font-size:14px}.link-box{overflow-wrap:anywhere;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:14px;font-size:14px}.task-list{color:var(--muted);gap:16px;margin:26px 0 0;padding:0;list-style:none;display:grid}.task-list li{gap:10px;display:flex}.task-list span{background:var(--coral);border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:7px}.activation{background:var(--soft)}.activation-shell{gap:28px;display:grid}.activation-grid{grid-template-columns:repeat(3,1fr)}.activation-card,.activation-form{padding:24px}.activation-card.is-selected{border-color:#126a6661;box-shadow:0 0 0 3px #126a6614}.activation-card p{color:var(--muted)}.activation-form{max-width:680px}fieldset{border:0;gap:10px;margin:0 0 18px;padding:0;display:grid}legend{margin-bottom:12px;font-weight:800}.choice-row{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;grid-template-columns:none;align-items:center;gap:10px;padding:12px;display:flex}.choice-row input{width:auto}.theme-fieldset{gap:12px}.theme-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.theme-option{min-height:78px;color:var(--ink);background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;padding:12px;display:grid}.theme-option input{grid-row:span 2;width:auto}.theme-option small{color:var(--muted);font-weight:600}.theme-swatch{border:1px solid #ffffff73;border-radius:8px;grid-column:1/-1;width:100%;height:32px}.theme-festa{background:radial-gradient(circle at 18% 24%,#ffdb7da6,#0000 28%),linear-gradient(135deg,#143f3d,#5c2f50 58%,#d96853)}.theme-elegante{background:radial-gradient(circle at 80% 16%,#c7a46175,#0000 30%),linear-gradient(135deg,#25302e,#f4efe5 56%,#fff)}.theme-laurea{background:radial-gradient(circle at 78% 18%,#ffffff52,#0000 24%),linear-gradient(135deg,#7b1e24,#202323 62%,#c7a461)}.theme-nascita{background:radial-gradient(circle at 78% 20%,#ffffffa3,#0000 28%),linear-gradient(135deg,#e8b8b7,#b8d8d4 58%,#fbfaf7)}.theme-viaggio{background:radial-gradient(circle at 22% 22%,#ffffff6b,#0000 26%),linear-gradient(135deg,#126a66,#d9b26f 54%,#7e8fba)}.theme-minimal{background:linear-gradient(135deg,#126a6624,#0000 36%),linear-gradient(135deg,#fbfaf7,#fff 62%,#e6e0d7)}.public-envelope.theme-festa,.public-envelope.theme-elegante,.public-envelope.theme-laurea,.public-envelope.theme-nascita,.public-envelope.theme-viaggio,.public-envelope.theme-minimal,.opening-card.theme-festa,.opening-card.theme-elegante,.opening-card.theme-laurea,.opening-card.theme-nascita,.opening-card.theme-viaggio,.opening-card.theme-minimal{background-blend-mode:normal;position:relative;overflow:hidden}.public-envelope.theme-festa,.public-envelope.theme-laurea,.public-envelope.theme-viaggio,.opening-card.theme-festa,.opening-card.theme-laurea,.opening-card.theme-viaggio{color:#fff}.public-envelope.theme-festa p,.public-envelope.theme-laurea p,.public-envelope.theme-viaggio p,.opening-card.theme-festa p,.opening-card.theme-laurea p,.opening-card.theme-viaggio p{color:#ffffffc7}.public-envelope.theme-festa .contribution-box,.public-envelope.theme-laurea .contribution-box,.public-envelope.theme-viaggio .contribution-box,.public-envelope.theme-elegante .contribution-box,.public-envelope.theme-nascita .contribution-box,.public-envelope.theme-minimal .contribution-box{color:var(--ink)}.opening{background:var(--soft);place-items:center;display:grid}.opening-card{text-align:center;width:min(960px,100%);box-shadow:var(--shadow);padding:clamp(28px,6vw,70px)}.opening-card .hero-text{margin-left:auto;margin-right:auto}.opening-actions{justify-content:center}.dedications{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;margin:36px 0;display:grid}.dedications article{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:18px}.dedications p{color:var(--muted);margin-bottom:0;font-size:14px}.centered{margin-left:auto;margin-right:auto}.footer{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:26px clamp(20px,5vw,72px);font-size:14px;display:flex}.footer span:first-child{color:var(--ink);font-weight:800}.footer-links{gap:14px;font-weight:700;display:flex}.footer-links a:hover{color:var(--teal)}@media (max-width:920px){.nav{display:none}.hero,.creator-grid,.public-envelope,.dashboard-grid,.activation-grid,.section-heading,.feature-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:44px}.hero-media img{height:420px}.steps,.metrics,.dedications{grid-template-columns:1fr 1fr}.cta-band{flex-direction:column;align-items:flex-start}}@media (max-width:620px){.topbar{min-height:64px}.nav-action{display:none}.hero{padding-top:32px}.hero-media img{height:300px}.metrics,.steps,.dedications,.feature-grid{grid-template-columns:1fr}.metrics article,.steps article{padding:22px}.privacy-label,.footer{flex-direction:column}.amounts{grid-template-columns:1fr}}
