/* Identità del Portale: carta calda, inchiostro e arancio segnale. */
:root{--orange-ink:#9a4400;--orange-pale:#fff0db;--paper:#fffaf3;--paper-dark:#f8efe3}
body{background:var(--paper)}
a{color:var(--orange-ink)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #dc6803;outline-offset:3px}
.button{border-radius:7px;box-shadow:none}
.button-primary,.button-primary:visited{color:#221a14;background:#dc6803;border-color:#dc6803;box-shadow:4px 4px 0 #422717}
.button-primary:hover{color:#fff;background:#9a4400;border-color:#9a4400;box-shadow:2px 2px 0 #422717}
.button-secondary,.file-button{color:var(--orange-ink);background:#fff0db;border-color:#f2c9a2}
.button-white{color:#221a14;background:#fffaf3}
.eyebrow,.step-label,.tip-label,.modal-head small{color:var(--orange-ink)}
.eyebrow-light{color:#fbbd7c}
input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px rgba(220,104,3,.17)}

/* Sito pubblico: la scheda SMS e il ritmo tipografico diventano il segno riconoscibile. */
.site-header{background:rgba(255,250,243,.96);border-bottom:1px solid var(--line)}
.site-header:before{content:"";display:block;height:4px;background:#dc6803}
.site-menu>a:not(.button){color:#33291f}
.site-menu>a:not(.button):hover{color:var(--orange-ink)}
.hero{padding:110px 0 120px;background:#fff8ee}
.hero:before{display:none}
.hero:after{content:"SMS / 001";position:absolute;right:27px;bottom:36px;color:#b3703b;font:700 12px/1 Consolas,monospace;letter-spacing:.2em;writing-mode:vertical-rl}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:50px}
.hero-copy .eyebrow{display:inline-block;padding:6px 9px;background:var(--orange-pale);border-left:4px solid #dc6803}
.hero-copy h1,.section-heading h2,.split-panel h2,.cta-panel h2,.auth-copy h1,.docs-hero h1,.simple-hero h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em}
.hero-copy h1{max-width:760px;font-size:clamp(50px,5.7vw,78px);line-height:1.04}
.hero-copy h1 span{color:#9a4400}
.hero-copy>p{color:#51473d}
.hero-trust{color:#51473d}
.hero-trust span:before{color:#9a4400}
.hero-visual{min-height:480px;isolation:isolate}
.hero-visual:before{content:"";position:absolute;inset:33px 22px 5px 55px;background:#dc6803;clip-path:polygon(0 0,100% 0,100% 86%,85% 100%,0 100%);transform:rotate(3deg);z-index:-1}
.dispatch-card{position:absolute;top:54px;left:12px;right:25px;padding:26px 29px 23px;background:#fffdf8;border:1px solid #c7a27f;box-shadow:12px 16px 0 rgba(87,43,10,.18);transform:rotate(-3deg)}
.dispatch-card:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:radial-gradient(circle at 10px 0,transparent 9px,#fffdf8 10px) 0 0/20px 10px repeat-x}
.dispatch-top,.dispatch-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#6a5647;font:700 10px/1.4 Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.dispatch-top{padding-bottom:24px;border-bottom:2px dashed #d6bba0}
.dispatch-status{color:#08774a;white-space:nowrap}
.dispatch-status span{font-size:13px}
.dispatch-route{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 0}
.dispatch-route>div{flex:1}
.dispatch-route>div:last-child{text-align:right}
.dispatch-route small,.dispatch-route strong{display:block}
.dispatch-route small{color:#7a6758;font:700 11px Consolas,monospace;letter-spacing:.16em}
.dispatch-route strong{font-size:16px}
.dispatch-route>span{color:#dc6803;font-size:34px;line-height:1}
.dispatch-message{padding:21px 22px 17px;background:#fff0db;border-left:5px solid #dc6803}
.dispatch-message>span{color:#9a4400;font:700 10px Consolas,monospace;letter-spacing:.14em}
.dispatch-message p{margin:9px 0 0;font-size:19px;font-weight:650;line-height:1.42}
.dispatch-bottom{padding-top:22px}
.dispatch-bottom strong{color:#1f1a16}
.metric-float{border:1px solid #e1b993;border-radius:5px;box-shadow:6px 6px 0 rgba(69,42,20,.12)}
.metric-one{top:0;right:0;transform:rotate(5deg)}
.metric-one strong{color:#9a4400}
.metric-two{bottom:0;left:-12px;transform:rotate(-3deg)}
.metric-two strong{font-size:18px}
.logo-strip{padding:18px 0;color:#fff9f0;background:#29221c;border-color:#29221c;font:700 12px/1.5 Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.section-heading{max-width:830px;margin-left:0;text-align:left}
.section-heading h2{max-width:780px}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.feature-card{position:relative;min-height:220px;padding:34px 37px;background:#fffdf8;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}
.feature-card:hover{background:#fff4e3}
.feature-number{width:auto;height:auto;display:block;margin:0 0 28px;color:#9a4400;background:transparent;border-radius:0;font:700 15px Consolas,monospace}
.feature-card h3{font-size:24px;letter-spacing:-.03em}
.section-dark{background:#241e19}
.section-dark .eyebrow{color:#fbbd7c}
.split-panel p{color:#e3d4c4}
.code-card,.code-example pre,.docs-content pre{color:#f8dfc6;background:#191714;border-color:#6a4a32;border-radius:6px}
.text-link-light{color:#ffca95}
.price-card{background:#fffdf8;border-color:#d9c6b2;border-radius:3px;box-shadow:5px 5px 0 #ecddcc}
.price-card:before{content:"";height:7px;margin:-28px -28px 14px;background:repeating-linear-gradient(90deg,#dc6803 0 22px,#fffdf8 22px 30px)}
.price-card.is-featured{border-color:#dc6803;box-shadow:6px 6px 0 rgba(220,104,3,.25)}
.price-badge{color:#221a14;background:#f7ad60;border-radius:3px}
.price-card>small{color:var(--orange-ink)}
.price-card h3{font-family:Georgia,"Times New Roman",serif}
.cta-panel{color:#fff9f0;background:#9a4400;border-radius:3px;box-shadow:10px 10px 0 #f0c99f}
.cta-panel p{color:#ffe8d3}
.site-footer{background:#1b1916;border-top:6px solid #dc6803}
.site-footer .footer-grid a:hover{color:#fff}
.footer-bottom{border-color:#58483b}
.auth-section,.simple-hero{background:#fff3e3}
.form-card,.panel{border-radius:7px;box-shadow:var(--shadow)}
.auth-proof{border-color:#dc6803;background:#fffaf3}
.business-fields,.company-summary,.switch-field{background:#fff4e5}
.error-code{color:#f5d5af}

/* Area riservata: scrivania di lavoro, con segnaletica arancio ma dati neutri. */
.app-shell{background:#f7f1e9}
.app-sidebar{background:#1d1b18;border-right:4px solid #dc6803}
.workspace-card{background:#2d2924;border-color:#514333;border-radius:5px}
.workspace-card small{color:#e3cbb5}
.workspace-avatar,.profile-chip,.account-avatar{color:#221a14;background:#dc6803;border-radius:5px}
.app-nav-link{color:#d8c9ba;border-radius:4px}
.app-nav-link:hover,.app-nav-link.is-active{color:#fff6ed;background:#4b311e;box-shadow:inset 4px 0 #dc6803}
.balance-panel{color:#25180d;background:#f3ad69;border-radius:5px}
.balance-panel small{color:#55341d}
.logout-button{color:#d8c9ba}
.app-topbar{background:#fffaf3}
.page-intro h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.stat-card{border-radius:6px;background:#fffdf8}
.stat-primary{color:#21170e;background:#f3ad69;border:1px solid #e79548}
.stat-primary small,.stat-primary a{color:#4e2e15}
th,td{border-bottom-color:#e9dccc}
.quick-panel>a>span,.file-button,.sender-avatar,.key-icon{color:#9a4400;background:#fff0db}
.pill-selector span{background:#fff8ee}
.pill-selector input:checked+span{color:#21170e;background:#f3ad69;border-color:#dc6803}
.summary-card .summary-total{background:#fff0db}
.summary-total dd{color:#9a4400}
.notice-panel{color:#5a3215;background:#fff0db;border-color:#edc99f;border-radius:6px}
.notice-icon,.icon-button{color:#21170e;background:#dc6803}
.phone-verification-panel{margin-bottom:20px;background:#fff9f1;border-left:5px solid #dc6803}
.phone-verification-panel h2{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:27px}
.phone-verification-panel p{max-width:680px;color:var(--muted)}
.phone-code-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:18px}
.phone-code-form label{width:min(240px,100%)}
.phone-code-form input{font:700 22px/1.1 Consolas,monospace;letter-spacing:.28em}
.phone-resend-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.phone-resend-form small{color:var(--muted)}
.phone-verification-status{align-items:center}
.scope-box,.landing-preview{background:#fff8ee}
.scope-box span{background:#ffe7c8}
.secret-panel{color:#fff7ee;background:#6b3411;border-radius:5px}
.balance-callout{color:#21170e;background:#f3ad69}
.public-landing-card{border:1px solid #e2c9ae;border-radius:6px}
.landing-kicker{color:var(--landing-kicker)}
.landing-cta{color:var(--landing-text)}

@media(max-width:1050px){.hero-grid{gap:28px}.dispatch-card{left:0;right:8px}.metric-one{right:-8px}}
@media(max-width:850px){.site-menu{background:#fffaf3}.hero-grid{grid-template-columns:1fr}.hero-visual{width:min(540px,100%);margin:15px auto 0}.section-heading{margin-left:0}.metric-one{right:0}}
@media(max-width:560px){.hero{padding:54px 0 76px}.hero:after{display:none}.hero-copy h1{font-size:clamp(42px,11vw,56px)}.hero-visual{min-height:430px}.hero-visual:before{inset:48px 20px 24px 18px}.dispatch-card{top:44px;left:2px;right:15px;padding:19px 17px}.dispatch-top,.dispatch-bottom{font-size:9px}.dispatch-route{padding:15px 0}.dispatch-route strong{font-size:13px}.dispatch-message{padding:15px}.dispatch-message p{font-size:16px}.dispatch-bottom{align-items:flex-start;flex-direction:column;padding-top:14px}.metric-float{padding:10px 12px}.metric-one{top:0;right:0}.metric-one strong{font-size:18px}.metric-two{bottom:0;left:0}.metric-two strong{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:28px}.price-card:before{margin:-28px -28px 14px}.site-footer{padding-top:45px}}
@media(max-width:390px){.dispatch-route>span{font-size:22px}.metric-one{right:-3px}.metric-two{max-width:220px}}