:root { --ink:#14201c; --soft:#4b5b54; --forest:#102a26; --forest-2:#1d493e; --accent:#eb7953; --cream:#f4f0e6; --paper:#fbfaf6; --white:#fff; --line:rgba(20,32,28,.14); --shadow:0 28px 70px rgba(16,42,38,.14); --radius:24px; --container:1180px; --header:74px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:var(--paper); font:400 17px/1.62 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
body[data-lang="it"] .lang-en, body[data-lang="en"] .lang-it { display:none!important; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { color:inherit; }
p { margin:0 0 1rem; }
ul { margin:0; padding:0; }
img { display:block; max-width:100%; }
:focus-visible { outline:3px solid rgba(235,121,83,.75); outline-offset:4px; }
.container { width:min(var(--container),calc(100% - 40px)); margin-inline:auto; }
.narrow { max-width:880px; }
.sr-only { position:absolute!important; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position:fixed; z-index:300; top:10px; left:10px; padding:.65rem 1rem; color:#fff; background:var(--forest); transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.candidate-bar { display:none; }
.site-header { position:sticky; z-index:100; top:0; border-bottom:1px solid var(--line); background:rgba(251,250,246,.94); backdrop-filter:blur(15px); }
.header-inner { min-height:var(--header); display:flex; align-items:center; gap:1.25rem; }
.brand { flex:0 0 auto; padding:8px 12px; margin-left:-12px; }
.brand img { width:150px; height:auto; }
.header-nav { display:flex; align-items:center; gap:1.15rem; margin-left:auto; }
.header-nav a { position:relative; padding:.35rem 0; color:var(--soft); font-size:.82rem; font-weight:700; white-space:nowrap; }
.header-nav a.is-current { color:var(--ink); }
.header-nav a.is-current::after { content:""; position:absolute; right:0; bottom:-.45rem; left:0; height:2px; background:var(--accent); }
.header-nav a.nav-cta { margin-left:.2rem; padding:.55rem .82rem; border-radius:999px; color:#fff; background:var(--forest); }
.header-nav a.nav-cta.is-current::after { display:none; }
.lang-toggle { display:flex; gap:.2rem; padding:.18rem; border:1px solid var(--line); border-radius:999px; }
.lang-toggle button { min-width:34px; height:28px; border:0; border-radius:999px; background:transparent; font-size:.68rem; font-weight:900; cursor:pointer; }
.lang-toggle button[aria-pressed="true"] { color:#fff; background:var(--forest); }
.menu-toggle { display:none; width:42px;height:42px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.menu-toggle i { display:block; width:18px;height:2px;margin:4px auto;background:var(--ink); }
.hero { position:relative; overflow:hidden; padding:clamp(5rem,9vw,8.5rem) 0; background:var(--cream); }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.5; background-image:linear-gradient(rgba(16,42,38,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,42,38,.055) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,#000,transparent 82%); }
.hero-grid,.form-layout { position:relative; display:grid; grid-template-columns:minmax(0,.95fr) minmax(420px,.8fr); gap:5rem; align-items:center; }
.hero-compact { padding:clamp(4rem,7vw,7rem) 0; }
.eyebrow { margin:0 0 1rem; color:#ba4d2d; font-size:.72rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
h1,h2,h3 { text-wrap:balance; }
h1 { max-width:12ch; margin:0 0 1.3rem; font:500 clamp(3.3rem,6.7vw,6.7rem)/.93 Georgia,serif; letter-spacing:-.055em; }
.hero-compact h1 { max-width:15ch; font-size:clamp(3rem,5.6vw,5.6rem); }
h1 em { color:var(--forest-2); font-weight:inherit; }
.lead { max-width:65ch; color:var(--soft); font-size:1.08rem; }
.hero-note { margin-top:1rem; color:var(--soft); font-size:.74rem; font-weight:750; letter-spacing:.02em; }
.actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.8rem; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:.72rem 1.15rem; border:1px solid transparent; border-radius:999px; font-weight:850; cursor:pointer; }
.button-primary { color:#fff; background:var(--accent); box-shadow:0 10px 24px rgba(235,121,83,.23); }
.button-secondary { border-color:var(--line); background:rgba(255,255,255,.66); }
.button-full { width:100%; }
.text-link { align-self:center; border-bottom:1px solid var(--ink); font-weight:800; }
.section { padding:clamp(4.5rem,8vw,7.2rem) 0; }
.section-muted { background:var(--cream); }
.section-dark { color:#fff; background:var(--forest); }
.section-heading { max-width:820px; margin-bottom:3rem; }
.section-heading h2,.cta-band h2,.form-layout h2,.empty-showcase h2 { margin:0 0 1rem; font:500 clamp(2.6rem,5vw,5rem)/.98 Georgia,serif; letter-spacing:-.045em; }
.section-heading p:not(.eyebrow),.form-layout>div>p,.trust-grid>p { color:var(--soft); }
.section-dark .section-heading p,.section-dark .trust-grid>p { color:rgba(255,255,255,.7); }
.role-map { min-height:440px; display:grid; grid-template-columns:1fr 75px 1fr; align-items:center; padding:1.3rem; border:1px solid rgba(255,255,255,.65); border-radius:32px; background:rgba(255,255,255,.58); box-shadow:var(--shadow); }
.role-map div { min-height:260px; display:grid; align-content:center; gap:.55rem; padding:1.3rem; border-radius:22px; color:#fff; background:var(--forest); }
.role-map div:last-child { color:var(--ink); background:#dfeae3; }
.role-map span { color:var(--accent); font-size:.7rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.role-map b { font:500 1.5rem/1.12 Georgia,serif; }
.role-map i { position:relative; z-index:1; width:75px;height:75px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--accent); font-size:.7rem;font-style:normal;font-weight:900; }
.home-hero { padding-bottom:0; }
.home-hero .hero-grid { padding-bottom:clamp(4rem,7vw,7rem); }
.product-story { position:relative; overflow:hidden; padding:1.15rem; border:1px solid rgba(255,255,255,.78); border-radius:30px; color:#fff; background:linear-gradient(155deg,#0b211d 0%,#123a32 60%,#29574b 100%); box-shadow:0 32px 80px rgba(16,42,38,.22); }
.product-story::after { content:""; position:absolute; top:-90px; right:-80px; width:260px; height:260px; border:1px solid rgba(235,121,83,.35); border-radius:50%; box-shadow:0 0 0 38px rgba(235,121,83,.06),0 0 0 76px rgba(235,121,83,.04); }
.story-top { position:relative; z-index:1; display:flex; justify-content:space-between; gap:1rem; padding:.35rem .4rem 1rem; border-bottom:1px solid rgba(255,255,255,.13); }
.story-top span { color:#f4a384; font-size:.7rem; font-weight:950; letter-spacing:.15em; }
.story-top small { color:rgba(255,255,255,.56); }
.product-story ol { position:relative; z-index:1; display:grid; gap:.55rem; margin:1rem 0 0; padding:0; list-style:none; }
.product-story li { display:grid; grid-template-columns:42px 1fr; gap:.85rem; align-items:center; padding:.85rem; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(255,255,255,.055); }
.product-story li>span { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; color:#f6b39a; background:rgba(235,121,83,.12); font-size:.68rem; font-weight:900; }
.product-story li div { display:grid; gap:.08rem; }
.product-story li b { font:500 1.02rem Georgia,serif; }
.product-story li small { color:rgba(255,255,255,.58); font-size:.72rem; }
.value-bridge { position:relative; overflow:hidden; padding:1.25rem; border:1px solid rgba(255,255,255,.78); border-radius:30px; background:rgba(255,255,255,.72); box-shadow:0 32px 80px rgba(16,42,38,.16); }
.value-state { display:grid; gap:.7rem; padding:1.25rem; border-radius:20px; }
.value-state>span { color:#ba4d2d; font-size:.68rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.value-state-before { border:1px solid var(--line); background:#fff; }
.value-state-before ul { display:flex; flex-wrap:wrap; gap:.45rem; margin:0; padding:0; list-style:none; }
.value-state-before li { padding:.42rem .62rem; border-radius:999px; color:var(--soft); background:var(--cream); font-size:.72rem; font-weight:800; }
.value-state-after { color:#fff; background:var(--forest); }
.value-state-after>span { color:#f4a384; }
.value-state-after b { font:500 clamp(1.35rem,2.4vw,2rem)/1.1 Georgia,serif; }
.value-state small { color:var(--soft); line-height:1.5; }
.value-state-after small { color:rgba(255,255,255,.65); }
.value-arrow { width:42px; height:42px; display:grid; place-items:center; margin:-.2rem auto; border-radius:50%; color:#fff; background:var(--accent); font-weight:900; }
.capability-strip { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-bottom:0; border-radius:24px 24px 0 0; background:var(--paper); box-shadow:0 -12px 38px rgba(16,42,38,.08); }
.capability-strip div { display:grid; gap:.15rem; padding:1.25rem 1.4rem; }
.capability-strip div+div { border-left:1px solid var(--line); }
.capability-strip b { font:500 1.15rem Georgia,serif; }
.capability-strip span { color:var(--soft); font-size:.72rem; }
.role-cards,.three-cards,.pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.three-cards,.pricing-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.outcome-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.outcome-grid article { min-height:330px; display:flex; flex-direction:column; padding:1.8rem; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(180deg,#fff 0%,#f7f5ee 100%); }
.outcome-grid article>span { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--forest); font-size:.68rem; font-weight:900; }
.outcome-grid h3 { max-width:11ch; margin:auto 0 .9rem; font:500 2.15rem/1 Georgia,serif; }
.outcome-grid p { margin-bottom:0; color:var(--soft); }
.role-cards article,.three-cards article,.pricing-grid article { min-height:260px; display:flex; flex-direction:column; padding:1.65rem; border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:0 12px 34px rgba(20,32,28,.06); }
.role-cards article>span,.three-cards article>span,.pricing-grid article>span { color:var(--accent);font-size:.68rem;font-weight:900; }
.role-cards h3,.three-cards h3,.pricing-grid h2 { margin:2rem 0 .7rem; font:500 2rem/1 Georgia,serif; }
.role-cards p,.three-cards p,.pricing-grid p { color:var(--soft); }
.role-cards a { margin-top:auto;color:var(--forest-2);font-weight:850; }
.pain-cards article { min-height:230px; }
.metric-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:1rem; border:1px solid var(--line); border-radius:22px; background:var(--forest); overflow:hidden; }
.metric-strip div { display:grid; gap:.3rem; padding:1.15rem; }
.metric-strip div+div { border-left:1px solid rgba(255,255,255,.12); }
.metric-strip b { color:#fff; font:500 1.05rem/1.15 Georgia,serif; }
.metric-strip span { color:rgba(255,255,255,.58); font-size:.7rem; }
.trust-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(380px,.7fr); gap:5rem; align-items:center; }
.trust-grid h2 { margin:0; font:500 clamp(2.6rem,5vw,4.8rem)/.98 Georgia,serif; letter-spacing:-.045em; }
.check-list { display:grid; gap:.85rem; list-style:none; }
.check-list li { position:relative; padding-left:1.45rem; }
.check-list li::before { content:"✓"; position:absolute; left:0; color:var(--accent);font-weight:900; }
.inline-check { margin-top:1.8rem; color:var(--soft); }
.cta-band { background:#e6eee9; }
.cta-band .container { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.cta-band .container>div>p:not(.eyebrow) { max-width:62ch; color:var(--soft); }
.cta-band h2 { max-width:14ch; margin:0; }
.standards-panel { padding:2rem; border-radius:30px; color:#fff; background:var(--forest); box-shadow:var(--shadow); }
.standards-panel h2 { margin:.3rem 0 1.6rem; font:500 clamp(2rem,3.8vw,3.2rem)/1 Georgia,serif; }
.demo-agenda { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; }
.demo-agenda span { padding:1rem; border:1px solid rgba(255,255,255,.14); border-radius:16px; color:rgba(255,255,255,.78); background:rgba(255,255,255,.055); font-size:.8rem; font-weight:800; }
.demo-agenda-light { margin-top:1.4rem; }
.demo-agenda-light span { border-color:var(--line); color:var(--ink); background:rgba(255,255,255,.62); }
.faq-list { display:grid; gap:.75rem; max-width:920px; }
.faq-list details { border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(20,32,28,.045); }
.faq-list summary { position:relative; padding:1.15rem 3rem 1.15rem 1.25rem; cursor:pointer; list-style:none; font-weight:850; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; position:absolute; top:50%; right:1.2rem; transform:translateY(-50%); color:var(--accent); font-size:1.35rem; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { margin:0; padding:0 1.25rem 1.25rem; color:var(--soft); }
.screen-slot { min-width:0; margin:0; }
.screen-media { position:relative; overflow:hidden; border:1px solid rgba(16,42,38,.14); border-radius:24px; background:#e8efec; box-shadow:var(--shadow); }
.screen-media::after { content:""; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.45); border-radius:inherit; }
.screen-media img { display:block; width:100%; height:auto; }
.screen-slot--s01 .screen-media { aspect-ratio:3/2; }
.screen-slot--s01 .screen-media img { width:100%;height:100%;object-fit:cover;object-position:center; }
.screen-slot--s02 .screen-media { aspect-ratio:7/5; }
.screen-slot--s02 .screen-media img { width:100%;height:100%;object-fit:cover;object-position:center; }
.screen-slot--s03 .screen-media { aspect-ratio:16/10; }
.screen-slot--s03 .screen-media img { width:100%;height:100%;object-fit:cover;object-position:center; }
.screen-slot--s04 .screen-media { aspect-ratio:4/3; }
.screen-slot--s04 .screen-media img { width:100%;height:100%;object-fit:cover;object-position:left top; }
.screen-slot--s05 .screen-media { aspect-ratio:35/12; }
.screen-slot--s05 .screen-media img { width:100%;height:100%;object-fit:cover;object-position:center; }
.screen-placeholder { position:relative; overflow:hidden; aspect-ratio:3/2; min-height:250px; display:grid; align-content:center; justify-items:center; gap:.45rem; padding:2rem; border:1px dashed rgba(255,255,255,.34); border-radius:24px; color:#fff;background:linear-gradient(145deg,#122721,#24493e);text-align:center;box-shadow:var(--shadow); }
.screen-placeholder::before { content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:30px 30px; }
.screen-placeholder span,.screen-placeholder b,.screen-placeholder small,.screen-placeholder i { position:relative; }
.screen-placeholder>span { position:absolute;top:1rem;left:1rem;color:#f4a384;font-size:.65rem;font-weight:900; }
.capture-mark { position:relative; display:flex; gap:.35rem; align-items:center; justify-content:center; width:82px; height:56px; border:1px solid rgba(255,255,255,.22); border-radius:14px; background:rgba(255,255,255,.06); }
.capture-mark i { width:9px; height:9px; border-radius:50%; background:var(--accent); }
.capture-mark i:nth-child(2) { opacity:.65; }
.capture-mark i:nth-child(3) { opacity:.35; }
.screen-placeholder b { font-size:.85rem; }
.screen-placeholder small { color:rgba(255,255,255,.55); }
.screen-slot figcaption { display:grid;gap:.3rem;margin-top:.8rem; }
.screen-slot figcaption strong { font:500 1.15rem/1.15 Georgia,serif; }
.screen-slot figcaption span { color:var(--soft);font-size:.78rem; }
.shot-grid { display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,4rem); }
.shot-grid .screen-slot { width:100%; }
.shot-grid .screen-slot--s04 { width:min(100%,920px); justify-self:center; }
.workflow-proof { gap:clamp(3rem,7vw,6rem); }
.workflow-proof .screen-slot { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:clamp(1.4rem,4vw,3.5rem); align-items:center; }
.workflow-proof .screen-slot:nth-child(even) .screen-media { order:2; }
.workflow-proof .screen-slot:nth-child(even) figcaption { order:1; }
.workflow-proof .screen-slot--s04 { width:100%; }
.workflow-proof figcaption { align-content:center; margin:0; padding:clamp(1.3rem,3vw,2rem); border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 14px 36px rgba(20,32,28,.055); }
.workflow-proof figcaption strong { font-size:clamp(1.65rem,3vw,2.7rem); line-height:1; }
.workflow-proof figcaption>span { margin-top:.7rem; font-size:.9rem; line-height:1.65; }
.agency-hero { padding-bottom:0; }
.agency-thread { overflow:hidden; border:1px solid rgba(255,255,255,.78); border-radius:30px; background:rgba(255,255,255,.76); box-shadow:0 32px 80px rgba(16,42,38,.16); }
.agency-thread-head { display:flex; justify-content:space-between; gap:1rem; padding:1.2rem 1.35rem; color:#fff; background:var(--forest); }
.agency-thread-head span { font:500 1.2rem/1.1 Georgia,serif; }
.agency-thread-head small { color:rgba(255,255,255,.68); font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.agency-thread ol { list-style:none; margin:0; padding:.55rem 1.35rem 1.35rem; }
.agency-thread li { position:relative; display:grid; grid-template-columns:108px 1fr; gap:.75rem; padding:1rem 0 1rem 1.5rem; border-bottom:1px solid var(--line); }
.agency-thread li:last-child { border:0; }
.agency-thread li::before { content:""; position:absolute; left:0; top:1.22rem; width:10px; height:10px; border:3px solid #fff; border-radius:50%; background:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.agency-thread li:not(:last-child)::after { content:""; position:absolute; left:4px; top:1.85rem; bottom:-1.25rem; width:2px; background:linear-gradient(var(--accent),rgba(43,128,119,.08)); }
.agency-thread li b { color:var(--forest); font-size:.78rem; }
.agency-thread li span { color:var(--soft); font-size:.75rem; }
.agency-proof-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:3rem; border:1px solid rgba(16,42,38,.12); border-radius:24px 24px 0 0; background:var(--forest); overflow:hidden; }
.agency-proof-strip div { display:grid; gap:.35rem; padding:1.25rem; }
.agency-proof-strip div+div { border-left:1px solid rgba(255,255,255,.13); }
.agency-proof-strip b { color:#fff; font:500 1.15rem/1.1 Georgia,serif; }
.agency-proof-strip span { color:rgba(255,255,255,.66); font-size:.72rem; line-height:1.55; }
.demo-outcome { display:grid; gap:.3rem; max-width:720px; margin-top:1.15rem; padding:1rem 1.1rem; border-left:3px solid var(--accent); border-radius:0 14px 14px 0; background:rgba(43,128,119,.08); }
.demo-outcome b { color:var(--forest); font-size:.72rem; text-transform:uppercase; letter-spacing:.07em; }
.demo-outcome span { color:var(--soft); font-size:.76rem; line-height:1.55; }
.agency-friction-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.agency-friction-grid article { min-height:310px; display:flex; flex-direction:column; padding:1.7rem; border:1px solid var(--line); border-radius:24px; background:#fff; }
.agency-friction-grid article>span { color:var(--accent); font-size:.68rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.agency-friction-grid h3 { margin:auto 0 .9rem; font:500 1.8rem/1.04 Georgia,serif; }
.agency-friction-grid p { margin:0; color:var(--soft); font-size:.84rem; line-height:1.65; }
.agency-os-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.agency-os-grid article { min-height:360px; display:flex; flex-direction:column; padding:1.55rem; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.86); box-shadow:0 12px 34px rgba(20,32,28,.045); }
.agency-os-grid article>span { width:max-content; padding:.35rem .55rem; border-radius:999px; color:var(--forest); background:var(--mint); font-size:.62rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.agency-os-grid h3 { margin:1.25rem 0 .75rem; font:500 1.7rem/1.04 Georgia,serif; }
.agency-os-grid p { margin:0; color:var(--soft); font-size:.8rem; line-height:1.6; }
.agency-os-grid ul { display:grid; gap:.45rem; margin:auto 0 0; padding:1.2rem 0 0; list-style:none; }
.agency-os-grid li { position:relative; padding-left:1.15rem; color:var(--ink); font-size:.72rem; }
.agency-os-grid li::before { content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:900; }
.agency-boundary { display:grid; grid-template-columns:minmax(200px,.35fr) 1fr; gap:2rem; align-items:start; margin-top:1rem; padding:1.4rem 1.55rem; border:1px solid rgba(235,111,78,.25); border-radius:22px; background:#fff7f1; }
.agency-boundary b { font:500 1.35rem/1.1 Georgia,serif; }
.agency-boundary p { margin:0; color:var(--soft); font-size:.82rem; line-height:1.7; }
.agency-proof-section { background:linear-gradient(180deg,#f6f0e4 0%,#faf8f2 100%); }
.agency-proof-section .section-heading { margin-bottom:clamp(3rem,6vw,5rem); }
.agency-proof-section .workflow-proof { gap:clamp(2rem,4vw,3.5rem); }
.agency-proof-section .workflow-proof .screen-slot { grid-template-columns:1fr; gap:.35rem; padding:clamp(.85rem,2vw,1.4rem); border:1px solid rgba(16,42,38,.12); border-radius:30px; background:#fff; box-shadow:0 24px 54px rgba(16,42,38,.09); }
.agency-proof-section .workflow-proof .screen-slot:nth-child(even) .screen-media,
.agency-proof-section .workflow-proof .screen-slot:nth-child(even) figcaption { order:initial; }
.agency-proof-section .workflow-proof .screen-media { border-radius:22px; box-shadow:none; }
.agency-proof-section .workflow-proof figcaption { grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr); gap:clamp(1.2rem,3vw,3rem); align-items:start; border:0; background:transparent; box-shadow:none; }
.agency-proof-section .workflow-proof figcaption strong { display:grid; gap:.9rem; font-size:clamp(1.65rem,2.6vw,2.45rem); }
.agency-proof-section .workflow-proof figcaption strong>.lang { display:grid; gap:.9rem; }
.proof-tag { display:block; width:max-content; padding:.38rem .62rem; border-radius:999px; color:var(--forest); background:var(--mint); font:900 .62rem/1 var(--sans); font-style:normal; text-transform:uppercase; letter-spacing:.08em; }
.screen-explanation { margin-top:1rem; color:var(--soft); font-size:.84rem; line-height:1.7; }
.screen-explanation b { color:var(--ink); }
.agency-comparison { overflow:hidden; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 18px 46px rgba(20,32,28,.055); }
.agency-comparison>div { display:grid; grid-template-columns:minmax(150px,.55fr) 1fr 1fr; }
.agency-comparison>div+div { border-top:1px solid var(--line); }
.agency-comparison span,.agency-comparison b { padding:1rem 1.15rem; }
.agency-comparison span+span,.agency-comparison b+span { border-left:1px solid var(--line); }
.agency-comparison b { color:var(--forest); font-size:.78rem; }
.agency-comparison span { color:var(--soft); font-size:.75rem; line-height:1.55; }
.agency-comparison .comparison-head { background:var(--forest); }
.agency-comparison .comparison-head span { color:rgba(255,255,255,.8); border-left-color:rgba(255,255,255,.12); font-size:.64rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.empty-showcase { max-width:900px; margin-bottom:2rem;padding:clamp(2rem,5vw,4rem);border:1px solid var(--line);border-radius:32px;background:#e6eee9; }
.empty-showcase>span { color:#ba4d2d;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.supplier-hero { padding-bottom:0; }
.supplier-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,.92fr) minmax(430px,.82fr); gap:clamp(3rem,7vw,6rem); align-items:center; padding-bottom:clamp(4rem,7vw,7rem); }
.supplier-flow-visual { position:relative; overflow:hidden; padding:1.2rem; border:1px solid rgba(255,255,255,.72); border-radius:32px; color:#fff; background:linear-gradient(145deg,#0b211d,#17483d); box-shadow:0 32px 80px rgba(16,42,38,.22); }
.supplier-flow-visual::before { content:""; position:absolute; right:-110px; bottom:-110px; width:310px; height:310px; border:1px solid rgba(235,121,83,.28); border-radius:50%; box-shadow:0 0 0 42px rgba(235,121,83,.05),0 0 0 84px rgba(235,121,83,.035); }
.supplier-flow-head { position:relative; display:flex; justify-content:space-between; gap:1rem; padding:.45rem .45rem 1rem; border-bottom:1px solid rgba(255,255,255,.12); }
.supplier-flow-head span { color:#f4a384; font-size:.7rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.supplier-flow-head small { color:rgba(255,255,255,.58); }
.supplier-flow-visual ol { position:relative; display:grid; gap:.55rem; margin:1rem 0 0; padding:0; list-style:none; }
.supplier-flow-visual li { display:grid; grid-template-columns:42px 1fr; gap:.8rem; align-items:center; padding:.8rem; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(255,255,255,.055); }
.supplier-flow-visual li>span { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; color:#f6b39a; background:rgba(235,121,83,.13); font-size:.68rem; font-weight:900; }
.supplier-flow-visual li div { display:grid; gap:.05rem; }
.supplier-flow-visual li b { font:500 1.03rem/1.15 Georgia,serif; }
.supplier-flow-visual li small { color:rgba(255,255,255,.58); font-size:.71rem; }
.supplier-proof-bar { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-bottom:0; border-radius:24px 24px 0 0; background:var(--paper); box-shadow:0 -12px 38px rgba(16,42,38,.08); }
.supplier-proof-bar div { display:grid; gap:.15rem; padding:1.15rem 1.2rem; }
.supplier-proof-bar div+div { border-left:1px solid var(--line); }
.supplier-proof-bar b { font:500 1.05rem/1.15 Georgia,serif; }
.supplier-proof-bar span { color:var(--soft); font-size:.7rem; }
.supplier-problem-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.72fr); gap:clamp(3rem,8vw,7rem); align-items:start; }
.supplier-problem-grid .section-heading { margin:0; }
.supplier-problem-copy { padding:clamp(1.4rem,3vw,2rem); border:1px solid var(--line); border-radius:28px; background:#fff; box-shadow:0 18px 45px rgba(20,32,28,.07); }
.check-list.light { margin-top:1.5rem; color:var(--soft); }
.supplier-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.75rem; margin:0; padding:0; list-style:none; counter-reset:supplier-step; }
.supplier-steps li { min-height:245px; display:flex; flex-direction:column; gap:1.3rem; padding:1.25rem; border:1px solid var(--line); border-radius:22px; background:#fff; }
.supplier-steps li>span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--forest); font-size:.66rem; font-weight:900; }
.supplier-steps h3 { margin:auto 0 .6rem; font:500 1.5rem/1.05 Georgia,serif; }
.supplier-steps p { margin:0; color:var(--soft); font-size:.78rem; line-height:1.55; }
.supplier-commercial-path { background:var(--forest); color:#fff; }
.supplier-commercial-path .section-heading { max-width:820px; }
.supplier-commercial-path .section-heading p { color:rgba(255,255,255,.72); }
.supplier-commercial-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:3rem 0 0; padding:1px; list-style:none; border-radius:24px; overflow:hidden; background:rgba(255,255,255,.16); }
.supplier-commercial-steps li { display:grid; grid-template-columns:auto 1fr; gap:1rem; min-height:210px; padding:1.4rem; background:#153a34; }
.supplier-commercial-steps li>span { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.3); border-radius:50%; font-size:.66rem; font-weight:900; }
.supplier-commercial-steps h3 { margin:.35rem 0 .7rem; color:#fff; font:500 1.45rem/1.08 Georgia,serif; }
.supplier-commercial-steps p { margin:0; color:rgba(255,255,255,.72); font-size:.78rem; line-height:1.55; }
.supplier-proof-section { background:linear-gradient(180deg,var(--paper),#f0ede4); }
.supplier-proof-chapter { display:grid; grid-template-columns:minmax(260px,.42fr) minmax(0,1fr); gap:clamp(2rem,6vw,5rem); align-items:start; margin-top:clamp(4rem,8vw,7rem); padding-top:clamp(3rem,6vw,5rem); border-top:1px solid var(--line); }
.supplier-proof-chapter>header { position:sticky; top:calc(var(--header) + 28px); }
.supplier-proof-chapter>header>span { color:#ba4d2d; font-size:.68rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.supplier-proof-chapter h3 { margin:.8rem 0 1rem; font:500 clamp(2rem,3.7vw,3.5rem)/1 Georgia,serif; letter-spacing:-.035em; }
.supplier-proof-chapter header p { color:var(--soft); }
.supplier-screen-grid { display:grid; gap:1.25rem; min-width:0; }
.supplier-screen-grid--catalog { grid-template-columns:1fr 1fr; }
.supplier-screen-grid--catalog .supplier-screen:first-child { grid-column:1/-1; }
.supplier-screen-grid--pair { grid-template-columns:1fr; }
.supplier-screen-grid--single { grid-template-columns:1fr; }
.supplier-screen { min-width:0; margin:0; border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:0 18px 45px rgba(20,32,28,.07); overflow:hidden; }
.supplier-screen-media { position:relative; aspect-ratio:16/10; overflow:hidden; background:#dfe8e4; }
.supplier-screen-media img { width:100%; height:100%; object-fit:cover; object-position:left top; }
.supplier-screen-placeholder { height:100%; display:flex; align-items:center; justify-content:center; gap:1rem; padding:2rem; color:#fff; background:linear-gradient(145deg,#102a26,#245346); }
.supplier-screen-placeholder::after { content:""; position:absolute; inset:18px; border:1px dashed rgba(255,255,255,.2); border-radius:16px; }
.supplier-screen-placeholder>div,.supplier-screen-code { position:relative; z-index:1; }
.supplier-screen-placeholder>div { display:grid; gap:.2rem; max-width:30ch; }
.supplier-screen-placeholder small { color:rgba(255,255,255,.6); font-size:.7rem; }
.supplier-screen-code { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; border-radius:14px; color:#fff; background:var(--accent); font-size:.7rem; font-weight:900; }
.supplier-screen figcaption { display:grid; gap:.6rem; padding:1.25rem; }
.supplier-screen-label { color:#ba4d2d; font-size:.62rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.supplier-screen figcaption>strong { font:500 clamp(1.35rem,2.6vw,2rem)/1.05 Georgia,serif; }
.supplier-screen figcaption p { margin:0; color:var(--soft); font-size:.8rem; }
.supplier-screen figcaption>small { padding-top:.65rem; border-top:1px solid var(--line); color:var(--soft); font-size:.7rem; }
.supplier-screen-state { color:#6d7d76; font-size:.62rem; }
.supplier-type-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.supplier-type-grid article { min-height:190px; display:flex; flex-direction:column; justify-content:flex-end; padding:1.25rem; border:1px solid var(--line); border-radius:22px; background:#fff; }
.supplier-type-grid span { color:#ba4d2d; font:500 1.3rem/1.1 Georgia,serif; }
.supplier-type-grid p { margin:.7rem 0 0; color:var(--soft); font-size:.78rem; }
.form-card { position:relative;padding:1.45rem;border-radius:28px;background:#fff;box-shadow:var(--shadow); }
.candidate-note { display:grid;gap:.15rem;margin-bottom:1rem;padding:.8rem;border:1px solid #efc86b;border-radius:14px;background:#fff7df;font-size:.78rem; }
form { display:grid;gap:.9rem; }
.form-progress { display:grid;grid-template-columns:28px 1fr 28px 1fr 28px;align-items:center;gap:.55rem;margin:.1rem 0 .25rem; }
.form-progress [hidden],form [hidden] { display:none!important; }
.form-progress span { display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--soft);font-size:.72rem;font-weight:850; }
.form-progress span.is-active { border-color:var(--ink);color:#fff;background:var(--ink); }
.form-progress i { height:1px;background:var(--line); }
.form-step { display:grid;gap:.9rem;margin:0;padding:0;border:0;min-width:0; }
.form-step[hidden] { display:none!important; }
.form-step legend { margin:0 0 .15rem;padding:0;font:600 1.05rem/1.2 Georgia,serif; }
.form-step-actions { display:grid;grid-template-columns:auto 1fr;gap:.7rem; }
.form-step-actions .button-primary { width:100%; }
.field-row { display:grid;grid-template-columns:1fr 1fr;gap:.8rem; }
.field { display:grid;gap:.32rem; }
.field label { font-size:.76rem;font-weight:850; }
.field input,.field select,.field textarea { width:100%;padding:.72rem .8rem;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff; }
.field textarea { resize:vertical; }
.consent { display:flex;align-items:flex-start;gap:.65rem;color:var(--soft);font-size:.76rem; }
.consent input { margin-top:.27rem; }
.consent a { text-decoration:underline;text-underline-offset:2px; }
.form-footnote { margin:0;color:var(--soft);font-size:.68rem;text-align:center; }
.field small { display:block;margin-top:.35rem;color:var(--soft);font-size:.68rem; }
.form-status { min-height:1.2em;margin:0;color:var(--soft);font-size:.72rem;text-align:center; }
.appointment-note { display:grid;gap:.2rem;padding:.9rem 1rem;border:1px solid #b8d8cc;border-radius:14px;background:#eef8f3;color:var(--soft);font-size:.76rem; }
.appointment-note b { color:var(--ink); }
.button:disabled { cursor:wait;opacity:.68; }
.hp-field { position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0); }
.login-hero { min-height:calc(100vh - 110px);display:grid;place-items:center; }
.login-card { max-width:520px;padding:2rem;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow);text-align:center; }
.login-card img { margin:0 auto 2rem; }
.login-card h1 { max-width:none;font-size:clamp(2.6rem,5vw,4rem); }
.login-card p { color:var(--soft); }
.login-card small { display:block;margin-top:1rem;color:var(--soft); }
.login-separator { display:flex;align-items:center;gap:.7rem;margin:1rem 0;color:var(--soft);font-size:.72rem; }
.login-separator::before,.login-separator::after { content:"";height:1px;flex:1;background:var(--line); }
.legal h1 { max-width:15ch;font-size:clamp(3rem,6vw,5.6rem); }
.legal-copy { max-width:74ch; }
.legal-copy h2 { margin:2.4rem 0 .7rem;font:500 2rem Georgia,serif; }
.site-footer { padding-top:4rem;color:#fff;background:#0b1c18; }
.footer-grid { display:grid;grid-template-columns:1.2fr .6fr .8fr;gap:4rem;padding-bottom:3rem; }
.footer-brand img { width:166px; }
.footer-grid p { max-width:42ch;margin-top:1rem;color:rgba(255,255,255,.58);font-size:.84rem; }
.footer-links { display:grid;align-content:start;gap:.4rem; }
.footer-links strong { margin-bottom:.35rem;color:#f4a384;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase; }
.footer-links a { color:rgba(255,255,255,.72);font-size:.82rem; }
.footer-bottom { display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);font-size:.68rem; }
.status-dialog { max-width:500px;padding:2rem;border:0;border-radius:24px;color:var(--ink);box-shadow:var(--shadow); }
.status-dialog::backdrop { background:rgba(7,17,14,.68);backdrop-filter:blur(4px); }
.status-dialog>span { width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-weight:900; }
.status-dialog h2 { margin:.9rem 0 .5rem;font:500 2rem/1 Georgia,serif; }
.status-dialog p { color:var(--soft); }
.dialog-close { position:absolute;top:.7rem;right:.7rem;width:36px;height:36px;border:0;border-radius:50%;background:var(--cream);cursor:pointer; }
@media(max-width:980px){.header-nav{position:absolute;top:calc(100% + 8px);right:14px;left:14px;display:grid;gap:0;padding:.6rem 1rem;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-8px)}.header-nav.is-open{opacity:1;pointer-events:auto;transform:none}.header-nav a{padding:.7rem 0;border-bottom:1px solid var(--line)}.header-nav a.nav-cta{margin:.45rem 0 0;text-align:center}.header-nav a:last-child{border:0}.header-nav a.is-current::after{display:none}.menu-toggle{display:block;margin-left:auto}.hero-grid,.form-layout,.trust-grid,.supplier-hero-grid,.supplier-problem-grid{grid-template-columns:1fr;gap:3rem}.role-map,.product-story,.value-bridge,.supplier-flow-visual{max-width:680px}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip div:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.12)}.metric-strip div:nth-child(4){border-top:1px solid rgba(255,255,255,.12)}.workflow-proof .screen-slot{grid-template-columns:1fr}.workflow-proof .screen-slot:nth-child(even) .screen-media,.workflow-proof .screen-slot:nth-child(even) figcaption{order:initial}.supplier-proof-bar,.supplier-type-grid{grid-template-columns:1fr 1fr}.supplier-proof-bar div:nth-child(3),.supplier-proof-bar div:nth-child(4){border-top:1px solid var(--line)}.supplier-proof-bar div:nth-child(3){border-left:0}.supplier-steps,.supplier-commercial-steps{grid-template-columns:repeat(2,1fr)}.supplier-proof-chapter{grid-template-columns:1fr;gap:2rem}.supplier-proof-chapter>header{position:static;max-width:720px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:700px){body{font-size:16px}.container{width:min(var(--container),calc(100% - 28px))}.candidate-bar{right:10px;bottom:10px;font-size:.52rem}.brand img{width:135px}.lang-toggle button{min-width:31px}.hero{padding:4.5rem 0}.home-hero,.supplier-hero{padding-bottom:0}.home-hero .hero-grid,.supplier-hero-grid{padding-bottom:3.5rem}.hero-compact{padding:4rem 0}h1,.hero-compact h1{font-size:clamp(3rem,14vw,4.4rem)}.capability-strip,.supplier-proof-bar,.demo-agenda,.metric-strip{grid-template-columns:1fr}.capability-strip div+div,.supplier-proof-bar div+div{border-top:1px solid var(--line);border-left:0}.metric-strip div+div,.metric-strip div:nth-child(3){border-top:1px solid rgba(255,255,255,.12);border-left:0}.role-map{min-height:0;grid-template-columns:1fr;gap:.7rem}.role-map div{min-height:170px}.role-map i{width:58px;height:58px;justify-self:center}.role-cards,.three-cards,.pricing-grid,.outcome-grid,.shot-grid,.field-row,.supplier-steps,.supplier-commercial-steps,.supplier-screen-grid--catalog,.supplier-type-grid{grid-template-columns:1fr}.supplier-screen-grid--catalog .supplier-screen:first-child{grid-column:auto}.supplier-steps li,.supplier-commercial-steps li{min-height:0}.outcome-grid article{min-height:260px}.role-cards article,.three-cards article,.pricing-grid article{min-height:0}.workflow-proof figcaption{padding:1.2rem}.workflow-proof figcaption strong{font-size:1.7rem}.cta-band .container,.footer-bottom{align-items:flex-start;flex-direction:column}.screen-placeholder{min-height:210px}.screen-slot--s05 .screen-media{aspect-ratio:16/9}.screen-slot--s05 .screen-media img{object-position:center}.shot-grid .screen-slot:last-child .screen-placeholder{width:min(78vw,300px)}.supplier-screen-placeholder{min-height:230px;flex-direction:column;text-align:center}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-grid>div:first-child{grid-column:auto}}
@media(max-width:980px){.agency-proof-strip,.agency-friction-grid,.agency-os-grid{grid-template-columns:1fr 1fr}.agency-proof-strip div:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.13);border-left:0}.agency-friction-grid article,.agency-os-grid article{min-height:300px}.agency-comparison>div{grid-template-columns:130px 1fr 1fr}}
@media(max-width:700px){.agency-hero{padding-bottom:0}.agency-thread-head{display:grid}.agency-thread li{grid-template-columns:82px 1fr}.agency-proof-strip,.agency-friction-grid,.agency-os-grid{grid-template-columns:1fr}.agency-proof-strip div+div,.agency-proof-strip div:nth-child(3){grid-column:auto;border-top:1px solid rgba(255,255,255,.13);border-left:0}.agency-friction-grid article,.agency-os-grid article{min-height:0}.agency-boundary{grid-template-columns:1fr;gap:.7rem}.agency-proof-section .workflow-proof .screen-slot{padding:.65rem;border-radius:22px}.agency-proof-section .workflow-proof .screen-media{border-radius:16px}.agency-proof-section .workflow-proof figcaption{grid-template-columns:1fr;padding:1rem .65rem 1.1rem}.agency-comparison{border-radius:18px}.agency-comparison>div{grid-template-columns:1fr}.agency-comparison .comparison-head{display:none}.agency-comparison>div+div{padding:.9rem}.agency-comparison span,.agency-comparison b{padding:.35rem 0}.agency-comparison span+span,.agency-comparison b+span{border-left:0}.agency-comparison b{font-size:.82rem}.agency-comparison span{font-size:.78rem}.agency-comparison span:first-of-type::before{content:"— ";color:#ba4d2d;font-weight:900}.agency-comparison span:last-child::before{content:"✓ ";color:var(--accent);font-weight:900}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}