
:root{--bg:#f6efe6;--paper:#fffcf7;--paper2:#fdf9f2;--ink:#302820;--muted:#756a60;--edge:#e6d8c8;--gold:#a07858;--sand:#ecddcb;--rose:#ead6c7;--leaf:#647464;--shadow:0 24px 65px rgba(55,37,26,.08);--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aa805e;outline-offset:3px}a{color:inherit}.hidden{display:none!important}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.23em;font-weight:800;color:var(--gold)}.serif{font-family:var(--serif)}.secondary{color:var(--muted)}.small{font-size:12px}.demo-top{background:#392e27;color:#fdf2e6;font-size:11px;text-align:center;letter-spacing:.045em;padding:9px 16px}.demo-top strong{font-weight:800}.site-head{background:#f9f4ed;border-bottom:1px solid #e8ddd0}.site-head-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:18px}.wordmark{display:flex;flex-direction:column;text-decoration:none;gap:0;line-height:1.25}.wordmark strong{font:700 24px/1.1 var(--sans);letter-spacing:.13em}.wordmark small{font-size:8px;letter-spacing:.22em;font-weight:800;color:#7e7065}.header-right{display:flex;gap:14px;align-items:center}.head-link{font-size:12px;color:var(--muted);text-decoration:none}.head-chip{border:1px solid #dac9b9;border-radius:100px;padding:7px 13px;font-size:11px;font-weight:800;color:#765c4a;white-space:nowrap}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 25%,#f5e9d9,transparent 45%),linear-gradient(100deg,#faf6ef 0%,#f3e8dc 100%)}.hero:before{content:'';position:absolute;top:-360px;right:-130px;width:900px;height:900px;border:1px solid rgba(157,114,80,.13);border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;min-height:408px;align-items:center}.hero-content{padding:62px 22px 71px 0;position:relative;z-index:1}.hero h1{font:500 clamp(48px,6.1vw,85px)/.97 var(--serif);letter-spacing:-.018em;max-width:650px;margin:14px 0 21px}.hero h1 em{font-weight:400;color:#9b7254}.hero p{color:#6d6056;font-size:14px;max-width:430px;line-height:1.85;margin:0}.hero-art{position:relative;height:100%;min-height:350px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:after{content:'';position:absolute;z-index:-1;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff9ef 0%,#ead7c0 60%,#e0c8ad 100%);box-shadow:inset 0 0 0 1px rgba(143,100,66,.19),0 30px 70px rgba(97,58,28,.12)}.orbit{position:absolute;width:450px;height:450px;border:1px solid rgba(133,92,62,.24);border-radius:50%;transform:translate(7px,6px)}.orbit.two{width:510px;height:510px;opacity:.6;transform:translate(20px,10px)}.hero-center{text-align:center;max-width:295px;padding:20px;transform:rotate(-4deg);position:relative}.hero-center .line{display:block;width:48px;height:1px;background:#926f53;margin:18px auto}.hero-center span{font:500 13px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.3em;color:#85654e}.hero-center strong{display:block;font:500 43px/.98 var(--serif);color:#5a4332;margin-top:13px}.hero-center i{display:block;font:italic 26px var(--serif);color:#997b61;margin-top:14px}.section-pad{padding-top:38px;padding-bottom:52px}.entry-card{position:relative;margin-top:-36px;z-index:3;background:var(--paper);border:1px solid var(--edge);border-radius:24px;padding:30px 35px 33px;box-shadow:var(--shadow)}.entry-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:36px;align-items:center}.entry-card h2{font:500 38px/1.04 var(--serif);margin:5px 0 10px}.entry-card p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;max-width:370px}.verify-wrap label{display:block;font-size:12px;font-weight:800;margin:0 0 8px}.verify-controls{display:flex;gap:9px}.verify-controls input{width:100%;min-width:0;flex:1;background:white;border:1px solid #cbb9a7;border-radius:12px;padding:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:13px}.btn{border:1px solid var(--ink);border-radius:100px;background:var(--ink);color:#fffdf9;padding:13px 23px;min-height:49px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;transition:transform .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-1px);background:#493a2e}.btn-outline{background:transparent;color:var(--ink);border-color:#bba795}.btn-outline:hover{background:#f1e6da}.btn-soft{background:#e9ddcf;color:#3f3027;border-color:transparent}.btn-soft:hover{background:#dfcebc}.code-help{margin-top:7px;color:var(--muted);font-size:10px}.message{min-height:0;margin-top:9px;font-size:12px;font-weight:700}.message.error{color:#a34536}.message.success{color:#376953}.demo-examples{margin-top:17px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #eee3d8;padding-top:14px}.demo-examples span{font-size:10px;font-weight:700;color:var(--muted);margin-right:2px}.test-chip{border:1px solid #d6c6b6;background:#f9f2e8;border-radius:100px;padding:5px 11px;font-size:10px;font-weight:700;color:#725c4b}.test-chip:hover{background:#eddfd0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.step{display:flex;align-items:flex-start;gap:15px}.step-num{border:1px solid #cdb59d;width:43px;height:43px;display:grid;place-items:center;flex:none;border-radius:50%;font:500 25px var(--serif);color:#98704e}.step h3{font-size:12px;margin:0 0 3px}.step p{font-size:11px;line-height:1.75;color:var(--muted);margin:0}.experience-section{scroll-margin-top:30px;padding:38px 0 72px}.experience-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;margin-bottom:24px}.experience-top h2{font:500 clamp(39px,5vw,58px)/1.08 var(--serif);margin:7px 0 0}.pill{background:#e9eee8;color:#3c694d;padding:7px 12px;border-radius:99px;font-size:10px;font-weight:800;white-space:nowrap}.experience-grid{display:grid;grid-template-columns:1fr .9fr;gap:25px;align-items:stretch}.detail-panel{background:#fffdf8;border:1px solid var(--edge);padding:34px;border-radius:24px;box-shadow:0 12px 32px rgba(43,27,18,.04);display:flex;flex-direction:column}.detail-panel h3{font:500 48px/1.04 var(--serif);margin:10px 0 20px;color:#44332a}.detail-panel .description{font-size:13px;line-height:1.95;color:#6f6054;max-width:450px}.benefits{border-top:1px solid var(--edge);margin-top:20px;padding-top:20px;display:grid;gap:12px}.benefits div{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#65564a}.tick{background:#eaf0e8;color:#4d7354;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;flex:0 0 21px;font-size:12px;font-weight:800}.detail-code{display:flex;align-items:center;justify-content:space-between;border:1px dashed #ccbcae;background:#fbf4ec;border-radius:12px;padding:14px 16px;margin-top:26px;gap:10px}.detail-code strong{letter-spacing:.06em;font-size:13px;overflow-wrap:anywhere}.detail-code small{font-size:9px;color:var(--muted);display:block}.text-button{background:none;border:0;font-size:10px;text-decoration:underline;text-underline-offset:4px;color:#785641;font-weight:800;padding:5px;flex:none}.detail-bottom{margin-top:auto;padding-top:22px;display:flex;gap:9px;flex-wrap:wrap}.detail-note{font-size:10px;color:var(--muted);margin:13px 0 0}.card-panel{border-radius:24px;background:#e9dfd2;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.card-panel .eyebrow{align-self:start}.art-card{width:min(100%,325px);min-height:431px;aspect-ratio:.74;background:linear-gradient(160deg,#faf2e8,#ead7c2);border:1px solid #d7bfa7;position:relative;overflow:hidden;box-shadow:0 21px 32px rgba(67,44,27,.16);display:flex;flex-direction:column;text-align:center;align-items:center;padding:26px 21px;color:#4a352a}.art-card:before,.art-card:after{content:'';position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(151,111,80,.26);left:50%;transform:translateX(-50%)}.art-card:before{top:77px}.art-card:after{top:105px;width:275px;height:275px}.art-card > *{position:relative;z-index:1}.art-brand{font-size:15px;font-weight:800;letter-spacing:.22em}.art-sub{font-size:6px;letter-spacing:.2em;font-weight:800;margin-top:1px}.art-toptype{font-size:8px;letter-spacing:.21em;text-transform:uppercase;color:#886a53;margin-top:31px;font-weight:800}.art-body{margin:auto 0;padding-top:28px}.art-heading{font:500 42px/.93 var(--serif)}.art-heading em{font-weight:400;display:block;color:#aa7d59}.art-divider{width:35px;height:1px;background:#ac8668;margin:22px auto}.art-offer{font:500 23px/1.12 var(--serif);max-width:250px;margin:auto}.art-code{letter-spacing:.08em;font-size:8px;font-weight:800;margin-top:32px;overflow-wrap:anywhere}.art-foot{font-size:7px;color:#785f50;line-height:1.6;margin-top:15px}.preview-foot{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center;color:#68594d;font-size:10px;text-align:center}.preview-foot span{font-weight:800}.request-section{scroll-margin-top:30px;padding:0 0 90px}.request-head{text-align:center;max-width:690px;margin:0 auto 26px}.request-head h2{font:500 clamp(38px,5.4vw,57px)/1.06 var(--serif);margin:10px 0}.request-head p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}.request-shell{background:var(--paper);border:1px solid var(--edge);padding:clamp(24px,4vw,46px);border-radius:28px;box-shadow:0 15px 46px rgba(43,29,19,.05);max-width:920px;margin:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{margin-bottom:18px}.field label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;background:#fff;border:1px solid #cfbdac;border-radius:11px;color:var(--ink);min-height:47px;outline-offset:2px}.field textarea{min-height:112px;resize:vertical}.field small{display:block;font-size:10px;color:#776a5e;margin-top:6px}.fineprint{font-size:11px;line-height:1.75;color:var(--muted)}.checkwrap{display:flex;gap:11px;align-items:start;margin:14px 0}.checkwrap input{width:17px;height:17px;flex:none;margin-top:3px;accent-color:#8d694f}.checkwrap label{font-size:11px;line-height:1.7;color:#65564b}.form-actions{display:flex;align-items:center;gap:13px;justify-content:space-between;flex-wrap:wrap;margin-top:22px}.form-actions p{font-size:10px;color:var(--muted);max-width:420px;margin:0}.request-feedback{font-size:12px;margin-top:14px;font-weight:800}.success-panel{text-align:center;padding:30px 12px 8px}.success-mark{width:62px;height:62px;border:1px solid #7caa8c;border-radius:50%;color:#4c8661;font:500 43px var(--serif);display:grid;place-items:center;margin:0 auto 20px}.success-panel h2{font:500 56px/.95 var(--serif);margin:0 0 16px}.success-panel p{color:var(--muted);font-size:13px;max-width:540px;margin:0 auto 14px;line-height:1.9}.success-panel .btn{margin:8px 4px}.footer{background:#322820;color:#f4ebe1;padding:35px 0 27px}.footer-grid{display:flex;gap:20px;align-items:center;justify-content:space-between}.footer .wordmark strong{font-size:19px}.footer .wordmark small{color:#c5b5a5}.footer p{max-width:480px;font-size:10px;color:#d4c4b5;line-height:1.75}.footer-links{font-size:11px;color:#d4c4b5;text-align:right}.footer-links a{color:inherit}.divider-ornament{display:flex;align-items:center;gap:13px;color:#af896b;font:italic 23px var(--serif);margin-top:12px}.divider-ornament:before,.divider-ornament:after{content:'';width:32px;height:1px;background:#cdb8a5}@media(max-width:970px){.hero-grid{grid-template-columns:1.2fr .8fr}.hero-art:after{width:300px;height:300px}.orbit{width:340px;height:340px}.orbit.two{width:390px;height:390px}.entry-grid{grid-template-columns:1fr;gap:14px}.entry-card p{max-width:100%}.experience-grid{grid-template-columns:1.07fr .93fr}.detail-panel{padding:25px}.detail-panel h3{font-size:40px}}@media(max-width:700px){.shell{width:min(100% - 26px,570px)}.site-head-inner{min-height:68px}.wordmark strong{font-size:19px}.wordmark small{font-size:7px}.head-link{display:none}.hero-grid{display:block;min-height:auto}.hero-content{padding:43px 0 30px}.hero h1{font-size:clamp(47px,12vw,73px);margin-bottom:14px}.hero p{font-size:12px;max-width:520px}.hero-art{height:190px;min-height:190px;overflow:hidden}.hero-art:after{width:235px;height:235px;bottom:-86px}.orbit{width:280px;height:280px;bottom:-108px}.orbit.two{width:330px;height:330px;bottom:-135px}.hero-center{transform:translateY(3px) rotate(-3deg)}.hero-center strong{font-size:26px}.hero-center span{font-size:9px}.hero-center i{font-size:20px;margin-top:4px}.entry-card{margin-top:-7px;padding:24px 19px;border-radius:18px}.entry-card h2{font-size:33px}.verify-controls{flex-direction:column}.verify-controls .btn{width:100%}.steps{grid-template-columns:1fr;gap:14px;margin-top:23px;padding:0 5px}.step-num{width:38px;height:38px}.experience-section{padding:35px 0 55px}.experience-top{display:block}.experience-top h2{font-size:43px;margin-bottom:11px}.experience-grid{grid-template-columns:1fr}.detail-panel{padding:26px 21px}.detail-panel h3{font-size:46px}.card-panel{padding:22px}.art-card{max-width:320px}.form-row{grid-template-columns:1fr;gap:0}.request-shell{padding:24px 19px;border-radius:20px}.footer-grid{align-items:start;flex-direction:column}.footer-links{text-align:left}.success-panel h2{font-size:43px}.form-actions{align-items:stretch;flex-direction:column}.form-actions .btn{width:100%}.form-actions p{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* PRESENTAZIONE CARD — VERSIONE EDITORIALE, SENZA MODIFICHE AL RESTO DEL PERCORSO */
.card-panel{background:#eee5d9;padding:26px 23px 24px;align-items:stretch;gap:0;box-shadow:inset 0 0 0 1px rgba(133,101,74,.06)}
.card-panel-intro{margin:0 6px 17px}
.card-panel-intro h3{font:500 32px/1.08 var(--serif);letter-spacing:-.01em;margin:7px 0 8px;color:#3d3028}
.card-panel-intro h3 em{color:#99785b;font-weight:400}
.card-panel-intro p{max-width:370px;font:400 11px/1.75 var(--sans);color:#776a60;margin:0}
.card-stage{padding:20px 12px 22px;background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.58),transparent 48%),linear-gradient(133deg,#e4d5c3,#d9c8b4);border:1px solid rgba(139,101,66,.14);border-radius:16px;display:flex;align-items:center;justify-content:center;min-height:475px;overflow:hidden;position:relative}
.card-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(255,255,255,.05) 19px 20px);pointer-events:none}
.art-card{width:min(100%,295px);min-height:397px;aspect-ratio:3/4;background:linear-gradient(155deg,#fffcf6,#f2e6d5 93%)!important;border:1px solid #dfd0bd;border-radius:3px;box-shadow:10px 16px 2px rgba(93,67,45,.06),0 22px 30px rgba(75,54,39,.2);padding:26px 26px 20px;display:flex;align-items:stretch;text-align:left;overflow:hidden;color:#44332a;transform:rotate(-2deg)}
.art-card:before,.art-card:after{display:none}
.art-card > *{position:relative;z-index:1}
.art-botanical{position:absolute!important;width:81%;height:auto;right:-10%;top:-5%;z-index:0!important;opacity:.67;pointer-events:none}
.art-head{position:relative;z-index:2;padding-bottom:10px;border-bottom:1px solid rgba(143,111,86,.2)}
.art-brand{font:500 24px/1.05 var(--serif);letter-spacing:.09em}
.art-sub{font-size:6px;letter-spacing:.18em;font-weight:700;margin-top:5px}
.art-body{margin:82px 0 auto;padding:0;position:relative;z-index:2;max-width:100%}
.art-toptype{font-size:7px;letter-spacing:.16em;font-weight:800;color:#80684f;margin:0 0 10px}
.art-heading{font:500 31px/.96 var(--serif);max-width:190px;color:#47372e}
.art-heading em{display:block;font-weight:400;color:#9c7656;margin-top:4px}
.art-divider{width:35px;background:#a27e5e;margin:17px 0 14px}
.art-offer{font:500 24px/1.06 var(--serif);max-width:210px;margin:0;overflow-wrap:break-word;color:#433229}
.art-bottom{position:relative;z-index:2;margin-top:20px;border-top:1px solid rgba(143,111,86,.24);padding-top:13px}
.art-code-label{font-size:7px;color:#816853;font-weight:800;letter-spacing:.17em}
.art-code{font-size:10px;font-weight:800;letter-spacing:.07em;margin:3px 0 0;overflow-wrap:anywhere}
.art-foot{font-size:7px;line-height:1.6;color:#7a6a5e;margin-top:10px}
.card-panel-footer{padding:17px 4px 1px}
.download-explain{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.download-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #c4ac92;color:#6d4f39;font-size:21px;flex:none}
.download-explain strong{display:block;color:#44352b;font:700 13px var(--sans);margin-bottom:1px}
.download-explain span:not(.download-icon){display:block;color:#736356;font:400 11px/1.5 var(--sans)}
.card-download{display:block;width:100%;padding:14px 16px;font-size:11px}
.preview-foot{display:block;font-size:9px;text-align:center;margin-top:12px;line-height:1.5}
@media (max-width:700px){.card-panel{padding:22px 17px 24px}.card-panel-intro{margin:0 3px 15px}.card-panel-intro h3{font-size:30px}.card-stage{min-height:435px;padding:20px 12px}.art-card{width:min(100%,286px);min-height:390px}.art-body{margin-top:78px}.art-heading{font-size:30px}.art-offer{font-size:22px}}
@media (prefers-reduced-motion:reduce){.art-card{transform:none}}

.art-card.long-offer .art-offer{font-size:19px;line-height:1.12}.art-card.long-offer .art-body{margin-top:73px}

/* CARD WYSIWYG: lo STESSO canvas è mostrato a video ed esportato in PNG. */
.card-stage { min-height:480px; padding:24px 14px; }
.card-canvas { display:block; width:min(100%,300px); height:auto; aspect-ratio:3/4; flex:none; background:#f9f0e5; border:1px solid #ddcbb9; border-radius:3px; box-shadow:10px 16px 2px rgba(93,67,45,.05),0 22px 35px rgba(75,54,39,.19); transform:none; }
@media (max-width:700px) { .card-stage{min-height:442px;padding:20px 12px;} .card-canvas{width:min(100%,300px);} }

[hidden]{display:none!important} .btn{white-space:normal;min-height:48px} .btn:disabled{opacity:.55;cursor:wait} .field input,.field select,.field textarea{font-size:16px} .hero p,.detail-panel .description,.request-head p,.checkwrap label{font-size:15px} .card-canvas{width:min(100%,440px)} .head-link{padding:10px 0;min-height:44px} .hp-field{position:absolute;left:-10000px} .detail-panel,.experience-grid>*{min-width:0} .request-feedback{overflow-wrap:anywhere} @media(max-width:700px){.hero p{font-size:15px}.card-stage{min-height:0}.card-canvas{width:100%}}
